/*
===================
23 CSS Styles
===================
Name: 23
Author: Zeuder
Version: 2.0
Module: style.css
-------------------
*/
@import url(globals.css);

/* ===== GENERAL ===== */
* {
	margin: 0;
	padding: 0; }
 
html { font-size: 100%; }
 
body {
	background: #282828;
	color: #555;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 1em;
	min-width: 980px;
	padding: 0;
	text-align: center; }
 
hr {
	background: #f0f0f0;
	border: 0;
	color: #f0f0f0;
	clear: both;
	height: 1px; }
 
img {
	border: none;
	margin: 0; }
 
	img.alignleft {
		border: none;
		margin: .5em; }
 
	img.alignright {
		border: none;
		margin: .5em; }
 
p {
	margin: 0 0 1.25em 0;
	line-height: 1.5em;
    font-size: 1.1em;}
 
blockquote {
	background: #f9f9f9 url(../imgs/quote.jpg) no-repeat center top;
	border: 1px solid #eee;
	color: #666;
	font-family: Georgia, 'Times New Roman', times, serif;
	font-style: oblique;
	font-size: 90%;
	padding: 1em;
	margin: 1em 0;
	height: auto !important;
	height: 40px;
	min-height: 40px;
	width: 85%; }
 
	blockquote p { margin: 0; }
 
/*pre, code {
	background: #fffeec;
	border: solid #e7ddfc;
	border-width: 1px 0;
	color: #0099cc;
	font-family: 'Lucida Console', Monaco, monospace, 'courier new';
	font-size: 90%;
	padding: 1em;
	margin: 1em 0;
	overflow: auto;
	max-height: 200px; /* fix overflow in IE */
	/*height: auto !important;
	height: 80px;
	width: 85%; }
 
code { padding: .2em; }*/
 
/* ===== FORMS ===== */
form { margin: 0; }
 
fieldset {
	border: 1px solid #0D5399;
	margin: 1em 0;
	padding: 1em; }
 
legend {
	color: #888;
	font-style: oblique; }
 
input, textarea, select {
	background: #f6f6f6;
	border: 1px solid #ddd;
	color: #888;
	padding: .2em;
	margin: .2em 0; }
 
input:hover, input:focus, textarea:hover, textarea:focus { border: 1px solid #ccc; }
 
textarea {
	font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;
	width: 90%; }
 
/* ===== LINKS GENERAL ===== */
a { color: #0D5399; text-decoration: none }
 
	a:hover { color: #444; }
 
/* ===== HEADERS TAGS ===== */
h1,h2,h3,h4,h5,h6 {
	border-bottom: 1px solid #0D5399;
	color: #666;
	display: block;
	padding: .2em 0;
	text-transform: capitalize;
	width: 100%; }
 
h1 { font-size: 170%; }
 
h2 { font-size: 160%; }
 
h3 { font-size: 150%; }
 
h4 { font-size: 125%; }
 
h5 { font-size: 100%; }
 
h6 { font-size: 100%; }
 
/* ===== LISTS ===== */
ol , ul, dl{
	margin: 0 0 2em 2em; }
	
ol, ul { list-style-position: outside; } 

ul { list-style-type: square; }
 
ol { list-style-type: decimal-leading-zero; color: #555 }
 
	ol span { color: #000; }
 
	ol p { color: #000; }

li { margin: 1em 0; }

dt { font-weight: bold; }
 
dd {
	font-style: oblique;
	color: #aaa; }
 
/* ===== TABLES ===== */
table {
	border: 1px solid #ccc;
	border-spacing: 2px;
	margin: 1em 0;
	padding: .2em; }
 
th {
	padding: .5em;
	background: #bdbdbd; }
 
tr { background: #0D5399; }
 
	tr:nth-child(even) {
		background: #dbdbdb;
		margin: 0; }
 
	tr:nth-child(odd) {
		background: #f0f0f0;
		margin: 0; }
 
	tr:hover { background: #CEAAA2; }
	
td {
	padding: .5em;
	text-align: right; } 
	
	td:hover {
		background: #AA6658;
		color: #eee; }
 
/* ===== HEADER ===== */
#header {
	color: #fff;
	margin: 0 auto;
	text-align: left;
	width: 880px; 
    border: 0px}
 
/* ===== LOGO ===== */
#logo {
	float: left;
	max-width: 350px;
	width: auto !important;
	width: 350px; }
 
	#logo h1 {
		border: 0;
		margin: 0;
		padding: 0; 
        color: #FFF;}
 
/* ===== ICONS ===== */
#icons {
	float: right;
	display: inline; }
 
	#icons ul {
		margin: 0;
		padding: 50px 0 0 0;
		list-style: none; }
 
	#icons li {
		display: inline;
		margin: 0; }
 
	#icons a {
		color: #FFF;
		display: block;
		float: left;
		font-size: 120%;
		height: 30px;
		padding-top: 100px;
		text-align: center;
		text-decoration: none;
		text-transform: lowercase;
		width: 100px; }
 
		#icons a:hover { color: #0D5399; }
 
.icon1 { background: url(../imgs/home.png) no-repeat center 50px; }
 
.icon2 { background: url(../imgs/down.png) no-repeat center 50px; }
 
.icon3 { background: url(../imgs/search.png) no-repeat center 50px; }
 
.icon4 { background: url(../imgs/rss.gif) no-repeat center 50px; }
 
/* ===== MENU ===== */
#menu {
	background: #000 url(../imgs/23.jpg) no-repeat -46px 0;
	height: 40px;
	clear: both;
	font-size: .75em;
	margin: 0 auto;
	text-align: left;
	width: 888px; }
 
	#menu ul {
		list-style: none;
		margin: 0; }
 
	#menu li { display: inline; }
 
		#menu li a {
			color: #ccc;
			display: block;
			float: left;
			font-family: Verdana;
			padding: .7em 2em;
			text-align: center;
			text-decoration: none;
			text-transform: lowercase; }
 
		#menu li a:hover { color: #5CA7F1; }
 
/* ===== CONTAINER ===== */
#container {
	background: #fff url(../imgs/23.jpg) repeat-y -934px 0;
	margin: 0 auto;
	text-align: left;
	width: 888px; }
 
/* ===== MAIN ===== */
#main {
	font-size: .75em;
	float: left;
	padding: 2em;
	position: relative;
	text-align: justify;
	width: 620px; }
 
	#main .entry { margin-bottom: 2.5em; }
 
	#main ul.info {
		background: #f6f6f6;
		border: 1px solid #e6e6e6;
		clear: both;
		font-size: 0.833em; /*10px*/
		font-style: oblique;
		height: 25px;
		list-style: none;
		margin: 0; }
 
		#main ul.info li {
			display: block;
			float: left;
			margin: .6em 2em 0 0; }
 
			#main ul.info li.author {
				background: url(../imgs/icons.gif) no-repeat 0 -32px;
				padding-left: 2em; }
 
			#main ul.info li.cat {
				background: url(../imgs/icons.gif) no-repeat 0 -16px;
				padding-left: 2em; }
 
			#main ul.info li.comments {
				background: url(../imgs/icons.gif) no-repeat 0 0;
				padding-left: 2em; }
 
			#main ul.info li a { color: #222; }
 
				#main ul.info li a:hover { text-decoration: underline; }
 
	#main .date {
		background: url(../imgs/23.jpg) no-repeat 0 -40px;
		color: #666;
		display: block;
		font-size: 80%;
		float: left;
		font-style: oblique;
		height: 50px;
		left: -50px;
		list-style: none outside;
		margin: 0;
		position: absolute;
		text-align: center;
		width: 50px; }
 
	#main .year,#main .month, #main .day {
		display: block;
		margin: 0;
		padding: 0; }
 
	#main .day {
		font-size: 1.6em;
		font-weight: bold; }
 
/* ===== SIDEBAR ===== */
#sidebar {
	float: right;
	font-size: .75em;
	padding: 1em 1.5em 0 0;
	width: 160px; }
 
	#sidebar h4 {
		background: #fff url(../imgs/bgw.gif) repeat-x bottom;
		border: solid #ddd;
		border-width: 0 0 1px 0;
		color: #666;
		font-size: 1em;
		padding-left: 1em;
		width: 148px; }
 
	#sidebar div {
		background: #fff url(../imgs/bgw.jpg) repeat-x bottom;
		border: 1px solid #ddd;
		margin: 0 0 1.5em 0;
		padding-bottom: .5em;
		width: 160px; }
	
	#sidebar p { padding: .5em; }
	
	#sidebar ul {
		list-style-type: none;
		margin: 0; }
 
	#sidebar li { margin: .5em; }
 
		#sidebar li a { color: #222; }
 
			#sidebar li a:hover { text-decoration: underline; }
 
		#sidebar li ul { margin: 0 0 0 1em; }
 
/* ===== FOOTER ===== */
#footer {
	background: #282828 url(../imgs/23.jpg) no-repeat -46px -140px;
	clear: both;
	font-size: .625em;
	height: 80px;
	text-align: center;
	width: 888px; }
 
	#footer p { padding: 1.5em; }
 
/* ===== MISC ===== */
p.credits { font-size: 0.75em; }

/* ===== COMMENTS ===== */
ol#comments li{
	background: #f9f9f9;
	border: 1px solid #ddd;
	padding: 1em;}
	
	ol#comments li img { margin: 0; }
	
	ol#comments li.comment-admin {
		border: 1px solid #999;}