/*
================================
Title: Joshua James master styles
Author: Bayt & Takl Design
Contact: http://baytandtakl.com/contact
Updated: April 19 2005
================================
*/

/* -------- body -------- */
html, body {
margin: 0px;
padding: 0px;
}

body {
font: normal 12px/1.6em verdana, arial, helvetica, sans-serif;
text-align: center;
color:#131313;
background: #9D080D url(/images/backgrounds/border.jpg) repeat-y top center;
}

#container {
background: #fff url(/images/backgrounds/main1.jpg) no-repeat top center;
margin: 0 auto;
width: 800px;
}

/* -------- headings -------- */
h1, h2, h3, h4 {
font-family: verdana, lucida, arial, helvetica, sans-serif;
}

h1 {
margin: 10px auto;
text-align: center; 
padding-bottom: 10px;
font-size: 225%;
font-weight: normal;
text-indent: -9999px;
width: 491px;
height: 42px;
background: transparent url(/images/logos/joshua-james.gif) top left no-repeat;
}

h2 {
margin:10px 0;
font-size: 200%;
font-weight: normal;
}

h3 {
margin:10px 0;
font-size: 150%;
font-weight: normal;
}

p.dropcap:first-letter {
margin: 1px 2px 1px 0px;
padding: 1px 2px 1px 0px;
font-size: 200%;
font-weight: bold;
float: left;
}

/* -------- links -------- */
a {
text-decoration:none;
}
a:link {color:#CC3300;}
a:visited {color:#CC3300;}
a:hover {background-color: #ffff41;color:#c30;text-decoration:underline}

/* -------- header -------- */
#header {
width: 800px;
margin: 0 auto;
padding: 75px 0 20px 0;
text-align: center;
}  

/* -------- nav -------- */
#nav {
margin: 0 auto;
height: 49px;
list-style: none;
/* background: transparent url(/images/backgrounds/nav.gif) repeat-x top left; */
}

#nav li { 
padding: 10px 15px 7px 0;
margin: 0;
display: inline;
list-style-type: none;
font: bold 11px/2.2em tahoma, trebuchet, verdana, arial, helvetica, sans-serif;
text-align: center;
}

#nav li a {
text-decoration:none;
}

#nav li a:link {
color: #F1E7C9;
}

#nav li a:visited {
color: #F1E7C9;
}

#nav li a:hover {
background-color: transparent;
color: #fff; 
}

#nav li a.last {
padding-right: 0;
}

/* -------- main content -------- */
#content {
padding: 20px 0;
padding-bottom: 100px;
text-align: left;
}

#content h1, #content h2, #content h3, #content p, #content table, #content ul, #content ol, #content dl, #content .item, #content .itembody, #content .iteminfo {
padding: 0 75px;
padding-right: 50px;
}

#content blockquote {
float: right;
padding: 0;
margin: 0 50px 25px 10px;
width: 200px;
/* background: #BD3900 url(/images/misc/quote_top.jpg) no-repeat top left; */
text-align: left;
}

#content blockquote p, #content blockquote p.quote, #content blockquote p.source {
color: #900;
margin: 0;
padding: 0;
font: normal 90%/1.6em "Courier New", courier, serif;
}

#content blockquote p.quote strong {
font-weight: bold;
}

#content blockquote p.source {
font: normal 80%/1.5em Arial, Helvetica, sans-serif;
/* background: #BD3900 url(/images/misc/quote_bottom.jpg) no-repeat bottom; */
}

#content dt {
font-weight: bold;
}
#content dt a:link {
color: #000;
}
#content dt a:visited {
color: #000;
}
#content dt a:visited {
color: #000;
}
#content dt a:hover {
color: #000;
text-decoration: none;
background: none;
}

#content dd {
margin: 0 0 25px 0;
}

/* -------- footer -------- */
#footer {
clear: both;
text-align: center;
padding: 50px 0;
}

/* -------- gallery -------- */
#gallery {
margin: 5px;
padding: 0;
}

#gallery img {
margin: 5px;
padding: 0;
border: 0;
}

#gallery a:link, #gallery a:hover {
text-decoration: none;
background: transparent;
}

/* -------- misc -------- */
cite, abbr, acronym {
font-style: italic;
}

abbr, acronym {
cursor: help;
}

.alert {
text-align: left;
font-weight: bold;
color: #BD3900;
}
/* -------- pics -------- */
.pad_left {
border: 1px solid #BD3900;
float: left;
margin: 0 15px 0 0;
}

/* -------- cast list -------- */
dl.cast { 
position: relative;
margin: 0;
padding: 0;
}
	
dl.cast dt {
color: #900;
font-weight: bold;
text-align: right;
float: left;
clear: left;
width: 10em;  /* or whatever we want it to be */
margin: 0 0 1em 0;	/* match the dd */
}
		
dl.cast dd {
clear: right;
margin: 0 0 1em 11em;	/* match the dt except for the left margin */
}