/* --------------------------------------------------------------------------------------
	Project:	[PROJECT]
	Date:		03/25/2009
	Modified:	03/25/2009
	
	Honest Brothers
	Denver, Colorado USA
	http://honestbros.com
-------------------------------------------------------------------------------------- */
@import url(reset.css);

/* @group Common */
* {margin:0;padding:0;}

/* --------------------------------------------------------------------------------------
	Layout
-------------------------------------------------------------------------------------- */
body {background:#000}
#wrapper {width:1024px; margin: 0 auto 20px auto;background:url(../theme/siteBG.jpg) no-repeat;}
#header {position:relative; width:1024px; height: 135px;background:url(../theme/siteBG.jpg) no-repeat;}
#content {width:740px;height:650px; margin: 0 40px 0 220px;bacground:#fff;}
#screen {width:740px;height:470px; margin: 0 0 0 0;background:#fff;}
#primary {float:left;display:inline;margin: 10px 10px 10px 10px;width:720px;height:396px;}
#thumbnails {float:left:display:inline;margin: 0 10px 10px 10px;width:720px;height: 40px;}








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

h1#branding a {position:absolute;top: 0;left:30px;width:270px;height:100px;display:block;text-indent:-9999px;}

#header ul {float:left;display:inline;width:320px;height:30px;margin:107px 0 0 235px;overflow:hidden;}
#header li {float:left;display:inline;}
#header li a {height:30px;display:block;overflow:hidden;text-indent:-9999px;background:url(../theme/nav.png) no-repeat;}

#header li.home a {width:80px;background-position:0 0;}
#header li.home a:hover, #header li.episode1Selected a {width:80px;background-position:0 -31px;}

#header li.bios a {width:80px;background-position:-80px 0;}
#header li.bios a:hover, #header li.biosSelected a {width:80px;background-position:-80px -31px;}

#header li.links a {width:80px;background-position:-160px 0;}
#header li.links a:hover, #header li.linksSelected a {width:80px;background-position:-160px -31px;}





/* --------------------------------------------------------------------------------------
	Screen
-------------------------------------------------------------------------------------- */
#thumbnails ul {float:left;display:inline;width:720px;height:40px;overflow:hidden;}
#thumbnails li {float:left;display:inline;}
#thumbnails li a {height:40px;display:block;overflow:hidden;text-indent:-9999px;background:url(../theme/9thumbnails.jpg) no-repeat;}

#thumbnails li.episode1 a {width:80px;background-position:0 0;}
#thumbnails li.episode1 a:hover, #thumbnails li.episode1Selected a {width:80px;background-position:0 -41px;}

#thumbnails li.episode2 a {width:80px;background-position:-80px 0;}
#thumbnails li.episode2 a:hover, #thumbnails li.episode2Selected a {width:80px;background-position:-80px -41px;}

#thumbnails li.episode3 a {width:80px;background-position:-160px 0;}
#thumbnails li.episode3 a:hover, #thumbnails li.episode3Selected a {width:80px;background-position:-160px -41px;}

#thumbnails li.episode4 a {width:80px;background-position:-240px 0;}
#thumbnails li.episode4 a:hover, #thumbnails li.episode4Selected a {width:80px;background-position:-240px -41px;}

#thumbnails li.episode5 a {width:80px;background-position:-320px 0;}
#thumbnails li.episode5 a:hover, #thumbnails li.episode5Selected a {width:80px;background-position:-320px -41px;}

#thumbnails li.episode6 a {width:80px;background-position:-400px 0;}
#thumbnails li.episode6 a:hover, #thumbnails li.episode6Selected a {width:80px;background-position:-400px -41px;}

#thumbnails li.episode7 a {width:80px;background-position:-480px 0;}
#thumbnails li.episode7 a:hover, #thumbnails li.episode7Selected a {width:80px;background-position:-480px -41px;}

#thumbnails li.episode8 a {width:80px;background-position:-560px 0;}
#thumbnails li.episode8 a:hover, #thumbnails li.episode8Selected a {width:80px;background-position:-560px -41px;}

#thumbnails li.episode9 a {width:80px;background-position:-640px 0;}
#thumbnails li.episode9 a:hover, #thumbnails li.episode9Selected a {width:80px;background-position:-640px -41px;}


#links1 {float:left;display:inline;width:215px;height:425px;margin: 0 6px 0 0;padding: 10px 10px 10px 10px;background:#f6f6f6;}
#links2 {float:left;display:inline;width:215px;height:425px;margin: 0 6px 0 0;padding: 10px 10px 10px 10px;background:#f6f6f6;}
#links3 {float:left;display:inline;width:215px;height:425px;padding: 10px 10px 10px 10px;background:#f6f6f6;}

#bioImage1 {float:left;display:inline;width:215px;height:150px;margin: 0 26px 0 0;background:#f6f6f6;}
#bioImage2 {float:left;display:inline;width:215px;height:150px;margin: 0 26px 0 0;background:#f6f6f6;}
#bioImage3 {float:left;display:inline;width:215px;height:150px;margin:0 0 0 0;background:#f6f6f6;}

#bio1 {float:left;display:inline;width:215px;height:278px;margin: 0 6px 0 0;padding: 10px 10px 10px 10px;background:#f6f6f6;}
#bio2 {float:left;display:inline;width:215px;height:278px;margin: 0 6px 0 0;padding: 10px 10px 10px 10px;background:#f6f6f6;}
#bio3 {float:left;display:inline;width:215px;height:278px;padding: 10px 10px 10px 10px;background:#f6f6f6;}

#tagLine {float:right;display:inline;width:428px;height:45px;margin:0 0 0 389px;overflow:hidden;background:url(../theme/tagLine.png) no-repeat;}








/* @end */