/* -------------------------------------------

Title : designforum

Author : BuiltOnSquares

URL : http://www.builtonsquares.com

Description : 

Created : 3.23.07

Modified : 4.16.07

------------------------------------------- */

/* main css -------------------------------------------------- */

 
html, body {
	padding: 0;
	margin: 0;
	font-family: verdana, arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
  	line-height: 1.2em;
  	color: #000;
	background-color: #FFF;
	text-align: left;
}

br {
	margin: 0;
	padding: 0;
}

img{
	border: 0;
	padding: 0;
	margin: 0;

}


/* links -------------------------------------------------- */
a {
	color: #981c1e;
}


/* headers here -------------------------------------------------- */

h1 {
	color:#3A2B08;
	margin: 0;
	padding: 0;
}

h2 {
	margin-bottom: 10px;
	padding: 0;
	font-size: 24px;
	font-weight: bold;	
	line-height: 120%;
	color: #3A2B08;
	letter-spacing: -0.1em;
}

h3{
	font-size: 16px;
	font-weight: normal;
	line-height: 130%;
	color:#000;
	margin:0;
	padding: 0;
}

h4{
	font-size: 12px;
	font-weight: bold;
	color:#3A2B08;
	margin-bottom: 10px;
	padding: 0;
}

/* main wrapper that hold everything -------------------------------------------------- */

#wrapper {
	float: left;
	clear: left;
	width: 950px;
	margin: 0;
	padding: 0;
}

/* holds the navigation -------------------------------------------------- */

#nav {
	float: left;
	margin: 0;
	padding: 0;
	width: 186px;
}

#nav h4 {
	font-size: 12px;
	font-weight: normal;
	line-height: 130%;
	color:#000;
	margin:0;
	padding: 20px;
	width: 145px;
	text-align: left;
}


#nav a:link, #nav a:active, #nav a:visited {
	font-size: 10px;
	color: #981c1e;
	margin:0;
	padding: 0;
	text-decoration: none;
}

/* postioning mainNav */
#mainNav {
	float: left;
	position: relative;
	margin: 0 0 0 52px;
	padding: 0;
}

#mainNav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#mainNav li {
	display: block;
	margin: 0;
	padding: 0;
	float: left;
	width: 130px;
	height: 20px;
}

#mainNav a,
{
	display: block;
	text-decoration: none;
	float: left;
	margin: 0;
	color: #333;
	font-family: "Myriad Pro Light", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: norma;
}

#mainNav a:active,
#mainNav a:link,
#mainNav a:visited
{
	color: #333;
	text-decoration: none;
	font-family: "Myriad Pro Light", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
}

/* add current states and rollovers to the nav */
#projects #mainNav .projects a,
#about #mainNav .about a,
#bios #mainNav .bios a,
#services #mainNav .services a,
#news #mainNav .news a,
#contacts #mainNav .contacts a,
#sketchbook #mainNav .sketchbook a,
#mainNav a:hover
{
	color: #971B1D;
	font-family: "Myriad Pro Light", Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}


/* holds the content -------------------------------------------------- */

#content {
	float: left;
	margin: 0;
	padding: 0;
	width: 764px;
}

#header {
	margin: 0 0 15px 0;
	padding: 50px 0 0 0;
	border-bottom: #CCC 1px solid;
}


/* home page ----------------------------------------------*/


#featuredProjectTitle,
#featuredNewsTitle {
	float: left;
	width: 700px;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	color:#666;
}
.featuredListing {
	float:left;
	width: 152px;
	height: 225px;
	padding: 0 29px 10px 0;
	margin: 0;
}

.featuredListing img {
	border: 1px solid #CCC;
	margin: 0 0 13px 0;
}

#featuredNews {
	float: left;
	width: 700px;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}

.featuredNewsName {
	font-size: 18px;
	font-weight: normal;
	line-height: 20px;
	color:#600;
	margin: 0 0 5px 0;
}

.featuredNewsBody {
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color:#333;
}

.featuredDivider {
	float: left;
	position: relative;
	border: 0;
	background-color: #CCC;
	height: 1px;
	margin: 20px 0;
}

/* about -------------------------------------------------- */

#aboutLeft {
	float: left;
	margin: 0;
	padding: 0;
	background-color: #867B53;
	width: 318px;
}

#aboutLeft h3 {
	margin: 25px 0;	
	color: white;
}

#aboutLeft p {
	color: #fff;
}

#aboutLeft img {
/*	margin: 0 0 -5px 0; */
	border: 0;
	display: block;
}

#aboutLeft ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #fff;
	
}

#aboutLeft ul a {
	float: left;
	display: block;
	padding: 0 5px 0 5px;
	line-height: 18px;
	text-decoration: none;
	color: #981c1e;
}

#aboutLeft ul a:hover {
	color: #6f5f0c;
}

#aboutLeft li {
	float: left;
	display: block;
	padding: 0 5px 0 5px;
	line-height: 18px;
	text-decoration: none;
	color: #6f5f0c;
}

#aboutLeft li.first {
	padding-left: 15px;
}

#aboutRight {
	float:left;
	padding: 32px 0 0 0;
	width: 432px;
}	

#aboutRight img {
	margin: 0 0 -5px 0;
	padding: 0;
}

#aboutCopy {
	padding:25px;
	width: 267px;
}

#aboutCopy p {
	margin:10px 0;
}

.feature {
	font-weight: bold;
	color: #000;
	margin: 0;
}	

/* bios -------------------------------------------------- */

#bios {
	width: 720px;
	padding-top: 50px;
	float: left;
}

#bios img {
	display: block;
}

#bios .hr {
	border: 0px;
	width: 676px;
	height: 4px;
	color: #981C1E;
	background-color: #981C1E;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	clear: both;
}

.bioImg {
	float: left;
	width: 258px;
}

.bioInfo {
	float: left;
	width: 418px;
	margin-bottom: 0px;	
}

.bioInfo p {
	margin: 10px 30px 30px 10px;
	padding 0;
}

.bioInfo a:link, .bioInfo a:active, .bioInfo a:visited {
	padding: 0 10px 10px 0;
	color: #981c1e;
	text-decoration: none;
	text-align: right;
	display: block;
}

#bios_profile {
	width: 720px;
	border-bottom: 4px solid #9c2528;
	float: left;
	display: none;
}
#bios_profile .close {
	width: 720px;
	padding: 0 0 20px 0;
	float: left;
}
#bios_profile .close a {
	color: #fff;
	background-color: #9c2528;
	font-weight: bold;
	text-decoration: none;
	padding: 8px 10px;	
	display: block;
	float: right;
}
#bios_profile .group {
	width: 720px;	
	float: left;
}
#bios_profile .group img {
	float: left;
}
#bios_profile .group .profile {
	width: 415px;
	padding-left: 65px;
	float: left;
}
#bios_profile .group .profile span {
	color: #6f5f0c;
	font-size: 24px;
	text-transform: uppercase;
	line-height: 1em;
}
#bios_profile .group .profile p {
	color: #666;
	font-size: 12px;
	line-height: 1.4em;
	margin: 10px 0 20px 0;
}
#bios_profile .group .profile a {
	font-size: 12px;
	text-decoration: none;
	}
#bios .people {
	width: 720px;
	padding: 0 0 35px 0;
	float: left;
}
#bios .people .person {
	width: 240px;
	height: 180px;
	float: left;
}
#bios .people .doug {
	background-image: url(../img/bio_thumb_doug.jpg);
}
#bios .people .andrew {
	background-image: url(../img/bio_thumb_andrew.jpg);
}
#bios .people .jon {
	background-image: url(../img/bio_thumb_jon.jpg);
}
#bios .people .cam {
	background-image: url(../img/bio_thumb_cam.jpg);
}
#bios .people .empty {
	background-color: #918839;
	}
#bios .people .person a {
	width: 220px;
	height: 160px;
	padding: 20px 10px 0 10px;
	float: left;
	display: block;
}
#bios .people .person a:hover {
	background-image: url(../img/bio_thumb_bg.png);
	text-decoration: none;
}
#bios .people .person a.active {
	background-image: url(../img/bio_thumb_bg.png);
}
#bios .people .person a span {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}
#bios .people .person a p {
	color: #fff;
	font-size: 16px;
	font-style: italic;
	line-height: 1.2em;
	margin: 10px 0 0 0;
}
#bios_headline {
	color: #666;
	font-size: 36px;
	font-weight: normal;
	line-height: 1em;
	margin: 0;
	float: left;
}

/* projects -------------------------------------------------- */

#projectHeader {
	float: right;
	width: 700px;
	height: 63px;
	margin: 0;
	padding: 27px 0 0 0;
	border: 0;
	text-align: right;
}

.projectListing {
	float:left;
	width: 152px;
	height: 225px;
	padding: 0 25px 10px 0;
	margin: 0;
}

.projectListing img {
	border: 1px solid #CCC;
	margin: 0 0 13px 0;
}

.projectTitle {
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	color:#600;
}

.projectSubcat {
	font-size: 10px;
	font-weight: normal;
	line-height: 14px;
	color:#666;
}

#projectSubnav {
	float: left;
	width: 700px;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}

#projectSubtitle {
	font-family: 'Verdana', sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	color:#000;
}

#projectSubnav a {
	font-family: 'Verdana', sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 24px;
	color:#666;
	text-decoration: none;
}

#project {
	float: left;
	width: 750px;
}

#project h2{
	font-size: 24px;
	font-weight: normal;
	line-height: 130%;
	color:#981c1e;
}

#project h3{
	padding-bottom: 10px;
	font-size: 14px;
	font-weight: normal;
	line-height: 130%;
	color:#fff;
}

#project h4{
	padding: 0;
	font-size: 10px;
	font-weight: normal;
	color:#981c1e;
}

#project ul li{
	margin: 0 10px;
}

#project img {
	display: block;
}

#projectImg {
	float: left;
	width: 432px;
}

#projectInfo {
	float:left;
	width: 312px;
}

#projectLogo {
	margin: 10px 0;
	width: 312px;
	height: 70px;
	text-align: right;
	border-bottom: #CCC 1px solid;
}

#projectOverview {
	padding: 10px;
	background-color: #837721;
}

#projectOverview  p {
	padding-bottom: 10px;
}

#projectOverviewSub {
	margin-top: 10px;
	border-top: #CCC 1px solid;
}

#projectDetail {
	float:left;
	padding: 10px;
	/*width: 140px;*/
	width: 295px;
}

.pLogo {
	float: right;
}

#projectDetail p {
	padding-bottom: 10px;
}

#projectDetailImg {
	float: right;
	padding-top: 10px;
	width:150px;
}

#projectDetail a:link, #projectDetail a:active, #projectDetail a:visited {
	padding: 0 10px 10px 0;
	color: #837721;
	text-decoration: none;
	text-align: right;
	display: block;
}

/* news -------------------------------------------------- */

#newsHeader {
	float: right;
	width: 700px;
	margin: 0 0 20px 0;
	padding: 50px 0 0 0;
	border-bottom: #CCC 1px solid;
	text-align: right;
}

.post {
	float: right;
	width: 700px;
	margin: 0 0 15px 0;
	padding: 0 0 20px 0;
	border-bottom: #CCC 1px solid;
}

.post img {
	float: left;
	padding-right: 20px;
}

.post h3 {
	float: right;
	padding: 10px 20px 10px 0;
	font-size: 12px;
	font-weight: normal;
	color:#981c1e;
	width: 490px;
	display: block;
}

.post p {
	float: right;
	padding-right: 20px;
	width: 490px;
	display: block;
}

.postdate {
	font-size: 9px;
	color: #333;
}

/* contact -------------------------------------------------- */

/* footer -------------------------------------------------- */

#footer {
	float: right;
	padding: 30px 0;
	font-size: 10px;
	font-weight: normal;
  	color: #000;	
	text-align: right;
}

#footer a{
	text-decoration: none;
	color: #981c1e;
}