/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}


HTML {
	background: #fff url(../image/bg.png) repeat-x 0 0;
	border-top: solid 5px #333;
}
BODY {
	color: #555;
	font-size:62.5%;
}
H1 {
	font: 32px/1.2 "Arial Black", sans-serif;
	letter-spacing: -0.05em;
}
H2 {
	font: 26px/1.8 "Arial Black", sans-serif;
	letter-spacing: -0.05em;
}
H3 {
	font: bold 14px/1.3 arial, sans-serif;
}
A {
	color: #0096db;
	text-decoration: none;
}
A:hover {
	color: #0af;
}
OBJECT,
EMBED {
	margin: 0;
	padding: 0;
}


/*
 * Form
 */
FORM INPUT,
FORM TEXTAREA {
	border: dotted 1px #ccc;
	color: #333;
	font: 12px/1.3 arial, sans-serif;
	padding: 3px 7px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
FORM INPUT[type=submit] {
	background: #0096db;
	border: none;
	color: #fff;
	cursor: pointer;
	padding: 2px 7px;
}
FORM INPUT[type=submit]:hover,
FORM INPUT[type=submit]:focus {
	background: #0af;
}


/* 
 * Structure
 */
#header,
#content {
	margin: 40px auto;
	width: 970px;
}


/* 
 * Header
 */
#logo {
	background: transparent url(../image/chafis.png) no-repeat 0 0;
	display: block;
	height: 63px;
	text-indent: -9999px;
	width: 288px;
}


/* 
 * Content
 */
#content {
	overflow: hidden;
}
#content .date {
	color: #888;
	font: 13px/1.0 arial, sans-serif;
}
#content P {
	font: 12px/1.5 Georgia, "Times New Roman", Times, serif;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align:justify;
}
#content .post {
	margin-top: 14px;
	padding-top: 14px;
}
#content .content-meta {
	background:#f3f5e9;
	border:1px dotted #d1d1d1;
	font: 13px/1.3 arial, sans-serif;
	padding: 8px;
	margin-left:18px;
	float:left;
}
#content .content-meta .comments {
}
#content .first {
	border: none;
	margin: 0;
	padding: 0;
}
#posts {
	float: left;
	margin-right: 50px;
	width: 480px;
}
#posts .post {
	overflow:hidden;
}

/*
 * Searchform
 */
#searchform {
	position: relative;
}
#searchform SPAN {
	display: none;
	font: 12px/1.0 arial, sans-serif;
	position: absolute;
	top: 5px;
	left: 9px;
}
#searchsubmit {
	margin-left: 5px;
}


/*
 * Commentform
 */
.commentsblock {
	margin: 0.5em;
	padding: 1em;
	clear: both;
}
.commentsblock textarea {
	width: 35em;
}
.commentsblock input, .commentsblock textarea {
	border: 1px solid #d1d1d1;
}
.commentsblock textarea:focus {
	background: #eee;
	border: 1px solid #a1a1a1;
}
.commentsblock textarea:focus, .commentsblock input:focus {
	background: #eee;
	border: 1px solid #a1a1a1;
}
.commentauthor {
	display: block;
	font-size: 14px;
}
ol.commentlist {
	color: #555;
	font-family: arial, sans-serif;
	font-size: 14px;
	list-style-type: none;
	margin: 0;
	margin-left:18px;
	margin-top: 1em;
	padding: 0;
}
.commentlist li {
	margin-bottom: 0.5em;
	padding :0.5em 1em;
}
.alt {
	background: #f3f5e9;
	border: 1px dotted #d1d1d1;
	padding: 0.5em;
}
h3#comments {
	clear:both;
	font-size: 14px;
	margin-top: 0.7em;
	margin-left:18px;
	padding-top: 1.5em;
}
h3#respond {
	clear:both;
	margin-left:18px;
	padding-top: 1em;
	font-size: 14px;
}
.commentmetadata {
	font-size: 11px;
	margin-bottom: 3px;
}
#comment {
	width: 446px;
}
#commentform {
	margin-left:18px;
}


/* 
 * Sidebar
 */
#sidebar {
	float: left;
	margin: 10px 0;
	width: 220px;
}
#sidebar H2 {
	font-size: 18px;
	margin-bottom: 5px;
}
#dynamic-sidebar LI {
	margin-bottom: 20px;
}
#dynamic-sidebar LI LI {
	border-bottom: dotted 1px #ddd;
	font: 14px/1.3 arial, sans-serif;
	margin-bottom: 3px;
}


/*
 * Rate posts
 */
#vote OL {
	overflow: hidden;
}
#vote LI {
	border-bottom: dotted 1px #ddd;
	margin-bottom: 8px;
	overflow: hidden;
	padding-bottom: 7px;
	position: relative;
}
#vote H3 {
	margin-bottom: 3px;
}
#vote IMG {
	float: right;
	max-width: 100px;
}
.ratebox {
	display: none;
	overflow: hidden;
}
.javascript .ratebox {
	display: block;
}
.rate {
	display: block;
	float: left;
	margin-right: 12px;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
}
.rating {
	display: block;
	padding: 10px 0;
	position: relative;
}
.rating .rate {
	margin: 0;
	position: absolute;
	left: 35px;
	top: 3px;
}
.rating .rating-dislike {
	top: 35px;
}
A.rate {
	cursor: pointer;
}
.rating-like {
	background: transparent url(../image/icon-voteable.gif) no-repeat top right;
}
A.rating-like:hover {
	background: transparent url(../image/icon-voteable.gif) no-repeat bottom right;
}
.rating-dislike {
	background: transparent url(../image/icon-voteable.gif) no-repeat top left;
}
A.rating-dislike:hover {
	background: transparent url(../image/icon-voteable.gif) no-repeat bottom left;
}
SPAN.rating-dislike {
	background: transparent url(../image/icon-voteable.gif) no-repeat bottom left;
}
.result {
	background: transparent url(../image/icon-like.gif) no-repeat 0 0;
	display: block;
	font-size: 11px; 
	line-height: 1;
	padding: 5px 0 5px 28px;
}


/*
 * Navigation
 */
.navigation {
	margin-top: 10px;
	font: 13px/1.3 arial, sans-serif;
}


/* 
 * Footer
 */
#footer {
	background: #222;
	border-top: 1px solid #777;
	color: #888;
	clear: both;
	font-size: 13px;
}
#footer .wrap{
	margin: 0 auto;
	text-align: left;
	width: 970px;
	height: 175px;
}
#footer .wrap div{
	padding: 1em;
	float: left;
}

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}