/* -------------------------------------------
Main stylesheet for wildfilmhistory
Author: Ivan Teage
Date: June 2007	
---------------------------------------------*/

body{
color:#353535;
margin: 0 auto;
line-height: 1.5em;
font-family:Arial, Helvetica;
font-size:12px;
text-align:center;
background:black;
}

div table tbody tr td b
{
color: blue;
}

div table tbody tr td span.profiletitle a b
{
color: #353535;
}

style="clear:left;"

td,th{
font-size:12px;
}

tr.odd{
	background-color: #EFF2F7;
}
tr.even{
	background-color: #F7F6F4;
}

/*
b{font-size: 110%;}
*/

h1
{
font-size:large;
font-weight:bold;
margin-top:0px;
padding-top:0px
}

a{
color:#485973;
text-decoration:none;
}

#leftcolumn a
{
font-weight:bold;
}


a:hover{
text-decoration:underline;
}

h2
{
font-size:2em;
line-height:1.3em;
padding-top:0px;
margin-top:0px;
}



/* -------------------------------------------
Column Layouts
---------------------------------------------*/

#topsection{
background: black;
width:1004px;
margin: 0px;
}

#wrapper_home{
text-align: left;
margin: 0px auto;
padding: 0px;
border:0;
width: 1004px;
background:#353535;
}

#wrapper_list { 
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1004px;
	background: url(../images/background_gen_blue.gif) repeat;
}

#wrapper_generic { 
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1004px;
	background: url(../images/background_generic.gif) repeat;
}

#wrapper_blue_right { 
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1004px;
	background: url(../images/background_blue_right.gif) repeat;
}

#wrapper_blue_both { 
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1004px;
	background: url(../images/background_blue_both.gif) repeat;
}

/* This one used for div  */
#generic_content{
  background: url(../images/generic.gif);
	background-repeat: no-repeat;
  background-position: bottom right;
  width:794px;
  float:left;
  padding:10px;
  }




/* -------------------------------------------
3 Column Layout - profile pages
---------------------------------------------*/




#leftcolumn{
float: left;
width: 461px;
background:#ffffff;
padding:12px;
color:#2F2F2F;
}

#maincolumn{
float: left;
width: 309px;
background:#8090A0;
padding:10px;
color:#EBE8E3;
}

#maincolumn a{
color:#F9F6CD;
text-decoration:none;
}

#maincolumn a:hover{
text-decoration:underline;
}


#wrapper_3col{
text-align: left;
margin: 0px auto;
padding: 0px;
border:0;
width: 1004px;
background: url(../images/background_cols.gif) repeat;
}

#rightcolumn{
float: right;
width: 190px; 
background: #353535;
padding:0px;
color:#cccccc;
text-align:center;
}

/* -------------------------------------------
3 Column Layout - list pages
---------------------------------------------*/

#leftcolumnlist{
float: left;
width: 200px;
background:#353535;
padding:0px;
margin:0px;
color:#111111;
}

#maincolumnlist{
float: left;
width: 580px;
background:#FFFFFF;
padding:10px;
}

#rightcolumnlist{
float: right;
width: 190px; 
background: #353535;
padding:0px;
color:#cccccc;
text-align:center;
}

/* -------------------------------------------
2 Column Layout - list pages
---------------------------------------------*/

#wrapper_2col{
text-align: left;
margin: 0px auto;
padding: 0px;
border:0;
width: 1024px;
background: url(../images/background_2cols.gif) repeat;
}

#centercolumn{
width: 24%;
float:left;
background:#0C2134;
color:#ffffff;
padding:10px;
}

#centercolumn td,th{
color:#ffffff;
}

#footer{
margin: 0px auto;
width:1004px;
height:44px;
vertical-align:middle;
clear:both;
background: #1F1F21;
}

#footer a{
color: #FFFF80;
}
/* -------------------------------------------
Home layout
---------------------------------------------*/
#wrapper_home{
text-align: left;
margin: 0px auto;
padding: 0px;
border:0;
width: 1004px;
}

#homeMain{
float:left;
color:#ffffff;
background:#353535;
width:814px;
padding:0px;
}

#homeMain td,th{
color:#ffffff;
}

#homeRight{
float: right;
width: 190px; 
background: #8090a0;
padding:0px;
height:100%;
color:#cccccc;
}

#featuredFilms{
float:right;
width:500px;
}

.keyEventDate{
width:190px;
margin:0px;
padding:0px;
}

.keyEventTitle{
text-decoration:none;
color:#cccccc;
}

.keyEventTitleCont{
width:190px;
border-bottom:solid 1px #cccccc;
padding-bottom:10px;
background: #8090a0;
}

.keyEventTitle:hover{
text-decoration:underline;
}


#homeParagraph
{
width:280px;
float:left;
font-size:medium;
color:#BBAE9D;
padding-right:15px;
padding-left:15px;
padding-top:5px;
}


.homeFeature
{
font-size:10px;
color:#BBAE9D;
width:150px;
margin:5px;
float:left;
height:150px;
}

.homeFeature a
{
color:#BBAE9D;
text-decoration:none;
}

.homeFeature a:hover
{
color:#BBAE9D;
text-decoration:underline;
}






/* -------------------------------------------
Menus
---------------------------------------------*/

#topmenu{
clear: left;
background: #141414;
padding: 0px 0px 0px 0px;
color: #aaaaaa;
height:30px;
}

.topmenubutton 
{
padding:0px;
margin:0px;
}

.topmenuImg
{
padding:0px;
margin:0px 3px 0px 0px;
display:block;
float:left;
}

.topmenuImgLast
{
padding:0px;
margin:0px;
display:block;
float:left;
}


#topmenu a:hover
{
color: #cccccc;
text-decoration:underline;
}


#bottommenu{
float:right;
color:#BBAE9D;
font-size:smaller;
vertical-align:middle;
margin-right:10px;
margin-top:10px;
}

#bottommenu a{
color:#BBAE9D;;
text-decoration:none;
}

#bottommenu a:hover{
text-decoration:underline;
}


#wslogo{
float:left;
}

.footerimg{
float:left;
vertical-align:middle;
margin-top:2px;
margin-right:15px;
}

.menuitem{
margin-left:10px;
margin-right:10px;
}

/* -------------------------------------------
Crumbtrail
---------------------------------------------*/

#crumbBox{
background:#DEDEDE;
display:block;
clear:left;
color:#768696;
width:984px;
height:20px;
margin-top:0px;
padding:5px 10px 5px 10px;
}

.crumb, .crumb a{
color:#485973;
font-weight:bold;
text-decoration:none;
}

.crumb a:hover{
text-decoration:underline;
}

.crumbSeparator{
color:#768696;
font-size:1.2em;
}


/* -------------------------------------------
Classes and specifics
---------------------------------------------*/

.largebacklink
{
font-size:small;
font-weight:bold;
color:#353535;
text-decoration:none;
}

.altTitle
{
font-size:small;
font-weight:bold;
color:#8090A0;
font-style:italic;
margin-top:-10px;
margin-bottom:10px;
}

.largebacklink:hover
{
color:#8090A0;
}

h4
{
color:#485973;
font-size:medium;
font-weight:bold;
}


.paging
{
font-size:12px;
}

.pagelink
{
font-size:1.2em;
font-weight: normal;
color:#485973;
text-decoration:none;
}

.pagelink a:hover
{
text-decoration:underline;
}


.profiletitle
{
color:#353535;
font-size:1.4em;
font-weight:bold;
}

.educationTitle
{
color:#485973;
font-size:1.4em;
font-weight:bold;
}


.profiletitle a
{
color:#353535;
font-weight:bold;
text-decoration:none;
}


.infotable{
color:#EBE8E1;
}

span.dropcap { 
 float: left;
 font-family: EuroStile, Old English, Georgia,serif;
 font-size: 300%;
 line-height: 0.80em;
 margin-right: 0.1em;
 margin-bottom:-0.25em;
 color:#8D4A3A; 
}

#searchform{
background-image:url(../images/headersearch.png);
height:64px;
margin:0px;
padding:40px 0px 0px 20px;
/*width:305px;*/
width:297px;
float:left;
}

#searchpageform{
height:44px;
margin:0px;
padding:5px 0px 0px 0px;
width:297px;
display: block;
}

.searchText
{
border:1px solid #cccccc;
width:180px;
height:23px;
padding:0px;
margin:0px;
-moz-opacity:0.8;
filter:Alpha(Opacity=80);
display: block;
float:left;
font-size:16px;
}

.searchSubmit
{
border:1px solid #cccccc;
background:#333333;
font-weight:bold;
cursor:pointer;
-moz-opacity:0.8;
filter:Alpha(Opacity=80);
height:25px;
color:#ffffff;
padding:0px;
margin:0px;
display: block;
}

.searchSubmit:hover
{
color:#F9F6CD;
background-color:#141414;
}

.sortSubmit
{
border:1px solid #cccccc;
background:#333333;
font-weight:bold;
cursor:pointer;
height:22px;
-moz-opacity:0.8;
filter:Alpha(Opacity=80);
color:#ffffff;
padding:0px;
margin:0px;
}

.sortSubmit:hover
{
color:#F9F6CD;
background-color:#141414;
}


.heading
{
font-family:Eurostile;
font-size:28px; 
}

.infolabel{
color:#485973;
font-weight:bold;
}

.slide
{
margin:0px;
padding:0px;
border-top:1px solid #DEDEDE;
border-left:1px solid #DEDEDE;
border-right:1px solid #DEDEDE;
border-bottom:1px solid #DEDEDE;
}

.mediaCaption
{
font-size:11px;
padding:2px;
color:#DEDEDE;
width:146px;
display:block;
text-decoration:none;
text-align:center;

}

.sourcingCaption
{
font-size:11px;
padding:2px;
color:#ffffff;
width:146px;
display:block;
text-decoration:none;
}


.mediaCaption:hover
{
text-decoration:underline;
}

.mediaPreview
{
border-top: 0px solid #cccccc;
border-left: 0px solid #cccccc;
border-right: 0px solid #cccccc;
border-bottom: 0px;
margin-top:10px;
}


#photoCaption
{
font-size:1.2em;
margin-top:5px;
}


#searchHeadings
{
text-align:right;
}

table.searchResults tbody tr td b
{
color: #485973;
}

table.searchResults tbody tr td span.profiletitle a b
{
color: #353535;
}

table.searchResults
{
clear:left;
}

/******************
Image slideshow cross  fade
***************/


/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:99;
	visibility:hidden;
	}

/******************
Key events
***************/

.eventNumber{
font-size:large;
font-weight:bold;
color:#485973;
}

.eventYear{
font-size:large;
font-weight:bold;
color:#485973;
}

.eventsTable td a{
font-weight:bold;
}

/******************
browse links
***************/

#browseLinks
{
margin-left:10px;
margin-top:10px;
}

#browseLinks .browseLink
{
border-bottom:1px solid #666666;
}

/******************
tool tip specific styles 
***************/
 
 
#theToolTip{
position: absolute;
left: -300px;
width: 200px;
border: 2px solid #EAEAE0;
padding: 6px 0px 0px 10px;
background-color: #F9F6CD;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,strength=4);
}

#ToolTipPointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#theToolTip p{
font-size: 1.1em;
color: #333333;
line-height:1.4em;
margin-right:10px;
margin-top:0;
}

#ToolTipTextWrap {
font-weight:bold;
font-size: 1.2em;
color: #333333;
margin-right:10px;
}

/* -------------------------------------
images 
 ------------------------------------- */
 
img{
	border: 0;
}

#cornerImage{
margin:0px;
_margin-bottom: -3px;
padding:0px;
height:134px;
}

#headerImage{
margin:0px;
_margin-bottom: -3px;
padding:0px;
float:left;
width:497px;
height:104px;
}

.inlineImageLeft{
	float: left;
	margin: 10px 10px 10px 0;
}

.inlineImageRight{
	float: right;
	clear: right;
	margin: 10px 0 10px 10px;
}

/* for slideshow effect */

#cornerImage img {
filter:alpha(opacity=100);
}

#homeImage img {
filter:alpha(opacity=100);
}