/* 		generic stuff		 */

body 
{
	margin: 0; padding: 0;
	background-color: #000;
	color: #fff; font-family: P22JohnstonUnderground-Regular, Arial
}

li
{
	background: #3a0f03;
	padding: 0.5em 0.5em 0.5em 0.5em;
}

a 
{
	text-decoration: none;
	color: #fdca2f;
}

a img
{
	border: 0;
}



/*		 top shit 		*/

#desc
{
	margin: 0; padding-bottom: 1em; border: 0;
}

#top
{
	background: #000 url(../../images/title.jpg) no-repeat 100% 0;

}

#intop
{
	padding-left:3em; padding-top:1.5em;
	font-size: 100%;
}

#navlinks
 {
	margin: 0; padding: 0.5em 0em 0.6em 0em;
	color: #fff;
}

#navlinks a 
{
	color: #ccc;
	font-size: 110%;
}

#navlinks li 
{
	display: inline;
	background: #260900;
	margin: 0 0 0 0; padding: 0.6em 1em 0.6em 1em;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
}

#navlinks li.curNav
{
	background: #3a0f03;
	border-bottom: 1px solid #3a0f03;
}

#navlinks a.curNav
{
	color: #fff;
}

#navlinks a.curNav:hover
{
	color: #fdca2f;
}

#navlinks a:hover
{
	color: #a7851f;
}

#navlinks a.curNav:active
{
	color: #a7851f;
}

#navlinks a:active
{
	color: #fdca2f;
}

a:active
{
	color: #a7851f;
}


a:hover
{
	color: #888;
}


/* 		main page layout stuff		*/

#content
{
	background: #3a0f03;
	width: 92%;
	margin: 0em 6em 1em 3em;
	float: left;
}


#leftBody
{
	background: #3a0f03;
	margin: 0em 3em 1em 3em; padding: 1em 34em 1em 1em;
	float: left;
}

#rightBody
{
	background: #3a0f03;
	margin: 0 2em 1em -40em; padding: 1em 0 1em 1em;
	float: right;
	width: 32em;
}


/*		blurb stuff		*/

#blurb
{
	margin: 0em; padding:0em ;
}

#blurb h1
{
	margin: 0em; padding:0em 0em 0.5em 1em ;
}

#blurb p
{
	margin: 0em 1em 1em 1em; padding:0em 1em 1em 1em ;
}

#blurb p.last
{
	border-bottom: 2px solid #000;
}


/*		blog stuff		*/

#blog
{
	margin: 0em 0em 2em 1.5em; padding:0em;
}

#blog p
{
	font-size: 85%;
	margin: 1em 0.5em 0em 0.5em; padding:0em;
}

#blog p.blogDate
{
	font-size: 60%;
	margin: 0em;
}

#blog h2.blogTitle
{
	margin: 0em;
}


/*		crack stuff		*/

#language
{
	margin: 2em;
}

.langdiv
{
	float: left;
	margin:0.1em;
}


#eng img
{
	width: 87px;
	height: 30px;
}

#eng.curlang, #eng.curlang:hover, #eng.curlang:active
{
	background: url(../../images/eng_act_sm.gif) top left no-repeat;
}

#eng
{
	background: url(../../images/eng_roll_sm.gif) top left no-repeat;
}

#eng:hover
{
	background-position: -87px 0px;
}

#eng:active
{
	background-position: -174px 0px;
}


#fr img
{
	width: 96px;
	height: 30px;
}

#fr.curlang, #fr.curlang:hover, #fr.curlang:active
{
	background: url(../../images/fr_act_sm.gif) top left no-repeat;
}

#fr
{
	background: url(../../images/fr_roll_sm.gif) top left no-repeat;
}

#fr:hover
{
	background-position: -96px 0px;
}

#fr:active
{
	background-position: -192px 0px;
}


#de img
{
	width: 91px;
	height: 30px;
}

#de.curlang, #de.curlang:hover, #de.curlang:active
{
	background: url(../../images/de_act_sm.gif) top left no-repeat;
}

#de
{
	background: url(../../images/de_roll_sm.gif) top left no-repeat;
}

#de:hover
{
	background-position: -91px 0px;
}

#de:active
{
	background-position: -182px 0px;
}


div.gallerynav
{
	clear: both;
}

#pagelist
{
	margin: 0 auto;
	width: 600px;
	padding: 2em;
}

#leftBodyCrack
{
	background: #3a0f03;
	margin: 0em auto 1em auto; padding: 1em 0em 1em 1em;
	float: left;
	width: 600px;
}

#rightBodyCrack
{
	background: #3a0f03;
	margin: 3em 0 0 0; padding: 0;
	float: right;
}

#crackSide
{
	background: #260900;
	margin: 1em; padding: 1em 2em 2em 2em;
	width: auto;
}

#crackPage
{
	clear: both;
	padding: 2em; margin: 0 auto;
	width: 600px;
}

img.comic
{
	width: 600px;
	height: 916px;
}

#crackNav
{
	clear: both;
	padding: 0; margin: 1em 40em 1em 0;
	width: 60%;
}

#crackNav table
{
	width: 100%;
}


/*		bits		*/

#reel
{
	background: #260900;
	margin: 1em; padding: 0.5em 0.5em 2em 0.5em;
}

#reel h2
{
padding: 0.3em 0em 0em 1.5em;
}

#skills
{
	background: #260900;
	margin: 1em; padding: 1em 3em 2em 3em;
}

#dl_cv
{
	background: #260900;
	margin: 1em; padding: 1em 2em 3em 3em;
}

#dl_cv img
{
	width: 97px;
	height: 106px;
	border-width: 0;
	margin: 0;
	padding: 0;
}

#pdfcv img { background: url(../../images/pdf_cv.gif) top left no-repeat}
#pdfcv:hover img { background-position: -97px 0px;}
#pdfcv:active img { background-position: -194px 0px;}

#rtfcv img { background: url(../../images/rtf_cv.gif) top left no-repeat}
#rtfcv:hover img { background-position: -97px 0px;}
#rtfcv:active img { background-position: -194px 0px;}

#headshot
{
	float: left;
	padding: 0em 1.5em 0em 2em;
}

#nearbot
{
	clear: both;
	background: #000;
}


/*		other layout stuff		*/

#bottomDiv
{
	clear: both;
	font-size: 75%;
	background: #260900;
	margin: 0;
	padding: 0.1em 0.1em 0.1em 3em;
}

#copywrong
{
	margin: 0 auto;
	padding: 0;
	width: 40em;
}

/* 		some bullshit buttons		*/

#reelOptions
{
	margin: 1em 0 1em 0.7em;
}

.viddiv
{
	float: left;
}

#fortyft_swf img
{
	width: 134px;
	height: 23px;
}

#fortyft_swf.curreel, #fortyft_swf.curreel:hover, #fortyft_swf.curreel:active
{
	background: url(../../images/40_feet_under_act.gif) top left no-repeat;
}

#fortyft_swf
{
	background: url(../../images/40_feet_under_roll.gif) top left no-repeat;
}


#fortyft_swf:hover
{
	background-position: -134px 0px;
}

#fortyft_swf:active
{
	background-position: -268px 0px;
}


#general_swf img
{
	width: 132px;
	height: 23px;
}

#general_swf.curreel, #general_swf.curreel:hover, #general_swf.curreel:active
{
	background: url(../../images/general_reel_act.gif) top left no-repeat;
}

#general_swf
{
	background: url(../../images/general_reel_roll.gif) top left no-repeat;
}


#general_swf:hover
{
	background-position: -132px 0px;
}

#general_swf:active
{
	background-position: -264px 0px;
}


#art_swf img
{
	width: 86px;
	height: 23px;
}

#art_swf.curreel, #art_swf.curreel:hover, #art_swf.curreel:active
{
	background: url(../../images/art_reel_act.gif) top left no-repeat;
}

#art_swf
{
	background: url(../../images/art_reel_roll.gif) top left no-repeat;
}


#art_swf:hover
{
	background-position: -86px 0px;
}

#art_swf:active
{
	background-position: -172px 0px;
}


#massive_swf img
{
	width: 126px;
	height: 23px;
}

#massive_swf.curreel, #massive_swf.curreel:hover, #massive_swf.curreel:active
{
	background: url(../../images/massive_reel_act.gif) top left no-repeat;
}

#massive_swf
{
	background: url(../../images/massive_reel_roll.gif) top left no-repeat;
}


#massive_swf:hover
{
	background-position: -126px 0px;
}

#massive_swf:active
{
	background-position: -252px 0px;
}


#thirtysec_swf img
{
	width: 110px;
	height: 23px;
}

#thirtysec_swf.curreel, #thirtysec_swf.curreel:hover, #thirtysec_swf.curreel:active
{
	background: url(../../images/short_reel_act.gif) top left no-repeat;
}

#thirtysec_swf
{
	background: url(../../images/short_reel_roll.gif) top left no-repeat;
}


#thirtysec_swf:hover
{
	background-position: -110px 0px;
}

#thirtysec_swf:active
{
	background-position: -220px 0px;
}