/*   
Theme Name: Joe Coffee
Theme URI: http://www.willolbrys.com/joecoffeee
Description: This theme powers Joe Coffee's website.
Author: Will Olbrys
Author URI: http://www.willolbrys.com
Version: 1.0
*/

/* Structure */
#wrapper{margin: 0 auto;width: 900px;}
	#header{margin-left:-107px;}
		#rss{margin-left:824px;position:absolute;top:117px;}
	#left_col{margin-top:-13px;position:absolute;width:465px;}
	#leftcol_bg_top{margin-bottom: -50px;z-index:1}
	.post{padding:0px 16px 20px 16px;width:431px;}
		.post h4, #respond{margin: 8px 0px 5px 0px;}
		.entry {padding: 10px}
		.entry p{padding: 5px 0px}
		.stbutton{margin-left: 341px;}
		.post hr{margin: 5px 0px; padding: 0px;width: 100%;}
		.post .postmetadata{display: block; height:12px; width:437px;margin:-8px 0 8px 5px;}
		.post .postmetadata .comment_number {display: block; height: 25px; float: right; margin-right:13px;}
		.postmetadata .meta {display: block; float: left}
		#comment{width:425px;}
		#comments{}
			.commentmetadata{margin-bottom: 10px;}
			.commentlist li {margin-top: 10px; padding: 5px}
			.commentlist li p{margin-top: 10px;}
		#commentform{}
			#commentform input{}
	.navigation{margin-left:20px;position:absolute;z-index:100;}
		.navigation .left{float: left; clear: right}
		.navigation .right{float: right; clear: right;margin-left:230px;}
	#leftcol_bg_bot{position:absolute;margin-top: -32px;z-index:1}
	#mid_col{position:absolute; margin-left: 480px;width: 250px;}
		.gigpress_widget{width: 248px;height: 243px;}
		.gigpress_widget ul.gigpress-listing{line-height:13px;position:absolute;margin-top:77px;}
		.gigpress_widget li.gigpress-list-first{}
		.gigpress_widget li{padding: 0px 0px 10px 27px;width: 200px;}
		li.gigpress-list-more{position: absolute; top:121px;}
		li.gigpress-list-rss{position: absolute; top:137px;}
		#recent-posts{width: 248px;height: 246px;}
		#recent-posts ul{padding: 75px 0px 0px 28px;width:159px;}
		#recent-posts li{padding-bottom: 10px;}
		#recent-comments{width: 255px;height: 258px;}
			#recent-comments ul{padding: 82px 0px 0px 28px;	width:192px; height: 143px;overflow:hidden;}
				.recentcomments{}
		#buy_album{width: 243px;height: 273px;}
			#buy_mp3s{margin:240px 0px 0px 92px;}
			#buy_cd{margin:240px 0px 0px 143px}
			#buy_album a {width:49px;height:27px;display:block;position:absolute;}
	#right_col{position:absolute; margin-left: 735px;width: 238px;}
		#wpoi{width: 210px;height: 238px;}
		#wpoi_email{margin:147px 0 0 -12px;}
		#filmstrip{padding:38px 8px 0 26px; width: 150px; height: 145px}
			#filmstrip li a {float: left; clear: right;}
			#filmstrip img{height: 47px; width: 47px;}
		#archives{width: 197px;height: 64px;margin-left:10px;}
			#archives select{margin:auto;position:relative;top:16px;}
		#categories{margin-bottom:-2px;margin-left:9px;margin-top:-3px;}
			#categories li{margin-left:14px;padding:3px 20px 3px 13px;width:110px;}
		#categories_bg_bot{margin-left:7px;}
		#adsense{padding: 10px 0px 0px 20px}
	#footer{display:block; position: absolute; margin:48px 0 0 110px;}
/* Style */
body{background: repeat-x url(images/background.jpg) #67cdf4;font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;}
a, a:link, a:active {text-decoration: none; color: #ffffCC}
a:hover{text-decoration: none;color:#f23558}
a:visited {text-decoration: underline;color: #102235}
	#left_col{}
		.post{color:#102235;background: repeat-y url(images/leftcol_bg_mid.png) 1px 0px;}
			h2.post_title, h2.post_title a:link, h2.post_title a:active, h2.post_title a:hover, h2.post_title a:visited{font:  bold 23px Arial, Helvetica, sans-serif;color: #102235; text-decoration: none;}
			h2.post_title a:hover{text-decoration:underline;}
			.post h4 a:link, .post h4 a:active, .post h4 a:hover, .post h4 a:visited, #respond{font:  bold 10px Arial, Helvetica, sans-serif;text-transform: uppercase;color: #102235;}
			a.stbutton:link, a.stbutton:active, a.stbutton:hover, a.stbutton:visited{color: white; height: 20px;}
			.post hr{border-top: 2px dotted white;border-right: none; border-left: none; border-bottom: none;display:block;height:13px;}
			.post .postmetadata, .postmetadata a:link, .postmetadata a:active, .postmetadata a:hover, .postmetadata a:visited{color: white;}	
		#comments{}
			.commentlist li{background-color: #a5d9ec;}
			.commentlist a,.commentlist a:link,.commentlist a:active,.commentlist a:hover,.commentlist a:visited{color: black}
			.commentlist a:hover{font-weight: bold}
		#commentform input{font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;}
		.navigation a{text-decoration:none; color: black}
		.navigation a:hover{text-decoration: underline}

	#mid_col{}
		#mid_col a, #mid_col a:link, #mid_col a:active, #mid_col a:hover, #mid_col a:visited{color: #fff;}
		.shows .gigpress_widget{display:none}
		.gigpress_widget{background: no-repeat url(images/upcoming_shows.png);color: white;}
			#mid_col h2{display: none;}
				#mid_col .gigpress-list-rss a, #mid_col .gigpress-list-rss a:link, #mid_col .gigpress-list-rss a:active, #mid_col .gigpress-list-rss a:hover, #mid_col .gigpress-list-rss a:visited,
				#mid_col .gigpress-list-more a, #mid_col .gigpress-list-more a:link, #mid_col .gigpress-list-more a:active, #mid_col .gigpress-list-more a:hover, #mid_col .gigpress-list-more a:visited {font-weight: bold;color: #404330;}
		#recent-posts{background: no-repeat url(images/latest_news.png);}
			#recent-posts .widgettitle{display: none;}
		#recent-comments{background: no-repeat url(images/recent_comments.png);}
		#buy_album{background: no-repeat url(images/record.png);}
			#buy_mp3s{background: no-repeat url(images/button_mp3s.jpg);}
			#buy_cd{background: no-repeat url(images/button_cd.jpg);}
			#buy_album span{display: none;}
		

	#right_col{}
		#right_col h2{display: none;}
		#wpoi{background: no-repeat url(images/cakeshop.png); cursor: pointer;}
			#wpoi div{color:white;left:25px;position:relative;top:178px; cursor: pointer;}
		.media #flickr_sidebar{display:none;}
		#filmstrip{background: no-repeat url(images/filmstrip.png);	}
		#archives{background: no-repeat url(images/archives.png);}
			#archives select{display:block;}
		#categories{background: transparent url(images/categories_bg_mid.png) repeat-y scroll 0 0;}
		#categories li{border-bottom:1px solid #c6c3c1;text-transform: uppercase;font:  bold 12px Arial, Helvetica, sans-serif;}
		#categories li a{color: black;}
		#categories li a:hover{color:#f23558}
/* Header Links */
#header ul span{display: none}
#header ul a, #searchform{display:block;position:absolute;height:23px;margin-top:-46px;}
#header ul a:hover{background: repeat-x url(images/header_rollover.png);}
#home_link{margin-left:121px;width:44px;}
#shows_link{margin-left:177px;width:47px;}
#media_link{margin-left:238px;width:47px;}
#merch_link{margin-left:297px;width:52px;}
#band_link{margin-left:358px;width:45px;}
#records_link{margin-left:413px;width:67px;}
#contact_link{margin-left:490px;width:70px;}	
#searchform{margin-left:585px;}
	#s{text-transform:uppercase;font: bold 12px Arial, Helvetica, sans-serif;}

/* Pages */
.page{position:relative;color:#102235;background: repeat-y url(images/leftcol_bg_mid.png) 1px 0px;padding:0px 16px 20px 16px;width:431px;}
	.page hr{border-top: 2px dotted white;border-right: none; border-left: none; border-bottom: none;}
	.page h2{font: bold 23px Arial, Helvetica, sans-serif;color: white;}
	#shows{}
		#shows .gigpress-row td, #shows .gigpress-header th, #shows .gigpress-table td, #shows .gigpress-header th, #shows .gigpress-table {border:none;}
		#shows .gigpress-row:hover, #shows .gigpress-info:hover{background-color:#a5d9ec}
	#media{}
		#photos{}
			.flickr_set{float: left; clear: right; margin: 0px 19px 40px 0px;background:no-repeat url(images/slideshow_frame.png);font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;width: 124px; height: 124px;}
				.flickr_set img{margin: 24px 0px 28px 24px;}
				.flickr_title{width: 124px; text-align:center}
		#videos{}
			.youtube{float: left; clear: right; margin: 0px 19px 40px 0px;background:no-repeat url(images/video.png);font: bold 11px Verdana, Geneva, Arial, Helvetica, sans-serif;width: 196px; height: 152px;}
				.youtube img{margin: 5px 0px 14px 7px; width: 184px; height: 138px;}
				.youtube_title{width: 184px; text-align:center}
		#audio{}
			#audio .audioplayer_container{padding: 5px 0px 0px 0px;}
				#audio p{padding: 12px 0px;}
				#audio img {vertical-align: bottom}
				#audio p.audioplayer_container{height: auto}
	#records{}
		#records > p {display: block; width: 425px; height: 205px;}
			.record {float: left; clear: right; padding-right: 10px}
			#records > p > strong {display: block; padding-top: 40px}
			#records .buyitnow {padding-top: 10px}
		#records hr {margin: 10px 0px;}
		
	#signup{}
		.formcap{display:none}
/* Utility */
.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}
.hidden {display:none;}