/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/

*
{
	margin: 0;
	padding: 0;
}

/*
Set initial font styles
*/

body
{
	text-align: left;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75.01%;
	color: #cecece;
	background-color: #595959;
	margin: 0 1em;
}

div { font-size: 1em; }

img { border: 0; }

a:link
{
	color: #EEB800;
	text-decoration: none;
}

a:visited
{
	color: #C85F02;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

/*****************
basic layout 
*****************/

div#pagewrapper
{
	margin: 0 auto;
	background-color: #000;
	color: inherit;
	width: 984px;
	height: 1%;
}

/*** header ***
we will hide text and replace it with a image
we need to assign a height for it
*/

div#header
{
	height: 70px;
	/* adjust according your image size */
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

div#header h1 a
{
	/* you can set your own image here */
	background: url(images/header.jpg) no-repeat 0 0;
	display: block;
	height: 70px;
	/* adjust according your image size */
	text-indent: -999em;
	/* this hides the text */
	text-decoration: none;
	/* old firefox would have shown underline for the link, this explicitly hides it */
}

#menu_horiz
{
	border-top: 1px #939393 solid;
	border-bottom: 1px #222 solid;
	font-family: verdana, tahoma, sans-serif;
}

#menu_horiz ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 100%;
	background-color: #333;
	color: white;
	font-weight: bold;
}

#menu_horiz ul li
{
	float: left;
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 2em;
}

#menu_horiz li a, #menu_horiz li a:visited
{
	float: left;
	display: inline;
	color: white;
	text-decoration: none;
	padding: 0 1.5em;
}

#menu_horiz a:hover
{
	background-color: #EEB800;
	color: #595959;
}

#menu_horiz ul li.first { margin: 0 40px 0 25px; }
#menu_horiz ul li.last { padding-left: 20px; }

body#home #nav-hom a, body#bio #nav-bio a, body#reel #nav-reel a, body#res #nav-res a, body#cur #nav-cur a, body#agent #nav-age a, body#con #nav-con a, body#gal #nav-gal a, body#dir #nav-sco
{
	background-color: #C85F02;
	color: white;
}

div#content
{
	-moz-display: table-row;
	-webkit-display: table;
	vertical-align: top;
	clear: both;
}

div#main
{
	display: table-cell;
	width: 470px;
	padding: 4em 0 2em 2em;	
}

div#mainRes
{
	display: table-cell;
	width: 740px;
	padding: 4em 2em 2em 2em;
}

#homebg
{
	background-image: url(images/homeBg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 700px;
	height: 467px;
}
#hometxt
{
width: 300px;
position: relative;
top: 4em;
left: 8em;
color: white;
font-size: 125%;
}
.sign
{
	background-image: url(images/signature.png);
	background-repeat: no-repeat;
	background-position: 2em top;
	height: 56px;
	text-indent: -999px;
}
.sign2
{
	background-image: url(images/signature.jpg);
	background-repeat: no-repeat;
	background-position: 2em top;
	height: 40px;
	text-indent: -999px;
}
div#sidebarL
{
	display: table-cell;
	width: 150px;
	padding: 4em 2em 2em 2em;
	border-right: 1px solid #595959;	
}

div#sidebarR
{
	display: table-cell;
	width: 260px;
	padding: 4em 2em 2em 1em;
}

#sidebarR img
{
	position: fixed;
	top: 28%;
	right: auto;
	margin-left: 1em;
}

#category
{
	background-color: #333;
	border: 1px solid #333;
	height: 18px;
}

#category ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
}

#category ul li
{
	float: right;
	margin: 0;
	padding: 0;
	font-size: 0.96em;
	line-height: 18px;
	color: #cecece;
}
#category li a {
	float: right;
	display: inline;
	color: #cecece;
	text-decoration: none;
	padding: 0 1em;
	text-transform: uppercase;
	border-left: 1px solid #000; 
	background-color: #595959;
}
#category a:hover
{
	background-color: #EEB800;
	color: #000;
	cursor: pointer;
}

/* if sidebar doesnt include menu but content add class="hascontent" */
.hascontent
{
	padding: 0 .5%;
	width: 24%;
	/* make width smaller if there's padding, or it will get too wide for the floated divs in IE */
}

#footer
{
	font-size: 0.76em;
	line-height: 1.8em;
	background-color: #963C00;
	color: #CACACA;
	height: 1.8em;
	clear: both;
}

.copy
{
	padding-left: 1em;
	text-align: left;
	width: 48%;
	float: left;
}

.web
{
	width: 48%;
	padding-right: 1em;
	text-align: right;
	float: right;
}

#footer a {
color: #cacaca;
text-decoration: underline;
}
#footer a:hover {
text-decoration: none;
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr
{
	height: 1px;
	margin: 1em;
	border-bottom: 1px dotted #cacaca;
}

/********************
CONTENT STYLING
*********************/

.bookcover { margin: 1em 0; }

.photo
{
	padding: 2px;
	border-color: #595959;
	border-width: 1px;
	border-style: solid;
}

.wdhdg
{
	font-weight: bold;
	font-size: 0.9em;
	text-align: center;
	line-height: 1.50em;
	color: #EEB800;
}

.wdtxt { font-size: 0.78em; }

.author
{
	font-size: 0.90em;
	color: #ffffff;
	line-height: 1.20em;
	padding-right: 10px;
	font-weight: 600;
	text-align: right;
	float: right;
}

#wrapper1, #placeholder1, #mediaspace
{
	width: 740px;
	height: 256px;
	margin: 0 0 1em 0;
}
#mediaspace2 { width: 500px;
float: left;
margin: 0 15px 0 0; }
/* HEADINGS */
div#content h1
{
	font-size: 2em;
	/* font size for h1 */
	line-height: 1em;
	margin: 0;
}

div#content h2
{
	color: #C85F02;
	text-transform: lowercase;
	font-size: 1.6em;
	line-height: 1.6em;
	margin: 0 0 0.5em 0;
}

.subhead
{
	color: #EEB800;
	font-size: 1.20em;
	font-weight: 600;
	text-transform: capitalize;
}

div#content h3
{
	color: #294B5F;
	font-size: 1.3em;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
}

div#content h4
{
	color: #ccc;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
	text-transform: uppercase;
}

.small
{
	font-size: 0.90em;
	font-weight: 100;
	line-height: 1.15em;
	padding-bottom: 10px;
}

div#content h5
{
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}

h6
{
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}

/* END HEADINGS */
/* TEXT */
#sidebarL p
{
	font-size: 0.9em;
	margin: 0 0 1.5em 0;
	/* some air around p elements */
	line-height: 1.4em;
	padding: 0;
}

p, blockquote
{
	font-size: 1em;
	margin: 0 0 1.5em 2em;
	/* some air around p elements */
	line-height: 1.5em;
	padding: 0;
}

strong, b
{
	/* explicit setting for these */
	font-weight: bold;
}

em, i
{
	/* explicit setting for these */
	font-style: italic;
}
fieldset
{
	border-style: none;
	margin: 1.5em 0 0 0;
}

legend
{
	color: #C85F02;
	margin: 0 10px;
	padding: 0;
	display: none;
}

fieldset ol
{
	padding: .5em 1em 0 1em;
	list-style: none;
}

fieldset li
{
	float: left;
	clear: left;
	width: 100%;
	padding-bottom: 0.1em;
}

label
{
	position: relative;
	margin-right: 1em;
	width: 10em;
	float: left;
	text-align: left;
	font-size: 0.9em;
}

label em
{
	color: #EEB800;
	position: absolute;
	left: 10em;
	top: 0.25em;
}

input, textarea
{
	width: 22em;
	clear: right;
	float: left;
	margin: 2px 0;
	padding: 2px;
	border: 1px dotted #333;
	background-color: #111;	
	color: #cecece;
}
select { margin: 3px 0; }
textarea
{
	font-family: verdana, sans-serif;
	font-size: 0.9em;
	width: 22.25em;
}

fieldset.submit
{
	float: none;
	border-style: none;
	padding-left: 11.25em;
}

input.button
{
	width: 8em;
	margin: 0.5em 0.25em 0 0;
	padding: 2px;
	border: 1px solid #EEB800;
	background-color: #C85F02;
	color: #fff;
	text-transform: uppercase;
	cursor: pointer;
}

.star
{
	color: #EEB800;
	font-weight: bold;
}
.hrcont
{
	height: 2px;
	border-bottom: 1px solid #C85F02;
	width: 5em;
}

/* END TEXT */
/* LISTS 
div#main ul,
div#main ol,
div#main dl
{
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
}

div#main ul li,
div#main ol li { margin: 0 0 0.25em 3em; }

div#dl dt
{
	font-weight: bold;
	margin: 0 0 0.25em 3em;
}

div#dl dd { margin: 0 0 0 3em; }*/

/* END LISTS */