/*  
Theme Name: Barzetta
Description: The default Barzetta theme.
Version: 0.1
Author: Jani Pennanen
Author URI: http://www.rodama.fi
*/

* {
margin : 0;
padding : 0;
}



body {
font-size : 12px;
/*
background : #696969 url('images/bodybg.jpg') repeat-x;
*/
background: #000;
color : #eee;
text-align : center;
font-family: "Lucida Grande", Verdana, sans-serif;
}

a { color: #ff9900;   /* #8f030d; */ }

html,body { height: 100%; } 
html>body div#allcontainer{height:auto;} 
html>body div#whitecontainer{height:auto;}
html>body div#blackcontainer{height:auto;} 

#allcontainer, #whitecontainer, #blackcontainer {
height: auto !important; /* For Modern Browsers */
min-height:100%;
height: 100%;
width : 955px;
margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
}


#allcontainer{
background : url('images/prodbg.jpg') repeat-y;
}

#whitecontainer {
background : url('images/whitebg.jpg') repeat-y;
}

#blackcontainer, #header {
background: #0e0e0e;
}


#logo {
background: #0e0e0e;
text-align: left;
padding: 5px 0;
float: left;
width: 700px;
}


#fineng {
text-align: right;
padding: 10px 20px;
font-size: 11px;
background: #0e0e0e;
float: right;
}

#topimg img{
	margin : 0;
	padding : 0 0 25px 0;
	font-size: 0;
	vertical-align: bottom;
	}

#hpcontainer img {
	vertical-align: bottom;
}

#navi {
			/* background:url('images/navibgbg.jpg') repeat-x;*/
	width: 955px;
		margin: 0 auto;
		padding: 0;
text-align: left;
 	}


#navi ul, #navi ul li {
     list-style: none;
     margin: 0;
     padding: 0;
	 background: #191919;
				 

 }

 #navi ul {
    
	 padding: 12px 0;

 }

 #navi ul li {
     display: inline;
	 
	 	margin-right: 2px;
		 
 padding:10px 0px;
 }

#navi li a {
	letter-spacing: 1px;
 	color: #eee;
	text-decoration: none;
	font-weight: bold;
			
background:url('images/navibghover.jpg') repeat-x;
					 			 padding: 12px 8px;
								 font-size: 12px;
								 margin: 0;
								 
	}
	


#navi ul li.current_page_item a, #navi ul li.current_page_parent a{
	color: #fff;
				background: #ae0d23;

					 			 padding: 12px 8px;


	}	
	
#navi ul li a:hover {
color: #fff; 
/*background:url('images/navibg.jpg') repeat-x; */

				 background: #8f030d;
					 			 padding: 12px 8px;

}
	
#navi li.activenavi a:hover {
	color: #fff;
	}





#container{
width : 905px;
margin : 0 auto;
text-align : left;
padding: 0 25px;
}

#inner {
width : 605px;
margin : 0 auto;
text-align : left;
float: left;
}

#sidebar {
float: right;
width : 225px;
padding : 25px 25px 15px 25px;
text-align : left;
background: #333333;
}

#sidebar ul, #sidebar ul li {
     list-style: none;
     margin-bottom: 10px;
     padding: 0;

 }

#sidebar li a {
 	color: #fff;
	text-decoration: none;
	font-weight: bold;
	
	}

#sidebar ul li.current_page_item a, #sidebar ul li.current_page_parent a{
				color: #ff9900; /* #ae0d23 */
				margin-left: 5px;
	}	
	
#sidebar ul li a:hover {
				 color: #ffcc00; /* #8f030d */
}


div.post{ background: #191919; padding: 25px 25px 25px 25px; }

div.post ul li {
	list-style: inside;
}



#footer  {
	background: #0e0e0e;
	color: #666666;  
	width : 905px;
	padding-top: 25px;
	padding-bottom: 15px;
	height: 10px; 
	margin: 0 auto;
	
	position: relative;
	font-size: 10px;
			/* .push must be the same height as .footer */
}

#nonFooter {
	height: 50px; /* .push must be the same height as .footer */
}

.clear {
clear : both;
}


a img {
border : none;
}
/*
#btm {

	

	height: 200px;
	position: relative;
	z-index: 2;
	top:-250px;
	display: block;
	text-align: right;
	right: 0;
	background-repeat: no-repeat;
	
	
}
*/
p {
	margin-bottom: 15px;
}

h2{ 
text-decoration: underline;
margin-bottom: 25px;
}

#btm{
	z-index: 2;
	margin-top: -200px;
	margin-left: 630px;
	position: absolute;
	display: inline;
}

#btm img {
vertical-align: bottom;
}

#prodpic{
	width: 220px;
	float: left;
	margin-right: 25px;
	
}	

#proddetails{
	/*
	555px - 220px -25px = 310px;
	*/
	width: 310px;
	float: right;
	
}


.noimage {
height: 523px;
}
