/*  
Theme Name: The Daily Cartoonist
Theme URI: http://dailycartoonist.com
Description: A news aggregator site
Version: 3.0
Author: Alan Gardner
Author URI: http://gardnermedia.com/
*/
@import "reset.css";
@import "base-min.css";
@import "fonts-min.css";

/* Custom CSS .................................................................*/
body	{ background-color: #f3f3f3; color:#333; font-family: "Arial", "Helvetica", "Verdana" sans-serif;}
a, a:link { color: #900; text-decoration: none; }
a:visited { color: #600;}
a:hover {text-decoration: underline;}
a:active { color:#900; }
a img {border:0;}
h1, h2, h3, h4, h5, h6 {font-weight: bold;}
h1, .desc {text-indent: -5000px;}
h2 {font-size:1.2em;}
h3 {font-size: 1.1em;}
h2.post_name, h3.post_title a {font-size: 20px;}
h3.archive_title {font-size: 1.3em}
h2.post_name {margin:0;}
:focus{ -moz-outline-style: none; }
#main_left {float:left; width:500px; margin-right:10px;}
body.page #main_left, body.secondary #main_left {float:left; width:600px; margin-right:10px; }
body.page #main_right, body.secondary #main_right {width:368px; float:right;}
#store {width:100%;}
h2#store-title {background: #fff url(images/tdc-store-title.gif) no-repeat; height:30px; text-indent:-5000px;}
/*h2#reuben2008-title {background: #fff url(images/tdc-reuben2008-title.gif) no-repeat; height:30px; text-indent:-5000px;}*/
#main_right {width:468px; float:right;}
.reuben_coverage, #main_right h3 {color:#600; text-transform: uppercase;}
.reuben_coverage span { color:#fff; background-color:#900; padding:3px 3px 1px 3px;}
h3.reuben_coverage {border-bottom:1px solid #900; }
span.follow {color:#666; background-color:transparent; text-transform: none;float:right;font-weight: normal; padding-bottom:3px; font-size: 90%;}
#content #column-1 {float:left; width:255px;/* margin-left:10px;*/}
#content #column-1 h2 {text-align:right; text-transform: uppercase;}
#content #column-2 {float:right; width:200px;}
#column-2 ul {margin:0;}
#column-2 li h4 {margin:0;}
#column-2 li {list-style-type: none;}
#promoHeader {background: #fff url(images/4ways.gif) no-repeat; text-indent: -5000px; height:35px;}
.promoblock {height: 40px; padding-left:46px; font-size: 90%;}
.promotitle {font: normal normal bold 1.3em Helvetica; color:#000;}
#twitterblock {background: #fff url(images/icon-twitter.gif) no-repeat 0 -4px; }
#rssblock {background: #fff url(images/icon-rss.gif) no-repeat 0 -5px; position:relative;}
#emailblock {background: #fff url(images/icon-email.gif) no-repeat 0 -9px; position:relative;}
#facebookblock {background: #fff url(images/icon-facebook.gif) no-repeat 10px 1px; position:relative;}
#mobileblock {background: #fff url(images/icon-mobile.gif) no-repeat 0 -7px; }
#emailOptions, #readerOptions {z-index:3; background-color:#fff; position:absolute; top:30px; padding:10px; border: 1px solid #ccc; width:140px;}
#readerOptions {z-index:4;}
#bloggerAccordian div ul li {margin-left:15px; list-style-type: none;  }
ul.bloggerAccordian li {margin-left:25px; list-style-image: url(images/arrow-gray.gif);}
h2#contributorTitle {margin-bottom:2px;}

#column2 div ul li#linkcat h4 {color:#fff; background: #900; padding:1px 2px; text-transform: upper; margin:5px 0}
/* LOGIN ....................................................................... */
#login-form {
	padding:5px;
	border: 1px solid #e5e5e5;
/* 	
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 5px;
	background: #ececec;
	color:#fff;

 */
/* 	-moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	-webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	-khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
	box-shadow: rgba(200,200,200,1) 0 4px 18px;
 */}
#login-form h3 {padding:0px; text-transform: normal; margin:0; /* background-color:#900; color:#fff; */
/* 	-moz-border-radius-topright: 11px;
	-moz-border-radius-topleft: 11px;
	-khtml-border-top-right-radius: 11px;
	-khtml-border-top-left-radius: 11px;
	-webkit-border-top-right-radius: 11px;
	-webkit-border-top-left-radius: 11px;
	height:24px;
 */
	padding:5px 0 0 5px;
}
#login-form p {margin:13px;}
#login-form p {position:relative;}
#login-form p.loginCheckbox label {font-size: .8em;font-weight: normal; position:absolute; left:75px; }
#login-form p.loginSubmit input {position:absolute; left:75px; top:25px; }
#login-form p.loginInput input {position:absolute; left:75px; top:-5px; }
#login-form ul.sidebarlogin_otherlinks {margin:75px 0 0 110px;}
input.mid {width: 125px; border:1px solid #900; padding: 2px; color:#333; height:18px; 
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
#wp-submit { background:#900; border: 1px solid #600; height:22px; width:58px; color:#fff;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin-top:10px;
}
#wp-submit:hover { background:#600; cursor: pointer; border: 1px solid #900;}
ul.pagenav li, ul.sidebarlogin_otherlinks li {list-style-image: url(images/arrow-gray.gif);}

/* GLOBAL STYLES .................................................................*/
#container	{ margin:15px auto; background-color:#fff;}
#container, #navigation  { width:1000px; }
#content {margin:10px 11px; }
.page #content {background: transparent url(images/background-adblock.gif) repeat-x 0px 0px;}
.secondary #content, .index #content {background: #fff url(images/background-adblock.gif) repeat-x 0px 105px;}
table, table tr td {border:0; margin:0; padding:0;}
/*GLOBAL FONTS*/
#main_left h2 {text-transform: uppercase;}
/* HEADER STYLES .................................................................*/
#header { height: 101px; background:#5a5b56 url(images/background-header.jpg) repeat-x; position:relative; }
#header #logo { background: transparent url(images/header-title.gif) no-repeat; position:absolute; top:0; left:20px; width:486px; height:80px;}
#header .title h1 a {width:486px; height:101px; display:block; position:absolute; top:0;}
/* SEARCH AND NAVIGATION  .................................................................*/
#search_menu { height: 101px; position:absolute; top:0px; right:0px; width:500px; }
#search {position:absolute; top:-30px; right:26px;}
#search h2 {text-indent:-5000px;}
/* #search {position:absolute; top:21px; right:26px;} */
#search input.search_input { width: 320px; border: 0; background: transparent url(images/input_background.gif) no-repeat; padding: 6px 0 5px 3px; color: #666; font-weight: bold; margin: 0; float: left; height:22px;  }
/* #search input.submit_input { background: transparent url(images/bttn_submit.gif) no-repeat 0 0; border: 0; padding: 0; width: 67px; margin: 0; color: #fff; float: left; text-indent:-5000px; overflow: hidden; } */
/* button.submit_input { background: transparent url(images/bttn-submit.png) no-repeat 0 0; border: 0; padding: 0; width: 67px; margin: 0; color: #fff; float: left; text-indent:-5000px; overflow: hidden;height:29px;} */
button.submit_input:hover {background-position: 0 -29px; cursor: pointer;}
#search form div label {display:none;}
.search_block { margin: 0; border-top:1px dotted #ececec; padding:10px 0;}
.search_block p {padding:0; margin:0;}
.search_block p.searchMeta {font-style: italic; color:#333;}
.search_title, .search_block p.searchMeta a {text-decoration: underline;}
.search_title { margin:0; }
.archive_number form, .archive_number form div {display: inline;}
.archive_number form label {display:none;}
#menu { position:absolute; bottom:0; right:26px; margin:0;}
#menu li { float:left; list-style: none; padding:0; }
#menu li a { padding: 0;  text-indent: -5000px; height:37px; display:block; margin:0;}
#menu li a.home { background: url(images/nav-home.gif) no-repeat; width:72px;}
#menu li a.about { background: url(images/nav-about.gif) no-repeat; width:74px;}
#menu li a.archives { background: url(images/nav-archives.gif) no-repeat; width:79px;}
#menu li a.subscribe { background: url(images/nav-subscribe.gif) no-repeat; width:80px;}
#menu li a.contact { background: url(images/nav-contact.gif) no-repeat; width:83px;}
#navigation { height: 49px; }
#navigation ul {margin:0; padding:0;}
#navigation li { float:left; list-style:none; padding:0; background-color:#952925; background-repeat:no-repeat;}
#navigation li a { display:block; height:49px; text-indent:-5000px; margin:0; padding:0;}
#nav-comicStrip { background: #952925 url(images/nav-comicStrips.gif) no-repeat 0 0; width:150px;}
#nav-editorialCartooning {background: url(images/nav-editorialCartooning.gif) no-repeat 0 0; width:139px; }
#nav-magCartooning { background: url(images/nav-magCartoons.gif) no-repeat 0 0; width:140px; }
#nav-animation { background: url(images/nav-animation.gif) no-repeat 0 0; width:140px; }
#nav-webcomics { background: url(images/nav-webComics.gif) no-repeat 0 0; width:140px; }
#nav-international { background: url(images/nav-international.gif) no-repeat 0 0; width:139px; }
#nav-store { background: url(images/nav-store.gif) no-repeat 0 0; width:152px; }
#nav-comicStrip:hover { background: #952925 url(images/nav-comicStrips.gif) no-repeat 0 -50px; width:150px;}
#nav-editorialCartooning:hover {background: url(images/nav-editorialCartooning.gif) no-repeat 0 -50px ; width:139px; }
#nav-magCartooning:hover { background: url(images/nav-magCartoons.gif) no-repeat 0 -50px ; width:140px; }
#nav-animation:hover { background: url(images/nav-animation.gif) no-repeat 0 -50px ; width:140px; }
#nav-webcomics:hover { background: url(images/nav-webComics.gif) no-repeat 0 -50px ; width:140px; }
#nav-international:hover { background: url(images/nav-international.gif) no-repeat 0 -50px ; width:139px; }
#nav-store:hover { background: url(images/nav-store.gif) no-repeat 0 -50px ; width:152px; }
#pullDown {background-color:#751c00; }
#pullDown h3 {margin:0; padding:10px; color:#fff;}
#pullDownButton { height:31px; background: #fff url(images/all-topicsBackground.gif) repeat-x; }
#pullDownButton a {display:block; height:31px; width:138px; text-indent:-5000px; background: transparent url(images/all-topics.gif) no-repeat; margin-left:10px;}
/*LAYOUT .................................................................*/
#home_content { margin: 1.5em 0; }
/* LATEST POST .................................................................*/
#latest_post { padding: 0 0 1.5em 0; }
.latest_post a {color:#666; text-transform: capitalize;}
.meta-comment {width:100%;}
.comments {text-align:right; }
.category {text-align:left;}
/* CATEGORY LIST .................................................................*/
ul.cat {width: 1000px; margin:0;}
ul.cat li { float: left;width:20%; list-style-type: none;}
ul.cat li a { display: block; font-size: .95em; line-height:1.3em; padding:3px; color:#fff; text-decoration: none; white-space: nowrap; text-transform: capitalize;}
ul.cat li a:visted {border-bottom: 1px dotted #fff;}
ul.cat li a:hover {background-color:#952925;}
/* ADVERTISING .................................................................*/
#banner-ads {background: #fff url(images/background-ad-banner.gif) no-repeat 5px 3px; height:100px; }
.ad_block { margin: 3px 0 0;}
.ad_block .ad160 { margin: 0 auto; width: 160px; }
.ad_block .ad180 { margin: 0 auto; width: 180px; }
.ad_block .ad250 { margin: 50px auto 5px; width: 250px; } /*extra margin on top and bottom needed for google adsense*/
.ad_block .ad728x90 { width: 728px; margin-left:35px; display:block; }
.ad_block .ad200x90 { margin: 0 auto; width: 200px; display:block; float:right;}
.ad_block img, .ad_block p img { margin: 0; padding: 0; display: block; }
/* ARCHIVE STYLES .................................................................*/
#arch_content, #post_content { margin: 1.5em 0; }
.archive_meta { margin: 1.5em 0;}
.archive_meta a { color: #666; }
.archive_feed { padding: 0.5em 1.5em; margin: 0; background: url(images/redrss.png) no-repeat 0 8px; color: #666; }
.archive_number { padding: 0.5em 1em; margin: 0; color: #fff; background-color: #900;  }
.archive_info { padding: 0.5em 1.5em; margin: 0; background: transparent url(images/bg/info.png) no-repeat 0 6px;}
.archive_number a {color:#fff;}
.archive_email { padding: 0.5em 1.5em; margin: 0; color: #666; background: url(images/bg/email_author.png) no-repeat 0 9px;  }
.archive_post_block { padding: 0.1em 0 0 0; margin: 0 0 1.2em 0; }
.archive_post_meta { color: #818181; padding: 0 0 0.6em 0; }
.archive_post_meta a { color: #224970; }
.archive_post_meta a:hover { color: #000; text-decoration: underline; }
.archive-dates {width:28px; display: block; overflow: hidden; float:left; margin:0; padding:0; text-indent:-5000px; background-color:#fff; background-position:0 0;}
#arch-0 {background-image: url(images/archive-sunday.gif);}
#arch-0-current {background-image: url(images/archive-sunday.gif); background-position:0 19px;}
#arch-1 {background-image: url(images/archive-monday.gif);}
#arch-1-current {background-image: url(images/archive-monday.gif); background-position:0 19px;}
#arch-2 {background-image: url(images/archive-tuesday.gif);}
#arch-2-current {background-image: url(images/archive-tuesday.gif); background-position:0 19px;}
#arch-3 {background-image: url(images/archive-wednesday.gif);}
#arch-3-current {background-image: url(images/archive-wednesday.gif); background-position:0 19px;}
#arch-4 {background-image: url(images/archive-thursday.gif);}
#arch-4-current {background-image: url(images/archive-thursday.gif); background-position:0 19px;}
#arch-5 {background-image: url(images/archive-friday.gif);}
#arch-5-current {background-image: url(images/archive-friday.gif); background-position:0 19px;}
#arch-6 {background-image: url(images/archive-saturday.gif);}
#arch-6-current {background-image: url(images/archive-saturday.gif); background-position:0 19px;}
/* SINGLE POST STYLES -------------------------------------------------------------- */
.post_meta { color: #818181; padding: .5em 0 1.4em 0; }
blockquote {margin:15px 25px; border-left:3px solid #ccc; padding-left:15px; }
/* COMMENT AREA STYLES -------------------------------------------------------------- */
#side_recent_comments, #side_most_emailed { margin: 0 0 1.4em 0; }
.latest_comments a { padding-left:30px;background: #fff url(images/icon-comments.gif) no-repeat 0pt -2px;}
ul.reccom li { padding: 0 0 0.2em 20px; margin: 0 0 0.5em 0; border-bottom: 1px solid #dadada; background: url(images/bg/bubble.png) no-repeat 0 3px; }
#comments { margin-top: 3em; }
#commenthead { margin-bottom: 1em; }
table#commentlist { list-style-type: none; margin: 0; padding: 0 0 12px 0; }
table#commentlist tr td { border-bottom: 1px solid #dadada; vertical-align: top; padding:10px 5px; }
table#commentForm tr td { vertical-align: text-top; padding:10px 5px; border: 0px solid #999; }
table#commentForm  { width:100%; }
table.authorlist, table#commentForm  { width:100%; }
table.authorlist td.nowrap {white-space: nowrap;}
table.authorlist td { padding:0 5px; }
td.commentCount { width:15px;}
td.commentAuthor { width:135px; white-space: nowrap; }
td.commentAuthor a {text-transform: uppercase; font-weight: bold;}
td.label {width:196px; text-align:right;}
td.comment {width:433px; vertical-align: top;}
td.comment p {margin-top:0; }
table#commentlist td.alternate { border-right: 3px solid #999; border-bottom: 1px solid #dadada; }
.secondary #storyTools {border: 1px solid #ccc; background-color:#ececec; padding:10px;}
.index #storyTools {margin:15px 0;}
#storyTools h4 { margin:0 3px;}
.index #storyTools h4 { text-transform: uppercase; border-top:1px solid #999; padding-top:10px;}
#storyTools ul {margin:0;padding:3px; }
#storyTools ul li {list-style: none outside url(images/arrow-right.gif); margin-left:25px;}
.link2Story {position:relative;}
span.popup { position: absolute; display:block; bottom: 12px; left: 75px;  padding: 5px; z-index: 3; background: #900; color: #fff; border:1px solid #fff; font-size: .9em; font-weight: normal;}
span.popup input {border:0; color:#333;font-size: .9em; width:200px;}
span.popup a {color:#fff;}
/* COMMENT FORM */
h2#community_comments { background: #fff url(images/icon-comments.gif) no-repeat; padding-left:30px; }
#comment-form form { margin-top: 1.5em; }
input.comtext, textarea.comtext {width: 320px; border:0; padding: 2px; color:#333;}
input.spmText {width:38px; background: #fff url(images/background-spamInput.gif) no-repeat; height:30px; padding:2px; border:0;}
input.comtext { background: #fff url(images/background-input.gif) no-repeat; height:24px;}
textarea.comtext { background: #fff url(images/background-textarea.gif) no-repeat; height:293px; width:380px;}
label {font-weight: bold;}
/* FOOTER -------------------------------------------------------------- */
#footer { border-bottom:10px solid #fff; background-color: #ececec; padding:10px; }
/* MISCELLANEOUS STYLES -------------------------------------------------------------- */
.clear { clear: both; }
.error {color: red;}
.hint {font-size: 75%;}
.list {padding-left:9px;}
.previous {width:150px; height:15px; width:15px; background: #fff url(images/arrow-left.gif) no-repeat; padding-left:15px; }
.next {width:150px; height:15px; width:15px; background: #fff url(images/arrow-right.gif) no-repeat 100% 0 ; padding-right:15px; text-align:right; }
.graphic {float:left; margin:0 10px 10px 0;}
table.feature-review tr td {text-align:left;}
table.feature-review tr td.label {font-weight:bold;}
table.feature-review {margin-bottom:10px;}
.gravatar {float:left; padding:0 5px 5px 0;}
.alt1 {background-color:#fff;}
.alt0 {background-color:#ececec;}
.th {border-bottom:2px solid #000;}
ul#donorList li {display:inline}
#TCC-featured {float:left; width:200px;}
/*#TCC-list {float:right}*/
/*TCC Badge*/
#tcc-badge {background:url('http://tdc-images.s3.amazonaws.com/badge-cartooniststudio.jpg') no-repeat 50% 50%; display:block; width:190px; height:70px; text-indent:-5555px}