/*  
Theme Name: AgapeFest 2009 Micro
Theme URI: http://www.agapefest.com
Description: Micro-blog format for AgapeFest week
Version: 1.0
Author: Joel Goodman
Author URI: http://joel.thegoodmanblog.com
Tags: green, grey, gray, black, vector, music, rock n roll, 2-column

	Light Grey: #eeeeee
	Dark Grey: #333333
	Green: #b0bd22
	Blue: #6b98ad
	White: #FFFFFF

*/


/* 
	RESET
*/

* { margin:0; padding:0 }
html { overflow-y: scroll;}
html, body { height: 100%; }
body { font-size: 62.5%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; 
	   background: url(./images/h-bg.png) top center repeat-x #eee; min-width:1000px;}
ul { list-style: square inside; }
ol { list-style: decimal outside; margin-left: 15px;}
a { outline: none; text-decoration: none; }
a img { border:none; }
img {vertical-align:middle; }
table { border-collapse: collapse; }
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } /* Gets links displaying over a PNG background */


ol li { padding: 5px 0 5px; }
ol li ul { margin-left: 15px; list-style: disc outside; }

table tr td{
	font-size: 12px;
}

#msLineup th {
	text-align: left;
}

/* 
	UTILITY
*/
.floatLeft { float:left; }
.floatRight { float:right; }
.clear {clear: both; }
.button{ border: 1px solid #b0bd22; background: #b0bd22; padding: 3px 8px; text-transform:uppercase; 
		  -moz-border-radius: 5px; 
		  -webkit-border-radius: 5px; 
		  color: white; font-weight:normal;}
.button:hover{ background: white; color: #333333; text-decoration:none; }
span.red { color: red; }
img#ffStats {
	height: 0px;
	width: 0px;
	visibility: hidden;
}



/* Built-In Photo */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #DDD;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

p.wp-caption-text{text-align:center;margin:0;}

.archives ul, .sideMeta ul{ list-style: none; padding-left: 0px;}
.archives ul li, .sideMeta ul li{ display: block;padding-left:15px; background: url(./images/arrow_b.png) no-repeat scroll 2px; list-style:none;}


a:link img.size-thumbnail, a:visited img.size-thumbnail, .feedContent img{ 
						    margin: 5px; 
                           border: 5px solid #333;    
					       -moz-border-radius: 5px;
					       -khtml-border-radius: 5px;
					       -webkit-border-radius: 5px;
					       border-radius: 5px; 
					          display: block;
   							margin-left: auto;
   							margin-right: auto;
					       }

.feedContent p {
	font-size: 1.0em;
	text-align: left;
}

.feedContent p img {
}

a:hover img.size-thumbnail, .feedContent img:hover{ margin: 5px; border: 5px solid #b0bd22;    
					-moz-border-radius: 5px;
					-khtml-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px; 
					   display: block;
   margin-left: auto;
   margin-right: auto;}

				
/* 
	TYPOGRAPHY
*/

p{ font-size: 1.2em; line-height: 1.5em; margin: 0 0 10px 0; }
a { color: #6b98ad; font-weight:bold; }
a:hover { text-decoration: underline; }
h1 { font-size: 2.6em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:-2px; }
h1 a, a:hover { color:#333333; }
h2 { font-size: 1.5em; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing:-1px; }
h2 a, a:hover { color:#333; }
h3 { font-size: 1.2em; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;  margin: 0 0 10px 0; }
h4 { color: white; font-size: 1.0em; margin-bottom: 15px; }



/*
	STRUCTURE
*/
#hwrap { width: 100%; margin:0;  background: url(./images/h-crowd10.gif) top right no-repeat; }
#wrapper { width: 960px; margin: 0px auto -400px;
		   min-height: 100%; height: auto !important; height: 100%; }
#push 	 { height: 375px; } /* Sticky Footer */
#sidebar-one { width: 220px; float: left; margin-right: 20px; }
#contentWrap { width: 100%; background: #fff;
				-moz-border-radius-topleft:10px; 
				-moz-border-radius-topright:10px;
			    -webkit-border-top-left-radius: 10px;
			    -webkit-border-top-right-radius: 10px

} 
#sidebar-two { width: 220px; float:right; }
.advert { padding-bottom:5px;}
.advert img { padding-left: 20px; }

.postContent {
	width: 100%;
	height:  auto;
}

/* Front stufffs */

ul.frontMeta {
	font-size: 2.5em;
	letter-spacing: -1px;
	font-weight: bold;
	color: #999;
	list-style: none;
	text-align: center;
	
	
}

.frontMeta li {
	color: #999;
	display: inline;
}

.frontMeta li:hover {
	color: #333;	
}

.commentLink a {
	color: #999;
	text-decoration: none;
}
.commentLink a:hover {
	color: #333;
	text-decoration: none;
}

div.message {
	background: #666666;
	width:  100%;
	margin-bottom: 0;
	padding: 5px;
	color: white;
	margin-left: -10px;
	vertical-align: middle;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}

h1.messageTitle {
	text-align: center;
	padding-left: 30px;
	vertical-align: middle;
	padding: 15px;
}


/* --- PAGE SPECIAL ----- */
#single-wrap {width: 690px; float: left; padding-top:10px; background:#b0bd22; 
			-moz-border-radius:10px;
				-webkit-border-radius: 10px; margin-bottom: 40px;}

#page-content { width: 690px; float: left; margin-right: 20px; 
				background: white;  
				-moz-border-radius-bottomleft:10px; 
				-moz-border-radius-bottomright:10px;
			    -webkit-border-bottom-left-radius: 10px;
			    -webkit-border-bottom-right-radius: 10px;
			    
			    }

/* STAGE2 LINEUP */
	ul.stage2lineup {
				width: 70%;
				list-style: none;
				margin-left: auto;
				margin-right: auto;
		}
	ul.stage2lineup li { 
				margin:10px 0;
				}
	li.s2band {
			border: 2px solid #999;
			background: #eee;
			height: 110px;
			vertical-align:middle;
			width:100%;
			color: #333;
			-moz-border-radius: 5px;
			-khtml-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;
			
		}
	li.bob{
			border: 2px solid #999;
			background: #eee;
			height: 200px;
			vertical-align:middle;
			width:100%;
			color: #333;
			-moz-border-radius: 5px;
			-khtml-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;		
}
	
	.s2band .bandline { 		
			padding-left: 100px;
			margin-left: 10px;
			margin-bottom: 10px;
			margin-top: 10px;
			height: 80px;
			background-image: url(http://www.agapefest.com/images/stage2/stage2bands.jpg);
			background-repeat: no-repeat;
			vertical-align:middle;
		}
	.bob .bandline { 		
			padding-left: 100px;
			margin: 10px 5px 10px 10px;
			height: 80px;
			background-image: url(http://www.agapefest.com/images/stage2/stage2bob.jpg);
			background-repeat: no-repeat;
			vertical-align:middle;
		}	
	.s2band .alisaturner, .bob .markD {	
			background-position: 0px 0px;
		}
	.farebridge, .bob .lowland {
			background-position: 0px -80px;
			}
	.randomhero, .bob .storyline {
			background-position: 0px -160px;
			}
	.scratchtrack, .bob .johnfrischer {
			background-position: 0px -240px;
			}
	.heathmcnease, .bob .bream {
			background-position: 0px -320px;
			}
	.redumbrella {
			background-position: 0px -400px;
			}
	.nitengale {
			background-position: 0px -480px;
			}
	.communion {
			background-position: 0px -560px;
			}

/*
	HEADER
*/
#header { width: 100%; height: 187px;}
h1#logo { width:474px; height:187px;
		  background: url(./images/h-logo.png) top left no-repeat;margin: 0 10px 8px 0; float: left; line-height:0px; }
h1#logo span {
	visibility: hidden;
}
#info { visibility:hidden; }
.festdate { float:right; }

/* 
	THE CONTENT
*/

#thePosts { margin-left: 230px;
			padding-left: 45px;
			padding-bottom: 40px;
			border-left: solid 1px #dddddd;

}
h2.postTitle { font: Verdana, Helvetica, sans-serif; font-size: 2.2em; letter-spacing:-2px; font-weight:normal;}

.post h2 { }
.datebox { width: 70px; float: right; background: #6b98ad; color: white; text-align:center;  padding:5px; 
		   font-size: 1.2em; font-weight: bold;
		   text-align:center; margin: 0 0 0 10px; -moz-border-radius:5px; -webkit-border-radius: 5px; vertical-align:middle;}
		   
.feedContent {
	margin-left: 10px;
	text-align: center;
	font-size: 1.3em;
}		   


.post h1 { padding-bottom: 15px; }		   
.post { padding: 25px 0; }
.navigation { padding-bottom: 5px; }
.navigation a{ border: 1px solid #b0bd22; background: #b0bd22; padding: 3px 8px; text-transform:uppercase; 
		  -moz-border-radius: 5px; 
		  -webkit-border-radius: 5px; 
		  color: white; font-weight:normal; }
.navigation a:hover { background: white; color: #333333; text-decoration:none; }

.post-nav { padding-bottom: 2.0em; }
.post-nav .previous { float: left; }
.post-nav .next { float:right; }
.archivewrap { padding-top: 20px; }

.ticketOrder { float: right; padding-top: 20px; font-size: 1.3em; font-weight: bold; line-height: 1.3em;}

/* META */
.postMeta .editIcon {background: url(./images/edit-icon.png) no-repeat left center;padding: 0 0 4px 13px;margin-left: 2px;}
.postMeta .permaIcon {background: url(./images/pl-icon.png) no-repeat left center;padding: 0 0 4px 13px; margin-left: 2px;}
.postMeta .comIcon {background: url(./images/com-icon.png) no-repeat left center;padding: 0 0 4px 13px; margin-left: 2px;}
.postMeta .authIcon {background: url(./images/auth-icon.png) no-repeat left center;padding: 0 0 4px 13px; margin-left: 2px;}

.metaspan { font-size: 0.8em; line-height: 1.5em;}

/*
	TICKET TEMPLATE	
*/

.ticket-prices { width: 215px; background:transparent;}
.ticket-prices ul li {
	padding:2px 15px;
}

#earlybird { float:left;padding-right: 10px; text-decoration: line-through;}
#earlybird .ticket-title {background:#ddd; color:#FFF; text-align:center;}
#earlybird .ticket-title h1 { text-decoration: line-through; }
#earlybird p, #earlybird ul li { color: #ccc;}
#presale {float: left; padding-right:10px; }
#presale .ticket-title { background:#6b98ad; color:white;text-align:center; }
#presale .ticket-title h1 { color:white; }
#gate {float:left;}
#gate .ticket-title { background:#333333; color:white;text-align:center; }
#gate .ticket-title h1 { color:white; }

.ticketmeta { font-size: 10px; text-align:center; }
li.odd { background:#eee; }
ul.inContent { list-style: disc; padding-left: 20px; }
ul.inContent li { padding: 5px; }

/*
	THE COMMENTS
*/
ol.commentlist { list-style: none; padding-bottom:20px; }
.comment-bubble {background: white; margin-top:10px; padding: 8px; border: 10px solid #333333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
ol.commentlist li p { font-size: 1.0em; }
.user-info { background: url(./images/com-tip.png) no-repeat top left; margin-left: 10px; padding-top:10px; }

/* ----- BANDS LIST LAYOUT ------ */
ul.bands {
	width: 300px;
	list-style: none;
	display: block;
	font-size: 1.5em;
	margin-top: 15px;
	margin-bottom: 20px;
}

ul.bands li {
	display: block;
	list-style: none;
}

ul.bands li ul li {
	padding: 5px 10px;
}

ul.bands li ul li:hover {
	background: #b0bd22;
	color: white;
}

ul.friday {
	float: left;
	margin-left: 20px;
	margin-right: 25px;
}

ul.saturday {
	float: left;
}

/* 
	WIDGETS
*/
.wdgtwrap { padding-top:10px; background:#333333;-moz-border-radius:10px;
			-webkit-border-radius: 10px;
			}
			
.widgetF { width: 220px; height:auto; 
          margin: 0 0 15px 0;}
.widget {
		width: 220px; 
		height:auto; background:white; 
        margin: 0 0 15px 0; 
        -moz-border-radius-bottomleft:9px; 
        -moz-border-radius-bottomright:9px;
		-webkit-border-bottom-left-radius: 9px;
		-webkit-border-bottom-right-radius: 9px;
}
.inside { padding: 10px; }
.widget ul { list-style: square; margin-left: 15px; }
.widget ul a { display: block; padding:2px; }
#sidebar-one .widget ul {
	list-style: none; margin-left: 0;
	font-size: 1.2em;
	line-height: 1.5em;
}

#sidebar-one .widget ul#recentcomments li {
	border-bottom: thin solid #ddd;
	padding: 3px 0;
}

#sidebar-one .widget_search #searchsubmit{ text-align: center; margin: 3px auto;
	
}

.follow { margin-top:5px; }
.twitter .follow {float:right; }
.tweet { padding: 8px; border: 10px solid #333333; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; }

.afWire .inside { background: url(./images/afwireTitle.png) no-repeat top center; }
#emailBox { padding-top: 80px; }
#vertical { margin-right: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.poster { text-align: center; }
.poster img { width: 200px; }
.sponsors ul{ list-style:none; }
.sponsors ul li { padding:5px; display:inline-table; }
ul#sponsorGrid li.img{ background: url(./images/holder.png) no-repeat; }
.parent-title { font-size: 1.2em; }

ul#social { list-style:none; margin-left:0px;}

#social li { padding-left: 20px; }
li.fb {background: url(./images/fb16x16.png) no-repeat left center; }
li.ms {background: url(./images/ms16x16.png) no-repeat left center; }
li.tw {background: url(./images/tw16x16.png) no-repeat left center; }
li.fl {background: url(./images/fl16x16.png) no-repeat left center; }
li.yt {background: url(./images/yt16x16.png) no-repeat left center; }

.flickr-list { list-style:none; display: block; text-align:center; padding-bottom: 15px;}
.flickr-list img { }
.flickr-list a img  { margin: 5px; border: 5px solid #333;    
					-moz-border-radius: 5px;
					-khtml-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px;  }
					
.flickr-list img:hover{ margin: 5px; border: 5px solid #b0bd22;    
					-moz-border-radius: 5px;
					-khtml-border-radius: 5px;
					-webkit-border-radius: 5px;
					border-radius: 5px; }

.flickr .photostream { float: right; }

.sponsors ul { padding-bottom: 15px; }
.sponsorship { float: right;}

ul#rec-comments { list-style: none; margin:0; }
.authors ul li { text-transform: capitalize; }

.sideblog h3 a { color:black; }
.asidesTitle { text-transform: capitalize; }
.asidesContent p { font-size:1.0em ; }
div.alignright { float: right; }

.thumb {  text-align:center;
		  margin-bottom:5px; }

.sideblog a.button { float: right; }


/*
	FOOTER
*/
#footer {min-height: 400px; background: #333333; border-top: 4px solid #b0bd22; padding-top: 20px; color:white; margin-top: 20px;}
#footer-inside { width: 980px; margin: 0 auto; }
#footer a { font-weight:normal; }
#footer a:hover { color: #b0bd22; }
.footer-info { font-style: italic; }
.legal { font-style: italic; }

#footer-1 {width: 250px; float:left; margin-right: 20px; padding-right:10px; border-right:thin white dotted; }
#footer-2 {width: 150px; float:left;border-right:thin white dotted; margin-right: 20px; padding-right:10px;}
#footer-2 li.pagenav {list-style:none; }
#footer-2 li.pagenav ul {margin-left: 10px; }


#footer-3 {float: left; width:230px;border-right:thin white dotted; margin-right:20px; padding-right: 10px; line-height: 1.2em;}
#footer-3 h2 { padding-bottom: 10px;}
#footer-4 {float:left;}
#footer-4 ul {list-style:none; padding-top: 20px; float:right;}
#footer-4 ul li {display:inline; float:left; padding-left: 8px;}
#footer-4 ul li h1 {padding-top:11px; font-size:2.8em;}
#footer-4 a {color:white; font-family:Verdana, Arial, Helvetica, sans-serif; letter-spacing:1px;}

/* 
	MENU
*/


#menubar {
	margin-top:134px;
	float:right;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.23em;
	text-align:center;
}

#menubar ul {
	margin: 0px;
	padding: 6px;
	
	}

#menubar ul li {
	float:left;
	display: inline;
}


#menubar ul li a {
	text-decoration: none;
	text-transform:lowercase; color:white; 
	font-size: 1.4em; 
	font-family: Verdana, Arial, sans-serif; 
	padding: 3px 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px; 
	font-weight:bold; 
}


#menubar ul li a:hover {background:#b0bd22;
	color: #fff;
	text-decoration: none;
	
}

/* SLIDER */
#menuBands, #menuInfo, #menuMedia, #menuMinistry { 
	z-index: 1000;
	position: absolute;
	margin-top: -16px;
	background: #d3d3d3; 
	border-left: solid 2px #444; 
	border-right: solid 2px #333; 
	border-bottom: solid 2px #222; 
	vertical-align: middle;
	text-align: right;
	-moz-border-radius-bottomleft:10px; 
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px; }
	
#menuBands {background: #d3d3d3 url(./images/bandsBG.png) no-repeat left bottom; width: 160px; margin-left: 485px;}
#menuInfo { background: #d3d3d3 url(./images/infoBG.png) no-repeat left bottom; width: 150px; margin-left: 548px; }
#menuMedia { background: #d3d3d3 url(./images/mediaBG.png) no-repeat left bottom; width: 195px; margin-left: 578px;  }
#menuMinistry{ background: #d3d3d3 url(./images/ministryBG.png) no-repeat left bottom; width: 195px; margin-left: 675px; }


#menuBands a, #menuInfo a, #menuMedia a, #menuMinistry a{ color:#333333; font-size: 1.2em; padding-left: 3px; padding-right: 3px; }
#menuBands a:hover, #menuInfo a:hover, #menuMedia a:hover, #menuMinistry a:hover { background:#6b98ad; text-decoration: none; color: #fff;}

#menuBands ul, #menuInfo ul, #menuMedia ul, #menuMinistry ul {list-style: none; float:right;	margin: 5px 10px 35px 0px;}
#menuBands ul li, #menuInfo ul li, #menuMedia ul li, #menuMinistry ul li { display: block;}
.close { height: 20px; padding-bottom:5px; vertical-align: middle; }

.bands .headliner {
	font-weight: bold;
	font-style: italic;
	color: #444;
}



/* 
	Light Grey: #eeeeee
	Dark Grey: #333333
	Green: #b0bd22
	Blue: #6b98ad
	White: #FFFFFF */