/*   
Theme Name: cwb2
Theme URI: http://www.catswhocode.com
Description: Custom Thematic Child Theme for CatsWhoBlog.com
Author: Jean-Baptiste Jung
Author URI: http://www.webdevcat.com
Template: thematic
Version: 1.0
Tags: Thematic
.
Thematic is © Ian Stewart http://themeshaper.com/
.
*/

/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

/* Apply basic image styles */
@import url('../thematic/library/styles/images.css');

/* Apply default theme styles and colors */
/* It's better to actually copy over default.css into this file (or link to a copy in your child theme) if you're going to do anything outrageous */
@import url('../thematic/library/styles/default.css');

/* Prepare theme for plugins */
@import url('../thematic/library/styles/plugins.css');

@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: bold;
  src: local('Droid Sans Bold'), url('http://themes.googleusercontent.com/font?kit=EFpQQyG9GqCrobXxL-KRMVtXRa8TVwTICgirnJhmVJw') format('truetype');
}
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: normal;
  src: local('Droid Sans'), url('http://themes.googleusercontent.com/font?kit=POVDFY-UUf0WFR9DIMCU8g') format('truetype');
}

body{
	/*background:#E7E8E8 url(images/bg.png) repeat-x; */
	background:#E7E8E8 url(images/mainbg.gif) repeat-y top center;
	color:#555; 
	font-family: Helvetica, Arial, sans-serif; 
	font-size:14px;
	line-height:21px;
}

body#phpbb{
	background:#E7E8E8 url(images/forumbg.gif) repeat-y top center;
}

h1, h2, h2 a, h3, h4{ 
	color:#333 !important;
}

h1, h1.entry-title, h2.entry-title{
	font-size: 24px !important; 
	line-height: 25px !important; 
	font-weight: bold !important; 
	margin: -7px 0 -15px 0; 
	text-transform:capitalize;
	font-family:"Droid Sans";
}

h2.entry-title{

}

h2{
	color:#333 !important;
	font-size:22px !important;
}

h3{
	font-style:normal !important;
	font-weight:bold;
	font-family:"Droid Sans";
	
}

a, a:link, a:visited{
	color:#659DD5;
	text-decoration:none;
}

a:hover{
	color:#8F4800;
}

.entry-content a, .entry-content a:visited{
	color:#5077BB !important;
}

.entry-content a:hover{
	color:#8F4800 !important;
}

pre{
	font-family:consolas, courrier;
	background:#eee;
	border:1px #ddd solid;
	padding:5px;
	overflow-x:auto;
}

/* Typography & boxes */
strong.caps{
	font-variant:small-caps;
	font-size:15px;
}

.alert {
	margin: 5px 0 5px 0; 
	padding: 10px;
	background: #ffffe0;
	border: 1px solid #e6db55;
}

.alert a {
	color: #cc0000;
	text-decoration: none;
}

.alert a:hover {
	color: #cc0000;
	text-decoration: underline;
}

.photo {
	display: block;
	padding: 5px;
	border-top: 1px solid #eee;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #eee;
	-moz-box-shadow: 0px 1px 4px #ccc;
	-webkit-box-shadow: 0px 1px 4px #ccc;
	box-shadow: 0px 1px 4px #ccc;
	background-color: #fff;
	margin-bottom: 10px;
}

.photo.avatar {
	padding:0;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#wrapper{
	background:transparent url(images/logo3.png) no-repeat top center;
	/*background: url(images/bg.png) repeat-x top left;*/
	width:1018px;
	margin:0 auto;
}

/* Header */
#header{
	height:230px;
	/*background:transparent url(images/logo.png) no-repeat 30px -32px;*/
}

#branding{
	padding:0 35px;	
	height:230px;
}

#branding #blog-title span a{
	background: url(images/header.png) no-repeat bottom left;
	text-indent:-9999px;
	display:block;
	width:590px;
	height:230px;
}

#branding #blog-description{
	display:none;
}

/* Nav */
#access{
	width:1010px;
	margin:0 auto;
	background:none;
}

#access ul{
	margin-left:15px;
	background:none;
}

ul.menu{
	list-style-type:none;
}

ul.menu li{
	float:left;
	font-size:16px;
}

ul.menu li a{
	font-size:16px;
	line-height:40px;
	padding:12px 25px 12px 2px;
	color:#fff;
	font-family: "Droid Sans", "Delicious", Arial, sans-serif; 
	font-weight:bold;
	background:url(images/star.png) no-repeat center right;
	
}

ul.menu li#menu-item-1785 a, ul.menu li#menu-item-forum a	{
	background:none;
	padding-right:0;
}

#access, #access .sf-menu, #access .sf-menu li, #access .sf-menu li a{
	background:none;
	border:none;
}


#access .sf-menu li a{
	color:#ccc;
	font-size: 18px;
	line-height: 19px;
	font-family: Helvetica, Arial;
	font-weight: bold;
}

ul.menu li a:hover, #access .sf-menu li a:hover{
	color:#D0E3F5;
}

#access a#fb{
	float:right;
	margin:8px 20px 0 0;
}

/* Content */
.tweetmeme{
	float:left;margin-right:10px;
}

#main{
	padding:15px 0 0px 0px;
	width:1020px;
	margin-top:-14px;
}

#content{
	background:#fff;
	padding:20px;
	width:630px;
}

.entry p img {
	background-color: #fff;
	padding: 8px;
	border: 1px solid #e8e8e8;
	margin-top: 10px;
	margin-right: 7px;
}

.entry-meta{
	font-style:normal;
	font-size:11px;
	margin-top:20px;
}

#content .home{
	background:#fff;
	margin-bottom:45px;	
	border-bottom:1px #659DD5 solid;
}

#content .home .entry-content{
/*	padding-top:0;
	margin-top:-15px;*/
}

#content .home .thumb{
	float:right;
	margin-left:20px;
}

#content .home a.more-link{
	display:none;
}

#content .home .post-bottom{
	clear:both;
}

#content .home .post-bottom a {
	display:block;
	width:145px;
	background: #659DD5;
	padding: 7px 10px 4px 10px !important;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size:14px;
	margin:35px 0 -22px 0;
	text-transform:uppercase;
}

#content .home .post-bottom a:hover{
	background-color: #4C74B8; 
}

#content .home .post-bottom span.tm{
	background:red;
	margin-left:430px !important;
	padding-top:10px;
}

#content strong{
	font-size:14px;
	color:#333;
}

.postimg{
	float:right;
	margin-left:20px;
}

/* Sidebar */
#primary, #secondary{
	padding:0;
	border:0;
}

li.widgetcontainer{
	width:280px;
	padding:10px;
	padding-right:0;
	margin-left:-15px;
	background: url(images/sep-small.gif) repeat-x bottom center;
}

li.widgetcontainer{
	margin-left:-36px;
	padding-left:29px;
	width:295px;
}

.widgetcontainer h3.widgettitle{
	font-size:22px;
	color:#222 !important;
	text-shadow: #fff 0px 1px;
	font-style:normal;
	font-weight:bold;
	margin:15px 0;
}

.widgetcontainer a, .widgetcontainer .xoxo a:visited{
	color:#999 !important;
}

.widgetcontainer a:hover{
	color:#fff !important;
}

/*Sidebar buttons */
.sidebar-buttons{
	float:right;
	height:35px;
	padding:5px 0 25px 30px;
	margin:0 2px 20px 0;
	background:url(images/sep-small.gif) repeat-x bottom center;
	width:294px;
}

.sidebar-buttons a{
	width:140px;
	float:left;
}

.sidebar-buttons a h3{
	margin-top:0 !important;
}

.sidebar-buttons a h3.rss{
	color:#FF8C00 !important;
	background:url(images/rss.png) no-repeat 0 4px;
	padding-left:40px;
}

.sidebar-buttons a h3.twitter{
	color:#4C74B8 !important;
	background:url(images/twitter.png) no-repeat 0 4px;
	padding-left:40px;
}

.sidebar-buttons a .label{
	font-weight:bold;
	font-size:13px;
	font-variant:small-caps;
}

/* Popular Posts */
#popular ul{
	list-style-type:none;
	margin-left:0;
}

#popular ul li{
	width:265px;
	height:50px;
	margin-bottom:12px;
	padding-bottom:15px;
	border-bottom:1px #e5e5e5 solid;
}

#popular ul li.last{
	border-bottom:none;
	padding-bottom:0;
}

#popular ul img.pop-img{
	background:#fff;
	padding:5px;
	border:1px #ddd solid;
	float:left;
	margin:0 10px 10px 0;
}

#popular ul li a{
	font-weight:bold;
	color:#666666 !important;
}

#popular ul li a:hover, #popular ul li:hover a{
	color:#333 !important;
}

/* Related posts */
#rel-container{
	margin-top:25px
	border: 1px #ccc solid;
clear:both;
}

#rel-left{
	margin-right:20px;
	width:280px;
	float:left;
}
#rel-right{
	background:red;
	width:300px;
	height:250px;
	float:left;
}

#rel-left li{
	overflow:hidden;
}

#rel-left li a{text-decoration:none;}

/* Comments */
.single #nav-below{
	display:none;
}

#comments-list.comments{
	margin: 25px -20px 0 -20px;
}

#comments-list.comments h3{
	margin-left:20px;
	font-size:26px;
}

#comments input[type="text"], #comments textarea{
	border:1px #ddd solid;
	font-family:arial;
	padding:5px;
	width:618px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.comment.bypostauthor{
	background:#E7F8FB !important;
}

#submit, #contactsubmit{
	font-family:arial;
	border:none;
	display:block;
	width:145px;
	background: #659DD5;
	padding: 7px 10px 4px 10px !important;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size:14px;
	text-transform:uppercase;
	cursor: pointer;
	float:right;
}

#submit:hover, #contactsubmit:hover { 
	background-color: #4C74B8; 
}

#form-allowed-tags{
	display:none;
}

/* Contact */
.contactform input[type="text"], .contactform textarea{
	border:1px #ddd solid;
	font-family:arial;
	padding:5px;
	width:405px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	color:#555;
}

#contactsubmit{
	margin-left:335px;
}

/* Page navi */
.wp-pagenavi{
	margin-left:0px;
	font-size:18px;
	text-align:right;
	border-top:1px #eee solid;
	border-bottom:1px #eee solid;
	padding:15px 0;
}

.wp-pagenavi span.pages{
	float:left;
}

.wp-pagenavi span.current{
	color:#999 !important;
	border:none;
}

.wp-pagenavi span.extend, .wp-pagenavi a.nextpostslink{
	display:none;
}

.wp-pagenavi a.page, .wp-pagenavi a.nextpostslink, .wp-pagenavi a.last{
	color:#333 !important;
	border:none !important;
}

.wp-pagenavi a.page:hover, .wp-pagenavi a.nextpostslink:hover, .wp-pagenavi a.last:hover{
	color:#4C74B8 !important;
}

/* Footer */
#footer{
	border:none;
	background:#2c2c2c url(images/footer.gif) no-repeat top center;
}

#footer p.charity{
	padding:30px 0 0 30px;
	color:#ccc;
	text-shadow:1px 1px #000;
	font-size:36px;
	line-height:40px;
	font-weight:bold;
	width:490px;
	float:left;
	/*background:red;*/
}

#footer p.charity span{
	font-size:13px;
	line-height:21px;
	font-variant:small-caps;
}

#footer:hover p.charity{
	color:#fff;
}

#footer ul#charities{
	list-style-type:none;
	float:left;
	width:435px;
	padding:25px 25px 0 0;
	/*background:blue;*/
}

#footer ul#charities li{
	float:right;
}

#footer ul#charities li a img{
	background:#333;
	border:1px #777 solid;
	padding:5px;
	margin-left:8px;
}

#footer #siteinfo{
	padding-bottom:25px;
	margin-left:28px;
}

#footer #footer-text, #footer #footer-text a{
	color:#fff;
	font-size:12px;
}

#footer #footer-text a{
	text-decoration:underline;
}

table#domains, #domains tr{border:none !important;}
#domains td.domain{border:none !important;color:#fff;font-weight:bold;}
#domains td.domain{color:#999;font-weight:bold;width:235px;}
#domains td.price{text-align:right;color:#999;font-weight:bold;}

/* Coupons */
#content.coupons{
	
}

#content.coupons .post, #coup{
	/*height: 1%;*/
	padding-bottom: 0px;
	margin-bottom: 25px;
	margin-left:-20px;
	padding-left:20px;
	margin-right:-20px;
	border-bottom:1px #888 dashed;
	position:relative;
}

#coup{
	margin-top:25px;
	padding-bottom:15px;
	padding-right:20px;
}

#content.coupons .post h2 {
	font-size: 24px;
	font-weight:bold;
	margin-bottom:0;
	display:inline;
	font-family:"Arial";
}

#content.coupons .post .exerpt {
	color:#999;
	font-size:18px !important;
	padding:18px 0;
}

#content.coupons .post .exerpt strong{
	background: url(images/promo.jpg) no-repeat center;
	font-weight:bold;
	color:#fff;
	padding:20px; 
}

#content.coupons .post .rating{
	position:absolute;
	bottom:10px;
	display:none;
}

#content.coupons .post .cp{
	background:#fff url(images/cp.png) no-repeat top left;
	width:165px;
	height:26px;
	position:absolute;
	right:20px;
	top:0px;
	cursor:pointer;
	text-align:center;
	font-weight:bold;
	font-family:Georgia;
	font-style:italic;
	padding-top:50px;
}

#content.coupons .pic img {
	border: 5px solid #999;
	display: block;
	margin: 0 0 .8em;
}

#content.coupons .fl {
	float:left;
}

#content.coupons .pic.fl {
	margin: 0 25px 0 0;
}