/**
 * Theme Name: The Comics Journal
 * Theme URI: http://www.TCJ.com
 * Description: The master stylesheet for the TCJ web blog
 * Version: 0.3.0
 * Author: The Comics Journal
 * Tags: TCJ, The Comics Journal, Fantagraphics
 * 
 * Updates:
 * 11.29.09 - Deleted #sidebar .sky-banner-wide to normalize its look
 * 02.15.10 - Added auto-centering for thumbnail-medium
**/
body
{
	margin: 0px; 
	padding: 0px;
	background: #1b1813;
	font: 15px normal "Times New Roman", "Georgia", Serif;
	text-align: center;
}

p { font-size: 16px; }
.cnr_tl, .cnr_tr, .cnr_bl, .cnr_br
{
	width: 9px;
	height: 9px;
}

.button 
{
        background-color: #3b5998;
        border-color: #d8dfea rgb(14, 31, 91) rgb(14, 31, 91) rgb(216, 223, 234);
        border-style: solid;
        border-width: 1px;
        color: #fff;
        font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
        font-size: 11px;
        margin: 0 2px;
        padding: 2px 18px;
}

#wrapper
{
	margin: 10px auto;
	width: 1000px;
	text-align: left;
}

#login-dialog
{
	background: #1b5790;
	padding: 4px 10px 0px 10px;
	width: 980px;
	height: 60px;
	color: #fff;
}

#login-dialog h4 { margin: 0 0 4px 0; padding: 0; color: #fff; }

#login-dialog .float_left { margin: 0 10px 0 0; }

#topads
{ 
	text-align:center;
	width: 1000px;
	height: 100px;
	position: relative;

}

#topads #subscribe-ad
{
	padding: 5px;
	width: 245px;
	height: 90px;
	background: url(../images/background-subscribead.png) no-repeat 0 0;
}

#topads .leaderboard
{
	margin-left: 6px;
	padding: 5px;
	width: 728px;
	height: 90px;
	background: url(../images/background-leaderboard.png) no-repeat 0 0;
}

#header
{
	background: #1b1813;
	margin: 0px 9px 0px 10px;
	padding: 0px 10px 0px 10px;
	width: 960px;
	height: 145px;
}

#header-top
{
    padding-top:10px;
	width: 960px;
	height: 75px;
	position: relative;
}

#header-top h1 { margin: 0; padding: 0; }

#header-top h1 a
{
	margin: 10px 0 0 -5px;
	display: block;
	width: 661px;
	height: 60px;
	background: url(../images/tcj-logo.gif) no-repeat 0 0;
	text-indent: -999em;
	overflow: hidden;
}

#header-top #loginform
{ 
	position: absolute;
		top: 25px;
	right: -10px;
	width: 300px;
	height: 50px;
	color: #fff;
}
#header-top #loginform p
{
	margin-right:89px;
	text-align:right;
	font-size:18px;
	line-height:15px;
}

#header #loginform .loginbox
{
	width: 200px;
}

#header #loginform .loginsubmit
{
	width: 100px;
}

#header-top #loginform a { color: #fff; }

#header-top #loginform .float_left, #header-top #loginform .float_right
{
	margin-bottom: 5px; 
}

#header-top #loginform #wp-submit { margin-left: 10px; }

#header #loginform #user_login, #header #loginform #user_pass
{
	width: 120px;
}

#s{ border: 1px solid #000; width: 300px; }

.search #searchsubmit { margin-bottom: 2px; }

#navigation
{ 
	margin: 20px 0 0 0;
	width: 960px;
	height: 30px;
	line-height: 30px;
}

#navigation .float_left
{ 
	border-top:1px solid #ccc;
	padding: 5px 10px 8px 0;
	font-size: 19px;
}

#navigation .float_left a { text-transform:uppercase; color: #fff; text-decoration:none;}
#searchform{ float:right;


width:300px;
}

#searchform #s
{	margin-left:25px;
	padding: 0px;
	width: 300px;
	border: 1px solid #000;
}

#searchform .float_left { margin: 0 10px 0 0; padding: 0; }

#searchsubmit
{   
	border: 0px;
	background: url(../images/spritesheet.png) no-repeat 0 -202px;
	height: 30px;
	width: 66px;
}

#content
{
	background: #fff;
	width: 980px;
	padding: 10px;
	position: relative;
}

#content .cnr_tl
{
	background: url(../images/spritesheet.png) 0 -144px;
	top: 0px;
	left: 0px;
	position: absolute;
}

#content .cnr_tr
{
	background: url(../images/spritesheet.png) -10px -144px;
	top: 0px;
	left: auto;
	right: 0px;
	position: absolute;
}

#content .cnr_br
{
	background: url(../images/spritesheet.png) -10px -153px;
	top: auto;
	bottom: 0px;
	left: auto;
	right: 0px;
	position: absolute;
}

#content .cnr_bl
{
	background: url(../images/spritesheet.png) 0 -153px;
	top: auto;
	bottom: 0px;
	left: 0px;
	position: absolute;
}
#sidebar-right {

}
#sidebar-right ul { margin:0; padding: 0;}
#sidebar
{
	padding:0px;
	width: 160px;
	border: 1px solid #ccc;
}

#sidebar a
{
	text-decoration:none;
}


#sidebar .item-wrap
{ 
	padding: 0px 0px 10px 10px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}

#sidebar .item-wrap ul { margin: 0; padding: 0; }


#sidebar
{
	line-height: 1.5em;
}


#sidebar .item-wrap p, #sidebar .item-wrap a
{ line-height:1.3em;
	margin:0px ;
}

#sidebar .item-wrap h2, #sidebar-right h2, #sidebar-right h6
{ text-transform:uppercase;
	margin: 6px 0px 6px 0px;
	padding: 0;
}

#sidebar h2 {
font-size:16px;
}
#content-main
{
	width: 505px;
	position: relative;
	overflow-x: inherit;
}

#content-main-wide
{
	width: 680px;
	position: relative;
	word-break: inherit;
}

#content-main h1, #content-main h2, #content-main h3,
#content-main h4, #content-main h5, #content-main h6
{
	margin:5px 0 0px 0;
	line-height: 1.1em;
	padding: 0;
}

.blog #content-main, .page #content-main, 
.single #content-main, .search #content-main,
.archive #content-main
{
	padding: 3px 11px 11px 11px;
	width: 493px;
}

.page #content-main, .single #content-main, .search #content-main,
.archive #content-main
{
	background: none;
}

.archive #content-main #s { border: 1px solid #000; }

#topstories
{
	width: 493px;
}

#blog-nav
{
	width: 100px;
}

#blog-content
{
	margin: 0 0 0 10px;
	width: 50px;
	height: 490px;
}

#respond {
padding-left:10px;
}
#respond, #comment
{
	width: 450px;
}

#ts-container
{
	margin: 2px;
	width: 490px;
	position: relative;
	
}

#news_controller div.jFlowSelected, #news_controller2 div.jFlowSelected
{
	background: #98a6b3;
	cursor: pointer;
	position: relative;
}



.jFlowControl, .jFlowControl2
{
	margin: 1px 5px 0 0;
	padding: 5px;
	width: 90px;
	background: #fff;
	font-size:8pt; 
	cursor: pointer;
	position: relative;	
}

#mySlides, #mySlides2 
{
	background: #fff;
	overflow: auto;
	position: relative;
}


#mySlides p, #mySlides2 p
{ 
	line-height:1.3em;
}

#sidebar-right
{	width: 300px;
}

#sidebar-right p,h2
{	margin:10px;
}
#sidebar-right h2 
{	font-size:16px; margin:0px 0px 10px 0px;
}

#sidebar-right .mrec-banner
{


	line-height: 250px;
	text-align: center;

}

#paststories 
{
}

#paststories p
{ padding:10px; line-height:1.5em; margin:0px;}

#paststories hr { border: 1px solid #ccc; margin:0px;}

#paststories h4
{ margin-right:10px; font-size:16px; margin-bottom:0px; color:#2424FF}

#paststories .leaderboard
{
	line-height: 90px;
	text-align: center;
	background: #ccc;
	border: 1px solid #666;
}

#site_footer .leaderboard
{
	margin: 10px auto 0 auto;
	padding: 5px;
	width: 728px;
	height: 90px;
	background: url(../images/background-leaderboard.png) no-repeat 0 0;
}

.leaderboard
{
	margin: 0 auto;
}

#sidebar-right
{	
	width: 300px;
}
#sidebar-right p,h2
{	margin:10px;
}
#sidebar-right h1
{
	margin:0px 0px 10px 0px;
}

#sidebar-right .mrec-banner
{


	line-height: 250px;
	text-align: center;

}

#s
{
	border: 1px solid #000; 
}
#paststories 
{
}

#paststories p
{ padding:10px; line-height:1.5em; margin:0px;}

#paststories hr { border: 1px solid #ccc; margin:0px;}

#paststories h4
{ margin-right:10px; font-size:16px; margin-bottom:0px; color:#2424FF}

#paststories .leaderboard
{
	line-height: 90px;
	text-align: center;
	background: #ccc;
	border: 1px solid #666;
}

.leaderboard
{
	margin: 0 auto;
}

.story_box { border-top: 1px solid #ccc; padding:10px; background:#fff;}
.authordate i{ margin:0px;
}
.story_box p {line-height:1.3em; width:450px;}
.story_box h3 a{margin:0px; font-size:17px; color:#000000; font-weight:bold;}
#article { width:350px; padding:10px;}
.post { padding: 0 10px 0 10px; line-height:1.3em; word-wrap: break-word;}

.item-wrap select { width:125px; margin: 10px 20px 10px 10px }

.post h1 a, #content-main h2, #content-main h3
{ 
	font-size:19px; color:black; margin:0; padding:0px; line-height:24px;
}

.post
{ 
	margin: 0 0 10px 0;
	xpadding: 5px;
	width: 475px;
}

.post .post-main
{
	width: 475px;
}

.post .post-main .post-main-thumb
{
	margin: 0 5px 0 0;
	width: 150px;
	height: 150px;
	background: url(../images/background-thumbnail.png) no-repeat 0 0;
}

.post .post-main .post-content
{
	width: 320px;
}

.post-cartoon-body
{
	width: 460px;
	max-width: 460px;
}
.post h1 { margin: 0; padding: 0; }

.post .thumbnail
{
	width: 150px;
	height: 150px;
	margin-right: 5px;
	background: url(../images/no-image.png) no-repeat 0 0;
}

.post-body
{
	margin: 0 0 5px 0;
	width: 320px;
	height: 200px;
	background: blue;
word-wrap: break-word
}

.post-footer
{
	margin: 10px 0 0 0;
	padding: 8px 0px;
	width: 475px;
	height: 24px;
	background: url(../images/entry_footer_bg.png) repeat-x 0 0;
}

.post-footer .read-story-button a
{
	display: block;
	width: 123px;
	height: 23px;
	background: url(../images/btn-read-story.png) no-repeat 0 0;
	text-indent: -999em;
	overflow: hidden;
}
.post img
{
	margin: 0 0 5px 0;
	max-width:460px;
	background: #888;
}

.post p, #content-main p {
margin-top:3px;
line-height:1.3em;
}


.older-post
{border-bottom: solid 1px #ccc;
	padding: 5px;
	width: 483px;
	background: #fff;
}


.older-post img 
{
	margin: 0 15px 0 0;
	
	
	float: left;
}

.postedby{ font-weight:normal; margin:0px 0 10px 0; padding: 0px;
color:#083f71;}

a {color:#083f71; text-decoration:none;
}

.pagenation { margin-top:10px; letter-spacing:.1em;
font-size:20px;
}



.comments h3{
margin:5px 0 5px 10px;}

.blogbanner
{
	margin-bottom: 10px;
}

.blogs 
{ padding:1px;
 background-color: #083f71;
border: 2px solid #083f73;
font-size: small;
margin-bottom:15px;
}
.blogs h2, #topstories h2, #intstories h2 {
color:white;
}
.commentnumb {color:#e61000; 
}

.category-title a
{
	padding: 5px;
	background: #113c76;
	color: #fff;
	font-weight: bold;
	font-family: Arial;
}

.category-title
{
	font-weight: bold;
}

#recent-forum-topics 
{
	margin-bottom: 20px;
}

#recent-forum-topcs ul { margin: 0; padding: 0;}
#recent-forum-topics li
{
	padding: 5px;
	border-bottom: 1px solid #ccc;
}

.sociable ul { margin: 0; padding: 0; }
.sociable li { display: inline; }

h1 a.category-label
{
	padding: 5px;
	background: #003063;
	color: #fff;
	font-weight: bold;
}

.thumbnail
{
	width: 150px;
	height: 150px;
}

.the-excerpt
{
	margin: 0 0 0 5px;
	width: 320px;
	word-wrap: break-word;
}

#topstories { background:#C04C09; width:295px; margin-bottom:10px; padding:1px; border: 2px solid #C04C09;
padding-bottom:7px;
}

.list li{ width:280px; margin-left:5px;

}

.storielinks { margin-left:8px; font-size:14px; font-weight:normal; color:#f4e143; 

}

.ad { margin-left:80px; margin-top:10px; margin-bottom:5px;}


.searchresults
{
	margin: 0 0 10px 0;
	width: 491px;
	height: 50px;
	background: url(../images/background-searchresults.png) no-repeat 0 0;
	text-indent: -999em;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
.comment p {
max-width:400px;
}
.caps a{
font-size:18px; 
line-height:1.3em;
color:#083F71;
}
.entry li {
	list-style-type:disc;
}