/*
########################################################################
##  Comics pages css                                                  ##
##  /css/comics/comics.css                                            ##
##  ktessier 09/2009                                                  ##
########################################################################
*/




/* Content Body ------------------------------------------------------------- */

.contentbody { 
margin: 0 0 10px 10px;
background: url('http://imgs.sfgate.com/graphics/utils/vertical_dots_627-300.gif') repeat-y;
}

.contentbody .column1,
.contentbody .column2 {
display: inline; float: left;
}

.contentbody .column2 {
margin-left: 21px;
}

.contentbody .w627 {
width: 627px;
}

.contentbody .w300 {
width: 300px;
}



/* Misc. ad/module fixes ---------------------------------------------------- */

.frame1, 
.middle1, 
.middle2, 
#topmost {
margin-bottom: 10px; 
}

.contextualad {margin-top:10px;}

table.article {margin:0;table-layout:auto;}
#commentspage {border-bottom:0pt none;padding-bottom:0pt;}
#commentspage .commentslist .odd {background:#EFEFEF none repeat scroll 0%;}
#commentspage .commentslist {padding-bottom:0pt;background:#efefef;}
#commentslist tr, #commentslist td {padding-bottom:8px;}
#commentslist tr {background:transparent url('http://imgs.sfgate.com/graphics/utils/dotrule.gif') repeat-x scroll left bottom;}
#commentspage .commentslist .item {padding:4px 0 3px 10px;}
.Comments_Container_heading {height:38px;}
.Comments_Container_viewall .viewall_link {padding:5px 0px 10px 10px;}
#sfgate_bottomCnt {display:inline;float:left;font-weight:bold;margin:-2px 0 7px 7px;}
#sfgate_bottomQuestion {clear:left;font-size:0.96em;font-weight:bold;margin-bottom:7px;}
 
 

/* Content header ---------------------------------------------------- */

.contentheader {
background:transparent url(http://imgs.sfgate.com/graphics/sitenav/rule_dotted_horiz.gif) repeat-x scroll 10px bottom;
font-family:Verdana,sans-serif;
margin:0 10px 10px;
width:950px;
}

.contentheader .title {
display:inline;
float:left;
padding:4px 0 8px;
width:520px;
}

.contentheader h1 {
display:inline;
font-size:1.5em;
margin:0 15px 0 0;
padding:0;
}

.contentheader p {
display:inline;
font-size:0.8em;
margin:0;
padding:0;
}

.contentheader .title span.date {
color:#999999;
margin-left:5px;
}


/* Main content - index ---------------------------------------------------- */

.comics_index {
clear:both;
width:627px;
font-family:verdana,sans-serif;
margin-top:20px;
}

.comics_index a {
color:#015660;
text-decoration:none;
}

.comics_index a:hover {
text-decoration:underline;
}

.comics_index h2 {
font-size:.86em;
margin:0 0 2px;
}

.comics_index .item {
clear:both;
width:100%;
margin-bottom:10px;
}

.comics_index .leftcol .desc { 
float:left;
display:inline;
width:231px;
}

.comics_index .rightcol .desc { 
float:left;
display:inline;
width:225px;
}

.comics_index p {
font-size:.86em;
padding:0;
margin:0;
}

.comics_index .thumb {
float:left;
display:inline;
border:solid 1px #000000;
width:64px;
height:64px;
margin-right:10px;
}

.comics_index .leftcol {
display:inline;
float:left;
width:319px;
}

.comics_index .rightcol {
display:inline;
float:left;
width:302px;
}



/*comics kingdom overrides*/

.comicskingdom {
width:627px;
margin-bottom:20px;
clear:both;
}

#private-label .newHeader {
min-width:627px !important;
}

#private-label .newHeader, 
#private-label, 
#yui-main, 
#private-label #media_viewer, 
.featBox {
width:625px !important;
}

#private-label #syn_featurebox_zone, 
#private-label #syn_doublead_zone {
padding-left:0 !important;
}

#private-label #feedback_link, #private-label .feedback {
margin-bottom:5px;
margin-right:5px;
}

#private-label div.featureHeader {
margin: 4px 0 5px 10px !important;
}

#private-label #topLoginBlock {
margin-top:2px !important;
}

#private-label #mid {
width:627px !important;
}

#private-label .sliderTemplate {
width:627px !important;
padding-left:0 !important;
}