/*
Theme Name:Cehla
Description:Simple, easy and powerfull WordPress theme
Version:2.2
Author:Jurko Chervony
Author URI:http://skinik.name
Tags:red, black, two-columns, right-sidebar, fixed-width, threaded-comments, translation-ready, custom-menu
*/

@import url("css/cehla.css");

/* Reset
##############################################################################*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0 none;vertical-align: baseline;background: transparent;}

header,footer,aside,article,section,hgroup,nav,figure{display:block;position:relative;}

*{padding:0;margin:0;}
:focus{outline:0 none;}
ul,ol{list-style:none outside;}
ol ol,ul ul,ol ul,ul ol{margin-left:15px;margin-bottom:0;}
img{border:0 none;}
textarea{resize:none;}



/* Body
##############################################################################*/
body {
	font:14px/1.5 Helvetica, Arial, "Lucida Grande", Verdana, Geneva, sans-serif;
	color:#333;
	background-color:#fff;
}

h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 { font-size:22px; line-height:26px; margin-bottom:10px; }
h2 { font-size:20px; line-height:24px; margin-bottom:7px; }
h3 { font-size:18px; line-height:22px; margin-bottom:5px; }
h4 { font-size:16px; line-height:20px; margin-bottom:5px; }
h5 { font-size:14px; line-height:18px; margin-bottom:5px; }
h6 { font-size:12px; line-height:16px; margin-bottom:5px; }

a { color:#5371c5; text-decoration:underline; }
a:hover,
a:active { color:#ff0000; text-decoration:none; }
a:visited { color:#810381; }

p { margin-bottom:13px; }

input[type='submit'] { cursor:pointer; padding:0 5px; }
body.browser-opera input[type='submit'] { padding:1px 7px; }

input[type='text'],
input[type='file'],
input[type='password'],
textarea,
select {
	border:1px solid #aaa;
	background-color:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.15);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.15);
}

input[type='text']:focus,
input[type='file']:focus,
input[type='password']:focus,
textarea:focus,
select:focus { background-color:#FFFFCC; }


blockquote{
	font:italic 0.9em Georgia, Serif;
	padding:5px 5px 5px 40px;
	margin:10px 0 10px 20px;
	background:#F4F5F7 url(i/cehla-sprite.gif) no-repeat 0 -326px;
}

legend, th, td { padding:4px; }
fieldset { padding:6px; }
hr {background-color:#333;border:0;height: 1px;margin-bottom: 18px;clear:both;}
abbr, acronym { border-bottom:1px dashed; cursor:help; }
del { text-decoration:line-through; }
pre { font-family:"Courier 10 Pitch", Courier, monospace; }
code { font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; background-color:#eee; font-style:italic; }


/* Container
##############################################################################*/
#container {
	width:960px;
	margin:15px auto;
	overflow:hidden;
}
#container #wrapper {
	width:960px;
	float:left;
	overflow:hidden;
}


/* Header
##############################################################################*/
#header {
	width:960px;
	float:left;
	position:relative;
}
#header h1 {
	font:26px Verdana;
	padding:12px 0 0 0;
	margin-bottom:0;
}
#header h1 a {
	color:#000;
	text-decoration:none;
}
#header h4.descr {
	font-size:15px;
	color:#000;
}



/*** Search ***/
#search {
	float:right;
	margin-top:20px;
}
#s {
	width:217px;
	height:18px;
	padding:4px 0 3px 23px;
	vertical-align:bottom;
	font-size:0.9em;
	color:#777;
}
#search label,
#search input#searchsubmit { display:none; }

/*** Navigation ***/
#nav {
	width:690px;
	height:30px;
	float:left;
}
#nav ul {
	list-style: none;
	margin: 0;
}
#nav li {
	float:left;
	position: relative;
}
#nav a {
	display:block;
	text-decoration:none;
	color:#000;
	font-size:1.2em;
	padding:0 7px;
	line-height:30px;
}

/** DropDown Menu **/
#nav ul ul {
	display:none;
	position:absolute;
	top:30px;
	left:0;
	float:left;
	z-index:666;
	box-shadow:0 3px 3px rgba(0, 0, 0, 0.25);
	-moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.25);
	-khtml-box-shadow:0 3px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 3px 3px rgba(0, 0, 0, 0.25);
}
#nav ul ul ul {
	left:100%;
	top:0;
}
#nav ul ul a {
	height:auto;
	line-height:1em;
	font-size:0.9em;
	padding:7px 10px;
	min-width:170px;
}

#nav ul li:hover > ul {
	display:block;
}


/* Content
##############################################################################*/
#content {
	float:left;
	overflow:hidden;
	padding:15px 0;
	width:690px;
}

#content #breadcrumb {
	margin:-5px 0 15px 0;
}

#content article {
	display:block;
	margin-bottom:13px;
	overflow:hidden;
}

#content h1.post-title {
	margin-bottom:3px;
	clear:both;
	font-size:1.55em;
}
body.page #content h1.post-title { margin-bottom:10px; }
#content h2.post-title {
	font-size:1.4em;
	margin-bottom:3px;
}

#content h1.post-title a,
#content h2.post-title a {
	color:#333;
}

#content img {
	max-width:500px;
	width:auto;
	height:auto;
}

#content .post-info {
	clear:both;
	float:left;
	font-size:0.8em;
	color:#333;
	padding:2px 5px 2px 5px;
	margin:4px 0 10px 0;
	border:1px #999 dashed;
	width:678px;
}
#content .post-info div.post-info-item {
	display:block;
	float:left;
	padding:2px 7px;
}

#content .post-info a { color:#333; text-decoration:none; }
#content .post-info a:hover { color:#000; text-decoration:underline; }

/* Post thumbnails */
#content .thumbnails,
#content img.alignleft,
#content img.aligncenter,
#content img.alignright {
	padding:2px;
	border:1px #ccc solid;
}

/*** START info under post title ***/
#content .date-category-author{
	margin-bottom:4px;
	color:#333;
	font-style:italic;
	font-size:0.9em;
}
#content .date-category-author a { color:#333; text-decoration:underline; }
#content .date-category-author a:hover { color:#000; text-decoration:none; }
/*** END info under post title ***/


/*** Page Navi ***/
#content #pages {
	clear:both;
	display:block;
	float:left;
	text-align:center;
	width:100%;
	margin:10px 0;
}
#pages .wp-pagenavi span.pages,
#pages .wp-commentnavi span.pages,
#pages .wp-pagenavi span.extend,
#pages .wp-commentnavi span.extend {
	background:none transparent;
	color:#000;
	margin:2px;
	padding:2px 4px;
	border:0 none;
}
#pages .wp-pagenavi a,
#pages .wp-commentnavi a {
	background:none transparent;
	color:#000;
	margin:2px 7px;
	padding:2px 4px;
	text-decoration:underline;
	border:0 none;
}
#pages .wp-pagenavi a:hover,
#pages .wp-commentnavi a:hover {
	background:none transparent;
	color:#cc0000;
	text-decoration:none;
	border:0 none;
}




#pages .wp-pagenavi span.current,
#pages .wp-commentnavi span.current {
	background-color:#fafafa;
	color:#000;
	font-weight:bold;
	margin:2px 7px;
	padding:2px 4px;
	border:0 none;
	border-bottom:2px #cc0000 solid;
}
/**/



#content ul, ol, dl { margin-bottom:20px; }
#content ul {
	list-style:disc;
	list-style-position:inside;
}
#content ol {
	list-style:decimal;
	list-style-position:inside;
}
#content dl dt {
	font-weight:bold;
}
#content dl dd {
	font-style:italic;
	margin:0 0 5px 20px;
	color:#555;
}

/* Child pages */
#content ul.child-pages ul {
	margin-top:0;
	margin-bottom:0;
}


/*** Aligns and others classes ***/
.aligncenter { margin-left:auto; margin-right:auto; }
.alignleft { float:left; margin:5px 15px 10px 0; }
.alignright { float:right; margin:5px 0 10px 15px; }
.no-text {text-indent:-666em; overflow:hidden;}
.dnone {display:none;}
.clear { float:none; clear:both; }
.b { font-weight:bold; }


/* Comment Form
##############################################################################*/
#commentform {
	background-color:#fafafa;
	border:1px solid #d3d3d3;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	padding:10px;
	color:#555;
}
#commentform p { margin:0 0 7px 0; }

#commentform p.req { font-style:italic; }
#commentform p span.star {
	color:#ff0000;
	font-size:1.4em;
}
#commentform label.req {
	color:#333;
}

#commentform textarea {
	color:#777;
	float:left;
	height:120px;
	margin:0 5px 15px 0;
	padding:2px;
	width:85%;
}
#commentform input#author,
#commentform input#email,
#commentform input#url {
	width:190px;
	margin-right:5px;
	padding:3px 3px 3px 24px;
	color:#777;
}

#commentform input#author { background:#fff url(i/cehla-sprite.gif) no-repeat 5px -246px; }
#commentform input#email { background:#fff url(i/cehla-sprite.gif) no-repeat 5px -272px; }
#commentform input#url { background:#fff url(i/cehla-sprite.gif) no-repeat 5px -300px; }

#commentform input#author:focus,
#commentform input#email:focus,
#commentform input#url:focus,
#commentform #comment:focus {
	background-color:#FFFFCC;
	color:#000;
}

/* Container for add & cancel commemt */
#commentform .add-cancel {
	height:30px;
	clear:both;
	margin:10px 0;
	font-size:1.1em;
}
/* Submit Button */
#commentform input#submit {
	padding:3px 10px;
	float:left;
	margin-right:20px;
}
/* Cancel Reply */
#commentform .cancel-comment-reply {
	line-height:30px;
}
#commentform .cancel-comment-reply a {
	color:#cc0000;
}


/* Display comments
##############################################################################*/
/* Comment nav. */
#content .entry {
	margin:0;
	padding:0;
}
#content .entry h3 {
	margin-top:15px;
	clear:both;
}

/************ alternating colors in the comments ***********/
#content .entry ol.commentlist li.even {
	background-color:#fff;/*  white */
	margin-top:15px;/* margin bottom for children comments */
}
#content .entry ol.commentlist li.odd {
	background-color:#f3f3f3;/* grey */
	margin-top:15px;/* margin bottom for children comments */
}
#content .entry .commentlist li .avatar {
	float:right;
	border:1px solid #ccc;
	padding:2px;
	background-color:#f3f3f3;
}
#content .entry .commentlist cite,
#content .entry .commentlist cite a {
	font-weight:bold;
	font-style:normal;
	font-size:1.1em;
	color:#333;
}
#content .entry .says {
	font-size:0.9em;
	font-weight:normal;
}
#content .entry .alt {
	margin:0;
	padding:10px;
}
#content .entry .commentlist {
	padding:0;
	text-align:justify;
	clear:both;
}
#content .entry .commentlist li {
	border:1px solid #aaa;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	margin:10px 0 10px;
	padding:5px 5px 10px 10px;
	list-style:none;
	overflow:hidden;
}
#content .entry .commentlist li ul li {
	font-size:1em;
	margin:7px 0px -10px -10px;
	list-style:none;
}
#content .entry .commentlist p {
	font-weight:normal;
	line-height:1.5em;
	text-transform:none;
	margin:10px 5px 10px 0;
}
#content .entry .children { padding:0px; }/* no padding for children comments */
#content .entry .nocomments {
	text-align:center;
	margin:0;
	padding:0;
}
#content .entry .commentmetadata {
	margin:0;
	display:block;
	font-weight:normal;
}
#content .entry .commentmetadata a { color:#cc0000; }

/* Sidebar
##############################################################################*/
#sidebar {
	width:240px;
	float:right;
	margin-bottom:15px;
	overflow:hidden;
	padding:0;
}

#sidebar h3,
#sidebar h2 {
	font-size:1.35em;
	margin-bottom:13px;
}

#sidebar a { color:#333; text-decoration:none; }
#sidebar a:hover { text-decoration:underline;  }
#sidebar .current-cat a { color:#000; text-decoration:underline;  }
#sidebar .cat-item a:hover { color:#000; text-decoration:underline;  }


#sidebar .block {
	padding:15px 0;
	overflow:hidden;
	word-wrap:break-word;
}


#sidebar .block ul li {
	list-style:none inside;
	padding-left:15px;
	margin-bottom:5px;
	line-height:1.1em;
	clear:both;
}
#sidebar .block ul li ul li { margin:5px 0 0 0; }

/*** Comments in sidebar ***/
#sidebar #sidebar-comments ul {
	padding:5px 0 0 0;
}

#sidebar #sidebar-comments ul li {
	background-image:none;
	padding:0;
	margin-bottom:10px;
	min-height:29px;
}

#sidebar #sidebar-comments ul li .user-avatar { float:left; }
#sidebar #sidebar-comments ul li .user-avatar img {
	margin:0 5px 3px 0;
	border:1px #ccc solid;
	padding:1px;
}

/*** Wp-Polls ***/
#sidebar .block .wp-polls-ul {
	margin:0 0 10px 0 !important;
}
#sidebar .block .wp-polls ul li,
#sidebar .block .wp-polls-ans ul li {
	list-style:none !important;
	padding-left:0  !important;
	background-image:none !important;
}


/*** Calendar ***/
#sidebar .block #calendar_wrap .pad { background:none; }
#sidebar .block #calendar_wrap #prev { background:none; }
#sidebar .block #calendar_wrap #next { background:none; }
#sidebar .block #calendar_wrap table { width:240px; margin:0; padding:0;}
#sidebar .block #calendar_wrap table th { width:14.2%; }
#sidebar .block #calendar_wrap table td { width:14.2%; background-color:#f3f3f3; text-align:center; color:#000; }
#sidebar .block #calendar_wrap table td a { font-weight:bold; }


/* Footer
##############################################################################*/
#footer {
	width:960px;
	clear:both;
	float:left;
	position:relative;
	text-align:center;
	line-height:26px;
}
#footer a {
	color:#555;
	text-decoration:underline;
}
#footer a:hover {
	text-decoration:none;
}

/*** footer_counters ***/
.footer_counters {
	margin:5px 0 10px;
	text-align:center;
}


/*** Captions ***/
.aligncenter,
div.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.wp-caption {
	border:1px solid #ddd;
	text-align:center;
	background-color:#f3f3f3;
	padding-top:4px;
	margin:10px;
	border-radius:3px;
	-moz-border-radius:3px;
	-khtml-border-radius:3px;
	-webkit-border-radius:3px;
}

.wp-caption img {
	margin:0;
	padding:0;
	border:0 none;
}

.wp-caption p.wp-caption-text {
	font-size:0.9em;
	line-height:15px;
	padding:0 4px 4px;
	margin:0;
	text-align:center !important;
}


/*** Related posts ***/
#content .box {
	border:1px solid #f3f3f3;
	border-radius:5px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	padding:0;
	margin-bottom:10px;
}

#content .box h3 {
	background-color:#f3f3f3;
	padding:2px 5px;
}

#content .box ul.related_post {
	margin:0 0 5px 5px;
}
#content .box ul.related_post li {
	padding-left:0;
}
#content .box .excerpt {
	display:block;
}

/*** Wp-Syntax ***/
#content  .wp_syntax {
	width:99%;
}

/*** WP Recent Comments ***/
#recentcomments li.recentcomments a.openid_link {
      padding-left:21px !important;
}

/* For Nextgen Gallery */
#content .ngg-navigation { padding:15px 0; }


/* END CSS */