/********************************************** 
Modified: October 1, 2008
Author: Kerry Nehil http://kerrynehil.com
**********************************************/


/********************************************** 
		           DEFAULTS
**********************************************/

body {
	font: normal 62.5% Arial, Helvetica, sans-serif;
  	color: #FFFFFF;
	background: #999999;
	text-align: center;
	}
	
* {
	margin: 0;
	padding: 0;
	border: none;
	}	
	
strong, b { font-weight: bold; }
em { font-style: italic; }


hr { 
	background: #81A32B; 
	color: #81A32B; /* IE fix */
	clear: both;
	float: left; 
	width: 100%; 
	height: 2px; 
	margin: 8px 0 8px 0; 
	padding: 0; 
	border: none; 
	}	
	
	
#header h2 {
	position: relative;
	width: 150px;
	height: 118px;
	margin: 0;
	padding: 0;
	font: bold 1.8em Georgia, "Times New Roman", Times, serif;
	color: #666666;
	}
#header h2 span {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/global/logo_megaset.gif) no-repeat;	
	}	
#header h2 a { 
	color: #61FACA;
	background: none;
	cursor: pointer; 
	}		

p {	
	margin: 0 0 10px 0;	
	font: normal 1.1em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #a29b8b;
	}
	
.p2 {	
	margin: 0 0 10px 0;	
	font: normal 1.0em/1.45em Georgia, "Times New Roman", Times, serif;
	color: #a29b8b;
	}
	
.p3 {	
	margin: 0 0 10px 0;	
	font: normal .9em/1.45em Arial, Helvetica, sans-serif;
	color: #a29b8b;
	}

a:focus { outline: none; }
a:link, a:visited { color: #66FFCC; text-decoration: none; }
a:hover, a:active {	color: #66FFCC; text-decoration: none; }




/********************************************** 
				  STRUCTURE
**********************************************/


#wrap { 
	width: 100%;
	background: #FFFFFF;
	}
		
#header {
	position: relative;
	width: 955px;
	margin: 0 auto 20px auto;
	text-align: left;
	}		
		
#two_oh {
	position: absolute;
	top: -15px;
	left: -20px;
	width: 59px;
	height: 59px;
	text-indent: -4000px;
	background: url(../images/global/icon_two_oh.gif) no-repeat;
	z-index: 4000;
	}
		
#twocol {
	width: 955px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	text-align: left;
	}	
#twocol .leftcol {
	float: left;
	width: 150px;	
	margin: 0;
	padding: 0;
	}	
#twocol .rightcol {
	float: left;
	width: 805px;
	display: inline;
	margin: 0;
	padding: 0;
	}		
	
#index {
	width: 955px;
	margin: 0 auto;
	text-align: left;
	}	
#index .firstcol {
	float: left;
	width: 150px;	
	padding: 0 0 40px 0;
	background: #F0F0F0 url(../images/global/bg_info.gif) no-repeat left bottom;
	border-right: 1px solid #E6E6E6;
	}	
#index .secondcol {
	float: left;
	width: 376px;
	display: inline;
	margin: 0 13px 0 12px;
	padding: 0;
	}		
#index .thirdcol {
	float: left;
	width: 195px;
	display: inline;
	margin: 0 13px 0 0;
	padding: 0;
	}		
#index .fourthcol {
	float: left;
	width: 190px;
	display: inline;
	margin: 0;
	padding: 0;
	}		

#cv {
	width: 955px;
	margin: 0 auto;
	text-align: left;
	}	
#cv .firstcol {
	float: left;
	width: 150px;	
	padding: 0 0 40px 0;
	background: #F0F0F0 url(../images/global/bg_info.gif) no-repeat left bottom;
	}	
#cv .secondcol {
	float: left;
	width: 208px;
	display: inline;
	margin: 0 13px 0 0;
	padding: 0;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	}		
#cv .thirdcol {
	float: left;
	width: 374px;
	display: inline;
	margin: 0 13px 0 0;
	padding: 0;
	}		
#cv .fourthcol {
	float: left;
	width: 189px;
	display: inline;
	margin: 0;
	padding: 0;
	}		
	
	
#project {
	width: 955px;
	margin: 0 auto;
	text-align: left;
	}	
#project .firstcol {
	float: left;
	width: 150px;	
	padding: 0 0 40px 0;
	background: #CCCCCC url(../images/global/bg_info.gif) no-repeat left bottom;
	}	
#project .secondcol {
	float: left;
	width: 208px;
	height: 410px;
	display: inline;
	margin: 0 13px 0 0;
	padding: 0;
	border-left: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
	}		
#project .thirdcol {
	float: left;
	width: 575px;
	display: inline;
	margin: 0;
	padding: 0;
	}		
		
	
#footer {
	clear: both;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 0px 0;
	background: #999999 url(../images/global/bg_footer_n.gif) repeat;
	}	

#footer .fg {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	padding: 0 0 150px 0;
	background: url(../images/global/bg_footer.gif) repeat-x left top;
	}	
	
	
/***************************************************
			      MAIN NAVIGATION
***************************************************/

#topnav {	
	float: left;
	width: 150px;
	margin: 10px 0 0 0;
	font: italic 1.3em Georgia, "Times New Roman", Times, serif;
	color: #999999;
	text-align: center;
	}	
	
#topnav a:link, #topnav a:visited {	
	color: #999999;
	text-decoration: none;
	}
	
#topnav a:hover, #topnav a:active {	
	color: #61FACA;
	text-decoration: none;
	}		

#nav {
	position: relative;
	float: left;		
	width: 799px;
	height: 42px;
	margin: -10px 0 0 0;
	list-style: none;
	overflow: hidden;
	}

#nav li a {
	position: absolute;
	top: 0;
	width: 126px;
	height: 0px !important;
	height /**/:42px; /* IE5/Win */
	text-indent: -9000px;
	text-decoration: none;
	padding: 42px 0 0 0;
	overflow: hidden;
	background: transparent url(../images/global/btn_nav.gif) no-repeat;
	}

#nav li#nav_identity a {
	background-position: 0 0;
	width: 141px;
	left: 0;
	}
#nav li#nav_identity a:hover, body#identity #nav li#nav_identity a { background-position: 0 -42px; }

#nav li#nav_illustration a {
	background-position: -141px 0;
	width: 154px;
	left: 141px;
	}
#nav li#nav_illustration a:hover, body#illustration #nav li#nav_illustration a { background-position: -141px -42px; }

#nav li#nav_web a {
	background-position: -295px 0;
	width: 154px;
	left: 295px;
	}
#nav li#nav_web a:hover, body#web #nav li#nav_web a { background-position: -295px -42px; }

#nav li#nav_photography a {
	background-position: -449px 0;
	width: 112px;
	left: 449px;
	}
#nav li#nav_photography a:hover, body#photography #nav li#nav_photography a { background-position: -449px -42px; }

#nav li#nav_experiments a {
	background-position: -561px 0;
	width: 112px;
	left: 561px;
	}
#nav li#nav_experiments a:hover, body#experiments #nav li#nav_experiments a { background-position: -561px -42px; }

#nav li#nav_friends a {
	background-position: -673px 0;
	width: 126px;
	left: 673px;
	}
#nav li#nav_friends a:hover, body#friends #nav li#nav_friends a { background-position: -673px -42px; }




/***************************************************
		  IMAGE REPLACEMENT / HEADERS
***************************************************/

h3.identity_projects {
	margin: 0 0 5px 0;
	width: 150px;
	height: 65px;
	text-indent: -4000px;
	background: url(../images/global/header_identity.gif) no-repeat;
	}
	
h3.graphill_projects {
	margin: 0 0 5px 0;
	width: 150px;
	height: 65px;
	text-indent: -4000px;
	background: url(../images/global/header_graphill.gif) no-repeat;
	}
	
h3.digital_projects {
	margin: 0 0 5px 0;
	width: 150px;
	height: 65px;
	text-indent: -4000px;
	background: url(../images/global/header_digital.gif) no-repeat;
	}
	
h3.photo_projects {
	margin: 0 0 5px 0;
	width: 150px;
	height: 65px;
	text-indent: -4000px;
	background: url(../images/global/header_photo.gif) no-repeat;
	}
	
h3.misc_projects {
	margin: 0 0 5px 0;
	width: 150px;
	height: 65px;
	text-indent: -4000px;
	background: url(../images/global/header_misc.gif) no-repeat;
	}
	
h3.friends_projects {
	margin: 0 0 5px 0;
	width: 150px;
	height: 65px;
	text-indent: -4000px;
	background: url(../images/global/header_friends.gif) no-repeat;
	}
	
h3.sean {
	width: 150px;
	height: 65px;
	margin: 0 0 10px 0;
	text-indent: -4000px;
	background: url(../images/global/header_sean.gif) no-repeat;
	}
	
h3.index {
	width: 150px;
	height: 65px;
	margin: 0 0 10px 0;
	text-indent: -4000px;
	background: url(../images/global/header_index.gif) no-repeat;
	}
	
h3.padded_border {
	margin: 0 0 5px 0;
	padding: 35px 0 3px 10px;
	font: bold 1.4em/1.30em Georgia, "Times New Roman", Times, serif;
	color: #999999;
	background: #F3F3EB;
	border-top: 5px solid #E6E6E6;
	border-bottom: 4px solid #E6E6E6;
	}		
	
h3.border {
	margin: 0 0 10px 0;
	padding: 5px 0 5px 10px;
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	color: #A6A6A6;
	background: #F3F3EB;
	border-top: 5px solid #E6E6E6;
	}	
	
h5.padded_heading {
	margin: 0 0 5px 0;
	padding: 4px 0 4px 10px;
	font: bold 1.0em Georgia, "Times New Roman", Times, serif;
	color: #999999;
	background: #F3F3EB;
	}		
	
h5.caption {
	margin: 20px 0;
	padding: 4px 10px 4px 0px;
	text-align:right;
	font: italic 1.0em Georgia, "Times New Roman", Times, serif;
	color: #999999;
	border-top: 5px solid #E6E6E6;
	}						
		

/***************************************************
			            INDEX
***************************************************/	
	

#index h4 {
	margin: 0 0 5px 10px;
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	color: #A6A6A6;
	}	
	
#index p { margin: 0 10px 10px 10px; }	

#index .firstcol p { margin: 0 10px 5px 10px; }	

#index p.indent {
	margin: 0 0 10px 35px;
	font: italic 1.1em Georgia, "Times New Roman", Times, serif;
	}
	
#index p.indent2 {
	margin: 0 0 10px 20px;
	font: italic 1.1em Georgia, "Times New Roman", Times, serif;
	}

#index ul {
	float: left;
	margin: 0 8px 0 10px;	
	padding: 0 8px 0 0;
	border-right: 1px solid #E6E6E6;
	}
	
#index ul.no {
	margin: 0;
	border: none;
	}	
	
#index ul li {
	font: normal 1.1em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #B2B2B2;
	list-style: none;
	}	

#index dl { margin: 0 5px 0 3px; }

.blogdate {
	margin: 0 0 0 10px;	
	font: 1.0em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #666666;
	}
	
.bloginfo {
	margin: 0 10px 30px 10px;
	padding: 0 0 10px 0;	
	font: 1.1em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #a29b8b;
	border-bottom: 1px solid #E6E6E6;
	}	
	
#index dd.feature {
	padding: 2px 0 0 0;
	margin: 2px 0 5px 2px;	
	font: 1.0em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #999999;
	}	

#index dd.listname{
	margin: 0 0 0 8px;	
	font: 1.0em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #666666;
	}	

#index dd.listinfo {
	margin: 0 0 15px 8px;
	padding: 0 0 10px 0;	
	font: 1.1em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #a29b8b;
	}	
	
#index dd {
	margin: 0 0 10px 0;	
	font: normal 1.1em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #B2B2B2;
	}
	
.indexblog { 
	padding: 5px 0px;
	margin:  -5px 0 5px 10px;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	}
	
.indexthumb {
	float: left;
	margin: 0 6px 15px 0;
	width: 195px;
	height: 89px;
	background: url(../images/global/bg_project_tmb.gif) no-repeat;	
	}
.indexthumb img {
	margin: 3px 0 5px 3px;
	border: 1px solid #E6E6E6;
	}
.indexthumb h3 {
	margin: 0 5px 0 0;
	padding: 2px 0 2px 5px;
	font: normal 1.3em Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	background: #D6D6D6;
	}		

.indexthumb h3 a { color: #FFFFFF; }



/***************************************************
			            CV
***************************************************/	
	

#cv h4 {
	margin: 0 0 5px 10px;
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	color: #A6A6A6;
	}	
	
#cv p { margin: 0 10px 10px 10px; }	

#cv .firstcol p { margin: 0 10px 5px 10px; }	

#cv p.indent {
	margin: 0 0 10px 35px;
	font: italic 1.1em Georgia, "Times New Roman", Times, serif;
	}
	
#cv p.indent2 {
	margin: 0 0 10px 20px;
	font: italic 1.1em Georgia, "Times New Roman", Times, serif;
	}

#cv ul {
	float: left;
	margin: 0 8px 0 10px;	
	padding: 0 8px 0 0;
	border-right: 1px solid #E6E6E6;
	}
	
#cv ul.no {
	margin: 0;
	border: none;
	}	
	
#cv ul li {
	font: normal 1.1em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #B2B2B2;
	list-style: none;
	}	

#cv dl { margin: 0 5px 0 10px; }

#cv dt {
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	color: #666666;
	}
#cv dd.location {
	margin: 0;	
	font: bold 1.1em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #999999;
	}	
	
#cv dd.school {
	margin: 0;	
	font: bold 1.1em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #666666;
	}	

#cv dd.schoolloc {
	margin: 0;	
	font: bold 1.0em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #999999;
	}	
	
#cv dd {
	margin: 0 0 10px 0;	
	font: normal 1.1em/1.5em Georgia, "Times New Roman", Times, serif;
	color: #B2B2B2;
	}
	
	
/***************************************************
			         PROJECT
***************************************************/	
	

#project h4 {
	margin: 0 0 5px 10px;
	font: bold 1.2em Georgia, "Times New Roman", Times, serif;
	color: #666666;
	}	
	
#project p { margin: 0 10px 10px 10px; }	


#project ul li {
	padding: 1px 10px;
	font: 1.1em/1.5em Arial, Helvetica, sans-serif;
	color: #666666;
	list-style: none;
	}	

#project ul li:hover, #project ul li.active { background: #FFFFFF; }

#project ul li a:link, #project ul li a:visited {
	color: #666666;
	text-decoration: none;
	}	
	
#project ul li a:hover, #project ul li.active a {
	color: #66FFCC;
	text-decoration: none;
	}	
		

.galleria {
	list-style: none;
	width: 575px;
	}
.galleria li {
	display: block;
	float: left;
	width: 73px;
	height: 73px;
	overflow: hidden;
	margin: 0 10px 10px 0;
	}
.galleria li a { display: none; }

.galleria li div img { cursor: pointer; }
.galleria li.active div img,.galleria li.active div { display: block; }
.galleria li img.thumb {
	cursor: pointer;
	top: auto;
	left: auto;
	display: block;
	width: auto;
	height: auto;
	}

#large { 
	width: 575px;
	height: 410px;
	margin: 0 0 63px 0;
	}

.views { float: left; margin: 0 0 0 0; }

.gallery {
	float: left;
	width: 420px;
	margin: 0 0 0 10px;
	}
.gallery li {
	width: 73px;
	height: 73px;
	border: 1px solid #E6E6E6;
	}	

.tmbnav {
	float: right;
	padding: 30px 0 0 10px;
	border-left: 1px solid #E6E6E6;
	}
.tmbnav img { margin: 0 0 0 5px; }
	
		
		
/***************************************************
			      THUMBNAIL GRID
***************************************************/	

.thumb {
	float: left;
	margin: 0 6px 35px 0;
	width: 195px;
	height: 89px;
	background: url(../images/global/bg_project_tmb.gif) no-repeat;	
	}
.thumb img {
	margin: 3px 0 5px 3px;
	border: 1px solid #E6E6E6;
	}
.thumb h3 {
	margin: 0 5px 0 0;
	padding: 2px 0 2px 5px;
	font: normal 1.3em Georgia, "Times New Roman", Times, serif;
	color: #FFFFFF;
	background: #999999;
	}		

.thumb h3 a { color: #FFFFFF; }

.thumbblank {
	float: left;
	margin: 0 6px 35px 0;
	width: 195px;
	height: 89px;
	background: url(../images/global/bg_project_tmb_blank.gif) no-repeat;	
	}
	
	
	
/***************************************************
			      FOOTER STYLES
***************************************************/		
	
#footer p {
	font: normal 1em Arial, Helvetica, sans-serif;
	color: #AD866B;
	text-transform: uppercase;
	}		
	
#footer a {
	color: #AD866B;
	text-decoration: none;
	}	
	
#footer a:hover {
	text-decoration: underline;
	}	

	
/***************************************************
			           MISC
***************************************************/	
	
/* clear fix */
	.fix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}  
.fix { display: inline-block; }  

* html .fix { height: 1%; }
.fix { display: block; }

.clear { clear: both; }	
.hide { text-indent: -4000px; }