/*============================================================
 Reset
============================================================*/
/*body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/*============================================================
 OKS
============================================================*/
#gallery ol, #gallery ul {
	list-style:none; margin: 0;
}

#gallery img {
	vertical-align: middle;
}

#container2 {
	position:relative; /*width:820px;*/ margin:0 auto;
}
/*============================================================
 Devs
============================================================*/
* {margin:0;padding:0;}

body {
	background-color: white;
}


/*============================================================
 Project Detail
============================================================*/

div#inner {
	position:relative;
	/*width:800px; */
	margin:0 auto;
	padding:0 10px 10px 10px;
	background-color:#000;
	font-size:0px;
	text-align:center;
	}

div.image {
	height:350px;
	}

/*div.thumbs div#inner {
	width:660px;
	margin:0;
	padding:0 0 10px 0;
	background:none;
	}

div.thumbs div#thumbsRight {
	float:right;
	width:140px;
	text-align:center;
	}*/

div#loading {
	position:absolute;
	left:0%; top:40%;
	width:100%; height:25%;
	z-index:0;
	line-height:0;
	text-align:center;
	}

div#loading img { background:url("images/bl_loading.gif") no-repeat; }
div#linkCon {
	position:absolute;
	top:0; left:0;
	width:100%; height:100%;
	z-index:10;
	filter:alpha(opacity=80); opacity:0.8;
	}

#prevLink, #nextLink {
	cursor:pointer;
	width:48%;
	height:100%;
	background:url("images/c.gif") no-repeat transparent; /* Trick IE into showing hover */
	display:block;
	}

#prevLink span, #nextLink span { display:none; }

#prevLink { left:0; float:left; }
#nextLink { right:0; float:right; }

/* Thumbnails */
#horThmbs {
	height:70px;
	padding:0;
	margin:10px;
	margin-bottom:10px;
	}

#horThmbs ul li {
	position:relative;
	float:left;
	margin-right:6px;
	text-align:center;
	background:#111;
	}

#horThmbs ul li {
	position:relative;
	float:left;
	margin-right:2px;
	text-align:center;
	}
#horThmbs ul li a {
	display:block;
	width:80px; height:67px;
	}
#horThmbs ul li a:hover {
	display:block;
	width:80px; height:65px;
	border-bottom:2px solid #666;
	}
#horThmbs ul li a img {
	margin-top:2px;
	}
#horThmbs ul li.arrow { width:27px; background:none; }
#horThmbs ul li.arrow a { width:27px; }
#horThmbs ul li.arrow a:hover { width:27px; }
#horThmbs ul li.arrow a img { margin-top:24px; }
#horThmbs ul li.arrow a img#prev_set { background:url("images/bl_proj_thmbL.gif") no-repeat; }
#horThmbs ul li.arrow a img#next_set { background:url("images/bl_proj_thmbR.gif") no-repeat; }
#horThmbs ul li.arrow a:hover img { border:none; }
#horThmbs ul li.dis { filter:alpha(opacity=10); opacity:0.1; }
#horThmbs ul li h4 {
	position:absolute;
	bottom:14px; right:6px;
	color:#FFF;
	font-size:10px;
	font-weight:bold;
	filter:alpha(opacity=50); opacity:0.5;
	}
#horThmbs ul li.cur { height:65px; border-bottom:2px solid #FFF; }
#horThmbs ul li.cur a img { filter:alpha(opacity=50); opacity:0.5; }

#vertThmbs li.projThmbBlock {
	position:relative;
	display:inline;
	}
#vertThmbs li.projThmbBlock a img {
	filter:alpha(opacity=20); opacity:0.2;
	}
#vertThmbs li.projThmbBlock a:hover img {
	filter:alpha(opacity=100); opacity:1.0;
	}
#vertThmbs li.projThmbBlock a img.preview {
	display:none;
	}
#vertThmbs li.projThmbBlock a:hover img.preview {
	display:block;
	position:absolute;
	padding:2px;
	background:#000;
	top:-30px;
	left:55px;
	z-index:10;
	}
#vertThmbs li.projThmbBlock a h4 {
	display:none;
	text-decoration:none;
	}
#vertThmbs li.projThmbBlock a:hover h4 {
	display:block;
	position:absolute;
	top:0px; left:162px;
	color:#666;
	font-weight:bold;
	letter-spacing:-0.1em;
	line-height:1.1em;
	text-decoration:none;
	z-index:12;
	}
#vertThmbs li.cur a img {
	filter:alpha(opacity=70); opacity:0.7;
	text-decoration:none;
	}
#vertThmbs li.projThmbBlock p.scrub {
	display:block;
	position:absolute;
	top:-2px; left:122px;
	color:#666;
	font-size:0.9em;
	z-index:2;
	}
#thumbsRight a img#prev_set { background:url("images/bl_pageup.gif") no-repeat; }
#thumbsRight a img#next_set { background:url("images/bl_pagedown.gif") no-repeat; }
#thumbsRight a img.page {
	margin-top:6px;
	filter:alpha(opacity=60); opacity:0.6;
	}
#thumbsRight a:hover img.page {
	filter:alpha(opacity=90); opacity:0.9;
	}
#thumbsRight a img.dis,
#thumbsRight a:hover img.dis {
	filter:alpha(opacity=10); opacity:0.1;
	cursor:default;
	}

/* background image for compliant browsers */
#linkCon>#prevLink:hover, #linkCon>#prevLink:visited:hover { background:url("images/proj_prev.png") 20% 50% no-repeat; }
#linkCon>#nextLink:hover, #linkCon>#nextLink:visited:hover { background:url("images/proj_next.png") 80% 50% no-repeat; }

/*div#detailsCon {
	width:820px;
	}
*/	
div#detailsCon p#caption {
	padding:0 0 5px 0;
	background:#000;
	text-align:center;
	}
div#detailsCon p#counter {
	padding:0 10px 10px 0;
	color:#999;
	text-align:center;
	}
div.thumbs div#detailsCon p#caption,
div.thumbs div#detailsCon p#counter {
	padding-right:120px;
	}
	
/*============================================================
 About
============================================================*/
div#locationEd table td {
	padding:2px 0;
	}

div#locationEd table td.addLab {
	width:90px;
	font-size:13px;
	}

div.aboutbg {
	height:1%;
	background-color:#000;
	}
	
table.about {
	margin:0 0 20px 0;
	}

table.about td {
	vertical-align:top;
	}

table.about td p {
	margin:0 0 16px 0;
	line-height:20px;
	}

table.about td p.tiny {
	margin-bottom:0;
	color:#999;
	}

table.about td h3 {
	position:relative;
	margin-bottom:20px;
	}

table.about td h3 img {
	position:absolute;
	top:-15px; right:-20px;
	background:url("images/bl_about_freelance.gif") no-repeat;
	}

div.body p {
	margin:0 0 16px 0;
	line-height:20px;
	}

/*============================================================
 =Serif Overrides
============================================================*/
body.ser { font-family:Georgia, "Times New Roman", Times, serif; }

	
/*============================================================
 =White Overrides
============================================================*/

/* =GENERAL
----------------------------------------------- */
.wht {
	color:#555;
	}

	
/* GENERAL =Layout
----------------------------------------------- */
.wht a img { border:0; }
.wht a { color:#666; outline:none; text-decoration:none; }
.wht a:hover { color:#B1B1B1; text-decoration:underline; }
.wht a.flop { text-decoration:underline; }
.wht a.flop:hover { text-decoration:none; }
.wht p#listhead {
	background:url("images/wht_listheadbg.gif") bottom no-repeat #F6F6F6;
	}
.wht p#listhead a {
	color:#B1B1B1;
	}

.wht .ne { background:url("images/wht_ne.png") no-repeat top right; }
.wht .se { background:url("images/wht_se.png") no-repeat bottom right; }
.wht .sw { background:url("images/wht_sw.png") no-repeat bottom left; }
.wht .nw { background:url("images/wht_nw.png") no-repeat top left; }


/* +HEADER
----------------------------------------------- */
.wht div#mainNav {
	background:url("images/wht_togglebgoff.gif") #FFF;
	border-bottom:1px solid #EEE;
	}
.wht div#navCon a#editBack {
	background:url("images/wht_nav_editport.gif") no-repeat;
	}
.wht div#navCon a#editBack:hover {
	background-position:-150px;
	}
.wht table.projHead {
	border-bottom:1px solid #E2E2E2;
	}
.wht table.projHead tr td.left a {
	background:url("images/wht_navBtn.gif") no-repeat;
	}
.wht table.projHead tr td.left a:hover {
	background-position:-16px;
	}
.wht div#projTitle img#projNotePlus {
	background:url("images/wht_plus.gif") no-repeat;
	}
.wht div#projTitle p#projNoteTxt {
	color:#999;
	}
	
/* +FOOTER
----------------------------------------------- */
.wht div#footer a.logo {
	background:url("images/wht_footLogo.gif") no-repeat;
	}
.wht div#footer>a.logo {
	background:url("images/wht_footLogo.png") no-repeat;
	}
.wht div#footer p {
	color:#999;
	}


/* =LANDING
----------------------------------------------- */

.wht div.thmbCon {
	background:#FFF;
	}
.wht li.thumbBlock a img,
.wht li.thumbBlock a:visited img {
	background-color:#EFEFEF;
	}
.wht li.thumbBlock a:hover img,
.wht li.thumbBlock a:active img {
	background-color:#CCC;
	}
.wht li.thumbBlock img.updated {
	background:url("images/wht_home_updated.gif") left top no-repeat;
	}

	
.wht li.thumbBlock h2 span {
	color:#FFF;
	background-color:#000;
	filter:alpha(opacity=100); opacity:1.0;
	}
.wht li.thumbBlock h3 span {
	color:#BBB;
	background-color:#000;
	filter:alpha(opacity=100); opacity:1.0;
	}	

.wht #listRight li a:link, 
.wht #listRight li a:visited {
	color:#333;
	}
.wht #listRight li a:hover, 
.wht #listRight li a:active {
	background:#EFEFEF;
	color:#000;
	}
.wht #listRight a:link.cur,
.wht #listRight a:visited.cur {
	color:#999;
	cursor:default;
	}

	
/* =PROJECT
----------------------------------------------- */
.wht div.thumbs div#outer {
	background-color:#FFF;
	}
.wht div#details {
	border:1px solid #E2E2E2;
	}
.wht div.details {
	background-color:#FFF;
	}
.wht div.projNotesHov { 
	background-color:#EFEFEF;
	}
.wht div#details h3,
.wht div#projTitle p {
	color:#777;
	}
.wht div#details a#close {
	background:url("images/wht_x.gif") no-repeat;
	}
	
.wht ul.imageList {
	background-color:#FFF;
	}
.wht p.desc {
	color:#666;
	background:url("images/wht_project_thisone.gif") no-repeat top right #EFEFEF;
	}

.wht div#inner {
	background-color:#FFF;
	}
.wht div#loading img {
	background:url("images/wht_loading.gif") no-repeat;
	}
.wht li.projThmbBlock a:hover img.preview {
	background:#FFF;
	}
.wht li.projThmbBlock a:hover h4 {
	color:#CCC;
	}
	
/* Thumbnails */
.wht div#thumbsRight a img#prev_set { background:url("images/wht_pageup.gif") no-repeat; }
.wht div#thumbsRight a img#next_set { background:url("images/wht_pagedown.gif") no-repeat; }
.wht div#horThmbs ul li {
	background:#F6F6F6;
	}
.wht div#horThmbs ul li a:hover {
	border-bottom:2px solid #E6E6E6;
	}
.wht div#horThmbs ul li h4 {
	color:#DDD;
	}
.wht div#horThmbs ul li.arrow { background:none; }
.wht div#horThmbs ul li.arrow a img#prev_set { background:url("images/wht_proj_thmbL.gif") no-repeat; }
.wht div#horThmbs ul li.arrow a img#next_set { background:url("images/wht_proj_thmbR.gif") no-repeat; }
.wht div#horThmbs ul li.cur { border-bottom:2px solid #DDD; }
.wht ul#vertThmbs li.projThmbBlock a:hover img.preview {
	background:#FFF;
	}
.wht ul#vertThmbs li.projThmbBlock a:hover h4 {
	color:#CCC;
	}
.wht ul#vertThmbs li.projThmbBlock p.scrub {
	color:#CCC;
	}	

/* Background image for compliant browsers */
.wht #linkCon>#prevLink:hover, .wht #linkCon>#prevLink:visited:hover { background:url("images/proj_prev.png") 20% 50% no-repeat; }
.wht #linkCon>#nextLink:hover, .wht #linkCon>#nextLink:visited:hover { background:url("images/proj_next.png") 80% 50% no-repeat; }

.wht div#detailsCon p#caption {
	background:#FFF;
	}
.wht div#detailsCon p#counter {
	color:#999;
	}

	
/* =ABOUT
----------------------------------------------- */
.wht table.info td p.tiny {
	margin-bottom:0;
	color:#999;
	}

.wht div.aboutbg {
	background-color:#FFF;
	}
.wht table.about td p.break {
	background-color:#EEE;
	}
.wht table.about td h3 img {
	background:url("images/wht_about_freelance.gif") no-repeat;
	}