/*
 * Main layout stylesheet for Dabsys CMS
 * (c) Petr Klement 2008
 */


/* globals *******************************************************************/

body, html {
	font-family: Verdana, Helvetica, sans-serif;
	color: #333333;
	background: url('img/layout/background.png');
	padding: 0;
	margin: 0;
	font-size: 12px;
	margin: 0;
}
* {
	margin: 0; /* "default" top margin of 10px on body or wtf.. */
}

a img {
	border: none;
}

/* main sections *************************************************************/

#CSSmainBlock {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	text-align: left; /* IE */
	background: url('img/layout/main_block_bkg.png') #ffffff repeat-y left top;
}

#CSSsiteTop {
	height: 235px;
	background: url('img/layout/site_top_bkg.png') no-repeat top;
}

#CSSsiteTop,
#CSStopMenu {
	float: left;
	display: inline;
	clear: both;
	width: 100%;
	margin: 0;
}

/* siteTop *******************************************************************/

#CSSsiteTop .logo {
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
}

#CSSsiteTop .logo a {
float: left;
	width: 400px;
	height: 235px;
}

/* main coluns ***************************************************************/

#CSScenterCol,
#CSSrightCol,
#CSSleftCol {
	float: left;
	display: inline;
}

#CSSleftCol {
	width: 230px;
	height: 560px;
	margin: 0 10px 0 0;
	background: url('img/layout/left_col_bkg.png') no-repeat left top;
}
#CSSrightCol {
	width: 160px;
	margin: 0 0 0 10px;
}
#CSScenterCol {
	width: 700px;
	margin: 0 20px;
	padding: 0 0 20px 0;
	background: #ffffff;
}

/* leftCol module ************************************************************/
#CSSleftCol .module h2 {
	display: none;
}
	
/* TOP menubox ***************************************************************/

#CSStopMenu .menubox {
	list-style: none;
	padding: 0;
	margin: 0;
}

#CSStopMenu .menubox li {
	float: left;
}

/* main menubox **************************************************************/

#CSSleftCol ul.menubox, 
.menubox ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin: 120px 0 0 40px;
}

#CSSleftCol ul.menubox a.selected { font-weight: bold; }

#CSSleftCol ul.menubox li { margin: 0; }

#CSSleftCol ul.menubox li a {
	display: block;
	margin: 4px 0 0 0;
	padding: 0 15px 0 0 ;
	height: 35px;
	/*height: 100%; /* explorer will add a newline otherwise */
	line-height: 35px;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
	text-transform: normal;
	text-align: right;
	font-weight: bold;
	background: url('img/layout/menu_level0.png') no-repeat 50% ;
}
#CSSleftCol ul.menubox li a:hover { color: #ffffff; }
#CSSleftCol ul.menubox li a.selected,
#CSSleftCol ul.menubox li a.expand { background: url('img/layout/menu_level0_expand.png') top; }

#CSSleftCol ul.menubox ul li a {
	padding-left: 50px;
	font-size: 12px;
	color: #bbbbbb;
	background: url('img/layout/menu_level1.png') no-repeat 45px center;
}
#CSSleftCol ul.menubox ul li a.selected,
#CSSleftCol ul.menubox ul li a.expand { background: url('img/layout/menu_level1_expand.png') top; }
/* tools and helpers *********************************************************/

#CSSfooter {
	clear: both;
	padding: 10px 40px 10px 125px;
	overflow: hidden;
}
#CSSfooter .copyright,
#CSSfooter .credits {
	float: left;
}
#CSSfooter .credits { float: right; }


#CSScategoryMenu {
	float: left;
	margin: 0 0 15px 0;
}
#CSScategoryMenu a {
	float: left;
	display: inline;
	margin-right: 15px;
	width: 160px;
	height: 190px;
	font-size: 1.3em;
	font-weight: bold;
	text-decoration: none;
}

#CSScategoryMenu a img {
	margin: 0;
}

#CSScategoryMenu a span {
	float: left;
}