/*   
Theme Name: ComicsPlusBlog
Theme URI: www.comicsplusblog.com
Description: a-brief-description
Author: Mike/Norman
Author URI: www.lilknown.com
Version: a-number--optional
.
General comments/License Statement if any.
.
*/

/* Questions: font-color: #585858; invalidates the css? */

/* - - - - - general - - - - - */

* {	
	border: 0;
	padding: 0;
	margin: 0;
	}

body { 
	/*height: 80%;*/
	width: 972px;
	margin: 0 auto;
	font-family: helvetica, sans-serif;
	font-weight: 100;
	font-size: 70%;
	background: #fff;
	}

/* - - min / max width - - */

#container, #holder {
	min-width: 800px;
	/*max-width: 1000px;*/
	}
/* - - min / max width - - */

#container {
	position: relative;
	}

#links{
    position:absolute;
    right:9px;
    top:140px
}
	
#cat_header {
	position: relative; 
	top: 305px;
	left: 0.7em;
	height: 28px;
	margin: 0.1em;
	}
	
#howdy {background: url(pics/titles/bloggings.png) repeat; 
	width:420px; 
	height: 30px; 
	top: 305px; 
	position: relative; 
	left: 8px;
	}	
	
/*#cat_header.blog {background: url(pics/titles/bloggings.png) no-repeat;}*/
/*#cat_header.reviews {background: url(pics/titles/reviews.png) no-repeat;}*/


h1, h2 {
	font-size: 2em;
	font-weight: bold;
	/*top: 0.5em;*/
	/*right: 0.5em;*/
}

h1 a, h2 a {color: #000;}

h4 {
	font-size:1.25em;
	font-weight:bold;
}

#space {float: left; height: 10em; width: 100%;}
ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

p {
	/*font-weight: lighter; ???*/
	font-color: #585858;
	word-spacing: 0.1em;
	line-height: 1.25em;	
	padding-bottom: 1em;
	}

a {text-decoration: none; color: #585858;}


abbr[title]:hover 
{cursor: help;}


/* - - - - - general end - - - - - */

#logo {
	position:relative;
	margin-top: 4em;
	text-indent: -9999px; 
	background:  url(pics/logo.png) no-repeat;
	width: 400px;
	height: 193px;
	right: 14px;
	}

#logo a {
	display: block;
	width: 400px;
	height: 193px;
	right: 11px;
	background:  url(pics/logo.png) no-repeat; /* bg needs to be repeated for IE6 */
	}

#logo a:hover 
{opacity: 0.5;}


/* - - - - - nav - - - - - */

#nav {
	float: left;
	clear: both;
	margin: -3px 0 60px 0;
	/*width: 975px; */
	height: 275px;
	background: url(pics/plus.png) repeat-x bottom ;
}
#nav li {
	display: block;
	float: left;
	margin-right: 14px;
	background: url(pics/nav2.png) no-repeat;
	padding:8px 14px;
	width: 120px;
	height: 270px;
	color: #585858; /*font color*/
}

#nav .selected {
    background: url(pics/nav1.png) no-repeat;
}

#nav .aboutus{
	margin-right:0px;/*eliminates the extra space at the end of the nav*/
}

#nav h2:hover{color:#F15532;}
#nav h2{font: italic 14pt georgia, serif;}
.preview img{
	margin-top: 21px;
	height:120px;
	width:120px;
}
.preview h4{
	margin-top: 21px;
	font-weight: 200 !important;
	font-size: 1.2em !important;
	white-space: nowrap;
	text-overflow: ellipsis; /*CSS 3*/
	overflow: hidden;
}
.preview p{
	margin-top:5px;
	font-weight: 100;
}

/*nav images */

.big .community a {background: url(pics/community.jpg) no-repeat 14px 52px;}
/*.big .media a {background: url(pics/sf4_thumb.jpg) no-repeat 14px 52px;}*/
.big .aboutus a {background: url(pics/nerds_thumb.jpg) no-repeat 14px 52px;}

/* - - - - - nav end - - - - - */



/* - - - - - content - - - - - */

#content {
	width: 54em;
	float:left;
	}

.post {
	position:relative;
	font-family: helvetica;
	/*width: 604px;*/
	background: url(pics/post_mid.png) repeat-y;
	font-size: 110%;
	padding: 0em 2em 2em; /*0em on top because of the post tops and bottoms we're using to create a box*/
	}
	
.post_top {
	/*margin-top: 5em;*/
	background: url(pics/post_top.png) no-repeat;
	height: 18px;
	/*width: 604px;*/
	}

.post_bot {
	background: url(pics/post_bot.png) no-repeat;
	height: 23px;
	/*width: 604px;*/
	margin-bottom: 2em;
	}


.post h2 {
	position: relative;
	/*padding: 0em 2em;*/
	width:475px;
}

.byline a{font-weight: bold;}

.post_popularity{
	z-index:2;
}
.post_popularity li{
	display:inline;
	float:right;
}
.post_popularity a{
	display:block;
	height:33px;
	padding:9px 0 0px 2px;
	text-align:center;
	width:33px;
	margin-left: 4px;
}
.comment_count{
	background:transparent url(pics/sm_bubble.png) no-repeat scroll 0 0;
}
.rating a{
	background:transparent url(pics/sm_plus.png) no-repeat scroll 0 0;
}

.post-ratings .score {
	position:relative;
	left: -21px;
	top: -13px;
}
.entry {
	width:550px;
	margin: 2em 0em;
	/*padding: 2em;*/
	/*top:4em;*/
}

.entry a {color: red;}

blockquote p{
	padding: 0em 2em 1em 2em;
	font: italic 1.2em georgia;
	color: #585858;
}

.wp-caption-text {
	font: italic 1em georgia, serif; 
	padding: 0.5em;
	color: #585858;
	}

.postmetadata{}

.more-link{
	z-index: 1; /*prevents link from being covered by metadata div.*/
	position:absolute;
	bottom:-0.3em;
	color:red;
	font-family:georgia;
	font-size:125%;
	font-style:italic;
	/*line-height:250%;*/
	}

.tags {
	float: right;
	padding-top: 1em;
	line-height: 150%;
	}

.tags a {color: #585858; font-weight: bold;}



/* new n old post buttons */
.navigation {text-indent: -9999px; width: 53em; margin-bottom: 2em;}
.navigation a {display: block; width: 10em;}

.alignleft a{background: url(pics/titles/older_entries.png) no-repeat; width: 84px;}
.alignright a{background: url(pics/titles/newer_entries.png) no-repeat; width: 94px;}

.alignleft a:hover
{background: url(pics/titles/older_entries.png) no-repeat top right; width: 84px;}
.alignright a:hover
{background: url(pics/titles/newer_entries.png) no-repeat top right; width: 94px;}




/* Comments */
#respond{
	margin: 0.5em;
}
.commentlist {
    margin:2.5em;
    font-family: helvetica;
}
#comment{
	width: 585px;
}
#commentform input{border: solid;}
#commentform textarea{border:solid;}
#submit{}
/* End Comments */



/* - sidebar - */
.sidebar{
	float: left;
	}

.sidebar div{
	margin: 0.7em;
}

.sidebar .content {
	border: 1px solid #666;
	/*margin-bottom: 1.4em;*/
	padding: 2em;
	width: 300px;
	background: #8BD7EC;
	}

.sidebar #rectangle_ad{
	padding-left:0.7em;
}

.sidebar h3{
	/*padding-top: 0.5em;*/
	/*text-indent: -9999px;*/
	border-bottom: 1px solid black;
    font-size: 2em;
    color: #585858;
}

/*#featured h3{background: url(pics/titles/featured_posts.png) no-repeat;}*/
/*#discussed h3{background: url(pics/titles/most_discussed.png) no-repeat;}*/

.sidebar ul { 
    font-weight: bold;
    line-height: 2em;
    word-spacing: 0.1em;
	padding-top: 1em;
	/*background: url(pics/plus.png) repeat-x;*/
	}
	
.sidebar a{
	color: #585858;

}

.sidebar li{
	white-space: nowrap;
	text-overflow: ellipsis; /*CSS 3*/
	overflow: hidden;

}

#twitter {
	background-image: url(pics/twitter_bg.png);
}

/*#twitter h3{*/
/*	text-indent: 0px;*/
/*	font-size: large;*/
/*	padding-top: 0;*/
/*}*/

#twitter li{
	border-top: dashed thin;
	white-space: normal;
	padding: 3px;
	/*background: url(pics/sm_bubble.png) no-repeat;*/
}

.preview_li{
	
}

.preview_li img{
    width: 45px;
	right: 2.7em;
}

.preview_li .text{
	float: left;
	width: 245px;
}


/* - - - - - search start - - - - - */

fieldset.search {
	width: 350px;
	height: 35px;
	border: none;
	float: left;
    margin-left: 0.6em;
}

.search input.box {
	color: #585858;
	font-size: 1.2em;
	width: 329px;
	height: 26px;
	padding: 10px 10px 0;
	background: url(pics/search.png) no-repeat bottom left;
}

.search input.box:focus 
	{
	/*background: url(pics/search.png) no-repeat;*/
	outline: none;
	}


.search button.btn {
	position: relative;
	bottom: 27px;
	left: 317px;
	width: 20px;
	height: 18px;
	cursor: pointer;
	text-indent: -9999px;
	background: url(pics/search_mag.png) no-repeat top right;
}

.search button.btn:hover 
{background: url(pics/search_mag.png) no-repeat;}





/* - footer - */	


#footer {
	position: fixed;
	width: 100%;
	bottom: 0px;
	left: 0px;
	background: #000;
	height: 4em;
	z-index: 1000;
	}

#holder {
	margin: 0 auto;
	position: relative;
	max-width: 973px;
	/*left: 4%;*/
	top: 1.3em;
	/*margin-left: 1%;*/
	}	
	
#footer p {float: left;}

#nav2 > * {float: right;}


#login {top: 2px; position: relative;}
#footer a {color: #dce8e7; font-weight: 900;}
#login a:hover 
{color: #f2523d;}



#nav2 > a {width: 10em; height: 5em;}
		
#footer ul li {float:left; padding-right: 1em;}

/*#login a {text-indent: -9000px; background: url(pics/login.png) no-repeat;}*/





.highlight, #footer .highlight a {
	font: italic 1em georgia, serif; 
	color: #f2523d;	
	}
	



#footer a:hover 
{color: #dce6e8;}

.gif {
	background: url(pics/gif/link.gif) no-repeat; 
	width: 45px; 
	height: 45px; 
	margin-top: -20px; /*omgz negative margins :(*/
	}

/* - footer end - */