/*  
Theme Name: CaptionCats
Theme URL: http://www.captioncats.com
Author: Vojtech "Smaug" Krs
Author URL: http://www.smaug.cz
Description: CaptionCats.com theme
*/


* {margin:0; padding:0;}

body {color:#333333; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; background:url(images/bg.jpg) repeat-x #c7e0fa;}

a {color:#000000; text-decoration:none;}
a img { border:none;}

.c, .clear {clear:both; font-size:0px;}

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


#header { height:115px; position:relative;}
#header h1 { position:absolute; background:url(images/logo.png); width:229px; height:58px; top:30px; left:10px;}
#header h1 a {display:block; height:100%; width:100%; }
#header h1 a span {display:none;}

.ad-top { position:absolute; top:10px; right:10px; width:728px; height:90px;  }
.ad-sidebar-160 { width:160px; height:600px; margin:1em auto;}
.ad-sidebar-250 {width:250px; height:250px; margin:0 auto 2em auto;  }
.ad-sidebar-125 { width:125px; height:125px;  float:left;}


#menu .left { background:url(images/menu-left.png); width:20px; height:46px; float:left;}
#menu .right { background:url(images/menu-right.png); width:20px; height:46px; float:right;}
#menu .content { background:url(images/menu-bg.png); height:46px; width:960px; float:left;}
#menu ul { list-style-type:none; float:left;}
#menu ul li { float:left; padding:15px; background:url(images/menu-divider.png) no-repeat right center; font-size:14px; font-weight:bold; }
#menu ul li {color:#000000;}
#menu .search {float:right; width:201px; padding:10px 0;}
#menu .search-input {float:left; background:url(images/search-input.png); width:163px; height:23px; padding:0 0 0 10px; _padding-top:5px; _height:18px; color:#7f7f7f; font-size:10px; border:none; }
#menu .search-submit {float:left; background:url(images/search-submit.png); width:28px; height:23px; border:none;}

#contentwrap .top { background:url(images/main-top.png); height:20px;}
#contentwrap .bot { background:url(images/main-bot.png); height:18px;}
#contentwrap .content { background:url(images/main-bg.jpg); padding:10px; }

#sidebar-1 {width:180px; float:left; margin-right:20px;}
#content { width:510px; float:left; }
#sidebar-2 { width:250px; float:right; }

.step { margin-bottom:2em;}
.step h4 { height:42px; padding:8px 0 10px 45px; font-size:18px; color:#444444;}
#step-1 { background:url(images/step-1.jpg) no-repeat top left;}
#step-2 { background:url(images/step-2.jpg) no-repeat top left;}
#step-2 h4 { padding-top:0;}
#step-3 { background:url(images/step-3.jpg) no-repeat top left;}

#login  { text-align:center;}
#login input {margin:0 auto 5px auto;  display:block; border:none; color:#7f7f7f;}
#login .login-input { background:url(images/login-input.gif); width:105px; text-align:center; padding:0 10px; height:19px; font-size:10px;}
#login .login-submit { background:url(images/login-submit.jpg); width:105px; height:23px; }
#step-1 p { text-align:center; color:#7f7f7f; font-size:10px; }
#step-1 p a {color:#000000;}

.post { margin:0 0 3em 0;}
.post h3 { font-size:30px; color:#000000; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
.post .date { text-transform:uppercase; color:#9f9f9f; font-size:10px; margin:0 0 7px 0;}
.post .meta { text-transform:uppercase; }
.post .meta a { color:#474747; font-weight:bold; font-size:10px;}
.post .rating {float:left; margin:0 0 7px 0; }
.post .rating img {float:left; padding:0 2px;}
.post .rating a {float:left; display:block; padding:2px 5px;}
.post .favourite {float:right;  background:url(images/icon-favourite.jpg) no-repeat left ; height:15px; padding:2px 0 0 22px;}
.post .image { text-align:center; background:url(images/image-bg.jpg) no-repeat bottom center;  }
.post .image img {padding:1px; border:1px solid #c5c5c5;}

.post .underpost { background:url(images/underpost.jpg) no-repeat; height:80px; width:510px;}

.post .info { height:37px; padding:5px 0 0 0; font-size:10px; font-weight:bold; }
.post .image-author {float:left; text-align:center; width:120px; }
.post .caption-author {float:right; text-align:center; width:120px;}
.post .info span { font-family:Arial, Helvetica, sans-serif; font-size:9px; font-weight:normal; display:block;}
.post .social {float:left; width:270px; text-align:center;}
.post .buttons { height:27px; padding:7px 0 0 0; font-size:11px; font-weight:bold; }
.post .buttons div {float:left;}
.post .recaption { padding:0 0 0 25px;}
.post .more-captions { padding:0 0 0 93px;}
.post .comment-link { padding:0 0 0 74px; width:100px; text-align:center;}

.post .text {  padding:5px 3px 10px 3px;}
.post .text p {text-align:justify; margin-bottom:1em;} 

.widget { margin:0 auto 2em auto; font-size:11px;}
.widget p { text-align:justify; margin:0 0 1em 0;}
.widget h4 { font-size:18px; color:#444444; border-bottom:3px solid #e5e5e5; padding:0 0 3px 0; margin:0 0 5px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
.widget.newsletter { color:#898989;}
.widget.newsletter span { color:#444444; font-weight:bold;}
#newsletter { margin:0 auto; width:223px;}
.newsletter-input { background:url(images/newsletter-input.jpg); width:118px; height:21px; float:left; border:none; color:#7f7f7f; text-align:center;  font-size:10px;}
.newsletter-submit { background:url(images/newsletter-submit.jpg); width:105px; height:21px; float:right; border:none;}

.widget.imagelist .image{ float:left; padding:10px 8px;}
.widget.imagelist .image img {padding:1px; border:1px solid #c5c5c5;}
.widget.imagelist .image p { color:#a6a6a6; text-align:center; font-size:10px;}
.widget.imagelist .image span {display:block; font-size:16px; font-weight:bold; padding:3px 0; }
span.green {color:#32bf1f;}
span.red {color:#e71a0b;}
span.orange {color:#ffb400;}

.widget ul { list-style-type:none; }
.widget ul li { padding:4px 0; font-size:12px; }
.widget ul li a {color:#444444;}

#footer { text-align:center; padding:20px; font-size:10px;}
#footer a { font-weight:bold;}


/*--------------- 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: 480px;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: 18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000000;}
#comments ol li {margin-bottom: 10px; border-bottom:2px solid #f1f1f1; }
#comments ol li ul li {padding: 10px; background:#f9f9f9; border:2px solid #f1f1f1;}
#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;}