/**
 * main layout by
 * @author Marcin Mierzejewski <marcin.mierzejewski@zenzire.com>
 */

/* -------------- general elements --------------- */
* {
	border:0pt none;
	margin:0pt;
}

div.content a:link, div.content a:active, div.content a:visited
{
	text-decoration: none;
	color: #9a7853;
	color: #3f7fa1;
}

div.content a:hover
{
	text-decoration: underline;
}


h1, h2, h3, h4, h5,
h1#content_inside_main a:hover,
h2#content_inside_main a:hover,
h3#content_inside_main a:hover,
h4#content_inside_main a:hover,
h5#content_inside_main a:hover
{
	font-weight: bold;
	margin: 0;
	padding-top: 15px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
	font-size: 11px;
	color: #625C53;
	font-family: "Trebuchet MS";
	text-decoration: none;
}

div#date
{
	color: #999999;
	margin-bottom: 5px;
}

/* Special Headlines */
h1, h1#content_inside_main a:hover
{
	font-size: 20px;
}

h2, div.content h2 a:hover
{
	font-weight: normal;
	font-size: 18px;
}

h3, div.content h3 a:hover
{
	margin-top: 10px;
	font-size: 16px;
}

h4, div.content h4 a:hover
{
	margin-bottom: 10px;
	font-size: 13px;
}

ul
{
	margin-top: 5px;;
	margin-bottom: 5px;;
	padding-left: 15px;
}

li
{
	padding-bottom: 5px;
	padding-left: 10px;
}

a
{
	color: #244963;
	color: #6598B4;
	color: #3F7FA1;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.code
{
	padding: 0.5em;
	border: 1px dashed #625C53;
	color: #333;
	background-color: #f0f0f0;
	overflow: auto !important;
	overflow: scroll;
	width: auto;
	line-height:140%;
}



div.content img
{
	border: 0;
	padding: 5px;
	margin-left: 10px;
	margin-right: 10px;
}

body
{
	background: #6598B4 url('/site_media/images/body_background.png') repeat;
	color:#000000;
	font: 13px Verdana, 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	line-height: 150%;
}

#header
{
	background: #3F7FA1 url('/site_media/images/header_background.png') center repeat-y;
	width: 100%;
	height: 115px;
}

#header:after
{
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}

#header_inside
{
	margin:0 auto;
	width:801px;
}

#header_logo
{
	float:left;
}

#header_logo img
{
	margin-top: 35px;
	margin-left: 20px;
}

#header_menu
{
	float: right;
	height: 100px;
	margin-bottom: 0;
}

#header_menu a
{
	border-right:1px solid #000000;
	list-style:none;
	color:#fff;
	display:block;
	line-height: 115px;
	text-align:center;
	float: left;
	width: 100px;
	font-weight: bold;
}

#header_menu a:hover
{
	background:#fff;
	color:#111;
}

#header_menu a.active
{
	background:#fff;
	color:#111;
}

/* content */
#content {
	background:#fff url('/site_media/images/content_background.png') center repeat-y;
	clear:both;
	width:100%;
}
#content_inside {
	margin:0 auto;
	width:799px;
}
#content_inside_sidebar {
	clear:both;
	float:right;
	height:auto;
	line-height:175%;
	margin:15px 0;
	padding:0 10px;
	width:180px;
}

#content_inside_sidebar h2 {
	background:#fff;
	color:#000;
	font-size:110%;
	font-weight:400;
	padding:5px 0;
}
#content_inside_sidebar ul {
	list-style:none;
	margin:0 0 10px;
}
#content_inside_sidebar ul li {
	list-style:none;
}
#content_inside_sidebar ul li a {
	border-bottom:1px solid #e9e9e9;
	display:block;
	padding:3px;
	text-align:right;
	width:194px;
}
#content_inside_sidebar ul li a:hover {
	background:#ddd;
	color:#000;
}


#content_inside_sidebar a {
}
#content_inside_sidebar a:hover {
}

#content_inside_main
{
	background:#fff;
	float:left;
	line-height:175%;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
	width: 577px;
	min-height: 400px;
	height: auto !important;
	height: 400px;
	border-right:1px solid #bbb;
	margin-top: 10px;
	margin-bottom: 10px;
}

#content_inside_main p {
	padding:0 0 10px;
	text-align: justify;
}

#content_inside_main img
{
	padding: 10px;
}

#content_inside_main ul
{
}

/* footer */
#footer {
	background: #fff url('/site_media/images/footer_background.png') center repeat-x;
	clear:both;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	width: 100%;
}
#footer_inside {
	height:100px;
	margin:0 auto;
	width:800px;
}
#footer_inside p {
	color:#fff;
	line-height:100px;
	text-align:center;
}

div#read_more
{
	float: right;
}

div#tags
{
}

div.comment label
{
	width: 200px;
	float: left;
}

div.comment input, div.comment textarea
{
	float: left;
	border: 1px solid #dddddd;
}

div.comment input#error, div.comment textarea#error
{
	border: 2px solid #ff0000;
}

div.alphabet
{
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.contact label
{
	width: 200px;
	float: left;
}

div.contact input, div.contact textarea
{
	float: left;
	border: 1px solid #dddddd;
}

div.contact input#error, div.contact textarea#error
{
	border: 2px solid #ff0000;
}