/*============================================================
 Base Styles
============================================================*/

body {
	height:100%;
	margin:0; 
	padding:0;
	/*background:url('http://static.carbonmade.com/img/bl_mainBg.gif') repeat-x top #3F3F3F;*/
	color:#FFF;
	font-family:"Lucida Grande",Helvetica,Arial,sans-serif;
	font-size:13px;
	}

h1, h2, h3, h4, h5, h6, ul, li, p { 
	margin:0; 
	padding:0; 
}

h1, h2, h3, h4, h5, h6 {
	font-family:"Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;
	font-weight:normal;
	}

h1 {	
	font-size:2.1em;
	letter-spacing:-0.05em;
	}

h2 {
	font-size:1.9em;
	letter-spacing:-0.03em;
	}

h3 { 
	font-size:1.3em; 
}

h4 { 
	font-size:1.1em; 
}

p { 
	line-height:1.2em; 
}

a img { 
	border:0; 
}

a { 
	color:#FFF; 
	outline:none; 
	text-decoration:none; 
}

a:hover { 
	color:#B1B1B1; text-decoration:underline; 
}

a.flop { 
	text-decoration:underline; 
}

a.flop:hover { 
	text-decoration:none; 
}

a.tog {
	margin:0 -2px;
	padding:4px;
	color:#544227;
	text-decoration:none;
	}
a:hover.tog {
	margin:0 -2px;	
	padding:4px;
	background-color:#FFD731;
	color:#000;
	text-decoration:none;
	}

.clear {
	clear:both;
	display:block;
	height:0px;
	margin:0; padding:0;
	overflow:hidden;
	font-size:0px;
	}
	
table {
	width:100%;
	table-layout:fixed;
	margin:0; padding:0;
	border-collapse:collapse; border:0;
	}

table td {
	margin:0; padding:0;
	}

form { 
	padding:0; margin:0; 
	}
form textarea { 
	min-height:10em;
	}

p.tiny {
	margin:0;
	font-size:10px;
	line-height:normal;
	}

p.small { 
	margin:0;
	font-size:0.9em;
	line-height:normal;
	}

p.break {
	margin:14px 0;
	padding:0;
	height:1px;
	background-color:#333;
	font-size:0px;
	}

/*============================================================
 Layout
============================================================*/
div#container {
	position:relative;
	width:820px;
	margin:0 auto;
	}
p#listhead {
	width:820px;
	margin:0 auto 4px auto;
	padding:5px 0;
	background:url(http://static.carbonmade.com/img/bl_listheadbg.gif) bottom no-repeat #222;
	text-align:center;
	}
p#listhead a {
	color:#555;
	}

.ne { background:url(http://static.carbonmade.com/img/bl_ne.png) no-repeat top right; }
.se { background:url(http://static.carbonmade.com/img/bl_se.png) no-repeat bottom right; }
.sw { background:url(http://static.carbonmade.com/img/bl_sw.png) no-repeat bottom left; }
.nw { background:url(http://static.carbonmade.com/img/bl_nw.png) no-repeat top left; }
.nw { padding:10px 0; }

/*============================================================
 Header
============================================================*/
div#mainNav {
	height:36px;
	background:url("http://static.carbonmade.com/img/bl_togglebgoff.gif") #000;
	border-bottom:1px solid #666;
	}
div#navCon {
	width:820px;
	margin:0 auto;
	padding-top:5px;
	}
div#navCon a#editBack {
	display:block;
	width:150px; height:31px;
	background:url("http://static.carbonmade.com/img/bl_nav_editport.gif") no-repeat;
	}
div#navCon a#editBack:hover {
	background-position:-150px;
	}
div#mainNav a#signupLink {
	float:right;
	display:block;
	width:125px; height:31px;
	background:url("http://static.carbonmade.com/img/nav_signup.gif") no-repeat;
	}
h3#topTitle {
	margin:0 10px;
	padding:8px 0;
	border-bottom:1px solid #3F3F3F;
	}
div#head {
	height:52px;
	}
div#head h1 {
	padding:8px 0 0 10px;
	}
div#head h4 {
	float:right;
	margin:18px 10px 0 0;
	}
	
table.projHead {
	width:100%; height:30px;
	margin-bottom:10px;
	border-bottom:1px solid #222;
	}
table.projHead tr td {
	margin:0; padding:0;
	}
table.projHead tr td.left a {
	float:left;
	display:block;
	width:16px; height:16px;
	margin:0 8px 0 0;
	background:url("http://static.carbonmade.com/img/bl_navBtn.gif") no-repeat;
	vertical-align:middle;
	}
table.projHead tr td.left a:hover {
	background-position:-16px;
	}
	
/*============================================================
 Footer
============================================================*/
#footer {
	margin:2px 0 0 0;
	padding:8px 0 12px 0;
	clear:both;
	}

#footer a.logo {
	display:block;
	width:106px; height:16px;
	margin-left:8px;
	background:url("http://static.carbonmade.com/img/bl_footLogo.gif") no-repeat;
	}

#footer>a.logo {
	background:url("http://static.carbonmade.com/img/bl_footLogo.png") no-repeat;
	}

#footer a.blog {
	display:none;
	}

#footer p {
	margin-right:8px;
	color:#B1B1B1;
	}

#footer #branding { 
	text-align:left; 
}

#footer #rights { 
	float:right; 
}

/*============================================================
 Home
============================================================*/

div.thmbCon {
	padding:0 0 0 10px;
	background:#000;
	}

ul#thumbs {
	list-style-type:none;
	margin:0; padding:0;
	}

li.thumbBlock {
	position:relative;
	float:left;
	list-style-type:none;
	width:auto;
	margin:0 10px 10px 0;
	}

li.thumbBlock a img,
li.thumbBlock a:visited img {
	padding:10px;
	background-color:#111;
	}
li.thumbBlock a:hover img,
li.thumbBlock a:active img {
	padding:10px;
	background-color:#666;
	}

li.thumbBlock img.updated {
	background:url('http://static.carbonmade.com/img/bl_home_updated.gif') left top no-repeat;
	}

li.thumbBlock a:hover div p.updated {
	position:absolute;
	top:98px;
	width:192px;
	background-color:#FF0000;
	color:#FFF;
	text-align:center;
	}

li.thumbBlock div.drag {
	position:absolute;
	top:22px; left:20px;
	}

li.thumbBlock h2 {
	margin-bottom:8px;
	}

li.thumbBlock h2 span {
	padding:3px;
	color:#FFF;
	background-color:#000;
	filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;
	}

li.thumbBlock h3 span {
	padding:3px;
	color:#BBB;
	background-color:#000;
	filter:alpha(opacity=80); opacity:0.8; -moz-opacity:0.8;
	}

li.thumbBlock div.smalltxt h2 span,
li.thumbBlock div.smalltxt h3 span {
	font-size:80%;
	}

div.overflowing {
	display:block;width:192px; height:100px; overflow:hidden; position:relative; z-index:20;
	}

div.overflowing:hover {
	display:block;overflow:visible; z-index:40;
	}

/*============================================================
 Project Detail
============================================================*/
div.projTitle {
	position:relative;
	margin:-10px 0 0 0; padding:10px;
	}

div.projTitle img#projNotePlus {
	position:absolute;
	top:12px; left:-20px;
	display:block;
	width:13px; height:13px;
	background:url("http://static.carbonmade.com/img/bl_plus.gif") no-repeat;
	}

div.projTitle p#projNoteTxt {
	position:absolute;
	top:10px; right:20px;
	color:#999;
	}

div.details {
	position:absolute;
	top:24px; left:0;
	background-color:#000;
	width:798px;
	margin:0; padding:10px;
	border:1px solid #3F3F3F;
	border-top:none;
	z-index:40;
	}

div.motion {
	position:relative;
	top:0; left:0;
	margin:-10px 0 10px 0;
	}

div.projNotesHov { 
	background-color:#3F3F3F;
	cursor:pointer;
	}

div.details h1,
div.projTitle h4 {
	font-weight:bold;
	}

div.details h3,
div.projTitle p {
	color:#B1B1B1;
	}

div.details h2 a {
	text-decoration:underline;
	}

div.details a#close {
	position:absolute;
	top:22px; left:-20px;
	display:block;
	width:12px; height:12px;
	background:url("http://static.carbonmade.com/img/bl_x.gif") no-repeat;
	}

ul.imageList {
	height:1%;
	padding-left:10px;
	list-style-type:none;
	background-color:#000;
	}
ul.imageList li {
	float:left;
	margin:0 10px 10px 0; padding:0;
	}

p.desc {
	margin:0; padding:5px 20px 5px 5px;
	color:#CCC;
	background:url("http://static.carbonmade.com/img/bl_project_thisone.gif") no-repeat top right #222;
	line-height:1.4em;
	}

div#outer {
	margin:0 auto;
	padding:0;
	}

div.thumbs div#outer { 
	background-color:#000; 
}

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("http://static.carbonmade.com/img/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; -moz-opacity:0.8;	
	}

#prevLink, #nextLink {
	cursor:pointer;
	width:48%;
	height:100%;
	background:url("http://static.carbonmade.com/img/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 */
div#horThmbs {
	height:70px;
	padding:0;
	margin:10px;
	margin-bottom:10px;
	}

div#horThmbs ul, div.horThmbs ul li {
	list-style-type:none;
	margin:0; padding:0;
	}

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

div#horThmbs ul li {
	position:relative;
	float:left;
	margin-right:2px;
	text-align:center;
	}
div#horThmbs ul li a {
	display:block;
	width:80px; height:67px;
	}
div#horThmbs ul li a:hover {
	display:block;
	width:80px; height:65px;
	border-bottom:2px solid #666;
	}
div#horThmbs ul li a img {
	margin-top:2px;
	}
div#horThmbs ul li.arrow { width:27px; background:none; }
div#horThmbs ul li.arrow a { width:27px; }
div#horThmbs ul li.arrow a:hover { width:27px; }
div#horThmbs ul li.arrow a img { margin-top:24px; }
div#horThmbs ul li.arrow a img#prev_set { background:url("http://static.carbonmade.com/img/bl_proj_thmbL.gif") no-repeat; }
div#horThmbs ul li.arrow a img#next_set { background:url("http://static.carbonmade.com/img/bl_proj_thmbR.gif") no-repeat; }
div#horThmbs ul li.arrow a:hover img { border:none; }
div#horThmbs ul li.dis { filter:alpha(opacity=10); opacity:0.2; -moz-opacity:0.1; }
div#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; -moz-opacity:0.5;
	}
div#horThmbs ul li.cur { height:65px; border-bottom:2px solid #FFF; }
div#horThmbs ul li.cur a img { filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; }
ul#vertThmbs {
	list-style-type:none;
	margin:0; padding:0;
	}
ul#vertThmbs li.projThmbBlock {
	position:relative;
	list-style-type:none;
	margin:0; padding:0;
	display:inline;
	}
ul#vertThmbs li.projThmbBlock a img {
	filter:alpha(opacity=20); opacity:0.2;
	margin:0; padding:0;
	}
ul#vertThmbs li.projThmbBlock a:hover img {
	filter:alpha(opacity=100); opacity:1.0;
	}
ul#vertThmbs li.projThmbBlock a img.preview {
	display:none;
	}
ul#vertThmbs li.projThmbBlock a:hover img.preview {
	display:block;
	position:absolute;
	padding:2px;
	background:#000;
	top:-30px;
	left:55px;
	z-index:10;
	}
ul#vertThmbs li.projThmbBlock a h4 {
	display:none;
	text-decoration:none;
	}
ul#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;
	}
ul#vertThmbs li.cur a img {
	filter:alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;
	text-decoration:none;
	}
ul#vertThmbs li.projThmbBlock p.scrub {
	display:block;
	position:absolute;
	top:-2px; left:122px;
	color:#666;
	font-size:0.9em;
	z-index:2;
	}
div#thumbsRight a img#prev_set { background:url("http://static.carbonmade.com/img/bl_pageup.gif") no-repeat; }
div#thumbsRight a img#next_set { background:url("http://static.carbonmade.com/img/bl_pagedown.gif") no-repeat; }
div#thumbsRight a img.page {
	margin-top:6px;
	filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6;
	}
div#thumbsRight a:hover img.page {
	filter:alpha(opacity=90); opacity:0.9; -moz-opacity:0.9;
	}
div#thumbsRight a img.dis,
div#thumbsRight a:hover img.dis {
	filter:alpha(opacity=10); opacity:0.1; -moz-opacity:0.1;
	cursor:default;
	}

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

div#detailsCon {
	width:820px;
	margin:0 auto; padding:0;
	}
div#detailsCon p#caption {
	margin:0;
	padding:0 0 5px 0;
	background:#000;
	text-align:center;
	}
div#detailsCon p#counter {
	margin:0; 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; padding: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("http://static.carbonmade.com/img/bl_about_freelance.gif") no-repeat;
	}

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