/* @override http://eitf.local/wp-content/themes/eitf/style.css */

/*
Theme Name: EITF
Description: Original EITF theme designed by Justyna Wills
Version: 2 (WP2.7)
Author: Justyna Wills
Tags: eitf, custom
*/

@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
	list-style: none;	
}

body {
	font-size: 62.5%;
	margin: 0px 0;
	background-color:#FFFFFF;
	line-height:16px;
	border-top: 4px solid #961B1E;
	font-family:Arial, Helvetica, sans-serif;
}

/*General Text Formatting Begins
These styles can be inherited and altered accordingly for different sections of the page*/

h1 { 
font-size: 1.4em;
border-bottom:1px solid #CCCCCC;
margin-top:5px;
margin-bottom:15px;
padding-bottom: 3px;
color:#961B1E;
}

h2 { 
font-size: 1.2em;
margin-top:5px;
color:#000000;
}

h3 { 
font-size: 1.2em; 
font-weight:normal;
margin-top:2px;
color:#961B1E;
}


p {
font-size:1.3em;
color:#555;
margin-bottom:15px;
}
	
	a:link {
	color: #990000;
	text-decoration: none;
	font-weight: bold;
	}

	a:visited {
	text-decoration: none;
	color:#666666;
	font-weight: bold;
	}
	
	a:hover {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	}
		
	a:active {
	color: #990000;
	text-decoration: none;
	font-weight: bold;
	}


/*General Text Formatting Ends*/



/*Page Layout Begins*/


/*Creates an outer box into which all other layout panes are placed*/
#overall_wrapper {
background-color:#FFFFFF;
margin:0px auto;
width:730px;
padding:15px;
padding-top:0px;
margin-bottom:15px;
} 


	/*Defines the Header Wrapper which displays the logo and contains the Navigation Pane*/
	#header_wrapper {
	margin-bottom:5px;
	width: 730px;
	height: 115px;
	overflow: hidden;
	background-image:url(images/eitf_header2.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	/*border-top: 5px solid #961B1E;*/

	}

	ul#footerNav {
		float: left;
		list-style: none;
		margin: 0;
		padding: 0;
	}
	
	#footerNav li {
		float: left;
		margin: 0;
		padding: 0;
	}
	
	#footerNav a {
		border-left: 1.5px solid #990000;
		font-size: 1.1em;
		padding-left:  0.5em;
		padding-right: 0.5em;
	}
	
	#footerNav .first a {
		border: 0;
		padding-left: 0;
	}

		/*Defines the Navigation pane which sits inside Header Pane*/
			ul#rootNavigation {
				font-family: Trebuchet MS, Arial;
				font-weight: bold;
				list-style: none;
				float: right;
				margin-top: 90px;
				text-align: right;				
			}

			#rootNavigation a {
				font-size: 1.3em;
				float: right;
			   	display: block;
				padding-left: 0.5em;
				padding-right: 0.5em;
				text-decoration: none;
				}

			/* hide rule from IE5-Mac \*/
				#rootNavigation a {float: none;}
			/* End IE5-Mac hack */

			#rootNavigation li {
				float: left;
				margin: 0;
				padding: 0 0 0 0px;
			}

			/* @end */


			/*Determines formatting of the main site navigation list*/
			#navigation ul {
			font-size: 12px;
			padding: 0;
			margin-top: 95px;
			}

				/*Determines the formatting of each item in the main site navigation list*/
				#navigation li {
				display: inline;
				margin: 0px;
				padding:0px;
				}

	
	/*This is the pane that displays the large photo*/
	#splash {
	width: 730px;
	height: 240px;
	margin-bottom:15px;
	}

	/*Creates a box into which the three features panes sit*/
	#feature_wrapper {
		padding: 0;
		margin: 0;
		clear: both;
		height: 180px;
	}
	
	.artists {
		height: 360px !important;
	}
	
	.feature {
		position: relative;
		width: 234px;
		height: 170px;
		margin-right: 14px;
		margin-bottom: 10px;
		float: left;
		padding: 0;
	}

	.feature .overlay {
		display: none;
	}
	
	.feature a {
		text-decoration: none;
	}
	
	.feature p {
		margin: 0;
	}

	.feature img {
		border: 0;
	}
		
	.feature a:hover .overlay {
		display: block;
		position: absolute;
		width: 230px;
		height: 26px;
		top: 2px;
		left: 2px;
		background: #ffffff;
		opacity: 0.75;
		padding: 75px 0 65px 0;
		text-align: center;
		cursor: pointer;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
		filter: Alpha(Opacity=75);
	}
	
	.feature .overlay p {
		color: #961B1E;
		opacity: 1.0;
		padding: 0 20px;
		font-family: Trebuchet MS, Arial;
		font-weight: bold;
		font-size: 1.6em;
		text-transform: uppercase;
	}
		
	.last {
		margin-right: 0;
	}
				
	/*Creates a box in which 'Content' and the 'Sidebar' sit*/
	#page_wrapper { 
	width: 730px;
	background-color:#FFFFFF;
	background-repeat:repeat;
	clear:both;
	}

		/*Defines the main content pane which sits inside Page*/
		#content { 
		float: left;
		width: 467px;
		height: 100%;
		margin-right: 15px;
		}

		/*Defines the sidebar pane which sits inside Page*/
		#sidebar { 
		float: left;
		width: 218px;
		margin-left:15px;
		}

			/*Alters or adds attributes (for this pane only) of the earlier defined 'h3'text style*/
			#sidebar h1 {
			color:#000000;
			}
						
			#sidebar h2 { 
			font-size:11px;
			font-weight: bold;
			}
			
			#sidebar h3 {
			font size: 11px;
			color: #961B1E;
			}
			
			
			#sidebar p {
			margin-bottom:10px;
			}

				/*This alters or adds attributes (for this pane only) of the earlier defined 'link'text style*/
				#sidebar a:link {
				font-weight:normal;
				font-size:11px;
				color:#666666;
				}

				#sidebar a:visited {
				font-weight:normal;
				font-size:11px;
				color:#66666;
				}

				/*Alters or adds attributes (for this pane only) of the earlier defined 'hover'text style*/
				#sidebar a:hover {
				font-weight:normal;
				font-size:11px;
				color:#CC0000;
				}
			
				#sidebar a:active {
				font-weight:normal;
				font-size:11px;
				color:#666666;
				}


	/*Defines the footer pane*/
	#footer {
	margin-top: 10px;
	clear: both;
	width: 730px;
	margin: 0 auto;
	}
	
	#footer .info {
		clear: both;
	}
	

		/*Alters or adds attributes (for this pane only) of the earlier defined 'p'text style*/
		#footer p {
	padding-top: 10px;
		font-weight:bold;
		font-size:1.1em;
		}
		
			#footer a:visited {
			color:#961B1E;
			}
			
	
		/*Defines the sidebar pane which sits inside Page*/
		#events_left { 
		float: left;
		width: 467px;
		height: 100%;
		margin-right: 15px;
		}

			/*Alters or adds attributes (for this pane only) of the earlier defined 'h3'text style*/
						
			#events_left h2 { 
			font-size:11px;
			font-weight: bold;
			}
			
			#events_left h3 {
			font size: 11px;
			color: #961B1E;
			}
			
			
			#events_left p {
			margin-bottom:10px;
			}

				/*This alters or adds attributes (for this pane only) of the earlier defined 'link'text style*/
				#events_left a:link {
				font-weight:normal;
				font-size:11px;
				color:#666666;
				}

				#events_left a:visited {
				font-weight:normal;
				font-size:11px;
				color:#66666;
				}

				/*Alters or adds attributes (for this pane only) of the earlier defined 'hover'text style*/
				#events_left a:hover {
				font-weight:normal;
				font-size:11px;
				color:#CC0000;
				}
			
				#events_left a:active {
				font-weight:normal;
				font-size:11px;
				color:#666666;
				}


#photo_right { 
		float: right;
		width: 234px;
		height:170;
		overflow:hidden;
		}
		
/* Active menu */

.active {color: #000; font-weight: bold;}
.p_red { color: #990000;}
.p_small {font-size: 10px;}
.p_mediumbig {font-size: 11.9px;}
.p_medium {font-size: 11px;}
.p_white  {color: #FFFFFF;}
.p_standard {
	font-size:1.3em;
	color:#555;
	margin-bottom:15px;
}