/********************************************
Autor: Szymon Witamborski
Data: 25.07.2008
Licencja: Wszystkie prawa zastrzeżone
********************************************/


* { border: 0; padding: 0; margin: 0;}

body {
	width: 100%;
	background: #358430;
	font-family: 'Trebuchet MS', 'Lucida Sans', Tahoma, Verdana, sans-serif;
}

div#wrapper {
	width: 100%;
	background: #358430;
	}

div#header {
	height: 83px;
	min-height: 83px;
	width: 100%;
	background: center top url('../images/baner.jpg') no-repeat #358430;
}

div#rest {
	width: 100%;
	background: url('../images/menu_back.gif') repeat-x #358430;
	background-position: top left;

}

div#main_menu {
	height: 29px;
	width: 100%;
}

div#main_menu ul {
	line-height: 28px;
	font-size: 14px;
	font-family: Tahoma, Verdana, sans-serif;
	width: 740px;
	margin: 0 auto;
	list-style: none;
}

div#main_menu ul li {
	display: block; float: left;
	/* margin: -1px; border: 1px solid red; */
	margin: 1px 0 0 2px;
}

div#main_menu ul li a {
	display: block;
	padding: 0 6px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
div#main_menu ul li a:hover { background: #78a3aa; }

div#content_wrapper {
	width: 100%;
	background: url('../images/main_back.jpg') repeat-y;
	background-position: center 3px;
	}

div#main {
	width: 100%;
	background: url('../images/back.jpg') no-repeat; 
	background-position: center top;
}

div#inner_main {
	width: 762px;
	margin: 0 auto;
	font-size: 0.8em;
}

div#categories_header, div#content_header {
	/* height: 44px; */
}

div#categories_header h1, div#content_header h1 {
}

div#categories, div#content {
	height: auto !important;
	height: 470px;
	min-height: 470px;
	
}

div#categories_header, div#categories {
	width: 160px;
	padding: 0 0 0 5px;
	float: left;
	clear: both;
}

div#categories_header h1 {
	display: block;
	width: auto;
	margin: 20px 0 10px;
	padding: 0 3px 0;
	border-width: 0 15px 1px 0;
	line-height: 15px;
	border-style: solid;
	border-color: #b35900;
	font-size: 1em;
}

div#categories ul {
	list-style: none;
}
div#categories ul li {
	line-height: 1.9em;
}

div#categories ul li a {
	font-size: 0.85em;
	border-width: 0 0 1px 1.3em;
	border-color: #c60;
	color: #582800;
	border-style: solid;
	padding: 0 10px 0 4px;
	text-decoration: none;
}
div#categories ul li a:hover {
	border-color: #00cc12;
	border-bottom-width: 3px;
	background-color: #00990e;
	color: #fff;
	padding: 2px 4px 0;
}

div#content_header, div#content {
	width: 575px;
	float: right;
	padding-right: 10px;
	color: #003312;
}

div#content_header { vertical-align: bottom; }

div#content_header h1 {
	margin-top: 12px;
	font-size: 22px;
	line-height: 25px;
	border-width: 0 0 2px 30px;
	padding: 4px 0 4px 10px;
	border-style: solid;
	border-collapse: separate;
}

div#content {
	line-height: 1.6em;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 150px;
}

div#content p, div#content ul, div#content ol {
	margin-top: 4px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #b1ad5e;
}

div#content ul {
	padding-left: 10px;
	list-style: square inside;
}

div#content ol {
	padding-left: 10px;
	list-style: decimal inside;
}

div#content a {
	border-bottom: 1px dotted #cc8069;
	color: #ff602f;
	text-decoration: none;
	/* background: #9da688; */
}

div#content a:hover {
	border-bottom: 1px solid #8a2000;
	color: #ff602f;
	background: #fff;
}

div#content div.gallery, div#content table.cat_table {
	width: 540px;
	border: 1px solid #666;
	background: #85a363;
	margin: 10px 0 10px 10px;
}

div#content div.gallery {
	padding: 5px 1px 1px 5px;
}

div#content div.gallery * { margin: 0;}

div#content div.gallery div.full_width,
div#content div.gallery div.picture_square,
div#content table.cat_table td {
	margin: 0 4px 4px 0;
	padding: 2px;
	border: 1px solid #666;
	background: #f0efdd;
}

div#content table.cat_table tr.heading {
	font-weight: bold;
}

div#content div.gallery div.full_width {
	width: 530px;
	clear: both;
	text-align: center;
}

div#content div.gallery div.gallery_nav a,
div#content div.gallery div.gallery_nav span.actual {
	padding: 0 5px;
	border: 1px solid #cca;
	color: #cca;
}

div#content div.gallery div.gallery_nav a {
	border-color: #cc9160;
	color: #521;
}

div#content div.gallery div.big_image h1 {
	text-align: left;
	font-size: 1.3em;
	margin: 4px 5px 8px 10px;
	font-family: 'Palatino Linotype', Georgia, serif;
	font-style: oblique;
}

div#content div.gallery div.big_image a {
	border: 0;
	padding: 0;
}

div#content div.gallery div.big_image a:hover,
div#content div.gallery div.picture_square a:hover {
	background: transparent;
}

div#content div.gallery div.full_width img {
	max-width: 520px;
	border: 1px solid #cc9160;
	padding: 2px;
}


div#content div.gallery div.picture_square {
	width: 170px;
	height: 185px;
	float: left;
}

div#content div.gallery div.picture_square div.picture {
	text-align: center;
}

div#content div.gallery div.picture_square div.picture a {
	border: 0;
}

div#content div.gallery div.picture_square div.picture img {
	max-width: 160px;
	max-height: 140px;
	border: 1px solid #cc9160;
	padding: 2px;
}

div#content div.gallery div.gallery_nav a:hover, 
div#content div.gallery div.big_image img:hover,
div#content div.gallery div.picture_square div.picture img:hover{
	border-color: #cc400f;
	background: #fff;
}

div#content div.gallery div.comment {
	padding: 0 3px;
	font-size: 0.85em;
	line-height: 1.1em;
}

textarea {
	width: 530px;
	height: 200px;
	border: 1px solid #cc400f;
	padding: 5px;
	margin: 5px;
}

div#clearer { clear: both; }

div#bottom {
	width: 100%;
	background: url('../images/main_bottom.jpg') no-repeat;
	background-position: center top;
	height: 16px;
	clear: both;
}

div#footer  {
	width: 100%;
	text-align: center;
	color: #0c3b0b;
	font-family: Verdana, sans-serif;
	font-size: 0.7em;
	margin: 0 auto 20px auto;
}

div#login_panel { font-size: 1.3em}

div#login_panel input {
	font-size: 0.9em;
	border: 1px solid #0c3b0b;
	background: #aed2a2;
}

div#login_panel input.login_field { width: 50px; }
div#login_panel input.login_button { width: 30px; }

div#kratos {
	font-size: 0.8em;
	margin-top: 3px;
	color: #135311;
}

div#kratos a { color: #0f5500; }
div#kratos a:hover { color: #3ab81f; }

a#cog {
	display: block;
	width: 50px;
	height: 100px;
	float: left;
	background: url('../images/abrasive.gif') no-repeat;
}