/*
Theme Name: Ardent
Theme URI: http://smaug.cz/
Description: Premium Magazine Wordpress Theme
Version: 1.0
Author: Vojtech 'Smaug' Krs
Author URI: http://smaug.cz/
*/

* { margin:0; padding:0;}
body { font-size:12px; font-family:"Trebuchet MS", Verdana, Arial; color:#242424; background:url(images/bg.gif); }

a {color:#007236; text-decoration:none;}
a img {border:none;}

#stripes { background:url(images/stripes.png) repeat-y center; width:100%;  position:absolute; z-index:-1;}
#wrap { background:#FFF; width:1002px; margin:0 auto;}

/*--------------- Clears ---------------*/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
.c, .clear { clear:both;  clear:both; font-size:1px; height:1px; }

/*--------------- Main menu ---------------*/
#menu { margin:0 auto; width:1002px; }
#menu .content { width:970px; float:left; background:url(images/top_menu_bg.jpg);  height:57px;}
#menu .left_border { background:url(images/top_menu_left.png); height:57px; width:16px; float:left;}
#menu .right_border { background:url(images/top_menu_right.png); height:57px; width:16px; float:right;}
/* more in css/menu-lavalamp.css */

/*--------------- Main blocks ---------------*/
#header { height:90px; position:relative;}
#ad_top { width:468px; height:60px; background:#fdfdfd; position:absolute; top:10px; right:10px; }
#contentwrap { width:1002px;}
#content { width:635px; float:left; padding:0 0 0 20px;}
#sidebar { width:305px; float:right; padding:0 20px 0 0;}
.warning { padding:10px; text-align:center; font-weight:bold; font-size:16px;}

/*--------------- Featured ---------------*/
#featured { width:635px; height:300px; background:#fdfdfd; border:1px solid #cccccc; margin:0 0 2em 0; position: relative;  overflow: hidden; }
#featured a {color:#FFF;}
#featuredContent { width: 635px; position: absolute; top: 0; margin-left: 0;}
.featuredImage {float: left; position: relative; display: none; }
.featuredImage span strong { font-size:18px;}
.featuredImage span {position: absolute; left: 0; padding: 10px 12px;width: 635px;background-color: #000;filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff;display: none; bottom: 0;}


/*--------------- Block background ---------------*/
.lightround { background:#ededed; padding:10px;}
.lightbutton { background:#dfdfdf; padding:5px;}
/*.lightbutton:hover { background:#c1c1c1;}*/
.darkround { background:#343434; padding:10px; color:#f3f3f3;}
.darkbutton { background:#4e4e4e; padding:5px;}
/*.darkbutton:hover {background:#686868;}*/
.darkround a, .darkbutton a {color:#FFFFFF;} 

/*--------------- Twitter widget ---------------*/
#twitter{  height:150px; margin:0 auto;  position:relative; text-align:center;  } 
#twitter a{ display:block; width:141px; height:150px; background:url(images/twitter.png) no-repeat top center; margin:0 auto;}

/*--------------- Homepage latest articles ---------------*/
#articles { margin:0 0 5px 0;}
#articles .post { width:305px; float:left; margin-bottom:15px; }
#articles .post.left {margin-right:15px;}
#articles .post .img { width:250px; height:137px; background:#FFFFFF; border:1px solid #cccccc; margin:0 0 1em 0; }
/*#articles .post .img { width:290px; height:137px; background:#fdfdfd; border:1px solid #cccccc; margin:0 0 1em 0; }*/
#articles .post h3 { font-size:15px; font-weight:bold;}
#articles .post .meta { color:#7e7e7e; text-transform:uppercase; font-size:9px; margin:0 0 1em 0; font-family:Arial, Helvetica, sans-serif;}
#articles .post .text { margin:0 0 1em 0;}
#articles .post .readmore { text-align:center; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;  }


/*--------------- Single post/page ---------------*/
.single .post {   margin-bottom:15px; }
.single .post .header { border-bottom:1px solid #FFF; padding:0 0 10px 0;}
.single .post .header .img{ float:left; width:291px; border:1px solid #FFF; background:#fdfdfd;}
.single .post .header .meta {float:right; width:300px; padding:0 10px; }
.single .post .header .meta.noimage {float:left; width:591px; padding:0 10px;}
.single .post .header .info { color:#7e7e7e; text-transform:uppercase; font-size:9px; margin:0 0 1em 0; font-family:Arial, Helvetica, sans-serif; line-height:15px;}
.single .post h3 { font-size:16px; font-weight:bold; padding:0 0 5px 0;}
.single .post .text { padding:10px; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-align:justify;}


.post .alignleft {float:left; margin:5px 10px 5px 0; padding:3px; border:1px solid #ccc; }
.post .alignright {float:right;}
.post ul { margin:0 0 0 22px;}
.post ol { margin:0 0 0 22px;}
.post li { margin:4px 0;}
.post ul, .post ol, .post p, blockquote, code { margin-bottom:1em;}
blockquote { background:#fdfdfd; padding:10px 5px 0 5px; border-top:1px solid #FFF; border-bottom:1px solid #FFF;}
code { display:block; padding:10px; background:#fdfdfd; border:1px dashed #FFF;}
.post .text a {color:#870000;}
.post .text h1 { margin:0 0 10px 0; border-bottom:1px solid #f1f1f1;}
.post .text h2 { margin:0 0 10px 0; border-bottom:1px solid #f1f1f1;}
.post .text h3 { margin:0 0 10px 0; border-bottom:1px solid #f1f1f1;}
.post .text h4 { margin:0 0 10px 0; border-bottom:1px solid #f1f1f1;}

.social { text-align:center; border-top:1px solid #FFF; padding:10px 0 10px 0;}
.social  h4{ text-align:left; padding:0 0 7px 110px; font-size:14px;}

/*--------------- Search form ---------------*/
#search { margin:0 0 2em 0;}
.s_input { float:left; width:209px;  padding:4px 10px 0 10px; height:30px; border:none; background:url(images/s_input.gif); color:#FFF; }
.s_submit {float:right; width:76px; height:34px;}

/*--------------- Navigation ---------------*/
.navigation { padding:5px 0; clear:both;}
.navigation .next { float:right; width:150px; font-weight:bold; font-size:14px;}
.navigation .prev {float:left; width:150px; font-weight:bold; font-size:14px;}
#wp_page_numbers li.active_page a{ background:#b3ab9b !important; border-top: 2px solid #b3ab9b !important; border-bottom: 2px solid #b3ab9b !important;  }
#wp_page_numbers li.active_page a:hover {border-top: 2px solid #ff9c00 !important; border-bottom: 2px solid #ff9c00 !important; color:#FFF !important;}
#wp_page_numbers li a:hover {color: #ff9c00 !important; border-top: 2px solid #ff9c00 !important; border-bottom: 2px solid #f1f1f1 !important;}




/*--------------- RSS ---------------*/
#rss { width:310px; position:relative; margin:0 0 2em 0; }
#rss .rss_icon { background:url(images/rss_icon.jpg) no-repeat right;  height:43px; width:80px; float:left;   }
#rss .rss_links { float:left; padding: 0 0 0 20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase;}
#rss .rss1 { border-bottom:1px solid #a5a5a5; padding:5px 0; }
#rss .rss2 { padding:5px 0; }


/*--------------- Sidebar widgets ---------------*/
.widget { margin:0 0 2em 0;}
.widget h4 { float:left; margin:0 0 2px 0;   background:url(images/btn_grey.png) no-repeat top left; height:28px; color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; font-weight:normal;  }
.widget h4 a,.widget h4 span { display:block;  background:url(images/btn_grey.png) no-repeat right -28px; height:28px; z-index:8px; padding:7px 8px; color:#FFFFFF; cursor:pointer;  }
.widget h4.selected { background-image:url(images/btn_red_bg.png);}
.widget h4.selected a,.widget h4.selected span { background-image:url(images/btn_red_bg.png);}

.widget ul { list-style-type:none;}
.widget li { font-size:13px; padding:5px 10px;  border-bottom:#3a3a3a 1px solid; }
.widget ul.categories li { padding-left:23px; background:url(images/bullet_category.gif) no-repeat left center;}
.widget ul.entries li { padding-left:20px; background:url(images/bullet_entry.gif) no-repeat left center;}
.widget ul.comments li { padding-left:20px; background:url(images/bullet_comment.gif) no-repeat left center;}
.widget ul.archives li { padding-left:20px; background:url(images/bullet_archive.gif) no-repeat left center;}
.widget li.last { border:none;}

#bottom { width:962px; padding:20px;}
#bottom .widget { float:left; width:310px; margin:0 0 0 10px;}
#content_widgets { margin:0 0 5px 0;}
#content_widgets .widget { float:left; width:310px;}
#content_widgets .widget.left { margin-right:15px;}
#content_widgets .widget h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal; padding:0 0 5px 15px; text-transform:uppercase;}
#content_widgets .widget ul { list-style-type:none;}
#content_widgets .widget li { font-size:13px; padding:5px 10px 5px 10px; border-bottom:#3a3a3a 1px solid; }
#content_widgets .widget .more { text-align:center; font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; }



/*--------------- Footer ---------------*/
#footer {text-align:center; padding:30px 0 20px 0; margin:0 auto; width:1002px; color:#FFFFFF;  background:url(images/main_bottom.png) no-repeat center top; height:15px;}

/*--------------- Comments ---------------*/
#content .comments {float: right;margin-bottom: 0 !important;padding-bottom: 6px;}
#content .comments a {	display: block;	color: #ffffff;	font-family: Verdana;	font-size: 0.9em;	text-decoration: none;	padding: 2px 6px;	background-color: #212121;}

#comments {	padding: 10px 30px;}
#comments a {text-decoration: none;	}
#comments h2 {font-size: 1.4em;margin: 10px 0;	}
#comments p {margin-bottom: 10px;line-height: 1.6em;	}
#comments form p {margin-bottom: 5px;}
#comments form input {	margin-right: 5px;}
#comments form input, textarea {border: 1px solid #cccccc;font-size: 0.9em;font-family: Verdana; padding:4px;background-position: 4px 4px;background-repeat: no-repeat;		}
#comments form input {width: 240px;border: 1px solid #cccccc;}
#comments form textarea {width: 350px;padding: 4px 4px !important;border: 1px solid #cccccc;}
#comments form button {background:#3a3a3a; border:none;  color:#FFFFFF; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase;padding:7px;}
.commentdetails {margin-top: 25px;	}
.commentauthor {margin-bottom: 5px !important;font-weight: bold;}
.commentdate {font-size: 0.8em;margin-bottom: 5px;color: #909090;}
.required {color: #ff0000;}
h2.title {font-size: 1em !important;text-transform: uppercase;padding: 10px;color: #565656;}
.notfound {padding: 40px;}
.notfound h2 {font-size: 18px;font-weight: normal;margin-bottom: 10px;}

/*--------- 2.7 Wp Comments --------*/
#comments ol {list-style-type: none;clear: both;padding: 0;margin: 0;}
#comments .buffer {padding: 10px;}
#comments h2 {font-size: 0.9em;margin-bottom: 20px;}
#comments ol li {margin-bottom: 10px;}
#comments ol li ul li {border: 1px solid #e0e0e0;padding: 10px;}
#comments ol li .avatar {float: right;}
#comments ol li .comment-author {}
#comments ol li .comment-author .fn {font-weight: bold;font-size: 1.2em;}
#comments ol li .comment-meta {font-size: 0.9em;color: #999999;margin: 5px 0 10px;}
#comments ol li .reply {font-size: 0.9em;font-weight: bold;padding-bottom: 10px;}
#comments .children {list-style-type: none;}
#comments .navigation {padding: 0 10px 20px;font-size: 0.9em;}
#comments .navigation a {color: #999999;padding: 3px 8px;border: 1px solid #cccccc;}
#comments .navigation a:hover {color: #007236;border-color: #000000;text-decoration: none;}
#comments .says {display: none;}
