/* MEYER RESET */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* LAYOUT */

body {
	background: #fff;
	color:#6C6C6C;
	font-family:Arial,Verdana;
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;	
}

#wrapper {
	width: 960px;
	margin: 0px auto;
	background-color: #fff;
}

#header {
	background: #fff url(img/header-bg.png) repeat-y;
	position: relative;
	font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
	font-size:12px;
	height: 100px;
}

#logo {}

#tagline {
	color: #ffb740;
	font-weight: bold;
	font-style: italic;
	font-family: Verdana;
	font-size: 26px;
	position: absolute;
	bottom: 10px;
	left: 200px;
}

#menu {
	position: absolute;
	top: 20px;
	right: 0px;
}

#menu li {
	background:transparent url(img/menu-button-bg.gif) no-repeat scroll center top;
	display:block;
	float:left;
	height:26px;
	margin:0 6px 0 0;
	padding:8px 0 0;
	text-align:center;
	width:95px;
	color: #008FE7;
}

#menu li:hover {
	display: block;
	float: left;
	width: 95px;
	height: 26px;
	text-align: center;
	margin: 0 6px 0 0;
	padding: 8px 0 0 0;
	color: #ffb740;
	background: url(img/menu-button-bg.gif) bottom no-repeat;
}

#menu li a {
	color: #008FE7;
	display: block;
	text-decoration: none;
}

#menu li a:hover {
	color: #ffb740;
}

#container {
}

#slider {
	text-align: center;
	padding: 10px 0px;
	background: #F8F8F8;
}

#search-results {
	padding: 10px;
}

#content {
	width: 640px;
	float: left;
}

.content-in {
	padding: 0px 10px;
	text-align: justify;
}

.content-left {
	float: left;
	width: 320px;
}

.content-right {
	margin-left: 320px;
	border-left: 1px dashed #ccc;
}

.ads {
	text-align: center;
	margin-bottom: 5px;
}

#sidebar {
	background: #F8F8F8;
	width: 300px;
	padding: 10px 0px 5px 10px;
	float: right;
	border-left: 1px dashed #eee;
	text-align: justify;
}

#footer {
	clear: both;
	text-align: center;
	font-size: 11px;
	margin: 10px auto;
	padding-top: 30px;
}

ul.list {
	list-style-type: none;
}

ul.list li.bydate {
	background: transparent url(/img/article-ico.png) top left no-repeat;
	padding: 0px 0px 8px 20px;
	border-bottom: 1px dotted #ccc;
	margin-top: 10px;
}

ul.list li.bypop {
	padding: 0px 0px 4px 0px;
	border-bottom: 1px dotted #ccc;
	margin-top: 10px;
}

ul.list li.byauthor {
	background: transparent url(/img/user-ico.png) top left no-repeat;
	padding: 0px 0px 5px 20px;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
}

ul.list li.byrelated {
	background: transparent url(/img/article-ico.png) top left no-repeat;
	padding: 0px 0px 5px 20px;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
}

ul.list li.bylink {
	background: transparent url(/img/link-ico.png) top left no-repeat;
	padding: 0px 0px 5px 20px;
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
}

.highlight { color: #ffb740; }

.tagcloud {
	border: 1px solid #ccc;
	padding: 5px;
	margin: 10px auto;
	text-align: justify;
}

.post {}
.post .meta {
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-bottom: 10px;
}
.post .entry {
	text-align: justify;
}

.title { color: black; font-weight: bold; font-size: 16px; }

.author {
	background: transparent url(/img/user-ico.png) top left no-repeat;
	padding-left: 20px;
	margin-right: 30px;
}

.tagpost {
	background: transparent url(/img/tag-ico.png) top left no-repeat;
	padding-left: 20px;
}

.datepost {
	background: transparent url(/img/calendar-ico.png) top left no-repeat;
	padding-left: 20px;
	margin-right: 30px;
}

.more {
	text-align: right;
}

.search {
	border:1px solid #CCCCCC;
	color:#333333;
	font-size:10px;
	padding:5px 3px;
	width:292px;
}

a.tag1 { text-decoration: none; font-size: 10px; font-weight: normal; color: #999; }
a.tag2 { text-decoration: none; font-size: 12px; font-weight: normal; color: #99a; }
a.tag3 { text-decoration: none; font-size: 14px; font-weight: bold; color: #99c; }
a.tag4 { text-decoration: none; font-size: 16px; font-weight: bold; color: #99f; }

.tagcloud a { padding: 0px 2px; }
.tagcloud a:hover { color: white; background-color: #ff29c1; }

.byauthor a, .bylink a, .byrelated a, #content a, #footer a { color: #3366CC; text-decoration: none; }
.byauthor a:hover, .bylink a:hover, .byrelated a:hover, #content a:hover, #footer a:hover { color: #c33; text-decoration: underline; }

.indexBox {
	background-color:#F9F9F9;
	border:1px solid #AAAAAA;
	font-size:105%;
	padding:5px 0px 10px 5px;
	width: auto; 
	margin-bottom: 20px;
}

.indexBox span {
	color: black;
	font-weight: bold;
	display: block;
	margin-bottom: 10px;
}

.indexBox ol { margin-left: 30px; }

.headlines {
	float: right;
	background-color:#eee;
	border:1px solid #333;
	width: 340px;
	margin: 0px 0px 5px 15px;
}

.headlines span { 
	color: white;
	font-weight: bold;
	background-color: #333;
	padding: 5px;
	display: block;
	text-align: center;
	font-size: 14px;
}

.headlines dl { padding-right: 5px; }

.headlines dl dt { 
	font-weight: bold;
	color: #333;
	font-size: 12px;
	background: transparent url(/img/comment-ico.png) no-repeat 0px 10px;
	padding: 10px 0px 0px 20px;
	border-top: 1px solid #333;
}
.headlines dl dd { 
	padding: 0px 0px 5px 20px;
	margin-bottom: 5px;
}

.tag { color: #3366CC; }

/* Settings */

p { margin: 5px 0px; }
h1 { color: black; font-weight: bold; font-size: 18px; margin: 15px 0px 10px 0px; }
h2 { clear: left; }
h3 { color: black; font-weight: bold; font-size: 14px; margin: 15px 0px 5px 5px; }
dt { font-weight: bold; }
dd { padding-left: 5px; margin-bottom: 5px; }
form { margin-bottom: 10px; }

/* RATER PLUGIN */
.pschittRating {
	float: right; 
}
.stat {margin:1em;}
.stat label {font-weight: bold;}
.ui-rater>span {vertical-align:top;}
.ui-rater-rating, .ui-rater-rateCount { display: none; margin-left:.8em}
.ui-rater-starsOff, .ui-rater-starsOn {display:inline-block; height:18px; background:url(/_scripts/jrater/stars.png) repeat-x 0 0px;}
.ui-rater-starsOn {display:block; max-width:90px; top:0; background-position: 0 -36px;}
.ui-rater-starsHover {background-position: 0 -18px!important;}

/* pagination */

#myPagination {
	clear: both;
    text-align: center;
    margin: 30px auto 20px auto;
}
#myPagination a.myPaginationLink, a.myPaginationLink:link, a.myPaginationLink:active, a.myPaginationLink:visited {
    text-align: center;
    border: 1px solid #3366CC;
    margin-right: 5px;
    padding: 2px 5px;
    color: #3366CC;
    background-color: #fff;
    text-decoration: none;
}
#myPagination a.myPaginationLink:hover {
    background-color: #ffb740;
    border-color: #ffb740;
    color: #fff;
    text-decoration: none;
}
#myPagination span.myPaginationSelected {
    text-align: center;
    border: 1px solid #3366CC;
    margin-right: 5px;
    padding: 2px 5px;
    background-color: #3366CC;
    color: #fff;
}
#myPagination span.myPaginationDisabled {
    text-align: center;
    border: 1px solid #aaa;
    margin-right: 5px;
    padding: 2px 5px;
    background-color: #fff;
    color: #aaa;
}
#myPagination span.myPaginationEtc {
    text-align: center;
    border: none;
    margin-right: 5px;
    padding: 0px;
    background-color: #fff;
    color: #aaa;
}

/* contact form */

.contact-form {
	display: block;
	margin: 20px auto;
}

.contact-form p {
	margin: 0 0 2px 0;
	padding: 14px 0 12px 0;
	background: #F1F6FA;
	font-weight: bold;
	color: #66685b;
}
.contact-form p.h { background: #E3EEF5; }
.contact-form p label {
	display: block;
	float: left;
	margin: 5px 10px 0 0;
	width: 105px;
	text-align: right;
}
.contact-form p input.form {
	width: 305px;
	padding: 5px;
	border: solid 1px #D9E0E7;
	font-size: 12px;
	color: #666;
}
.contact-form p.h input.form { border: solid 1px #C0D2DD; }
.contact-form p input.required {
	width: 242px;
	padding-right: 63px;
	background: #fff url(/img/required.png) no-repeat 254px 6px;
}
.contact-form p textarea.form {
	width: 410px;
	padding: 5px;
	border: solid 1px #C0D2DD;
	font-size: 12px;
	color: #666;
}
.contact-form p.button {
	margin: 10px 0 0 0;
	padding: 0;
	background: none;
	text-align: right;
}
.contact-form p.button input {
}

/* notices, errors, success */

.error {
	background:#FBE3E4 none repeat scroll 0 0;
	border-color:#FBC2C4;
	color:#8A1F11;
}
.error, .notice, .success {
	border:2px solid #DDDDDD;
	margin-bottom:1em;
	padding:0.8em;
}

.notice {
	background:#FFF6BF none repeat scroll 0 0;
	border-color:#FFD324;
	color:#514721;
}

.success {
	background:#E6EFC2 none repeat scroll 0 0;
	border-color:#C6D880;
	color:#264409;
}

.source {
	background-color: #F9F9F9;
	padding: 5px;
}