/**

 * CSS definitions for the Website Baker master template: Slimpic

 * 

 * This template serves as "master template" for the open source CMS

 * Website Baker. The aim is to outline the guidelines which have to be 

 * applied by designers when creating new templates for Website Baker.

 * 

 * Only templates following the guidelines will be listed on the Website

 * Baker addons repository starting from June 2008.	

 * A full list of requirements for Website Baker templates can be found

 * at http://addons.websitebaker.org.

 *

 * LICENSE: Creative Commons Attribution 3.0

 * 

 * @author     Chio Maisrimi

 * @copyright  Chio Maisrimi (c) 2008, http://www.beesign.com

 * @license    http://creativecommons.org/licenses/by/3.0/

 * @version    0.40

 * @platform   Website Baker 2.7

*/









* html {

	height:100%;

	font-size: 12px;		

}









body {

	margin:0;

	padding:0;	

	background: #173455 url(img/bodybg.jpg) repeat-x;	

	height:100%;

				

}









	

/*----- boxes -------------------------*/









#bodybox {

	background: #173455 url(img/mainbg.gif) repeat-y;

	width:770px;

	height:30%;

	min-height:100%;

	margin:0 auto;

	text-align: left;

	

}

















.nopr {float:left; }

























#leftbox {

	margin: 0;

	width:200px;

	float:left;

	color:#c9c9c9;

	background-color: #323642;

	/*background-image: url(img/menubg.gif);*/

}

















#mainbox {

	width:500px;

	float:left;

	

}









	

#headerbox {

	width:200px;

	height:200px;

	overflow: hidden;

	background-color: #cccccc;

	background-image: url(img/header.jpg);

	background-repeat: no-repeat;

	margin:0;









}









.header {

	margin: 0 0 0 10px;

	padding-top:120px;

	font-size: 16px;

	font-weight: bold;

	line-height: 80%;

	}

	

.header a {	

	color: #ffffff ! important;	

	text-decoration: none;

}









.headersub {

	margin:10px 0 0 10px;

	font-size: 14px;

	color:#ffffff;

	font-weight: bold;

}









/*-- footer  -----------*/









#footerbox {

	clear:both;	

	width:870px;

	height:100px;

	background: #173455 url(img/footerbg.jpg) no-repeat;

}









#footerbox a {

	margin-top:5px;	

	text-decoration: none;

}









#gecko_scrollbar { 

	display: none; 

} 









html>body #gecko_scrollbar { 

	position: absolute; 

 	z-index: 1; 

	bottom: -1px; 

	left: 0; 

	width: 1px; 

	height: 1px; 

	display: block; 

	font-size: 0; 

}









/*-- Menue Left  -----------*/









#menu {	

	line-height: 160%;

	width: 200px;	

}	









#menu ul {

	margin: 0;

	padding-left: 0;

	list-style-type: none;

}

























#menu li a {

	display: block;

	padding: 2px 15px;

	width: 170px;

	border-bottom: 1px solid #000;

}









#menu li ul a {

	background-color: #444;

	padding: 0 5px 0 25px;

}









#menu li ul ul a {

	background-color: #555;

	width: 165px;

	padding: 0 0 0 35px;

}

















#menu a:link, #menu  a:visited

{

color: #eeeeee;

text-decoration: none;

}









#menu a:hover {

	background-color: #25486d;

	background-image: url(img/menu-hover.gif)  ! important;

	color: #fff;

}

















#menu  .menu-current {

	background-color: #25486d;

	color: #fff;

	font-weight: bold;

}









#menu  .menu-parent {

	background-image: url(img/menu-hi.gif);

}









/*---Menu2----*/

#topmenu {

	text-align: right;

	width:540px;

	height:74px;

	background-image: url(img/topbg.jpg);

	vertical-align: bottom;

	

}









#topmenu ul {

	padding: 20px 30px 0 0;

	list-style-type: none;

}









#topmenu li {

	display: inline;

	margin-left:4px;

}









#topmenu li a {

	padding: 3px 10px;

	background-color: #eeeeee;

	text-decoration: none;

	font-weight: bold;

}









#topmenu  li a:hover {

	background-color: #25486d;

	color: #fff;

	

}

















#topmenu  .menu-current {

	background-color: #173455;

	color: #fff;	

}

























/*---Login, Logout, search----*/

#leftbox form { margin-top:10px; width:100%; font-size: 0.8em; }

#leftbox fieldset {padding:0; border: 0; margin:0 auto; width:190px; color:#ffffff;}









#leftbox input {color:#ffffff;}

#leftbox legend {

	color:#ffffff;

	font-weight: bold;

	margin-left:-3px;

}









#leftbox input { border: 1px solid #ffffff; background-color:#555555;  font-size: 1em; margin: 2px 0 5px 0;}

#leftbox label {margin:2px 0 0 4px; }









/* login/logout*/









#login .formtext, #logout .formtext { 

	display:block;

	clear:both;text-align: center;

	font-size: 10px; line-height: 11px; margin: 2px 0 20px 5px; 

}









#login .inputfield, #logout .inputfield { width:183px; }

#login .submit, #logout .submit { width:70px; float: right; margin:5px 0 5px 0; padding:0 5px;}

















#login a, #logout a {

	color: #d3ddea;

	text-decoration: none;	

}









/*---Search----*/

#search {width:190px;}

#search .inputfield { width:110px; padding-left:3px; float:left;}

#search .submit { float: right; padding:0 5px;}









#leftbox  .submitbutton {

	font-weight: normal ! important;

}









.footera {width:210px; float:left; text-align: center;}

.footerb {float:left; width:530px; text-align: center;}









/*-------------------------- MODULES -------------------------- */









/*--------- News Module ---------------------------*/









.post_top td { padding-top:20px; border-bottom: 1px solid #5184b6; }

.post_title a {text-decoration: none; color: #5184b6; font-size:16px;}

.post_date {}

.post_short { border-bottom: 1px solid #000000; }









/*------Recent Post, Resent Comments --------*/

.display_latest h2 {margin:0;}

.display_latest hr {

	margin:0;

}

.display_latest h3, .display_latest strong {margin:0; font-size:13px;}

.display_latest p {margin:0; font-size:11px;}

















/*-------------------------PRINT-----------------------------*/

  

@media print {









 .nopr, #leftbox, #topmenu, #footerbox, #gecko_scrollbar {display:none;}

 #mainbox {width:80%; margin-left:15%}









}