/*
Theme Name: Deepmag
Theme URI: http://smaug.cz/
Description: Premium wordpress magazine theme
Version: 1.0
Author: Vojtěch "Smaug" Krs
Author URI: http://smaug.cz/
*/

/*--------------- General ---------------*/
* { margin:0; padding:0;}
body {  background:url(images/bg.jpg) #00518f repeat-x; color:#333333; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
a {color:#00518f; text-decoration:none;}
a img {border:none;}
.clear, .c {clear:both; height:0px; font-size:0px;}

#wrap { width:900px; margin:0 auto;}

/*--------------- Main menu ---------------*/
#menu { height:43px;}
#menu .left {width:10px; height:43px; float:left; background:url(images/menu_left.png);}
#menu .right {width:10px; height:43px; float:right; background:url(images/menu_right.png);}
#menu .middle {width:880px; height:43px; float:left; background:url(images/menu_content.jpg);}

#menu ul { list-style-type:none; width:700px; float:left;}
#menu ul li {float:left; padding:0 14px; margin:12px 0 0 0; border-right:1px solid #c7c7c7; }
#menu ul li a { text-transform:uppercase; font-size:10px; font-weight:bold; color:#4e4e4e;}
#menu ul li a:hover, #menu ul li.current_page_item a {color:#00518f;}

/*--------------- RSS ---------------*/
#rss {float:right; width:105px; padding:5px 45px 0 0; background:url(images/icon_rss.jpg) no-repeat center right; text-align:right; height:29px; }
#rss a {color:#737373; font-size:9px; display:block; padding:1px 0;}
#rss a:hover {color:#00518f;}

/*--------------- Header ---------------*/
#header {height:110px; position:relative;}
#ad_top { width:468px; height:60px; position:absolute; top:20px; right:0px; }

/*--------------- Contentwrap ---------------*/
#contentwrap {}
#contentwrap .top { background:url(images/main_top.jpg); height:10px; font-size:0px;}
#contentwrap .bot { background:url(images/main_bot.jpg); height:10px; font-size:0px;}
#contentwrap .middle { background:#FFFFFF;}
#content {width:550px; float:left; padding:10px 0 10px 10px;}
#sidebar {width:300px; float:right; padding:10px 10px 10px 0;}

/*--------------- Post ---------------*/
.post { margin-bottom:2em;}
.post h3 { font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:5px;}
.post .meta {font-size:10px; margin-bottom:5px;}
.post .text { text-align:justify; line-height:18px;}
.post .text p {margin-bottom:1em;}
.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:#00518f;}
.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;}
.post .readmore { text-align:right; font-weight:bold;}

/*--------------- Social bookmarking icons ---------------*/
.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;}

/*--------------- 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;}

/*--------------- Featured ---------------*/
#top { margin-bottom:20px;}
#featured {float:left; width:550px; border:1px solid #4580ad; height:300px; background:#ffffff; position: relative;  overflow: hidden; }
#top .right {float:right; width:300px;}
#featuredContent { width: 550px; position: absolute; top: 0; margin-left: 0;}
#featuredContent li { list-style-type:none;}
.featuredImage {float: left; position: relative; display: none; }
.featuredImage span strong { font-size:18px; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif;}
.featuredImage span strong a {color:#FFFFFF;}
.featuredImage span {position: absolute; left: 0; text-align:justify; padding: 10px 12px;width: 526px;background-color: #000;filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff;display: none; bottom: 0;}


/*--------------- Search ---------------*/
#search {margin:0 0 13px 0;}
.s_input { border:none; background:#FFFFFF; width:227px; float:left; padding:5px 5px 0 5px; height:24px;}
.s_submit { border:none; background:url(images/s_submit.png); width:63px; height:29px; float:right;}


/*--------------- Siebar widgets ---------------*/
.widget { margin-bottom:1em;}
.widget h4 { background:#005c9d; float:left; padding:5px; clear:both; color:#FFFFFF; font-size:10px; text-transform:uppercase;}
.widget ul { list-style-type:none; padding:5px 0;}
.widget ul li { padding:5px 0 5px 0px; border-bottom:1px solid #F1F1F1;}

/*--------------- Changebox ---------------*/
#changebox .menu h4 {float:left; clear:none; background:#FFFFFF; color:#005c9d; margin-bottom:2px; padding:6px 6px; }
#changebox .menu h4.selected { background:#005c9d; color:#FFFFFF; border:1px solid #FFFFFF; padding:5px;}
#recent_entries_btn { margin-right:0px;}
#recent_comments_btn {margin-right:0px;}
#recent_archives_btn { margin:0; }
#changebox .content{ background:#FFFFFF; padding:5px; height:223px;}

/*--------------- Footer ---------------*/
#footer { text-align:center; padding:10px; color:#FFFFFF;}
#footer a { color:#FFFFFF; text-decoration:underline;}


/*--------------- 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:#005c9d; 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: #000000;border-color: #000000;text-decoration: none;}
#comments .says {display: none;}