/*  
Theme Name: CribChatter
Theme URI: http://www.cribchatter.com/
Description: 
Version: 2.0
Author: Addicott Web
Author URI: http://www.addicottweb.com/
*/

@font-face {
    font-family: 'ClearfaceBoldItalic';
    src: url('http://cribchatter.com/fonts/clearface-webfont.eot');
    src: url('http://cribchatter.com/fonts/clearface-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cribchatter.com/fonts/clearface-webfont.woff') format('woff'),
         url('http://cribchatter.com/fonts/clearface-webfont.ttf') format('truetype'),
         url('http://cribchatter.com/fonts/clearface-webfont.svg#ClearfaceBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*-------------------- Resets --------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, input { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }

tbody, tfoot, thead, table, tr, th, td { margin:0; padding:0; border:0; outline:0; }

:focus { outline: 0; }

body { color:#000000; }

ol, ul { list-style:none; }

table { }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/*------------------------- General Styles -------------------------*/
body { background:#186185; padding:0 !important; }

/*----- Text styles -----*/
p { color:#000000; margin-top:10px; font:14px/18px Arial, Helvetica, sans-serif; }
strong { font-weight:bold; }
em { font-style:italic; }
small { }
blockquote { margin:15px 0 0 30px; padding:5px 15px 15px 15px; background-color:#daf0fe; }

/*----- Link styles -----*/
a { color:#186185; text-decoration:underline; }
a:hover { text-decoration:none; }

/*----- Universal classes -----*/
.floatLeft { float:left; margin:20px 15px 15px 0; }
.floatRight { float:right; margin:20px 0 15px 15px; }
.top { margin-top:0; }

/*----- Heading styles -----*/
h1 { font:30px ClearfaceBoldItalic, Georgia, "Times New Roman", Times, serif; color:#186185; }
h2 { font:24px ClearfaceBoldItalic, Georgia, "Times New Roman", Times, serif; margin-top:15px; }
h3 { font:18px ClearfaceBoldItalic, Georgia, "Times New Roman", Times, serif; color:#186185; margin-top:15px; }

/*----- List styles -----*/
ul { list-style:disc; margin:10px 0 0 30px; }
ol { list-style:decimal; margin:10px 0 0 30px; }
ul li,
ol li { margin-bottom:5px; padding-left:5px; font:14px/18px Arial, Helvetica, sans-serif; }

/*----- Image styles -----*/
img { border:1px solid #5fa5c8; }
img.centered { display:block; margin:0 auto; }
img.alignnone { display:block; margin:0 auto; }
img.alignright { }
img.alignleft { }
.alignright { float: right; }
.alignleft { float: left; }

/*----- Form styles -----*/
input,
textarea,
select { background:#ffffff; border:1px solid #000000; padding:10px; font:13px/22px Arial, Helvetica, sans-serif; color:#000000; }
fieldset { }
legend { }
label { }

/*----- CSS for plugins -----*/
.wp-pagenavi { clear:both; height:40px; margin:20px 0 0 0; text-align:center; }
.wp-pagenavi a,
.wp-pagenavi span { text-decoration:none; padding:5px 10px; margin:2px; font:13px/22px Arial, Helvetica, sans-serif; background:#186185; color:#ffffff; }
.wp-pagenavi a:hover,
.wp-pagenavi span.current { background:#f9e698; color:#186185; font-weight:bold; }

p.subscribe-to-comments { margin:15px 0 0 0 !important; }

.addthis_toolbox,
.thumblock { margin:15px 0 0 0 !important; }

/*------------------------- Main content layout elements -------------------------*/
#main { width:100%; height:1%; overflow:hidden; background:#ffffff url('images/main_bg.gif') top repeat-x; padding:0 0 20px 0; }

/*----- Navbar -----*/
#navbar { height:50px; overflow:hidden; margin:0; width:100%; background:url('images/navbar_bg.gif') top repeat-x; }
#navbar_inner { width:960px; margin:0 auto; }
#navbar_innerLeft { float:left; width:840px; }
#navbar_innerLeft ul { list-style:none; margin:0; background:url('images/navbar_link_bg.gif') left repeat-y; height:1%; overflow:hidden; padding:10px 0; }
#navbar_innerLeft ul li { display:inline; margin:0; padding:0; font:bold 13px Arial, Helvetica, sans-serif; }
#navbar_innerLeft ul li a { color:#ffffff; padding:12px 15px; background:url('images/navbar_link_bg.gif') right repeat-y; text-decoration:none; }
#navbar_innerLeft ul li a:hover { color:#ffe693; }
#navbar_innerRight { float:right; width:100px; text-align:right; }
#navbar_innerRight ul { list-style:none; margin:5px 0 0 0; }
#navbar_innerRight ul li { float:left; margin:0 0 0 15px; padding:0; }
#navbar_innerRight ul li img { border:none; }

/*----- Header -----*/
#header { height:1%; margin:20px auto 0 auto; overflow:hidden; width:960px; }
#header_left { float:left; width:325px; }
#header_left a { font:36px ClearfaceBoldItalic, Georgia, "Times New Roman", Times, serif; color:#186185; text-decoration:none; }
#header_left p { margin-top:5px; font:bold 14px/24px Arial, Helvetica, sans-serif; color:#000000; }
#header_right { float:right; width:475px; text-align:right; }

/*----- Main category select boxes -----*/
#category_bar { margin:20px auto; height:1%; overflow:hidden; width:938px; padding:10px; border:1px solid #7ba318; background:#bae54c url('images/category_bar_bg.gif') bottom repeat-x; }
#category_bar select { padding:5px; background:#ffffff url('images/select_bg.gif') bottom repeat-x; border-color:#7ba318; }
#category_bar select option { padding:0 40px 0 5px; font:11px/18px Arial, Helvetica, sans-serif; }
#category_barLeft { float:left; width:675px; }
#category_barLeft h2 { float:left; font:bold 18px Arial, Helvetica, sans-serif; margin:2px 15px 0 0; }
#category_barLeft form { float:left; margin:0 15px 0 0; }
#category_barRight { float:right; width:235px; }
#category_barRight h3 { float:left; font:bold 14px Arial, Helvetica, sans-serif; margin:5px 15px 0 0; }
#category_barRight select { float:right; }

/*----- Main content layout elements -----*/
#content { height:1%; overflow:hidden; width:960px; margin:0 auto; background:url('images/content_bg.gif') center repeat-y; }
#content_left { float:left; width:670px; }
#content_right { float:right; width:230px; padding-left:20px; }

ul.categories { list-style:none; margin:15px 0 0 10px; }
ul.categories li { width:200px; margin:0 20px 5px 0; padding:0; float:left; }

#bottom_homepage_ad { margin:30px auto 0 auto; width:960px; text-align:left; }

#adsense_singlepost_bottom_square { margin-top:20px; height:1%; overflow:hidden; text-align:center; }

#navigation { height:1%; overflow:hidden; margin:20px 0 0 0; border-top:1px solid #dbd6e1; border-bottom:1px solid #dbd6e1; padding:10px; }
#navigation p { margin:0; }
#navigation_left { float:left; width:300px; }
#navigation_right { float:right; width:300px; text-align:right; }

/*----- HOMEPAGE: Post styles -----*/
.post { height:1%; overflow:hidden; margin:15px 0 0 0; padding:0 0 15px 0; border-bottom:1px solid #dbd6e1; }
.post h2 { margin-top:0; }
.post h2 a { color:#186185; text-decoration:none; }
.post h2 a:hover { text-decoration:underline; }

.post_condensed { margin:15px 0 0 0; height:1%; overflow:hidden; padding:0; border-bottom:1px solid #dbd6e1; }
.post_condensed_image { float:left; width:100px; }
.post_condensed_text { float:right; width:550px; }
.post_condensed_text h3 { margin-top:0; }
.post_condensed_text h3 a { color:#186185; text-decoration:none; }
.post_condensed_text h3 a:hover { text-decoration:underline; }

ul.meta_data { list-style:none; margin:15px 0; display:block; height:1%; overflow:hidden; }
ul.meta_data li { float:left; padding:10px 10px 10px 0; margin:0 3px 0 0; font:11px/18px Arial, Helvetica, sans-serif; }
ul.meta_data li a { color:#000000; }
ul.meta_data li.date { background:#ededed url('images/icon_date.png') 10px center no-repeat; padding-left:36px; }
ul.meta_data li.comments { background:#ededed url('images/icon_comments.png') 10px center no-repeat; padding-left:36px; }

/*----- SIDEBAR: RSS and Email subscription area -----*/
#subscribe { margin:0; padding:0 0 25px 0; height:1%; overflow:hidden; background:url('images/sidebar_bottom_bars.gif') bottom repeat-x; }
#subscribe_inner { border:1px solid #ffc70b; padding:10px; height:1%; overflow:hidden; background:#ffe693; }
#subscribe_inner h3 { margin:0; color:#de891a; }
#subscribe_inner ul { margin:15px 0 0 0; list-style:none; }
#subscribe_inner ul li { display:inline; margin:0; padding:0; font:12px/20px Arial, Helvetica, sans-serif; }
#subscribe_inner ul li a.rss { background:url('images/rss_updates.png') left no-repeat; padding-left:50px; height:40px; display:block; float:left; }
#subscribe_inner ul li a.email { background:url('images/email_updates.png') left no-repeat; padding-left:53px; height:40px; display:block; float:right; }

/*----- SIDEBAR: Search field -----*/
#search_field { margin:20px 0 0 0; padding:0 0 25px 0; height:1%; overflow:hidden; background:url('images/sidebar_bottom_bars.gif') bottom repeat-x; }
#search_field input { border-color:#5fa5c8; background:#ffffff url('images/input_bg.gif') bottom repeat-x; }

/*----- SIDEBAR: Tabs -----*/
#tabs { height:1%; overflow:hidden; margin:20px 0 0 0; }
#tabs ul { list-style:none; margin:0; padding:0; }
#tabs ul li { float:left; margin:0 10px 0 0; padding:0; height:1%;overflow:hidden; font:bold 13px/16px Arial, Helvetica, sans-serif; }
#tabs ul li a { color:#186185; text-decoration:none; background:#dbf0fe; margin:0; display:block; padding:5px 10px; text-align:center; }
#tabs ul li a:hover,
#tabs ul li a.active { background:#186185; color:#ffffff;}

.content { clear:both; height:1%; overflow:hidden; border-top:1px solid #186185; }
#content_2,
#content_3 { display:none; }

.content ul { list-style:none; margin:10px 0 0 0; }
.content ul li { margin:0 0 10px 0; padding:0 5px 10px 5px; border-bottom:1px solid #dbd6e1; font:12px/20px Arial, Helvetica, sans-serif; }

#sidebar_ad { margin:20px 0 0 0; height:1%; overflow:hidden; }

/*----- Footer -----*/
#footer { height:1%; overflow:hidden; width:100%; margin:0; padding:35px 0 15px 0; text-align:center; background:url('images/footer_bg.gif') top repeat-x; }
#footer p { margin-top:0; color:#ffffff; font:11px/18px Arial, Helvetica, sans-serif; }
#footer img { margin-top:20px; border:none; }

/*----- Comments -----*/
#comments h2 { color:#de891a; }

#comments-title {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	line-height: 2.6em;
	padding: 0 0 2.6em;
	text-transform: uppercase;
}
.nopassword,
.nocomments {
	color: #aaa;
	font-size: 24px;
	font-weight: 100;
	margin: 26px 0;
	text-align: center;
}
.commentlist {
	list-style: none;
	margin:15px 0 0 0;
	height:1%;
	overflow:hidden;
}
.content .commentlist,
.page-template-sidebar-page-php .commentlist {
	width: 100%; /* reset the width for the one-column and sidebar page layout */
}
.commentlist > li.comment {
	border-top:1px solid #dbd6e1;
	margin:0;
	padding:15px;
	position: relative;
}
.commentlist .pingback {
	margin: 0 0 0 15px;
	padding: 0 15px;
}
.commentlist .children {
	list-style: none;
	margin: 0 0 15px 0;
}
.commentlist .children li.comment {
	background: #fff;
	margin:0;
	padding:15px;
	position: relative;
}
.commentlist .children li.comment .fn {
	display: block;
}
.comment-meta .fn {
	font-style: normal;
}
.comment-meta {
	color: #666;
	font-size: 12px;
	line-height: 2.2em;
}
.commentlist .children li.comment .comment-meta {
	margin-left: 50px;
}
.commentlist .children li.comment .comment-content {
	margin:10px 0 0 0;
}
.comment-meta a {
	font-weight: bold;
}
.comment-meta a:focus,
.comment-meta a:active,
.comment-meta a:hover {
}

.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}
.commentlist > li.pingback:before {
	content: '';
}

a.comment-reply-link {
	background: #de891a;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #ffffff;
	display: inline-block;
	font:bold 13px Arial, Helvetica, sans-serif;
	padding:5px 8px;
	text-decoration: none;
	float:right;
}
a.comment-reply-link:hover,
a.comment-reply-link:focus,
a.comment-reply-link:active {
	background: #ffe693;
}
a.comment-reply-link > span {
	display: inline-block;
	position: relative;
	top: -1px;
}

/* Post author highlighting */
.commentlist > li.bypostauthor {
	border-top:1px solid #dbd6e1;
	margin:0;
	padding:15px;
}
.commentlist > li.bypostauthor .comment-meta {
	color: #575757;
}
.commentlist > li.bypostauthor .comment-meta a:focus,
.commentlist > li.bypostauthor .comment-meta a:active,
.commentlist > li.bypostauthor .comment-meta a:hover {
}
.commentlist > li.bypostauthor:before {
	content: url(images/comment-arrow-bypostauthor.png);
}

/* Post Author threaded comments */
.commentlist .children > li.bypostauthor {
	border-top:1px solid #dbd6e1;
	margin:0;
	padding:15px;
}

/* sidebar-page.php comments */
/* Make sure we have room for our comment avatars */
.page-template-sidebar-page-php .commentlist > li.comment,
.page-template-sidebar-page-php.commentlist .pingback {
	margin-left: 102px;
	width: auto;
}
/* And a full-width comment form */
.page-template-sidebar-page-php #respond {
	width: auto;
}

/* Comment Form */
#respond {
	background:url('images/sidebar_bottom_bars.gif') top repeat-x;
	margin:15px 0 0 0;
	padding:20px 0 0 15px;
	position: relative;
	height:1%; overflow:hidden;
}
#respond input[type="text"],
#respond textarea { background:#ffffff url('images/input_bg.gif') bottom repeat-x; }

#respond .comment-form-author,
#respond .comment-form-email,
#respond .comment-form-url,
#respond .comment-form-comment {
	position: relative;
}
#respond .comment-form-author label,
#respond .comment-form-email label,
#respond .comment-form-url label,
#respond .comment-form-comment label { font-weight:bold; padding-left:5px; display:block; margin:15px 0 5px 0; }

#respond input[type="text"]:focus,
#respond textarea:focus {
	background-image:none;
	text-indent: 0;
	z-index: 1;
}
#respond textarea {
	resize: vertical;
	width: 95%;
}
#respond .comment-form-author .required,
#respond .comment-form-email .required {
	color: #bd3500;
	font-size: 22px;
	font-weight: bold;
	left:50%;
	margin:13px 0 0 0;
	position: absolute;
	z-index: 1;
}
#respond .comment-notes,
#respond .logged-in-as {
	font-size: 13px;
}
#respond p {
	margin: 10px 0;
}
#respond .form-submit {
	margin:15px 0 0 0;
}
#respond input#submit {
	background: #186185;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font:bold 14px Arial, Helvetica, sans-serif;
	padding:5px 22px;
	position: relative;
	left: 30px;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
#respond input#submit:active {
	background: #1982d1;
	color: #bfddf3;
}
#respond #cancel-comment-reply-link {
	color: #666;
	margin-left: 10px;
	text-decoration: none;
}
#respond .logged-in-as a:hover,
#respond #cancel-comment-reply-link:hover {
	text-decoration: underline;
}
.commentlist #respond {
	margin: 1.625em 0 0;
	width: auto;
}
#reply-title { color:#de891a; margin:0; font:24px ClearfaceBoldItalic, Georgia, "Times New Roman", Times, serif; }

#cancel-comment-reply-link {
	color: #888;
	display: block;
	font-size: 10px;
	font-weight: normal;
	line-height: 2.2em;
	letter-spacing: 0.05em;
	position: absolute;
	right: 1.625em;
	text-decoration: none;
	text-transform: uppercase;
	top: 1.1em;
}
#cancel-comment-reply-link:focus,
#cancel-comment-reply-link:active,
#cancel-comment-reply-link:hover {
	color: #ff4b33;
}
#respond label { }

#respond input[type=text] {
	display: block;
	width:50%;
}
#respond p {
	font-size: 12px;
}
p.comment-form-comment {
	margin: 0;
}
.form-allowed-tags {
	display: none;
}