/*
Theme Name: Traced Classic
Theme URI: http://www.traced.com/
Description: The original Traced.com Wordpress theme.
Version: 1.0
Author: Mark D. Thompson
*/

/******************* Base Element Specs **********************/
/* set the base font, margin, padding & alignment */
body, div, span, h1, h2, h3, p, th, td, ul, li, dd, label, a {
  /* redundant selectors to help NS4 remember */
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px; font-weight:normal; font-style:normal;
  color:#333; background:transparent;
  margin:0; padding:0;
  text-align:left;
}

h2 {
  font-weight:bold;
  padding:0 0 5px 0;
}

ul {list-style:none;}

li {
  list-style-type:none;
  padding:0 0 3px 10px;
}

a {
 color:#666; background:transparent;
 text-decoration:underline; 
}
a:hover { 
  color:#630; background:transparent;
}
a:visited { color:#999; background:transparent; }

img { border:none; } 

body { 
	text-align:center;
  color:#333; background:#fff;
}

.wrap { /* class to close the "real" content to the 800px width */
	margin:0 auto;
	width:800px;
	display:block;
}

/************************ clear out all floats ********************/
.clearfix:after {
    content: "."; 
    display: block; 
    height:0; 
    clear: both; 
    visibility: hidden;
    font-size:0px;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/*************************** end clear floats *********************/
/******************** end base element specs ***************/



/************************ header specs *************************/
/*** basic header & logo (home link) specs ***/
#header {
  margin:20px auto 0 auto;
  color:#eee; background:#505050;
}

#header p{
  color:#eee; background:#505050;
  font-size:small; font-weight:bold;
}

#header #logo, #header #unav{float:left;}
#header #sticker{
  float:right; 
  color:#eee;
  background:transparent;
  font-weight:bold;
  padding:0 17px 0;
  /*border:1px solid #eee;*/
}
#header #sticker #outer {
  padding:0 0 0 0; 
  _padding:3px 0 0;
  margin:0;
}
  
#header #sticker #outer li{
  float:left;
  color:#eee;
  background:transparent; 
  padding:0; margin:0; 
}
#header #sticker #outer li ul {
  padding:0 0 0 0; margin:0;
}
#header #sticker #outer li ul li{
  clear:both;
  padding:0 0 0 5px; margin:0;
  line-height:9px;
}

#header #sticker #outer li .updates{
  padding:6px 0 0 0; margin:0;
  _padding:4px 0 0 0; margin:0;
  font-weight:bold;
  font-size:12px;
  line-height:12px;
}
#header #sticker #outer a {
  color:#eee;
  background:transparent;
  font-size:9px;
  line-height:9px;
  font-weight:bold;
  padding:0; margin:0;
  text-decoration:none;
}
#header #sticker #outer a:hover {text-decoration:underline;}

#header #logo{display:block;}
#header #logo .h1{
  float:left;
  font-size:medium; font-weight:bold;
  color:#eee; background:transparent;
  padding:3px 3px 4px 16px;
}
#header #logo .h2{
  float:left;
  font-size:x-small; font-weight:bold;
  color:#eee; background:transparent;
  width:7em;
}
#header #logo a {
  text-decoration:none;
}
#header #logo a .h1:hover {
  text-decoration:underline;
}

/******** unav Specs ***********/
#header #unav{ padding:4px 0 0 130px;}
#header #unav li{
  padding:0 15px 0 0;
  display:inline;
}
#header #unav li a{
  font-size:small; font-weight:bold;
  color:#eee; background:transparent;
  text-decoration:none;
}
#header #unav li a:hover{
  color:#fff; background:transparent;
  text-decoration:underline;
}
/**** top-right corner above marquee ***/


/******** header marquee specs ********/
#header #marquee{
  clear:both;
  height:344px;
  color:#eee; background:#000 url(../../uploads/homepage/homepage_index.gif) 0 0 no-repeat;
}

#header #marquee #comic_poster {
  float:left;
  height:0; width:630px;
}
#header #marquee #comic_poster a {
  display:block;
  height:344px;
}

/*** marquee grey box nav ***/
#header #grey_box_col{
  float:right;
  width:168px;
  color:#eee; background:#000;
  text-align:center;
}
#header #grey_box_nav {
  margin:4px auto;
  width:120px; height:155px;
  color:#eee; background:#505050;
  padding:20px 5px 0 10px;
}
#header #grey_box_nav h2{
  color:#eee; background: transparent;
  font-size:14px; font-weight:bold;
  padding:6px 0 12px 0;
}
#header #grey_box_nav p{
  font-weight:normal;
  padding:3px 0;
}

#header #grey_box_nav a{ 
  color:#eee; background:transparent;
}
#header #grey_box_nav a:hover {text-decoration:underline;}
/***** header bottom bar *****/
#header #bottom_h p { padding:3px 0 3px 220px }
/********************** end header specs *****************/


/**************** Content column specs *********************/
/****** left column specs *****/
#left_col, #center_col, #right_col { float:left; }
#left_col { width:190px; }
#left_col li { color:#333; background:#eee; }
#left_col li.linkcat{ margin:10px 0; }  
#left_col li.categories { margin:0 0 10px 0; }
#left_col li.linkcat li, #left_col li.categories li{}
#left_col li.linkcat, #left_col li.categories{padding:8px 5px 8px 10px;}
#left_col h2 {
  font-size:small;
  font-weight:bold;
  color:#000;
  background:transparent;
}

#left_col a {
 font-size:x-small;
 color:#666; background:transparent;
 text-decoration:underline; 
}

#left_col a:hover { 
  color:#630; background:transparent;
}

#left_col a:visited { color:#999; background:transparent; }


/***** center column specs *****/
#center_col{ 
  width:400px;
  padding:10px 15px;
}
#center_col h2{ font-size:12px; font-weight:bold; }

/***** right column specs *****/
#right_col { width:178px; }
#right_col div {
  margin:10px 0;
  padding:5px 0 10px 5px;
  color:#333; background:#eee;
}
#right_col #events p {
 padding:0;
 margin:0;
 font-size:x-small; 
}

#right_col #user_tools li {
  margin-bottom:5px;
}

#right_col #user_tools a {
  padding:0 0 0 3px;
}

#right_col #user_tools a.bookmark, #right_col #user_tools a.bookmark img  {
  padding-left:0px;
}


#right_col #search_box p, #right_col #search_box p a{ font-size:x-small; }
#right_col h2, #comic_feeds h3 {
  padding:5px 0 5px 5px;
  font-size:small;
  font-weight:bold;
  color:#000;
  background:transparent;
}

#comic_feeds h2 {
  padding:5px 0 0 5px;
}

#comic_feeds h3 {
  font-size:x-small;
  padding:10px 0 0 10px;
}

#right_col a {
 font-size:x-small;
 color:#666; background:transparent;
 text-decoration:underline; 
}

#right_col a:hover { 
  color:#630; background:transparent;
}

#right_col a:visited { color:#999; background:transparent; }

/************** end content column specs *******************/

/***************** specific module specs *******************/

/********* recently commented-on comics specs ( #comic_nav ) ************/
#comic_nav { margin:0 0 20px 0; }
#comic_nav h2 { font-size:12px; font-weight:bold; }
#comic_nav ul li{
  display:inline;
  padding:0 2px 0 0;
}
/*************** end comic_nav specs ******************/


/********* post content *************************/
.post { margin:10px 0 20px 0;}

.post h3 {
  float:left;
  font-size:normal;
  font-weight:bold;
  padding:0 0 5px 0;
}
.post p.post_date { 
  float:right;
  font-size:10px; 
}

.post div.storycontent {
  clear:both;
  font-size:10px;
}
.post .p_cat p{ 
  /*color:#ccc; background:transparent;*/
  float:left;
  font-size:x-small;
  color:#666; background:transparent;
  /*text-decoration:underline;*/ 
}

.post .p_cat a{
  font-size:x-small;
  color:#666; background:transparent;
  text-decoration:underline; 
}
.post-categories li, .post-categories li a{
  color:#ccc; background:transparent;
  text-decoration:underline;
  padding:0;
  float:left;
} 
.post-categories li a:hover{ color:#630; background:transparent; }
.post .p_plink {clear:left;}
/********* end post **************************/



/********** Comics page & latest comments content (main comics page) *************/
#comics #marquee{
  padding:20px;
  height:354px; 
  color:#333; background:#fff; 
}
#comics #marquee h2{margin-left:10px; }

.comic_link {
  float:left;
  margin:10px;
  width:61px;
  height:100px;
}
.comic_link a{
  display:block;
  font-size:x-small; font-weight:bold;
  text-decoration:none;
  color:#333; background:transparent;
  width:61px;
}

#comics #center_col h2{ 
  font-size:12px; font-weight:bold;
  margin:0 0 20px 0; 
}

.latest_comment { margin:0 0 20px 0;}
.latest_comment .c_cat { 
  float:left;
  font-weight:bold;
  color:#666; background:transparent; 
  padding:0 0 5px 0;
}
.latest_comment .c_cat a { font-weight:bold; }
.latest_comment .c_cat a:hover { color:#630; background:transparent; }

.latest_comment .c_date { 
  float:right; 
  font-size:10px;
}
.latest_comment .c_auth {
  clear:both;
  font-weight:bold; 
  padding:0 0 10px 0; 
}
.latest_coment .latest_coment_copy {}
/********** end latest comments content ****************************/



/**************** About Page Specs *******************/
#about #marquee{
  padding:20px;
  height:304px;
  color:#333; background:#fff;  
}
#book #marquee{
  padding:20px;
  height:304px;
  color:#333; background:#fff;  
}
#about #marquee h2, #book #marquee h2{ 
  float:left; 
  margin-left:10px;
}
#about #marquee .copy p, #book #marquee .copy p{ 
  color:#333; background:#fff; 
  font-weight:normal;
}

#book #marquee .copy p.link, #book #marquee .copy p.link a{ 
  font-size:x-small;
}

#about #center_col h2, #book #marquee #center_col h2{
  font-size:12px; font-weight:bold;
  margin:0 0 20px 0; 
}
/*************** end About Page Specs ****************/



/****************** shared comment-related specs ***************/
.post {
  float:left;
  width:355px;
  padding:0 15px 0 0;
}

.post p, .comment p {
  padding:0 0 10px 0;
}
.p_plink, .post_date {padding:0;}

.post p.action, .comment p.action {
  font-weight:bold;
  padding:10px 0 0 0;
}

.l { 
  float:left; 
  margin-bottom:5px;
}

.comment .l {
  color:#888; background:transparent;
  font-weight:bold;
}
.r { 
  font-size:10px;
  float:right; 
  margin-bottom:5px;
}

p.l, p.r {padding:0;}

.guidelines {
  color: #333; background:transparent;
  font-size:x-small;
  font-style:italic;
}
.avatar {
  float:left;
  padding:0 5px 5px 0;
}
.comment{
  padding:5px;
  margin:10px 0;
}

#comment-form{ 
  margin:10px 0; 
  float:left;
  width:400px;
}

#comment-form p {
  margin:5px 0 0 0;
}

#comment_col { clear:both; }

#comment_col .odd{ color:#333; background:#eee; }
#comment_col .even{ color:#333; background:#ddd; }

#archives {
  clear:left;
  width:150px;
  color:#333; background:#ddd;
  padding:5px;
  margin:10px 0;
} 
#archives h2{
  margin-bottom: 5px;
  color: #777; background:transparent;
}
#archives li{list-style-type:none;}
#archives li a{
  color:#e73434; background:#ddd;
  text-decoration:none;
}
#archives li a:hover{ text-decoration:underline; }
/***************** end shared comment-related specs ***************/



/******************* comic hub page specs ************/
#single_comic_main .post {
  float:left;
  width:355px;
  padding:0 15px 10px 0;
}

#single_comic_main #marquee{
  color:#333; background:#000;
}
/*************** end comic hub pages *****************/


/************** single specs ******************/
#single #marquee { height:0px; }
/************* end single specs ***************/


/*************** archive specs ****************/
#archive #marquee{ height:0px; }


/*  Archive Page Styles  */
#archive #left_col{
  float:left;
  width:250px;
}
#archive #center_col{
  float:left;
  width:400px;
}
#archive .post{ margin-bottom:30px; }

/************ end archive specs ***********/



/***************** misc. ****************/
.img {
  float:left;
  margin:0 30px;
  padding:0;
}

.copy {
  float:left;
  margin:40px;
  width:300px;
}

#book .copy {
  float:left;
  margin:30px 40px 40px 0px;
  width:340px;
}

.copy p{ padding: 0 0 10px 0; }

#linkcat-26 img{ width:1px; height:1px; }
/**************** end misc. ***************/