/*
Theme Name: Viva Acappella
Theme URI: http://www.vivaacappella.co.uk
Description: Standard theme for Viva Acappella.
Version: 1.0.2
Author: Matthew Charlesworth
Author URI: http://www.matthewcharlesworth.co.uk/
*/

/* Reset CSS
------------------------------------------------------*/

p, h1, h2, h3, h4, h5, h6, div, ul, ol, dl, li, dt, dd, hr, img { border:none; margin:0; padding:0; }
ul, ol { list-style:none; }
a { outline:none; }

/* General stuff
------------------------------------------------------*/

html { background:#1b1b1b url(images/assets/purple-diagonal-bg.gif); color:#444; font:14px/1.5 Arial, Helvetica, sans-serif; }
body { margin:0; padding:0 }

.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
.clearfix { display:inline-block; } /* For IE7 */
/* Hide from IE Mac \*/
.clearfix { display:block; }
/* End hide from IE Mac */


/* Layout
------------------------------------------------------*/

#wrapper {
	margin:0 auto;
	width:960px;
}

#main-content {
	padding-top:30px;
}

#col-left {
	float:left;
	width:610px;
}

#col-right {
	float:right;
	width:320px;
}

hr { display:none }

div.divide { background:transparent url(images/assets/divide.png) top left no-repeat; clear:both; display:block; height:2px; }


/* Typography, Links and Images
------------------------------------------------------*/

h2 {
	font-size:30px;
	text-shadow:1px 1px 1px rgba(0,0,0,0.25);
}

h3 {
	font-size:20px;
	margin-bottom:10px;
}

h4 {
	font-size:18px;
}

a {
	color:#941072;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

p {
	margin:14px 0;
}

.viva {	color:#ff0090; }

ol {
	list-style:outside decimal;
	margin:14px 0 14px 50px;
}

ul {
	list-style:outside square;
	margin:14px 0 14px 50px;
}

a[href$='.doc'], a[href$='.DOC'] { background:url(images/icons/page_white_word.png) center left no-repeat; padding-left:21px; }
a[href$='.mpeg'], a[href$='.MPEG'], a[href$='.mov'], a[href$='.MOV'], a[href$='.wmv'], a[href$='.WMV']  { background:url(images/icons/film.png) center left no-repeat; padding-left:21px; }
a[href$='.zip'], a[href$='.ZIP'] { background:url(images/icons/page_white_compressed.png) center left no-repeat; padding-left:21px; }
a[href$='.pdf'], a[href$='.PDF'] { background:url(images/icons/page_white_acrobat.png) center left no-repeat; padding-left:21px; }
a[href$='.xls'], a[href$='.XLS'] { background:url(images/icons/page_white_excel.png) center left no-repeat; padding-left:21px; }
a[href$='.wma'], a[href$='.WMA'], a[href$='.wma'], a[href$='.WMA'], a[href$='.wav'], a[href$='.WAV'], a[href$='.mp3'], a[href$='.MP3'], a[href$='.mid'], a[href$='.MID'], a[href$='.midi'], a[href$='.MIDI']
{ background:url(images/icons/music.png) center left no-repeat; padding-left:21px; }

img.alignleft {
	float:left;
	margin:0 10px 5px 0;
}

img.alignright {
	float:right;
	margin:0 0 5px 10px;
}

img.alignleft, img.alignright {
	border:1px solid #666;
}

/* Credit: http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba */

.supportus, .supportus:visited {
	background:#91bd09 url(images/assets/alert-overlay.png) repeat-x; 
	border-bottom:1px solid rgba(0,0,0,0.25);
		-moz-border-radius:5px;
		-o-border-radius:5px;
		-webkit-border-radius:5px;
	border-radius:5px;
		-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
		-o-box-shadow:0 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	color:#fff;
	display:inline-block;
	font-size:20px;
	font-weight:bold;
	padding:5px 20px; 
	position:relative;
	text-decoration:none;
	text-shadow:0 -1px 1px rgba(0,0,0,0.25);
	width:280px;
}

.supportus:hover {
	background-color:#749a02;
	color:#fff;
}


/* Header
------------------------------------------------------*/

#alert {
	background:#FFFF99;
	border-bottom:2px solid #FFCC66;
	font-size:12px;
	font-weight:bold;
	padding:2px 0;
	text-align:center;
}

#header {
	background:transparent url(images/assets/white-glow-30.png) top left no-repeat;
	position:relative;
}

#header h1 img {
	border:none;
	display:block;
}

#header .login {
	background:#000;
	border:1px solid #333;
	border-width:0 1px 1px 0;
	color:#fff;
	font-size:12px;
	opacity:0.7;
	padding:3px 10px;
	position:absolute;
	right:0;
	top:0;
	/* IE 5-7 */
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* IE8 */
	MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

#header .login a {
	color:#fff;
}

#nav {
	line-height:normal;
	width:960px
}

ul#nav {
	list-style:none;
	margin:0;
	padding:0;
}

#nav li {
	color:#b9b9b9;
	float:left;
	font-size:11px;
	text-shadow:1px 1px 1px #000;
}

#nav li a {
	color:#b9b9b9;
	display:block;
	padding:7px 0;
	text-decoration:none;
	width:90px;
}

#nav li strong {
	color:#fff;
	display:block;
	font-size:15px;
	text-shadow:2px 2px 2px #000;
}

#nav li:hover strong {
	color:#ff0090;
}


/* Homepage
------------------------------------------------------*/

#featured {
	background:#fff;
		-moz-border-radius:5px;
		-o-border-radius:5px; 
		-webkit-border-radius:5px;
	border-bottom:1px solid rgba(0,0,0,0.25);
	border-radius:5px;
		-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
		-o-box-shadow:0 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	height:350px;
	margin:30px 0;
	padding:20px;
	position:relative;
	width:920px;	
}

.homemid {
	background:#fff;
		-moz-border-radius:5px; 
		-o-border-radius:5px;
		-webkit-border-radius:5px;
	border-radius:5px;
		-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
		-o-box-shadow:0 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	border-bottom:1px solid rgba(0,0,0,0.25);
	float:left;
	margin:0 30px 30px 0;
	padding:20px;
	width:260px;
}

.homemid.last {
	margin:0 0 30px;
}

.homemid h3 {
	margin:0 0 10px;
}

.homemid ul {
	list-style:none;
	margin:0;
	padding:0;
}

ul#bloglisting li, ul#eventslisting li {
	border-bottom:1px dashed #ccc;
	padding-left:60px;
}

ul#bloglisting span, ul#eventslisting span {
	color:#666;
	float:left;
	font-family:"Courier New", Courier, monospace;
	margin-left:-60px;
}

#gallery {
	padding:20px 10px 10px 20px;
	width:270px;
}

#gallery img {
	border:5px solid #ccc;
		-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.5);
		-o-box-shadow::1px 1px 2px rgba(0,0,0,0.5);
		-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.5);
	box-shadow:1px 1px 2px rgba(0,0,0,0.5);
	margin:0 5px 5px 0;	
}

#gallery img:hover {
	border:5px solid #3a0161;
}


/* Col Left Main Content
------------------------------------------------------*/

.post-content {
	background:#fff;
		-moz-border-radius:5px;
		-o-border-radius:5px; 
		-webkit-border-radius:5px;
	border-radius:5px;
		-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
		-o-box-shadow:0 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	border-bottom:1px solid rgba(0,0,0,0.25);
	margin:0 0 30px;
	padding:30px 30px 16px 30px;
	width:550px;
}

.post-meta {
	border-bottom:1px solid #3A0161;
	margin-bottom:20px;
	position:relative;
}

.post-meta h2 {
	border-bottom:4px solid #941072;
	float:left;
	line-height:normal;
	padding-bottom:10px;
	width:365px;
}

.post-meta p {
	bottom:0;
	border-bottom:4px solid #c752a9;
	color:#c752a9;
	font-size:12px;
	line-height:normal;
	margin:0;
	padding-bottom:10px;
	position:absolute;
	right:0;
	text-align:right;
	width:185px;
}

.post-meta span {
	display:block;
}

.navigation .alignleft {
	float:left;
}

.navigation .alignright {
	float:right;
}

.navigation .alignleft a, .navigation .alignright a {
	background:#fff;
	display:inline-block;
	margin-bottom:30px;
	padding:3px 30px;
}


/* Comments */

#comments {
	background:#fff;
		-moz-border-radius:5px;
		-o-border-radius:5px;
		-webkit-border-radius:5px;
	border-radius:5px;
		-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
		-o-box-shadow:0 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	border-bottom:1px solid rgba(0,0,0,0.25);
	margin:0 0 30px;
	padding:30px 30px 0;
	width:550px;
}

#comments ol#comment-list {
	list-style:none;
	margin:0;
}

#comments ol#comment-list li {
	margin-bottom:30px;
}

#comments .comment-meta {
	line-height:normal;
}

#comments .comment-meta .gravatar {
	float:left;
	height:40px;
	margin-right:10px;
	width:40px;
}

#comments .comment-meta .gravatar img {
	border:1px solid #666;
}

#comments .comment-meta .author {
	color:#c752a9;
	float:left;
	font-size:12px;
}

#respond {
	background:#fff;
		-moz-border-radius:5px;
		-o-border-radius:5px;
		-webkit-border-radius:5px;
	border-radius:5px;
		-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
		-o-box-shadow:0 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	border-bottom:1px solid rgba(0,0,0,0.25);
	margin-bottom:30px;
	padding:30px 30px 16px;
	width:550px;
}

#respond input, #respond textarea {
	font:14px Arial, Helvetica, sans-serif;
}

#respond textarea {
	width:546px;
}


/* Sidebar
------------------------------------------------------*/

.module {
	background:#fff;
		-moz-border-radius:5px;
		-o-border-radius:5px;
		-webkit-border-radius:5px;
	border-radius:5px;
		-moz-box-shadow:0 1px 3px rgba(0,0,0,0.5);
		-o-box-shadow:0 1px 3px rgba(0,0,0,0.5);
		-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5);
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	border-bottom:1px solid rgba(0,0,0,0.25);
	margin-bottom:30px;
	padding:15px 20px;
}

.module.support {
	background:none;
	padding:0;
}

.module ul {
	list-style:none;
	margin:0;
}

.module ul li {
	background:transparent url(images/icons/arrow_right.png) left 3px no-repeat;
	padding-left:21px;
}


/* Footer
------------------------------------------------------*/

#footer {
	color:#999;
	font-size:12px;
	margin:5px 0;
}

#footer a {
	color:#999;
}

#footer p {
	margin:0;
	padding:0;
}

#footer p.top {
	float:right;
}

#footer p.top a {
	background:transparent url(images/icons/arrow-back.gif) left center no-repeat;
	padding-left:20px;
}