@charset "utf-8";
@charset "utf-8";
/*	
	-------------------------------------------------------
	Eyevox Entertainment Core CSS 
	Includes reset and all core styles for the site.
	-------------------------------------------------------
	Crafted by The Mad Genius and his various minions: 
	Rob Rubinoff (Interactive Director, IA, code) 
	Daniel Green (Original Screen Designs) 
	Bryce Mullican (code)
	http://madg.com | rrubinoff@madg.com
	-------------------------------------------------------
*/

body {color:#222;}
a {color:#222; text-decoration:underline; padding:2px;}
a:hover {color:#000; text-decoration:none; background-color: #FFD203;}

/* = FLOATS 
-----------------------------------------------------------*/
.left {float:left;}
.right {float:right;}
.clear {clear:both; height: 0; display: block;}
.clearVert {clear:both; height: 30px; display: block;}
.fin{margin-right: 0;}

/* = RESETS the default browser styles prep our page 
adapted from meyer web reset
------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} 


/* = BASE TYPOGRAPHY & STANDARD HTML ELEMENTS
------------------------------------------------------------*/
body{font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
a:focus{outline:1px dotted invert}
hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1{font-size:22px;}
h2{font-size:18px;}
h3{font-size:14px;}
h4{font-size:12px;}
h5{font-size:12px}
h6{font-size:12px}

blockquote{padding: 10px 15px; margin: 0 20px; line-height:1;}
dl {}
dt {font-weight: bold; }
dd {}
abbr {border-bottom: 1px dashed #666;}

ol{list-style:decimal; margin-bottom: 10px;}
ol li ol {list-style:lower-alpha;}
ul{list-style:disc; margin-bottom: 10px;}
ul li ul {list-style:circle;}
li{margin-left:20px; margin-bottom: 5px;line-height:1.2;}

p {line-height: 1.2;}

acronym{border-bottom: 1px dashed #999; cursor:help;}
/* p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} */

/* = MAJOR PAGE BLOCKS 
-----------------------------------------------------------*/
body{border-top: 2px solid #FFD203; border-bottom: 2px solid #FFD203; background-color:#E3E3DC;}
#infoGridContainer,#subColsHdr,#subColsContainer{margin-left:auto;margin-right:auto;width:960px;}
.content{width:940px;}

/* = HEADER 
-----------------------------------------------------------*/
.headerContainer {/* gives us a 100% bg */
background:url(/img/_bg-headerContainer.gif) center top repeat-x;
height: 208px;}
	
#header {width: 960px; margin: 0 auto; clear:both;}
#header img.logo {margin: 18px 0 0 33px; float:left;}
#header img.logo a{border:none;}

.siteDescription {float: right; margin: 30px 154px 0 0; width: 550px}
.siteDescription p{font-size: 16px; font-weight:bold; text-transform:uppercase; }
.siteDescription h1 {font-size: 12px; font-weight:normal; line-height:1.3; margin-top: 4px; }


.sectionTitle {float: right; margin: 30px 154px 0 0; width: 550px}
.sectionTitle h1 {font-size: 18px; letter-spacing: 1px; text-transform:uppercase;font-weight:normal; line-height:1.3; margin-top: 4px; }
/* = global navigation
------------------------*/
#globalNav {width:940px;margin:0 auto;font-size:12px;font-weight:bold;}
#globalNav ul {list-style:none;margin:0 0 0 228px;padding:0;}
#globalNav ul li {float: left; display:inline; margin: 0 10px;}
#globalNav ul li a{line-height:38px; padding: 0 10px; text-decoration: none; color:#fff; display: block;}
#globalNav ul li a:hover { text-decoration:none; color:#000; }
#globalNav ul li a.current {background-color:#FFD203; text-decoration: none; cursor:default; color: #000;}

/* = Infogrid
--------------------------*/
#infoGrid{width:940px;overflow:hidden;height:100%}
.info-col{float:left;width:132px;height:100%;background-color:#f4f3ec;margin-left:4px;border-left:1px solid #cbcac0;border-right:1px solid #cbcac0;}
.info-col h2 {text-align:center;padding:25px 0;color:#5b5b57;height:30px;font-size:16px;}
.image{height:200px;text-indent:-9999px;display:block;}
.bigBad{background: url(/img/main_bigBad.jpg) center center no-repeat;}
.bearanoid{background: url(/img/main_bearanoid.jpg) center center no-repeat;}
.cheatDayDiaries{background: url(/img/main_cheatDay_001.jpg) center center no-repeat;}
.glubberyGray{background: url(/img/main_glubberyGray_002.jpg) center center no-repeat;}
.drakeCounty{background: url(/img/main_drakeCounty_003.jpg) center center no-repeat;}
.uninvited{background: url(/img/main_uninvited_004.jpg) center center no-repeat;}
.jasonMason{background: url(/img/main_jasonMason_005.jpg) center center no-repeat;}
.badKids{background: url(/img/main_badKids_001.jpg) center center no-repeat;}
.yww{background: url(/img/main_yww_005.jpg) center center no-repeat;}

dl { }
dt { padding: 5px; background: #f4f3ec;color: #aaaaa3;}
dd { position: absolute; left: -9999px; top: -9999px; width: 298px; background: #f4f3ec; padding: 10px; color: #aaaaa3; line-height:1.3;}

dt:nth-of-type(1) { background: #f4f3ec; }
dd:nth-of-type(1) { background: #f4f3ec; }

dt:nth-of-type(2) { background: #e3e3df; }
dd:nth-of-type(2) { background: #e3e3df; }

dt:nth-of-type(3) { background: #d8d8d3; }
dd:nth-of-type(3) { background: #d8d8d3; }

dt:nth-of-type(4) { background: #c2a25c; }
dd:nth-of-type(4) { background: #c2a25c; }

dt:nth-of-type(5) { background: #4c443c; }
dd:nth-of-type(5) { background: #4c443c; }

dt:nth-of-type(6) { background: #656b60; }
dd:nth-of-type(6) { background: #656b60; }

.one{background: #f4f3ec;}
.two{background: #e3e3df;}
.three{background: #d8d8d3;}
.current{color:#5b5b57;}
.curCol { -moz-box-shadow: 0 0 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2); z-index: 1; position: relative; }

/* = Sub Columns
--------------------------*/
#subColsHdrContainer{height:62px;width:100%;background:#f4f3ec;clear:both;}
#subColsHdr h2{background: url(/img/_bg-h2-subCols.gif) no-repeat;height:32px;padding:7px 0 0 45px;}
#subCols h3,#subCols p,#subColsHdr h2{color:#5b5b57;}
#subCols h3{margin:10px 0;}
#subCols p{margin-bottom:15px;line-height:1.3;}

/* = CONTENT
----------------------------------------------*/
#mainContainer {width: 960px; margin: 20px auto;}
#mainContainer h2 {margin: 0 0 10px 0}

.col {margin: 0 10px; float: left;padding-top:15px;}
.col p {margin-top:10px;line-height: 1.5;}
.w_460 {width: 460px;}
.w_620 {width: 620px;}
.w_460 p {line-height: 1.5;}

.w_300 {width: 300px;}
.w_220 {width: 220px;}
.w_940 {width:940px;}

ul.projectList {margin: 0 10px 0 22px;}
ul.projectList li { list-style-image: url(/img/bullet_bg_yellow2.png); background-repeat:no-repeat; padding-left: 5px; font-size:14px;}

.projectEntry {padding: 10px; background-color:#EEEEEA; border-top: 1px solid #C2C2BA; border-left: 1px solid #C2C2BA; margin-bottom: 20px;}
.projectEntry h3 {font-size: 12px;  font-weight:bold;  padding: 3px 0;}
.media { margin: 10px 0; }
.description {margin: 5px 0; font-size:11px; line-height:1.2;}
.meta {color: #666; font-size: 10px;}

.bioPhoto{margin-bottom:20px;border-top: 1px solid #C2C2BA; border-left: 1px solid #C2C2BA}


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

.footerContainer {/* gives us a 100% bg */
background-image: url(/img/_bg-footerContainer.gif);
background-repeat: repeat-x;
background-position:center top;
height: 269px;
clear:both;}

#footer {width: 600px; margin: 0 auto; color: #fff; font-size: 11px; color: #eaeaea;  padding-top: 85px;}
#footer a{color: #fff; text-decoration:underline; padding: 2px}
#footer a:hover{color: #000; text-decoration:underline;}

/* = misc
--------------------------*/
.alpha{margin-left:0;}
.omega{margin-right:0;}