/*
Theme Name: Doban Architecture
Theme URI: http://www.dobanarchitecture.com
Description: A wordpress theme for Brooklyn Designs 2010
Author: John Gadbois, Live From Bklyn
Author URI: http://www.livefrombklyn.com/
Version: 1
*/

/* Reset */
* { font-family: arial, helvetica, sans-serif; color: #444; }
body { font-size: 10pt; }
a { color: #444; text-decoration: none; border: 0; }
img { border: 0; }
a:hover { text-decoration: underline; }
window, html, body, * { padding: 0; margin: 0; }
html, body { height: 100%; }
p { padding-bottom: 10px; }
.clear { clear: both; }
html { overflow-y:visible; }

#logo { height: 116px; width: 299px; }
/* Nav */
#pageNav { display: none; }
#footer { position: absolute; text-align: center; bottom: 0; overflow: hidden; width: 100%;}
#copyright { position: relative; bottom: 0; background-color: white; text-align: center; padding: 0 0 3px 0; vertical-align: bottom; width: 100%;}
#bgImage { position: absolute; left: 0; }
#navSpan { position: relative; cursor: pointer; }
#navLink { font-weight: bold; text-align: center; }
#navLink div { display: inline; margin-right: 20px; font-size: 16pt;}
#navLink div a { font-size: 15pt; }
#navLink div a:hover { text-decoration:none; }
#navLink div.last { margin-right: 0;}
#thinkLiving { margin-right: 0;}

/* container */
#container { width: 1024px; margin-left: auto ; margin-right: auto; }
#container { min-height: 100%; height:auto !important; height: 100%; background: transparent url(images/bg.png) center repeat-y; background-attachment:fixed; }
#scrollContainer { position: relative; overflow-y: scroll; overflow-x: hidden; height: 100%;}

/* Header */
#header { height: 130px; padding-top: 10px; border-bottom: 2px solid black; position: relative;}
#rightHeader { float: right; padding-top: 20px; width: 450px; text-align: right;}
#social { float: right; padding-right: 3px; }

/* Content */
#content, #header { margin: 0 87px; }
#content { margin-top: 20px; position: relative; }

/* Columns */
#leftCol { float: left; width: 557px; }
#rightCol { float: left; margin-left: 20px; width: 273px; }

/* Home Page */


/* Project Pages */
#catTitle { position: absolute; right: 0px; bottom: 0px; font-size: 24pt; }
#catDescription { height: 250px; overflow-y: auto; }
#projLeftCol { float: left; width: 415px; }
#projRightCol { float: right;   width: 412px; }
#prodWrapper { margin: 5px 0 10px 0; width: 412px; }
#projContent { height: 180px; width: 100%; overflow-y: auto; }
#projAwards { font-weight: bold; }

#projImageContainer { width: 415px; overflow: hidden; text-align: center;}
#projImageWrappers { width: 370px; overflow: hidden; text-align: center; margin-left: 22px;}
#projImageWrapper div { width: 370px; text-align: center; float: left;}
#projImageWrapper img { padding: 0; margin: 0; }
#prevProjImage { float: left; cursor: pointer; }
#nextProjImage { float: right; cursor: pointer; }

#projSlider { width: 850px; overflow: hidden; white-space: nowrap; position: relative; border-top: 2px solid black; border-bottom: 2px solid black; padding-top: 3px; padding-bottom: 1px;}
#imagesWrapper { overflow: hidden; margin: 0 0 0 30px; width: 800px; white-space: nowrap; position: relative; }
#thumbnailWrapper { white-space: nowrap; }
#thumbnailWrapper img { padding: 0; margin: 0 21px 0 0; }
#prevThumbnailImage { position:absolute; left: 0; cursor: pointer; font-weight: bold; }
#nextThumbnailImage { position:absolute; right: 0; cursor: pointer; font-weight: bold;}

#projectList { list-style: none;  margin: 0; font-weight: bold; }
#projectList li { margin: 0 0 10px 0;}

/* about us */
#aboutusList { list-style: none;  margin: 0; font-weight: bold; }
#aboutusList li { margin: 0 0 20px 0;}

/* Headers */
h2 { font-size: 16pt; margin: 5px 0 10px 0;}

/* sidebar */
#sidebar { margin-left: 25px !important; width: 200px;}
#sidebar h4 { margin: 5px 0 5px 0; }
#content div.widget { margin: 0 0 20px 0; }
#content div.widget ul { list-style: none; }

/* post styles */
.post { margin-bottom: 20px; }
.postInfo { margin-bottom: 5px;}
.post h2 { margin-bottom: 0; }
.commentsSection { margin-top: 20px; }

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

/* Nav Styles */
#nav, #subnav { position: relative; text-align: center; width: 100%; bottom: 0;}
#nav, #subnav { margin: 0; padding: 0; margin-left: 87px;  height: 30px;}
#nav { margin-bottom: 3px; width: 849px;}
#subnav { border-top: 3px solid black;width: 849px; }
#nav li, #subnav li { float: left; list-style: none; padding: 7px 10px; color: black; margin-bottom: 3px;}
.nav li a, .nav li a:visited, .nav li a:hover { color: black; text-decoration: none; font-weight: bold; }
.nav li.current { background-color: black; }
.nav li.current a { color: white !important; }

.jspArrowDown { background: url(images/down-arrow.png) no-repeat top !important; background-color: inherit !important; }
.jspArrowUp { background: url(images/up-arrow.png) no-repeat bottom !important; background-color: inherit !important; }
.jspVerticalBar { background-color: inherit !important; }
.jspDrag { margin: 0px 1px !important; }

#sliderLabel { text-align: center; position: absolute; display: none;}
#sliderText { border: 0; color: white; font-weight: bold; padding: 5px; background-color: black;}