/*
Theme Name: Hidden Histories
Theme URI: http://www.hidden-histories.org.uk
Version: 1.0
Description: Custom theme created for Hidden Histories.
Author: Nils Kuijpers
Tags: red, simplistic, horizontal bar
*/

a.page_item:link{color:#FF0000;}
a.allprojects:hover{color:#FF0000;}

a:link{color:#cccccc; text-decoration:underline;}
a:hover{color:#d54347; text-decoration:underline;}
a:active{color:#cccccc; text-decoration:underline;}
a:visited{color:#cccccc; text-decoration:underline;}

h2 a:link{color:#cccccc; text-decoration:underline;}
h2 a:hover{color:#cccccc; text-decoration:underline;}
h2 a:active{color:#cccccc; text-decoration:underline;}
h2 a:visited{color:#cccccc; text-decoration:underline;}

body,html
	{
	height:100%;
	min-height:100%;
	padding:0px;
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#eeeeb5;
	}

	
h2
	{
	color:#cccccc;
	padding-top: .4em;
	margin-top: 0;
	}
	
#wrapper
	{
	background-image:url(./images/newbg.jpg);
	background-repeat:repeat-y;
	width: 955px;
  	margin-left: auto;
  	margin-right: auto;
	min-height:100%;  
	}
	
#header
	{
	width:919px;
	height:130px;
	min-height:130px; 
	margin-left:auto;
	margin-right:auto;
	}
	
#logo
	{
	height:130px;
	min-height:130px;
	width:266px;
	background-image:url(images/logo.gif);
	float:left;
	}
	
#banner
	{
	height:130px;
	min-height:130px;
	width:653px;
	background-image:url(images/headerhome.jpg);
	float:right;
	}
	
#navigation
	{
	height:30px;
	min-height:30px;
	width:919px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/navbutton.gif);
	background-repeat:repeat-x;
	}
	
#linkcontainer
	{
	float:left;
	}
	
#linkcontainer ul 
	{
	margin: 0;
	padding:0;
	list-style-type: none;
	left:100%;	
	} 
	
#linkcontainer li 
	{
	display:inline;
	float:left;
	left:100%;	
	} 
	
#linkcontainer a:link{color:#FFFFFF; text-decoration:none;}	
#linkcontainer a:active{color:#FFFFFF; text-decoration:none;}	
#linkcontainer a:visited{color:#FFFFFF; text-decoration:none;}
#linkcontainer a:hover{color:#000000; text-decoration:none;}

#searchcontainer
	{
	float:left;
	padding:2px;
	margin-left:55px;
	}

#content
	{
	width:909px;
	margin-left:28px;
	margin-bottom:10px;
	padding:0px;
	padding-bottom: 10px;
	margin-top:0px;
	height:100%;
	}

#main
	{
	float:left;
	width:687px;
	text-align:justify;
	height:100%;
	} 
	
.main 
	{
}

#main2
	{
	float:left;
	width:687px;
	text-align:justify;
	height:100%;
	} 
	
#sidebar
	{
	background-image:url(images/river-thames.jpg);
	background-repeat:no-repeat;
	background-color:#c4c4c6;
	margin-left:auto;
	margin-right:auto;
	width:200px;
	text-align:justify;
	float:right;
	height:100%;
	}
	
#sidebar_content
	{
	padding:10px;
	height:100%;
	}

#footer
	{
	width:919px;
	margin-left:auto;
	margin-right:auto;
	border-top:none;
	background-color:#FFFFFF;
	color:#000000;
	}
	
#text
	{
	
	padding-left:8px;
	}
	
#copyimg
	{
	
	}
	
#searchform
	{
	float:right;
	padding-right:10px;
	}
	
.link
	{
	border-right:1px solid white;
	vertical-align:bottom;
	display:block;
	float:left;
	height:30px;
	padding-left:0.5em;
	padding-right:0.5em;
	line-height:30px;
	}
.audioBox150,
.audioBox200,
.audioBox250,
.audioBox270,
.audioBox300	{
	border: #333333 4px double;
        -moz-border-radius: 25px;
	border-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-left-radius: 25px;
	/*background: rgba(255, 255, 255, 0.4);*/
	background-color: #666;
	width: 640px;
	padding: 15px 25px;
	margin: 10px auto;
	clear: both;
}
.audioText	{
	float: left;
	width: 400px;
}
.audioGalText	{
	float: right;
	width: 300px;
}

.audioBox150	{
	height: 175px;
}
.audioBox200	{
	height: 200px;
}
.audioBox250	{
	height: 250px;
}
.audioBox270	{
	height: 270px;
}
.audioBox300	{
	height: 300px;
}
.player	{
	float: right;
}
.videoBox	{
	border: #333333 4px double;
        -moz-border-radius: 25px;
	border-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-left-radius: 25px;
	/*background: rgba(255, 255, 255, 0.4);*/
	background-color: #666;
	width: 640px;
	padding: 15px 25px;
	margin: 10px auto;
	clear: both;
}
.videoBox p	{
	text-align: center;
}
.eventBox	{
	border: #333333 4px double;
        -moz-border-radius: 25px;
	border-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-left-radius: 25px;
	/*background: rgba(255, 255, 255, 0.4);*/
	background-color: #666;
	width: 640px;
	padding: 15px 25px;
	margin: 10px auto;
	clear: both;
}
.projectBox	{
	border: #333333 4px double;
        -moz-border-radius: 25px;
	border-radius: 25px;
	-moz-border-radius-bottomleft: 25px;
	border-bottom-left-radius: 25px;
	/*background: rgba(255, 255, 255, 0.4);*/
	background-color: #666;
	padding: 15px 8px;
	margin: 10px 6px;
}
p.projectCap	{
	font-size: 0.8em;
	color: #FFF;
	padding: 2px 6px;
} 

.linkBox	{
	border: #333333 4px double;
        -moz-border-radius: 15px;
	border-radius: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-left-radius: 15px;
	/*background: rgba(255, 255, 255, 0.4);*/
	background-color: #5988BC;
	width: 140px;
	height: 110px;
	padding: 15px 25px;
	margin: 10px 14px;
	float: left;
	text-align: center;
}

.eventBox p	{
	text-align: left;
}
.eventBox img	{
     	margin: 10px 10px 0 0;       
}
.linkBox img	{
	border: #333333 4px double;
	margin: 10px 10px 5px 0;
}
.linkBox a	{
	font-size: .7em;
 	text-decoration: none;
	color: #333333;
}
.linkBox a:hover	{
	color: #CCCCCC;
	text-decoration: underline;
}
caption	{
     	color: #FFFFFF;
        font-size: .8em;       
}
.dateTime	{
	font-variant: small caps;
   	color: #000000;
        font-size: 1.2em;
}
.staff	{
	border: #333333 4px double;
        -moz-border-radius: 5px;
	border-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	/*background: rgba(255, 255, 255, 0.4);*/
	background-color: #C6C6C6;
	float: left;
	padding: 5px 40px 10px 0;
	margin: 5px auto;
	text-align: center;
	width: 640px;
	display: block;
}
.staff img	{
	border: #FFF 1px solid;
	margin-left: 5px;
	float: left;
}
.staffPara	{
	color:#333;
	float: left;
	text-align: left;
	padding-left: 10px;
}
.staffPara a	{
	color: #333;
	text-decoration: none;
}
.staffPara a:hover	{
	text-decoration: underline;
}
.staffPara p	{
	margin: 0;
}
.photoRights	{
	font-size: .8em;
	color: #000000;
	}
.clear	{
	display: block;
	clear: both;
}
.map	{
	width: 680px;
	height: auto;
	background-color: #8AB343;
	float: left;
	padding-left: 5px;
	padding-right: 10px;
	margin-left: auto;
	margin-right: auto;
}

p.mapPage	{
	color: #00683B;
	float: left;
}
h4	{
	color: #00683B;
	float: right;
}		
#menuh-container
	{
	height:30px;
	line-height:30px;
	min-height:30px;
	width:919px;
	float:left;
	padding-left:18px;
	margin-left:auto;
	margin-right:auto;
	}

#menuh
	{
	height:30px;
	min-height:30px;
	line-height:30px;
	font-size: small;
	font-family: arial, helvetica, sans-serif;
	width:919px;
	float:left;
	margin-top:0px;  
	padding:0px;
	background-image:url(./navbutton.gif);
	}
		
#menuh a
	{
	height:30px;
	min-height:30px;
	line-height:30px;
	text-align: center;
	display:block;
	background-color:#B9080E;
	margin:0;
	padding:0px;
	}
	
#menuh a:link, #menuh a:visited, #menuh a:active
	{
	height:30px;
	min-height:30px;
	line-height:30px;
	text-decoration:none;
	color:#FFFFFF;
	padding:0px;
	}
	
#menuh a:hover	
	{
	height:30px;
	min-height:30px;
	line-height:30px;
	text-decoration:none;
	}	
	
#menuh a.top_parent, #menuh a.top_parent:hover
	{
	height:30px;
	min-height:30px;
	line-height:30px;
	background-repeat: repeat-x;
	}
	
#menuh a.parent, #menuh a.parent:hover 
	{
	height:30px;
	line-height:30px;
	min-height:30px;
	background-repeat: repeat-x;
	}

#menuh ul
	{
	height:30px;
	min-height:30px;
	line-height:30px;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	}

#menuh li
	{
	height:30px;
	min-height:30px;
	line-height:30px;
	position:relative;
	min-height: 1px;	
	border-right:1px solid white;
	width:7em;
	}

#menuh ul ul
	{
	height:30px;
	min-height:30px;
	line-height:30px;
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#menuh ul ul ul
	{
	height:30px;
	min-height:30px;
	line-height:30px;
	top:0;
	left:100%;
	}

div#menuh li:hover
	{
	height:30px;
	min-height:30px;
	line-height:30px;
	cursor:pointer;
	z-index:100;
	}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

#menuspacer
	{
	min-height:30px;
	height:30px;
	width:919px;
	margin-left:18px;
	margin-right:18px;
	background-image:url(./navbutton.gif);
	padding:0px;
	}
		
.top_parent
	{
	line-height:30px;
	background-image:url(./navbutton.gif);
	}

.projectbar
	{
	background-image:url(./bgjpg.jpg);
	color:#000000;
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#ebebeb;
	height:34px;
	}
	
.projectbar a {
	text-decoration:none;
	color:#000;
}

.projectimg
	{
	}	
.nameRipple	{
	color: #999;
}
.white	{
	color: #FFF;
	font-size: .8em;
}
.projBox	{

}