* { padding:0; margin:0; }
html { }
body { font-size:16px; font-family:"Georgia", Garamond, "Times New Roman", serif; background:url( ../images/pjbb/header_repeat.png ) 0px 27px repeat-x; }
/*----- Typography -----*/
h1 { color:#000; font-size:28px; font-family:Garamond, "Times New Roman", serif; }
h2 { color:#222; font-size:20px; font-family:"Palatino Linotype", Garamond, "Times New Roman", serif; font-weight:normal; }
h3 { color:#999; font-size:12px; font-weight:normal; }
/*----- Common Elements -----*/
a { text-decoration:none; }
a:hover { }
.center { text-align:center; }
.clear { clear:both !important; height:0px;}
p { padding:5px; }
textarea { font-family:"Georgia", Garamond, "Times New Roman", serif; }
.text_input { background:#FFF url( ../images/bg_inputs.png ) no-repeat; border:1px solid #CCCCCC;
font-family:"Trebuchet MS", Helvetica, sans-serif; font-size:16px; padding:1px 5px 3px; }
a > img { border:none; }
/*----- Links -----*/
a { color:#000; text-decoration:none; }
a:hover { text-decoration:underline; }
a.nav { padding:1px 5px; font-weight:bold; background-color:#343434; color:#FFF; font-size:12px;
margin-right:5px; }
a.nav:hover { background-color:#AAA; color:#000; text-decoration:none; }
a.comic-control,
input.button { padding:2px 8px; font-size:16px; font-weight:bold; background-color:#343434; color:#FFF;
margin-right:5px; }
span.comic-control { padding:2px 8px; font-size:16px; font-weight:bold; background-color:#343434; color:#aaa;
margin-right:5px; }
a.comic-control:hover { background-color:#AAA; color:#000; text-decoration:none; }
a.list { color:#000; font-weight:bold; }
a.list:hover { text-decoration:none; }
input.button { border:none; }
/*----- Lists -----*/
.star_list { font-size:13px; margin-top:5px; }
.star_list li { list-style-type:none; background:url( ../images/bullet_star.png ) 0 5px no-repeat;
margin:0 0 0 10px; padding:0 0 2px 16px; }
.star_list a { color:#000; }
.star_list a:hover { text-decoration:underline; }
/*----- Header -----*/
#nav { width:100%; background-color:#000; }
#nav_container { width:900px; margin:0 auto; height:27px; }
#toc { width:600px; float:left; padding-top:3px; }
#back { width:250px; float:right; text-align:right; padding-top:4px; }
/*----- Wrapper -----*/
#wrapper { width: 900px; margin:0 auto; }
/*----- Main Content -----*/
#header { width:900px; margin:0 auto; height:275px; background:url( ../images/pjbb/header.png ) no-repeat; }
#header a { display:block; height:260px; }
#content { width:800px; margin:0 auto; }
#comic { margin-top:10px; padding-top:10px; }
.details { width:505px; float:left; text-align:left; padding-right:20px; }
.comic-nav { width:275px; float:right; text-align:right; padding-top:5px; }
.comic-img { display:block; margin:0 auto; }
.comic-a { display:block; margin:15px 0; }
#main { min-height:400px; }
#table_of_contents { margin:20px 100px; font-size:18px; }
#page { width:720px; margin:20px auto 0; font-size:16px; }
#page p { line-height:150%; margin:10px 0; text-indent:25px; }
#page img { display:block; margin:0 auto; }
#page blockquote { background-color:#F1F1F1; padding:10px 15px; margin: 10px 50px; line-height:150%;
font-style:italic; border:1px dashed #CCC; }
/*----- Comments -----*/
#comment_divider { background:url( ../images/divider_fade.png ) repeat-x; padding-top:25px; margin:20px auto 0; width:800px; }
#comments { margin:0 50px; padding-bottom:50px; }
#comments h2 { margin-bottom:5px; }
#comments_blog { margin:0 0 100px; }
#comments_blog h2 { margin-bottom:5px; }
#comment_loader { text-align:center; width:100%; }
#comments_all { margin:10px 40px 20px; }
#comments .comment_header { float:left; }
#comments_all .none { color:#999; font-size:14px; }
#comments_all .avatar { width:50px; height:50px; margin-right:15px; float:left; border:2px solid #555; }
#comments_all .bubble { float:left; }
#comments_all .bubble_blog { width:440px; float:left; }
#comments_all .comment { margin-bottom:15px; }
#comment_post { }
#comment_post .comment_header { float:left; }
#comment_post .fb_login { float:right; }
#comment_post #fb_tooltip {background: #DFCDA0; padding:5px; position:absolute; width:230px;border:1px solid #625440}
#comment_post #fb_help {height:18px;position:relative;top:3px;cursor:pointer; }
#comment_post form { margin:10px 40px 0 40px; }
#comment_post .avatar { width:50px; height:50px; margin-right:15px; float:left; border:2px solid #555; }
#comment_post .bubble { float:left; }
#comment_post .bubble_blog { width:440px; float:left; }
#comment_post .comment_fields { margin:15px 0 0 90px; }
#comment_post .comment_fields * { vertical-align:middle; }
#comment_post .comment_fields .text_input { width:160px; }
.bubble .arrow,
.bubble_blog .arrow { background:url( ../images/comment_arrow.png ) top left no-repeat; float:left; width:20px; height:32px; }
.comment_table { float:left; font-size:12px; }
.comment_table .tl { background:url( ../images/comment_tl.png ) top left no-repeat; width:10px; height:10px; }
.comment_table .tr { background:url( ../images/comment_tr.png ) top left no-repeat; width:10px; height:10px; }
.comment_table .bl { background:url( ../images/comment_bl.png ) top left no-repeat; width:10px; height:10px; }
.comment_table .br { background:url( ../images/comment_br.png ) top left no-repeat; width:10px; height:10px; }
.comment_table .wide { background-color:#E0F1FC; width:480px; height:10px; }
.comment_table .wide_blog { background-color:#E0F1FC; width:400px; height:10px; }
.comment_table .narrow { background-color:#E0F1FC; width:10px; height:10px; }
.comment_table .main { background-color:#E0F1FC; width:600px; }
.comment_table .main_blog { background-color:#E0F1FC; width:400px; }
.comment_table .main span,
.comment_table .main_blog span { color:#677; font-size:10px; font-family:"lucida grande", tahoma, verdana, arial, sans-serif; }
.comment_table textarea { border:none; width:100%; height:32px; background-color:#E0F1FC; }
#comment_body { font-style:italic; color:#333; }
#comment_error { color:#C43419; font-weight:bold; font-size:14px; margin-left:104px; }
#fb_logout { }
#fb_logout span { font-size:11px; }
/*----- Footer -----*/
#footer { height:8px; padding-top:52px; }
#footer div { }