/*
===================
iTyp CSS Styles
===================
Name: iTyp
Author: zeuder
Version: 1.0
Module: style.css
-------------------
*/

@import url(globals.css);

/* ===== GENERAL ===== */
* {
	margin: 0;
	padding: 0; }
 
html { font-size: 100%; }
 
body {
	background: #fff;
	color: #443333;
	font-family: Georgia, Serif, 'Courier New', Arial, Verdana, Tahoma, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0;
	text-align: center; }
 
hr {
	background: #f0f0f0;
	border: 0;
	color: #f0f0f0;
	clear: both;
	height: 1px; }
 
img { border: none; }
 
	img.alignleft { margin: .5em; }
 
	img.alignright { margin: .5em; }
 
p {
	margin: 0 0 1.25em 0;
	line-height: 1.5em; }
 
blockquote {
	border: solid #999;
	border-width: 1px 0;
	color: #666;
	font-family: Georgia, 'Times New Roman', serif;
	font-style: oblique;
	padding: 1em;
	margin: 1em 0;
	height: auto !important;
	height: 40px;
	width: 90%; }
 
	blockquote p { margin: 0; }
 
pre, code {
	color: #006699;
	font-family: 'Lucida Console', Monaco, monospace, 'courier new';
	font-size: 90%; }
 
pre {
	border: dotted #444;
	border-width: 1px 0;
	font-size: 90%;
	padding: 1em;
	margin: 1em 0;
	overflow: auto;
	height: auto !important;
	height: 40px;
	width: 90%; }
 
/* ===== FORMS ===== */
form { margin: 1em 0; }
 
fieldset {
	border: 1px solid #e6e6e6;
	margin: 1em 0;
	padding: 1em; }
 
legend {
	color: #888;
	font-style: oblique }
 
input, textarea, select {
	background: #f6f6f6;
	border: 1px solid #ddd;
	color: #888;
	font-family: 'Lucida Grande', 'Trebuchet MS', arial, Helvetica, sans-serif;
	margin: .2em 0;
	padding: .2em; }
 
input:hover, input:focus, textarea:hover, textarea:focus {
	background: #fafafa;
	border: 1px solid #ccc; }
 
textarea { width: 90%; }
 
/* ===== LINKS GENERAL ===== */
a {
	color: #eeaa00;
	text-decoration: none; }
 
	a:hover {
		color: #000;
		text-decoration: underline; }
 
/* ===== HEADERS TAGS ===== */
h1,h2,h3,h4,h5,h6 {
	display: block;
	line-height: 1.5em;
	font-style: oblique;
	font-weight: 100;
	padding: 0.187em 0; /*3px 0*/
	text-align: center;
	vertical-align: baseline; }
 
h1 { font-size: 1.875em; } /*32px*/

h2 { font-size: 1.75em; } /*28px*/

h3 { font-size: 1.625em; } /*26px*/

h4 { font-size: 1.375em; } /*21px*/

h5 { font-size: 1.2em; } /*19px*/

h6 { font-size: 1.05em; } /*17px*/

h3 a, h4 a, h5 a, h6 a { color: #222; }
 
/* ===== LIST TAGS ===== */
ol, ul, dl { margin: 1em 0 1em 2.5em; }
 
ol, ul { list-style-position: outside; }
 
ul { list-style-type: square; }
 
ol {
	list-style-type: decimal-leading-zero;
	color: #CEA25D; }
 
	ol span { color: #443333; }
 
	ol p { color: #443333; }
 
li { margin: .5em 0; }
 
dt { font-weight: bold; }
 
dd { font-style: oblique; }
 
/* ===== TABLES ===== */
table {
	border: 1px solid #ddd;
	border-spacing: 2px;
	margin: 1em 0;
	padding: .2em; }
 
th {
	background: #ccc;
	border: 1px solid #666;
	padding: .5em; }
 
tr { background: #f0f0f0; }
 
	tr:nth-child(odd) {
		background: #f0f0f0;
		margin: 0; }
 
	tr:nth-child(even) {
		background: #e6e6e6;
		margin: 0; }
 
	tr:hover { background: #F5E0AD; }
 
td {
	border: 1px solid #fff;
	padding: .5em;
	text-align: right; }
 
	td:hover {
		background: #F5E0AD;
		border: 1px solid #EAA705; }
 
/* ===== CONTAINER ===== */
#container {
	margin: 1.5em auto; /* 24px auto*/
	text-align: left;
	width: 720px; }
 
/* ===== MENU ===== */
#menu {
	background: #222;
	border-left: 6px solid #ee9900;
	margin: 0;
	height: 33px;
	text-align: left;
	width: 714px; }
 
	#menu ul {
		list-style: none;
		margin: 0; }
 
		#menu ul li { display: inline }
 
			#menu ul li a {
				color: #eee;
				display: block;
				float: left;
				font-size: 0.687em; /*11px*/
				font-family: Arial;
				height: 1em;
				padding: 1em 1.272em;
				text-decoration: none;
				text-transform: uppercase; }
 
				#menu ul li a:hover {
					background: #555;
					color: #fff; }
 
/* ===== HEADER ===== */
#header {
	background: #c9bba8 url(../imgs//bg.jpg);
	height: 135px;
	width: 720px; }
 
	#header h1 {
		padding: .5em 0 0 .812em;
		text-align: left; }
 
	#header h2 {
		color: #000;
		font-style: normal;
		font-size: .75em;
		padding: .25em 0 0 2.5em;
		text-align: left; }
 
	#header a { color: #000; }
 
/* ===== MAIN ===== */
#main {
	float: left;
	font-size: 0.875em; /* 14px */
	margin: 1.714em 0 0 0; /*24px*/
	position: relative;
	text-align: justify;
	width: 500px; }
 
	#main div.entry { margin: 0 0 2.5em 0; }
 
	#main ul.info {
		border-top: 1px dotted #444;
		color: #666;
		font-family: 'Trebuchet MS', Arial;
		font-size: 0.785em; /*11px*/
		margin: 0;
		padding: .454em 0; /*5px*/
		text-align: left;
		width: 500px; }
 
		#main ul.info li { margin: 0 0 0 1.818em; }
 
			/* 20px */
#main ul.info li span { margin-right: 1em; }
 
			#main ul.info li a { color: #222; }
 
/* ===== SIDEBAR ===== */
#sidebar {
	float: right;
	font-size: 0.75em; /* 12px */
	margin: 2em 0 0 0; /*24px*/
	text-align: left;
	width: 160px; }
 
	#sidebar div {
		margin-bottom: 2em;
		width: 160px; }
 
	#sidebar h4, #bottombar h4 {
		font-style: normal;
		font-variant: small-caps;
		text-align: left; }
 
	#sidebar ul, #bottombar ul {
		list-style-type: none;
		margin: 0; }
 
	#sidebar ul li, #bottombar ul li {
		border-bottom: 1px solid #f0f0f0;
		padding: .25em 0;
		margin: 0; }
 
	#sidebar ul li ul li, #bottombar ul li ul li {
		border-bottom: 0;
		margin: 0 0 0 2em; }
 
	#sidebar blockquote, #bottombar blockquote {
		border: 0;
		margin: 0;
		padding: 0.4em; }
 
/* ===== BOTTOMBAR ===== */
#bottombar {
	border-top: 1px dotted #333;
	color: #aa9999;
	clear: both;
	font-family: 'Trebuchet MS', 'Lucida Console', Arial;
	font-size: 0.75em;
	width: 720px; }
 
	#bottombar div {
		float: left;
		margin: 0.666em;
		width: 220px; }
 
/* ===== FOOTER ===== */
#footer {
	font-size: 60%;
	color: #aa9999;
	clear: both;
	text-align: center;
	width: 720px; }
 
	#footer p {
		line-height: normal;
		margin: 0; }
		
/* ===== COMMENTS ===== */
ol#comments { font-family: arial; font-size: 90%; margin: 0;}
ol#comments li{border-bottom: 1px dotted #000;}
ol#comments li img{ border: 4px solid #eee;}
ol#comments li.comment-admin img{ border: 4px solid #aaa;}