/*
Theme Name: My-Theme - modified panorama theme
Theme URI: http://themocracy.com/2009/04/panorama-free-wordpress-theme/
Description: 2 column theme, compatible with WP2.8 and threaded-comments - add your own header image - 6 backgrounds, left or right sidebar, link/hover colors, jQuery dropdown page menu, and twitter badge all fully customizable - licenced under the GPL. Language localization supported, DA, AR, DE, FR, IT, NL, ES - please contact us if you would like to contribute a translation.
Version: 1.9
Tags: fixed-width, two-columns, white, theme-options, threaded-comments
Author: Themocracy and Studio Two
Author URI: http://themocracy.com/
*/

@import url('../panorama/style.css');


body {
background: #45443f url(/images/bg-fullpage.jpg) repeat-x left top;
color: #0f0f0f;
font-size: 76%;
font-family: tahoma, geneva, arial, sans-serif; 
font: 12px/1.4em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
margin: 0px;
padding: 0px;
}



#wrap {
	background: #45443f url("/images/bg-wrap1.jpg") repeat-x left top ;
	width: 1040px;
	margin: 0 auto; 
}
#wrapper{
width: 1000px;
margin: 0px auto;
padding: 0px;
text-align:left;
font-size: 100%;
line-height:20px;

}




#page {
margin: 0 auto; 
/*width: 920px;*/
 background-color: white;
}


#header{
height: 62px;
padding: 0 0 0 20px;
margin: 0;
background-color: #b3a797;
}	

#surheader{
color:white;
text-align:right;
padding: 5px 14px 0 0;
}


#logo {
	position: absolute;
	top: 17px;
	width: 402px;
	height: 49px;
	z-index: auto;
	
}


#buttonsarea {
	background: transparent url(extras/bg-button-bar.jpg) right top no-repeat;
	/*width: 980px;*/
	height: 46px;
	margin: 0 auto 10px auto;
	text-align: right;
	padding-top: 10px;
}

.boxoffice {
font-weight: bold; 
font-size: 12px; 
color: #CCCC00; 
padding-left: 15px; 
padding-right: 15px;
}





a, a:link,  a:visited  {
	color: #5f9524;
	font-weight: bold;
	text-decoration: none;
	background: transparent;
}	
a:hover   {
	
	color: #666666; 
	text-decoration: underline;
}





/* --- MAIN NAVIGATION RULES --- */

#navigation {
	/*width: 920px;*/
	height: 24px;
	padding: 0px 0 0 0;
	margin: 0 auto 0px auto;
}


#navigation ul	{
	/*width: 920px;*/
	height: 24px;
	margin: 0;
	padding: 0;
	position: relative;
	background: transparent url(/images/navigation.gif) top left no-repeat;
	border: 0;
	}
	
	

#navigation ul li	{
	display: inline;
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	position: absolute;
	top: 0px;
	}

#navigation ul li, #navigation a	{
	height: 24px;
	display: block;
	border:0;
	padding: 0;
	margin: 0;
	}
	
#navigation ul li a {
	text-decoration: none;
	text-indent: -9999px;
	color: #ffffff;
	}	



#n1 {	position: absolute; left: 35px ; width: 60px;}
#n2 {	position: absolute; left: 127px ; width: 60px;}
#n3 {	position: absolute; left: 220px ; width: 60px;}
#n4 {	position: absolute; left: 315px ; width: 110px;}
#n5 {	position: absolute; left: 455px ; width: 115px;}
#n6 {	position: absolute; left: 600px ; width: 90px;}
#n7 {	position: absolute; left: 720px ; width: 80px;}
#n8 {	position: absolute; left: 825px ; width: 53px;}


#n1 a:hover {background: transparent url(/images/navigation.gif) -35px -24px no-repeat;}
#n2 a:hover {background: transparent url(/images/navigation.gif) -127px -24px no-repeat;}
#n3 a:hover {background: transparent url(/images/navigation.gif) -220px -24px no-repeat;}
#n4 a:hover {background: transparent url(/images/navigation.gif) -315px -24px no-repeat;}
#n5 a:hover {background: transparent url(/images/navigation.gif) -455px -24px no-repeat;}
#n6 a:hover {background: transparent url(/images/navigation.gif) -600px -24px no-repeat;}
#n7 a:hover {background: transparent url(/images/navigation.gif) -720px -24px no-repeat;}
#n8 a:hover {background: transparent url(/images/navigation.gif) -825px -24px no-repeat;}





/* --- SEARCH --- */

#search{
background: #555;
border: 1px solid #b3b3b3;
float: left;
height: 22px;
margin: 0px 15px 0 40px;
padding: 0 5px 0 0;
width:234px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

* html #search{
margin-right: 8px;
}

#search input{
background: transparent;
border: 0;
float: left;
font-size: 105%;
margin: 2px 0 0;
padding: 1px 2px 2px 10px;
width:198px;
}
#search .searchsubmit{
margin: 3px 0 0 5px;
padding: 0;
width: auto;
}
