/*  
Theme Name: GadgetTheme
Theme URL: http://www.smaug.cz
Author: Vojtech "Smaug" Krs
Author URL: http://www.smaug.cz
Description: Free Premium Magazine Wordpress Theme
*/


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


/*--------------- Main blocks---------------*/
#background { background:url(images/bg.png) no-repeat center; width:100%; height:567px; position:absolute; z-index:1;}
#wrap {width:1000px; margin:0 auto; z-index:2; position:relative; }
#meta {margin:0 0 5px 0;}
#top {background:url(images/main_top.png); width:1000px; height:15px;}
#bottom {background:url(images/main_bot.png); width:1000px; height:15px;}
#main {background:#FFFFFF; padding:10px 15px;}

#contentwrap { margin:10px 0;}
#content {float:left; width:600px;}
#sidebar {float:right; width:325px;}

/*--------------- Menu - pages ---------------*/
#pages.menu {float:left; width:750px; padding:0 0 0 25px;}
#pages.menu ul { list-style-type:none;}
#pages.menu li { float:left; padding:13px 10px 0 10px; font-size:11px; font-weight:normal; text-transform:uppercase; }
#pages.menu li a { color:#FFFFFF; }
#pages.menu li a:hover {border-bottom:1px dotted #CCCCCC;}

/*--------------- Search form ---------------*/
#search {float:right; width:200px; background:#2a2a2a; border:#3a3a3a 1px solid; padding:3px 5px; margin:3px 0; }
#search .s_input { background:none; float:left; width:170px; border:none; color:#CCCCCC; font-size:12px; padding:5px 0 0 0;}
#search .s_submit { background:url(images/s_submit.jpg); width:21px; height:21px; float:right; border:none;}

/*--------------- Header ---------------*/
#header {position:relative; height:80px;}
#header .meta {float:left; width:325px;}
#header .ad-top {float:left; width:468px; height:60px; background:#F1F1F1; }
#header .rss {float:right; background:url(images/icon_rss.jpg) no-repeat right center; margin-top:10px; width:80px; padding:4px 40px 0 0; text-align:right; height:49px;}
#header .rss a {color:#333333; font-size:9px; padding:0 0 4px 0; display:block; }

/*--------------- Menu - categories ---------------*/
#categories.menu { background:url(images/menu_bg.gif); height:37px;}
#categories.menu .left {float:left; height:37px; width:10px; background:url(images/menu_left.gif); float:left;}
#categories.menu .right {float:left; height:37px; width:10px; background:url(images/menu_right.gif); float:right;}
#categories.menu ul { list-style-type:none; float:left; width:950px;}
#categories.menu li { float:left; padding:11px 10px; border-right:1px solid #ebebeb; font-size:12px; font-weight:normal;}
#categories.menu li a { color:#000000; }
#categories.menu li a:hover {border-bottom:1px dotted #999999;}




/*--------------- Featured ---------------*/
#featured {background:#ebebeb; height:270px; width:600px; margin-bottom:2em;  position: relative;  overflow: hidden; float:left; }
#featuredContent { width: 600px; 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: 576px;background-color: #000;filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color: #fff;display: none; bottom: 0;}


/*--------------- Page title ---------------*/
h2.title {font-size: 12px;text-transform: uppercase;padding: 10px;color: #565656;}
h2.title span {font-weight:normal; text-transform:none;}


/*--------------- Post ---------------*/
#articles {}
.post { margin-bottom:2em; clear:both;}
.post .image { background:url(images/image_bg_150.gif);  width:157px; height:157px; float:left; margin:0 18px 5px 0;}
.post h3 {font-size:20px; font-weight:normal;}
.post h3 a {color:#333333;}
.post .meta {font-size:11px; color:#929292; padding:2px 0;}
.post .text { text-align:justify; line-height:18px;}
.post .text p { margin-bottom:1em;}
.post .text a:hover {border-bottom:1px dotted #1b7ed3;}
.post .readmore {float:right; font-weight:bold; clear:both; background:#ebebeb; padding:2px 10px;}
.post .readmore a {color:#000000;}
.post .readmore a:hover {border-bottom:none;}
.post .alignleft {float:left; margin:5px 10px 5px 0; padding:3px; border:1px solid #ccc; }
.post .alignright {float:right;}
.post .aligncenter {display:block; margin:5px auto;}
.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;}
.post blockquote { background:#fdfdfd; padding:10px 5px 0 5px; border-top:1px solid #FFF; border-bottom:1px solid #ebebeb; border-top:1px solid #ebebeb;}
.post code { display:block; padding:10px; background:#fdfdfd; border:1px dashed #ebebeb;}

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

/*--------------- Changebox ---------------*/
#changebox .menu h5 { float:left; padding:5px 10px; background:#f5f5f5; border-right:5px solid #FFFFFF; font-size:11px; cursor:pointer;}
#changebox {border-bottom:1px solid #ebebeb;}

/*--------------- Widgets ---------------*/
.widget { margin-bottom:1em;}
.widget h4 {color:#333333; font-size:16px; font-weight:bold; border-bottom:2px solid #ebebeb;}
.widget ul { list-style-type:none; padding:5px 0 5px 5px;}
.widget li { margin:3px 0; background:url(images/bullet.gif) no-repeat left center; padding:0 0 0 13px;}
.widget li a {color:#555555;}
.widget li a:hover {color:#222222;}
.widget .text { padding:2px 0;}

/*--------------- Sidebars ---------------*/
#sidebar-2 {float:left; width:150px;}
#sidebar-3 {float:right; width:150px;}

/*--------------- Navigation ---------------*/
#navigation {clear:both; padding:10px 0;}
#navigation .prev {float:left;}
#navigation .next {float:right;}

/*--------------- Footer ---------------*/
#footer { text-align:center; padding:10px; color:#CCCCCC; font-size:11px;}
#footer a {color:#FFFFFF;}

/*--------------- 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 10px;}
#comments a {text-decoration: none;	}

#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:#ebebeb; border:none;  color:#333333; 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;}

.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: 14px;}
#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;}

/* Image captions - http://codex.wordpress.org/CSS */
.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

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

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}