/* ==============================================
	   BASE.CSS
	   Copyright 2009 Elemint LLC.
============================================== */



/* ==============================================
   Global Styles
============================================== */

/* RESET: */
* { 
	margin: 0;
	padding: 0;
}
fieldset, img {
	border: 0;
}
ol, ul {
	list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse; 
	border-spacing: 0; 
}
/* :RESET */

body {
	background: #433e44 url(/images/bg_tile.gif) repeat;
	font: 14px "Palatino Linotype", Palatino, "Times New Roman", serif;
	line-height: 1.7em;
	color: #000;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #5e373a;
}
h1 {
	font-size: 28px;
}
h2 {
	font-family: Verdana, Arial, sans-serif;
	font-size: 18px;
}
a:link, a:visited {
	color: #30687c;
	text-decoration: none;
	font-family: Arial, Verdana, sans-serif;
}
a:hover {
	color: #000;
}



/* ==============================================
   Site Shell Elements
============================================== */

#container {
	width: 1020px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: #e7e2de url(/images/bg.png) repeat;
}
#header {
	height: 190px;
}
#footer {
	background: transparent url(/images/bg_footer.jpg) no-repeat;
	clear: both;
	height: 28px;
	padding-top: 6px;
	overflow: hidden;
}
#col_left {
	float: left;
	width: 580px;
	padding: 22px 0 22px 40px;
}
#col_right {
	margin: 22px 0 22px 640px;
	width: 340px;
	background: transparent url(/images/bg_sidebar.png) repeat-y;
}



/* ==============================================
   Primary Nav
============================================== */

.nav {
	height: 38px;
	width: 1020px;
	background: transparent url(/images/nav_sprite.png) no-repeat;
	position: relative;
}
.nav li {
	position: absolute;
	top: 0;
}
.nav li, .nav a {
	height: 38px; 
	display: block;
}
.nav a {
	text-indent: -9999px;
	overflow: hidden;
}
.nav_news		{left: 128px; width: 89px;}
.nav_bio		{left: 217px; width: 151px;}
.nav_books		{left: 368px; width: 99px;}
.nav_films		{left: 467px; width: 93px;}
.nav_media		{left: 560px; width: 100px;}
.nav_contacts	{left: 660px; width: 140px;}
.nav_home		{left: 800px; width: 94px;}

.nav_news a:hover		{background: transparent url(/images/nav_sprite.png) -128px -38px no-repeat; }
.nav_bio a:hover		{background: transparent url(/images/nav_sprite.png) -217px -38px no-repeat; }
.nav_books a:hover		{background: transparent url(/images/nav_sprite.png) -368px -38px no-repeat; }
.nav_films a:hover		{background: transparent url(/images/nav_sprite.png) -467px -38px no-repeat; }
.nav_media a:hover		{background: transparent url(/images/nav_sprite.png) -560px -38px no-repeat; }
.nav_contacts a:hover	{background: transparent url(/images/nav_sprite.png) -660px -38px no-repeat; }
.nav_home a:hover		{background: transparent url(/images/nav_sprite.png) -800px -38px no-repeat; }

.current-news .nav_news			{background: transparent url(/images/nav_sprite.png) -128px -38px no-repeat; }
.current-bio .nav_bio			{background: transparent url(/images/nav_sprite.png) -217px -38px no-repeat; }
.current-books .nav_books		{background: transparent url(/images/nav_sprite.png) -368px -38px no-repeat; }
.current-films .nav_films		{background: transparent url(/images/nav_sprite.png) -467px -38px no-repeat; }
.current-media .nav_media		{background: transparent url(/images/nav_sprite.png) -560px -38px no-repeat; }
.current-contacts .nav_contacts	{background: transparent url(/images/nav_sprite.png) -660px -38px no-repeat; }
.current-home .nav_home			{background: transparent url(/images/nav_sprite.png) -800px -38px no-repeat; }



/* ==============================================
   Header
============================================== */

#header .logo {
	height: 152px;
}
#header .logo img {
	display: block;
}



/* ==============================================
   Footer
============================================== */

#footer {
	text-align: center;
	color: #8d8279;
	font-family: Arial, Verdana, sans-serif;
	font-size: 11px;
}
#footer a:link, #footer a:visited {
	color: #72acc0;
}
#footer a:hover {
	text-decoration: underline;
}
#footer span a:link, #footer span a:visited {
	color: #c8bfb8;
	margin: 0 4px;
}



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

#home #col_left h1 {
	color: #88983f;
	margin: 15px 0;
	font-size: 24px;
}
#home #col_left p {
	color: #346a7e;
	text-align: justify;
	margin-bottom: 30px;
	font-family: Arial, Verdana, sans-serif;
}



/* ==============================================
   Sidebar
============================================== */

#col_right img {
	display: block;
}
#col_right .quote {
	margin-bottom: 17px;
}
#col_right .mediagallery {
	margin: 20px 0;
}
#col_right #email_list {
	background: transparent url(/images/email_list.jpg) no-repeat;
	height: 137px;
	position: relative;
}
#col_right #email_list form {
	position: absolute;
	bottom: 10px;
	left: 17px;
	width: 192px;
}
#col_right #email_list .inputbox {
	width: 145px;
	height: 15px;
}
#col_right #email_list input {
	position: absolute;
}
#col_right #email_list .submitBtn {
	bottom: 0;
	left: 156px;
}
#col_right #email_list #name {
	bottom: 26px;
	left: 0;
}
#col_right #email_list #email {
	bottom: 0;
	left: 0;
}
#col_right #email_list input.error {
	border: 3px solid #e37a5f;
}
#col_right #email_list label.error {
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}
#col_right #email_list #message {
	position: absolute;
	left: 20px;
	top: 70px;
	width: 194px;
	line-height: 1.3em;
	font-family: Arial, Verdana, sans-serif;
	font-size: 13px;
}
#col_right #email_list #message h3 {
	margin-bottom: 5px;
	font-size: 16px;
}


/* ==============================================
   General Styles
============================================== */

.col_1 {
	float: left;
	width: 150px;
	margin-left: 10px;
	position: relative;
}
.col_2 {
	margin-left: 180px;
	width: 400px;
}
.entries {
}
.entries li {
	padding: 26px 0;
	border-bottom: 1px solid #bdb8b4;
}
.entries li.alt {
	background-color: #ded9d5;
}
.RoundedImage {
}
.RoundedImage_image {
	display: block;
}
.RoundedImage_overlay {
	position: absolute;
	top: 0;
	left: 0;
}
.addthis_toolbox {
	line-height: 1em;
}
.img_shadow {
	background: url(/images/book_shadow.png) no-repeat bottom right;
	width: 147px;
	height: 199px;
}
.img_shadow img {
	margin: 5px 0 0 6px;
}
#styleswitcher {
	position: absolute;
	right: 0;
	min-height: 13px;
}
#minus_btn, #plus_btn {
	cursor: pointer;
}
#fontlabel {
	position: absolute;
	right: 40px;
	top:0;
}
#minus_btn {
	position: absolute;
	right: 20px;
	top:0;
}
#plus_btn {
	position: absolute;
	right: 0;
	top:0;
}
.decrease_font {
	display: none;
}
/* */



/* ==============================================
   Page Specific 
============================================== */

#bio_left {
	float: left;
	width: 210px;
	padding: 36px 0 0 10px;
}
#bio_right {
	margin-left: 242px;
	width: 338px;
	padding-top: 36px;
	position: relative;
}
#bio_right p {
	margin-bottom: 1.5em;
}
#bio_left img {
	display: block;
	margin-bottom: 20px;
}
#bio h2 {
	margin-bottom: 8px;
}
#bio #styleswitcher {
	top: 18px;
}


#books .entries li, #films .entries li {
	min-height: 182px;
}
#books .description, #films .description {
	margin-bottom: 6px;
}
#books .subtitle, #films .subtitle {
	font-family: Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #5e373a;
	margin-bottom: 10px;
}
#books .col_1, #films .col_1 {
	margin-left: 23px;
}
#books .col_2, #films .col_2 {
	width: 380px;
	margin-left: 193px;
}
#books h2, #films h2 {
	font-size: 17px;
}

#contact_left {
	float: left;
	width: 210px;
	padding: 34px 0 0 10px;
}
#contact_right {
	margin-left: 240px;
	width: 340px;
	padding-top: 34px;
}
.contact_info li {
	border-bottom: 1px solid #bdb8b4;
	padding-top: 20px;
}
.contact_info li.alt {
	background-color: #ded9d5;
	padding-bottom: 20px;
}
.contact_info li.top {
	padding-top: 0;
	padding-bottom: 20px;
}
.contact_info h2, .contact_info p {
	padding-left: 20px;
}
.contact_info h2 {
	margin-bottom: 7px;
}
.contact_info .link {
	background-color: #ded9d5;
	display: block;
	border-top: 1px solid #bdb8b4;
	padding-left: 20px;
}
.contact_info img {
	margin: 15px 0;
}


#media_left {
	float: left;
	width: 270px;
	padding-left: 15px;
}
#media_right {
	margin-left: 295px;
	width: 270px;
}
#media #col_left p {
	margin-top: 35px;
/*	text-align: justify;*/
	width: 250px;
}
#media #col_left h1 {
	margin-bottom: 17px;
}
.gallery {
	margin-left: 15px;
	line-height: 1em;
	font-size: 12px;
	font-weight: bold;
}
.gallery td {
	padding-right: 10px;
	padding-bottom: 20px;
	vertical-align: top;
	width: 178px;
}
.gallery img {
	margin-bottom: 6px;
	display: block;
}
.gallery img:hover {
	filter: alpha(opacity=80);
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity:0.8;	
}
#media .goback {
	margin: -14px 10px 5px 0;
	text-align: right;
	font-size: 12px;
}

#news small {
	color: #7f7872;
	font-size: 10px;
	font-family: Arial, Verdana, sans-serif;
	display: block;
	line-height: 1.5em;
	margin-top: 5px;
}
#news_img {
	float: left;
	margin: 0 20px 20px 0;
	width: 210px;
	position: relative;
}
#news_img .RoundedImage_image {
	width: 210px;
	height: 264px;
}
#news .entries p {
	margin-bottom: 6px;
	text-align: justify;
	width: 380px;
}
#news .entries h2 {
	margin-bottom: 12px;
}
#news .entry p {
	margin-bottom: 1em;
	text-align: justify;
}
#news h1.news_title {
	margin: 13px 0 24px; 
	width: 400px;
	line-height: 1em;
	font-family: Arial, Verdana, sans-serif;
}
#news .entry .byline {
	font-family: Arial, Verdana, sans-serif;
	color: #30687c;
	font-size: 13px;
}
#news .entry {
	position: relative;
}
#news #styleswitcher {
	top: 95px;
}



/* ==============================================
   404
============================================== */

#notfound #msg {
	height: 60px;
	background: transparent url(/images/blueband2.png) no-repeat;
	overflow: hidden;
	text-align: center;
	padding-top: 10px;
}
#notfound #header {
	height: 152px;
}
#notfound #msg h1, #notfound #msg a {
	color: #c8bfb8;
	text-transform: uppercase;
	font-size: 16px;
	font-family: "Palatino Linotype", Palatino, "Times New Roman", serif;
	padding-bottom: 5px;
}



/* ==============================================
   Misc
============================================== */

.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.oops {
	color: #e37a5f;
}