/*  
Theme Name: Tim Webster 2
Theme URI: http://timwebster.tv
Version: 2
Author: David Wolf
Author URI: http://dpwolf.net
*/


#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7,
#hd {
	background-color: #FFFFFF;
	min-width: 974px;
	max-width: 974px;
}

html{
	font-family: Arial, "MS Trebuchet", sans-serif;
	background-color: #B0B0B0;
	color: #5A5A5A;
	
}

#hd {
	background-color: #FFFFFF;
	padding-top: 12.923076923076923em;
	width: 74.923076923076923em;
/*	height: 4.846153846153846em;*/
/*	height: 5.16em;*/
	background-repeat: no-repeat;
}

.entry {
	padding-top: 1em;
}

#top_menu{
	float: left;
	margin-left: 0.75em;
/*	margin-left: 19.211538461538462em;
*//*	background-color: #23408F;*/
	background-color: #000000;
	margin-top: 0.75em;
	/*height: 4em;
	*/
}

#top_menu ul li{
	float:left;
	text-transform: uppercase;
	padding: 2em 0em 1em 0em;
	height: 1.5em;
}
#top_menu ul li a{
	font-size:138.5%;
	padding: 1em;

}
#top_menu ul li a:hover{
	color: #000000;
}
#home{
	float: left;
	color: #FFFFFF;
	width: 16.461538461538462em;
	padding: 1em;
	margin-top: 0.75em;
	height:2.5em
}
.flav_front #home {
	background-color: #000000;
}

.flav_front #hd {
	background-image: url(images/header_frontpage.png);
}

.flav_front .entry img {
	padding-left: 1px;
}

.flav_front #menu .selected {
	color: #000;
	border-bottom: 4px solid #000;
}

.flav_front #menu li a:hover,
.flav_front #menu .selected a,
#top_menu ul .exhibitions a {
	color: #000;
	text-decoration: none;
}


.flav_exhibitions #home, 
#top_menu ul .exhibitions {
	background-color: #D2232A;
}

.flav_exhibitions #menu .selected, .flav_exhibitions .details {
	border-bottom: 4px solid #D2232A;
}

.details{
	margin-bottom: 1em;
}

.flav_exhibitions #menu li a:hover,
.flav_exhibitions #menu .selected a,
#top_menu ul .exhibitions a,
.flav_exhibitions .main_text em {
	color: #D2232A;
	text-decoration: none;
}


.flav_exhibitions #hd {
	background-image: url(images/header_exhibitions.png);
}

.flav_exhibitions #top_menu .exhibitions,
.flav_artworks #top_menu .artworks,
.flav_performance #top_menu .performance
 {
	background-image: none;
}

.flav_exhibitions #top_menu .exhibitions a,
.flav_artworks #top_menu .artworks a,
.flav_performance #top_menu .performance a {
	color: #FFFFFF;
}


.flav_artworks #home, 
#top_menu ul .artworks {
	background-color: #40AE49;
}

.flav_artworks #menu .selected {
	color: #40AE49;
	border-bottom: 4px solid #40AE49;
}

.flav_artworks #menu li a:hover,
#top_menu ul .artworks a,
.flav_artworks #menu .selected a,
.flav_artworks .main_text em {
	color: #40AE49;
	text-decoration: none;
}


.flav_artworks #hd {
	background-image: url(images/header_artworks.png);
}

#top_menu ul li {
	background-image: url(images/header_tab_backgrounds.png);
	background-repeat: repeat-x;
}
#top_menu ul .exhibitions {
	background-position: 0 0;
}


#top_menu ul .artworks {
	background-position: 0 -100px;
}

#top_menu ul .performance {
	background-position: 0 -200px;
}




.flav_performance #home, 
#top_menu ul .performance {
	background-color: #23408F;
}

.flav_performance #menu .selected,
.performance_box p {
	border-bottom: 4px solid #23408F;
}

.flav_performance #menu li a:hover,
#top_menu ul .performance a,
.flav_performance #menu .selected a,
.flav_performance .main_text em {
	color: #23408F;
	text-decoration: none;
}


.flav_performance #home,
#top_menu ul .performance {
	background-color: #23408F;
}


.flav_performance #hd {
	background-image: url(images/header_performance.png);
}

.performance_box {
	width: 17em;
	height: 20em;
	padding-right: 1.5em;
	padding-bottom: 1em;
	float: left;
}

.performance_box p {
	padding-bottom: 0.4em;
}

.performance_box img {
	margin-top: 1em;
	width: 17em;
	height: 12.75em;
}

h1 {
	font-size: 200%;
	font-weight: bold;
	text-transform: uppercase;
}
h1 a {
	color: #FFFFFF;
}
#home h1 a {
	width: 8.230769230769231em;
	height:1.25em;
	display: block;
}

h2 {
	font-size:138.5%;
	font-weight: bold;
	text-transform: uppercase;
}
h3{
	font-size:123.1%;
}

#exhibition_subtitle {
	font-weight: normal;
}

#exhibition_heading,
#exhibition_heading h1 a {
	color: #D2232A;
}
#exhibition_heading {
	padding-bottom: 1em;
}


h4{
	font-size:108%;
}

a {
	text-decoration: none;
}
hr {
	border: 2px solid #878787;
}
strong {
	font-weight: bold;
}

#sidebar{
	background-color: #F0F0F0;
	padding: 0 1em 1em 1em;
}

#sidebar h2 {
	padding-top: 0.5em;
}
#sidebar a, #yui-main a {
	color: #5A5A5A;
}
#sidebar a:hover, #yui-main a:hover{
	text-decoration: underline;
}
#main .selected a {
		text-decoration: none;
}
p {
	font-size: 93%;
	padding-bottom:1em;
}

#menu {
	margin-bottom: 5em;
	font-size:123.1%;
	font-style: oblique;
	top: -1em;
}

#sidebar ul, #yui-main ul li {
	padding: 0.5em 0;
	border-bottom: 1px solid #FFFFFF;
}


#menu strong {
	text-transform: uppercase;
	}


#menu li {
	margin-bottom: 0.5em;
}

#yui-main .yui-b .yui-g p {
	font-family: Georgia, serif;
}

#yui-main .first {
	width: 22em;
}

#yui-u {
	overflow: hidden;
}

em {
	font-style: italic;
	text-transform: uppercase;
}

.main_text{
    clear: both;
}

#Images{
    clear: both;
}

.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-panel { padding: 0; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-state-active { font-weight: bold;}
#yui-main .ui-state-active a:hover { text-decoration: none;}
/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:720px;
		height:480px;
		overflow:hidden; 
		}
	span#prevBtn{
	    float: left;
	    padding: 1em;
	}
	span#nextBtn{
	    float: right;
	    padding: 1em;
	}					

/* // Easy Slider */
