/*
Theme Name:The Sunday Service Version 3
Theme URI:http://thesundayservice.ca/
Description:Based on the Coda Slider and Starkers
Author:Russell Gordon
Author URI:http://trylesstryhard.com
Tags:comedy, improv, vancouver, sunday, service
*/

/* load 960 framework */
@import url("960/reset.css");
@import url("960/text.css");
@import url("960/960.css");

/* BASICS */
	html {overflow-x: hidden;}
	* {margin: 0px;padding: 0px;}
	body {text-align:left;color:#1C1C1C; background: #FFFFFF;}
	img {border-width: 0;}
	a img {border:none }	
	
	a {outline:none; text-decoration:none; color:#1C1C1C;}
	a:visited {text-decoration: none; color:#1C1C1C;}
	a:active {text-decoration: none}
	a:hover { color: #26acf4;}
	
	.clear {clear:both;}

	 
/* HOME PAGE ELEMENTS*/
	
	.headerLogo 		{ width: 500px; height: 350px; display:block; margin: 0 0 0 540px; text-indent:-9999px; position:absolute; background-image: url('images/serv_logo_mock.png');z-index:2;}
	.upcomingLogo		{ width:150px; height: 150px; display:block; margin: 330px 0 0 565px; text-indent:-9999px; position:absolute; background-image: url('images/upcoming.png');z-index:2;}
	.videosLogo			{ width:130px; height: 130px; display:block; margin-top: -50px; margin-left:-60px; text-indent:-9999px; position:absolute; background-image: url('images/videos.png');z-index:9;}
	
	#blogDescription	{ display:none;}
	
	.menu 	{ width:210px; min-height:560px; margin-left:-10px;position:absolute;z-index:9; background:transparent;}
	.tazIcon a{ width:190px;height:190px;display:block;text-indent:-9999px;margin:5px 0 0 -30px;background:url('images/plate.png');}
	.ryanIcon a{ width:235px;height:235px;display:block;text-indent:-9999px;margin:-5px 0 0 -55px;background:url('images/racoon.png');}
	.kevinIcon a{ width:320px;height:201px;display:block;text-indent:-9999px;margin:-20px 0 0 -60px;background:url('images/lambo_res.png');}
	
	.tazNameIcon {width:200px; height:150px;margin:-70px 0 0 130px;background:url(images/sprite.png);background-position: 0 0;position:absolute;z-index:7;}
	.ryanNameIcon {width:200px; height:150px;margin:-70px 0 0 130px;background:url(images/sprite.png);background-position: 200px 0;position:absolute;z-index:7;}
	.kevinNameIcon {width:200px; height:150px;margin:-70px 0 0 130px;background:url(images/sprite.png);background-position: 400px 0;position:absolute;z-index:7;}
	
/* SLIDER ELEMENTS*/
	
	#slider{ width:480px;height:650px;margin-left:150px;position:absolute;}
	.scroll{ height:650px; width:560px; margin:0; overflow:hidden; position:relative; clear:left;}
	.scrollContainer .panel{ padding:20px;height:640px;width:520px;overflow:hidden;}
	.bioName		{ width:300px;height:235px;display:block;overflow:hidden;position:absolute;margin:-140px 0 0 100px;z-index:4;}
	.bioName a		{ display: block; width: 300px; height: 235px; text-indent: -9999px;
	    	          background: url(images/sprite_bg.png); float: left;
		 			border: none; padding: none;}
	
	.bioName a#tazButton		{ background-position: 0 0; }
	.bioName a#tazButton:hover 	{ background-position: 0 -235px; }
	.bioName a#kevButton		{ background-position: -300px 0; }
	.bioName a#kevButton:hover 	{ background-position: -300px -235px; }
	.bioName a#ryanButton		{ background-position: -600px 0; }
	.bioName a#ryanButton:hover { background-position: -600px -235px; }

/* UPCOMING SHOWS */
	
	#nextShow{ margin:350px 0 0 710px;position:absolute;z-index:1;}
	#nextShow h2 {font-style:italic;padding:20px 0 0 0;}
	#nextShow p {padding:0 0 0 10px;}
	#theServ { width:250px;height:110px;text-indent:-9999px;margin:-20px 0 0 -20px;position:absolute;background:url(images/the_serv.png);z-index:7;}
	.upHead {width:150px;height:150px;margin:-10px 0 0 -50px;position:absolute;background-image: url('images/upcoming.png');z-index:101;}
	#upcomingHolder {width:600px;padding:10px;margin:10px 0 10px 10px;background:url(images/background_slice4.png);}
	#upcomingThumb {min-height:200px;background:url(images/background_slice1.png);}
	
	#upcomingThumb img.thumb {width: 284px;height: 150px;margin: 10px 7px 10px 7px;border: 0;}
	#linksHolder { min-height:200px;margin:130px 0 20px 0;background:url(images/background_slice4.png);;}
	#linksHolder ul{padding:10px 0 0 10px;font-size:18px;}

/* PODCAST ELEMENTS */

.podcasts {width:290px;height:235px;margin:30px 0 0 -70px;position:absolute;background:url("images/podcasts.png");z-index:102;}


.updated {margin:180px 0 0 -20px;font-style:italic;color:#1C1C1C;}

.podcastHolder {width:540px;min-height:140px;margin:150px 0 0 40px;position:absolute;background:url("images/background_slice4.png") repeat scroll 0 0 transparent;z-index:101;}

.podcastHolder h2 {margin-top:5px;}
.podcastHolder h2,p {padding:3px 10px 3px 10px;}
.podcastDate {position:absolute;bottom:5px;}

.listenNow {width:200px;height:200px;margin:50px 0 0 -50px;position:absolute;background:url("images/listen-now.png");z-index:101;}
.powerpress_player {margin:0 0 10px 10px;}

/* NEW VIDEO GRID */

	.boxgrid{ width: 284px; height: 150px; float:left; overflow: hidden; position: relative; margin:0 0 30px 0;border: 1px solid #e1e1e3;}
	.boxgrid img { position: absolute; top: 0; left: 0; border: 0; }			
	.cover h4 {font-size:18px;line-height:120%; margin-top:73px;}
	.cover h4 a:hover {color:#1C1C1C;}	
	span.post-title {font-style:italic;padding:3px;background:url("images/background_slice2.png") repeat scroll 0 0 transparent;}
	span.post-category a {font-style:italic;position:absolute;bottom:20px;padding:3px;color:#AAAAAA;}	
	.boxcaption{ float: left; position: absolute; background:url(images/thumb-bg.jpg); height: 150px; width: 100%; opacity: .99; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=99);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
 			}
 				
 	.cover {top: 150px;left: 0;padding:10px;}

/* POST CONTENT */
	
	#thisPost {padding:10px 0 20px 0;}
	.bioPostHolder {margin-top:400px;}
	.vidHolder {padding:10px;margin:0 0 20px 0;background:url(images/background_slice1.png);}
	.vidDesc	{padding:0 0 10px 0;background:url(images/background_slice4.png);}
	.vidDesc h2,h3 {padding:3px 10px 3px 10px;}
	.vidDesc p {padding:10px} 
	
	#buffIt {top:277px;}
	.homeLink {width:290px;height:270px;text-indent:-9999px;display:block;cursor:hand;position:absolute;top:0;margin-left:650px;background:transparent;outline:none;z-index:101;}
	.sundry {width:230px;height:132px;text-indent:-9999px;margin-top:290px; margin-left:625px;position:absolute;background:url(images/sundry.png);z-index:7;}
	#related {min-height:170px; margin-top:388px;padding:0 0 10px 0;background:url(images/background_slice4.png);}
	#related h3 {display:none;}
	#related ul {padding:10px 10px 0 15px;}
	#related li {padding:10px 0 0 0;}
	#related li a {font-size:18px;font-style:italic;}
	#related img {padding:7px 0 0 8px;width: 284px;height: 150px;border: 0;}
	
	#location {min-height:170px; margin:395px 0 20px 0;padding:0 0 10px 0;background:url(images/background_slice4.png);}
	#location h3 {display:none;}
	#location ul {padding:10px 10px 0 25px;}
	#location li {padding:0 0 0 0;}
	#location li a {font-style:italic;}
	#location img {padding:7px 0 0 8px;width: 284px;height: 150px;border: 0;}
			
/* ARCHIVE PAGE CONTENT */
	
	.lrg {font-size:42px;font-style:italic;margin:20px 0 0 50;}
	.lrg span {padding:5px;color:#26acf4;background:#FFFFFF;}
	
	/* prev next navigation */
	.navigation, .navigation-archive {clear: both;margin-bottom: 20px;height: 33px;text-align:center}
	.next  {background: url(images/next.gif) 0 -66px no-repeat;width: 85px; height: 33px;float: right}
	.prev  {background: url(images/prev.gif) 0 -66px no-repeat;width: 115px; height: 33px;float: right}
	.next a {background: url(images/next.gif) 0 0 no-repeat;}
	.prev a {background: url(images/prev.gif) 0 0 no-repeat;}
	.next a, .prev a {float:right;display:block; height:33px;text-indent:-9999px;border:none;}
	.next a {width:85px;}
	.prev a {width:115px;}
	.next a:hover, .prev a:hover {background-position: 0px -33px;border:none}
	.navigation-archive .prev {float:left}

/* BIO PAGE CONTENT */
	
	#bioDesc {padding:0 0 10px 0;background:url(images/background_slice4.png);}
	#bioDesc h3 {padding:10px 10px 0 10px}	
	#bioDesc p {padding:10px;}
	
	.bioPic {width:482px; height:500px;position:absolute;margin:0 0 0 -50px;z-index:-1;}
	.bioPicKev {width:482px; height:500px; position:absolute; margin:0 0 0 -50px;background:url('images/kev_resize.jpg'); z-index:0;}
	.iconPicKev{width:400px;height:251px; position:absolute; top:360px;left:-10px; background:url('images/lambo.png'); z-index:4;}
	
	.bioPicRyan {width:482px; height:500px; position:absolute; margin:0 0 0 -50px;background:url('images/ryan_resize.jpg'); z-index:0;}
	.iconPicRyan{width:320px;height:320px; position:absolute; top:330px;left:5px;background:url('images/racoon_res.png'); z-index:4;}
	
	.bioPicTaz {width:482px; height:500px; position:absolute; margin:0 0 0 -50px;background:url('images/taz_resize.jpg'); z-index:0;}
	.iconPicTaz{width:250px;height:250px; position:absolute; top:390px;left:20px;background:url('images/plate_res.png'); z-index:4;}
	
	#bioNav								{ width:600px;height:65px;padding:20px 0 0 20px;}
	#bioNav li							{ display: inline; }
	#bioNav li a						{ display: block; width: 150px; height: 65px; text-indent: -9999px;
	                                  background: url(images/bioSprite.png); float: left;
	 								  border: none; padding: none; }

	#bioNav li a#one-button		{ background-position: 0 0; }
	#bioNav li a#one-button:hover { background-position: 0 -65px; }
	#bioNav a#two-button			{ background-position: -150px 0; }
	#bioNav li a#two-button:hover { background-position: -150px -65px; }	
	#bioNav a#three-button			{ background-position: -300px 0; }
	#bioNav li a#three-button:hover { background-position: -300px -65px; }	
	#bioNav a#four-button			{ background-position: -450px 0; }
	#bioNav li a#four-button:hover { background-position: -450px -65px; }	
		
	.post {line-height:1.3;}
	.rmLink {font-style:italic;margin:0 5px 0 0;float:right;}
		
/* TWITTER FEED */

	#twitter_div_0 { width:560px; height:200px; position:absolute; top:75px;left: 390px;z-index:4;}		
	#twitter_update_list_0 span { font-size:2.5em;line-height:120%;padding: 5px 7px 7px 5px;background:#e1e2e3;}
	#twitter_update_list_0 a { padding: 5px 7px 7px 5px;color:#FFFFFF;background-color:#26acf4;}
	#kev_name { margin-left:10px;padding: 5px 5px 5px 5px;background-color:#EEE685;}		
	
/* FOOTER MENU CONTENT */	

	.footer		{width:960px; height:190px;padding:20px 0 0 0;text-align:center;background:url(images/bg_halftone.gif) repeat-x;}

	#catNav								{ width:600px;height:150px;}
	#catNav li							{ display: inline; }
	#catNav li a						{ display: block; width: 200px; height: 150px; text-indent: -9999px;
	                                  background: url(images/sprite.png); float: left;
	 								  border: none; padding: none; }

	.box								{ width:600px;height:65px;margin:0 auto;}
	#catNav li a#list-one-button		{ background-position: 0 0; }
	#catNav li.activeCatButton a#list-one-button { background-position: 0 -150px; }
	#catNav li a#list-one-button:hover { background-position: 0 -150px; }
	#catNav a#list-two-button			{ background-position: -200px 0px; }
	#catNav li.activeCatButton a#list-two-button { background-position: -200px -150px; }	
	#catNav li a#list-two-button:hover { background-position: -200px -150px; }	
	#catNav a#list-three-button			{ background-position: -400px 0; }
	#catNav li.activeCatButton a#list-three-button { background-position: -400px -150px; }
	#catNav li a#list-three-button:hover { background-position: -400px -150px; }
	
	.credit{font-size:9px;margin-bottom:40px;}