/*
Theme Name: Traces of the Trade
Theme URI: http://www.tracesofthetrade.org
Description: v2.0
Author: Laura Mullen and Jake Camara
Author URI: http://pinpointstudio.com/
*/



/* Sitewide Styles */

body {
	margin: 14px;
	background: #eddbcb;
	text-align: center;
}

h2 {margin-top: 35px; font-size: 18px; line-height: 25px;}

.clearBoth {clear: both;}
.hidden {display: none;}

#container {
	position: relative;
	margin: 0px auto;
	width: 929px;
	padding: 7px;
	background: #fff;
	text-align: left;
}

#search {
	float: left;
	width: 225px;
	height: 119px;
	overflow: hidden;
	background: #580b0b;
	text-align: left;
	font: 12px Verdana, Geneva, sans-serif;
	color: #fff;
        line-height: 16px;
}

#search a, a:visited {color: #aba000; text-decoration: none;}
#search a:hover {color: #eee; text-decoration: underline;}
#search .text {padding: 20px;}
#search .text img {margin: 5px 10px 8px 0px; float: left;}

#header {
	float: left;
	width: 704px;
	height: 119px;
	overflow: hidden;
	background: #790000;
	text-align: center;
}

.header-title {margin: 25px 0px 0px 0px;}

#sidebar {float: left; width: 225px; min-height: 505px; background: #4c413c; text-align: left;}
#navigation {background: #1e0e06; min-height: 505px;}
#navigation .nav-the_film {padding: 23px 0px 0px 15px;}
#navigation .nav-engage {padding: 40px 0px 0px 20px;}
#navigation .nav-additional {padding: 25px 0px 20px 20px;}
#navigation .nav-the_film ul {list-style: none; margin: 16px 0px 0px 5px; padding: 0px;}
#navigation .nav-the_film ul li {}
#navigation .nav-engage ul {list-style: none; margin: 16px 0px 0px 0px; padding: 0px;}
#navigation .nav-engage ul li {}
#navigation .nav-additional ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0px;}
#navigation .nav-additional ul li {}
#navigation a, #navigation a:visited {color: #fff;}

#credit {
	margin: 0px auto;
	width: 929px;
	padding: 7px;
	font: 10px Verdana;
	color: #3d332f;
	text-align: left;
}

#credit a, #credit a:visited {color: #3d332f; text-decoration: none;}
#credit a:hover {text-decoration: underline;}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}

/* End Sitewide Styles */


/* Homepage Styles */

#content_home {
	float: left;
	width: 703px;
	height: 505px;
	overflow: hidden;
	background: #fff url('images/bg-content_home.jpg') no-repeat top center;
	text-align: left;
}

.flash-intro {padding: 105px 0px 0px 0px; margin: 0px;}

#latest_news {
	clear: both;
	margin: 15px 0px 0px 0px;
	width: 928px;
	min-height: 181px;
	background: #f8f1eb;
	text-align: left;
}

#latest_news .articles {
	padding: 22px 0px 0px 25px;
	width: 600px;
	font: 13px Verdana;
	color: #3d332f;
}

#latest_news .logos img {padding-right: 15px;}

#latest_news .articles ul {list-style: none; margin: 0px; padding: 15px 0px 0px 0px;}
#latest_news .articles ul li {margin: 5px 0px;}
#latest_news .articles ul li a, #latest_news .articles ul li a:visited {color: #3f2307; text-decoration: none;}
#latest_news .articles ul li a:hover {color: #3f2307; text-decoration: underline;}

#book-callout {
	clear: both;
	position: absolute;
	top: 600px;
	margin-left: 600px;
	background: #645c59;
	width: 315px;
	height: 163px;
	text-align: left;
	font: 10px Verdana;
	color: #fff;
	overflow: hidden;
}

#center-callout {
	clear: both;
	position: absolute;
	top: 565px;
	margin-left: 240px;
	background: #645c59;
	width: 270px;
	height: 130px;
	text-align: left;
	font: 10px Verdana;
	color: #fff;
	overflow: hidden;
}

#logo-callout {
	clear: both;
	position: absolute;
	top: 770px;
	margin-left: 600px;
	width: 315px;
	height: 40px;
	text-align: center;
	font: 10px Verdana;
	overflow: hidden;
}

#book-callout .text {padding: 10px 20px 20px 20px; line-height: 16px;}
#book-callout .text img.cover {margin: 35px 0px 0px 15px; float: right;}
#book-callout .text img.title {margin: 0px 0px 15px 0px;}
#book-callout a, #book-callout a:visited {color: #eee; text-decoration: none;}
#book-callout a:hover {color: #eee; text-decoration: underline;}

#center-callout .text {padding: 20px; line-height: 16px;}
#center-callout .text img.cover {margin: 20px 0px 0px 15px; float: right;}
#center-callout .text img.title {margin: 0px 0px 15px 0px;}
#center-callout a, #center-callout a:visited {color: #eee; text-decoration: none;}
#center-callout a:hover {color: #eee; text-decoration: underline;}

/* End Homepage Styles */


/* Subpage Styles */

#sidebar_lower {min-height: 120px; text-align: left; padding: 30px;}

#content_subpage {
	float: left;
	width: 704px;
	min-height: 505px;
	overflow: hidden;
	background: #fff url('images/bg-content_subpage.jpg') no-repeat top right;
	text-align: left;
	color: #3f2307;
	font: 11px Verdana;
	line-height: 20px;
}

#content_subpage a {color: #3f2307; text-decoration: underline;}
#content_subpage .content_title {padding: 54px 0px 0px 42px;}
#content_subpage .content_text {margin: 80px 20px 0px 42px;}

#family-bio {min-height: 170px;}
#family-bio img {margin: 0px 20px 0px 0px;}

#family-bio-header img {border:0px}
#family-bio-header a {text-decoration:none}

.sub-navigation {
	float: right;
	margin: 0px 0px 30px 20px;
	width: 215px;
	padding: 5px 15px;
	text-transform: uppercase;
	border-left: 1px solid #b6aca2;
	font-weight: bold;
	letter-spacing: 1px;
}

.sub-navigation ul {list-style: none; margin: 0px; padding: 0px;}
.sub-navigation ul li {padding: 5px 0px;}
.sub-navigation ul ul {padding: 4px 15px; font: 9px verdana; text-transform: none;}


#comment-form textarea {
	width: 300px;
	border: 1px solid #ccc;
	padding: 3px;
}

#comment-form input {
	width: 150px;
	border: 1px solid #ccc;
	padding: 5px;
}

input#submit {width: 125px; background: #1e0e06; color: #fff;}

p.press_text {padding: 0px; margin: 0px;}
td.block_materialslist {border-bottom: 1px dotted #ccc; padding: 10px 0px;}
td.block_thumbnail {border-bottom: 1px dotted #ccc; padding: 10px 20px 10px 0px; text-align: center;}
td.block_thumbnail img {border: 1px solid #ccc; padding: 5px;}

body#form {background: #ffffff;}
#contact-form {background: #ffffff; text-align: left; font: 10px verdana;}
#contact-form label {width: 14em; float: left; font-weight: bold;}

/* End Subpage Styles */