/*
 Theme Name: Working Class
 Theme URI:
 Description: Working Class
 Author: CreatedBySam.com
 Author URI:
 */
* { padding: 0; margin: 0; }
body { font-family:Lucida Grande; text-align: center; /*centers layout in IE6*/ background-color:black; }

/*********************/
/*    G L O B A L    */
/*********************/
/*links*/
a, a:link, a:visited { color: white; text-decoration: underline; }
a:hover, a:active { color: white; text-decoration: none; }
blockquote { display: block; margin: .5em 2.0em .5em 2.0em; padding: 0 0 0 1.0em; border-left: dotted black .1em; }
blockquote blockquote { padding: 0 0 0 1.0em; border-left: dotted black .1em; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
img { border: none; }
.alignleft{ float: left; text-align: left; }
.alignright{ float: right; text-align: right; }
.center{ text-align: left; }

/*********************/
/* S T R U C T U R E */
/*********************/
#container-home { width: 940px; margin: 0 auto; text-align: left; background:url(images/bg-home.jpg) no-repeat; font-size:12px; line-height:16px; color:white; }
#container { width: 940px; margin: 0 auto; text-align: left; background:url(images/bg-page.jpg) no-repeat; font-size:12px; line-height:16px; color:white; }
#left{position:relative; float:left; width:122px; height:984px; margin: 0 0 0 -122px; background:url(images/bg-left.jpg) no-repeat;}
#right{position:relative; float:right; width:130px; height:984px; margin: 0 -130px 0 0px; background:url(images/bg-right.jpg) no-repeat;}
#header-home { width: 940px; height: 370px;}
#header { width: 940px; height: 210px;}
/*wraps content and sidebar*/
#wrapper { float: left; width: 100%; position: relative; }
#sidebar { float: right; width: 235px; height: auto; margin:90px 60px 0 0; padding: 0px 0 10px 0px; display: inline; }
#content-home { float: left; width: 500px; height: auto; margin:90px 0 0 60px; display:inline; }
#content { float: left; width: 940px; height: auto; margin:90px 0 0 0px; display:inline; }
#footer { width: 940px; height: 80px; background:url(images/footer.jpg) no-repeat; clear: both; }

/*********************/
/* H E A D E R       */
/*********************/
a.logo { float: left; width: 320px; height: 100px; margin: 19px 0 0px 200px; display: inline; text-indent:-9999px;}

ul#nav{ float:left;width:635px; height:35px; margin:0px 0 0 224px;}
ul#nav li{display:inline;}
ul#nav li a{float:left; text-indent:-9999px;}

ul#nav li a.comics{width:105px; height:35px;}
ul#nav li a:hover.comics,
ul#nav li .comics-curr{background:url(images/hover-comics.jpg) no-repeat;}

ul#nav li a.films{width:85px; height:35px;}
ul#nav li a:hover.films,
ul#nav li a.films-curr{background:url(images/hover-films.jpg) no-repeat;}

ul#nav li a.creators{width:127px; height:35px;}
ul#nav li a:hover.creators,
ul#nav li a.creators-curr{background:url(images/hover-creators.jpg) no-repeat;}

ul#nav li a.updates{width:120px; height:35px;}
ul#nav li a:hover.updates,
ul#nav li a.updates-curr{background:url(images/hover-updates.jpg) no-repeat;}

ul#nav li a.links{width:80px; height:35px;}
ul#nav li a:hover.links,
ul#nav li a.links-curr{background:url(images/hover-links.jpg) no-repeat;}

ul#nav li a.contact{width:118px; height:35px;}
ul#nav li a:hover.contact,
ul#nav li a.contact-curr{background:url(images/hover-contact.jpg) no-repeat;}

/*********************/
/*  S I D E B A R    */
/*********************/

p.text{padding:0 0 15px 0;background:url(images/bg-text-sb.jpg) no-repeat bottom;}
img.ad-225x50{display:block; width:225px height:50px; margin:13px auto 13px auto;}
.widget { width: 200px; margin: 0px 0 10px 0; text-align: left; overflow: hidden; background-color: white; }
* html .widget{ margin: 0 0px 10px 0; }
.widget h2 { width: 200px; text-align: center; font-size: 1.2em; color: black; background-color: olive; }
.widget a:link, .widget a:visited { text-decoration: none; font-weight: normal; color: black; line-height: 1.5em; font-size: 1.2em; }
.widget a:hover, .widget a:active { color: black; text-decoration: underline; }
.widget ul { list-style-type: none; color: black; margin: 0 0 10px 0; text-align: left; }
.widget ul ul { margin-left: 10px; }
.widget ul ul li { list-style-type: none; color: black; }

/*********************/
/*      P O S T      */
/*********************/
.post-content { width: 500px; margin: 0px 0px 10px 200px; }
.post-content h1{display:block; width:100%; height:30px; margin:-75px 0 0 0; text-align:center; font-size: 20px; text-transform:uppercase; color:black; }
.post-entry { margin: 45px 0px 10px 0px; }
.post-entry p{ padding: 5px 0 5px 0; }
.post-entry ul { padding: .5em 0 .5em 3.0em; }
.post-entry ol { padding: .5em 0 .5em 3.3em; }
.post-entry img { margin: 5px 5px 5px 5px; padding: 0 0 0 0; }
.navigation { font-size: 1.2em; margin: 0 20px 0px 20px; padding: 0 0 10px 0; /*fixes nav bottom in IE*/ }
/*   S E A R C H     */
#searchform { width: 200px; height: 40px; display: block; background-color: green; }
#searchfield { float: left; width: 125px; height: 20px; margin: 10px 0px 0px 5px; padding: 1px 2px 0px 2px; font-size: 1.4em; background: none; border: none; display: inline; background-color: blue; }
#searchsubmit { float: right; height: 20px; width: 50px; margin: 10px 10px 0 0px; color: #FFFFFF; background: transparent url(images/searchsubmit.png) no-repeat; border: 0px none; cursor: pointer; background-color: red; }


/*********************/
/*  C O M M E N T S  */
/*********************/
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align: center; }
select { width: 130px; }
#commentform { width: 390px; margin: 0 0 0 40px; }
#commentform input { width: 120px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 100%; padding: 2px; }
#commentform #submit { margin: 0 0 20px 0; float: right; }
.avatar { float: left; margin: 0px 5px 0px 15px; display: inline; }
.alt { margin: 0; padding: 10px; }
h3#comments { margin: 10px 30px 10px 40px; }
h3#respond { margin: 10px 30px 10px 40px; }
img#comments { margin: 0 0 0 0; padding: 0 0 0 0; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; }
.commentlist p { margin: 10px 30px 10px 30px; font-size: 1.2em; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0 0 0 0; padding: 0 0 0 30px; }

/*********************/
/*  F O O T E R  */
/*********************/
#footer p{float:left; width:860px; height:20px; margin:60px 0 0 0; padding:0 50px 0 30px; color:gray; font-size:10px;}

/*********************/
/*  H O M E P A G E  */
/*********************/

.post-content-home { width: 500px; margin: 0px 0px 10px 0px; }
.featured{ float:left; width:800px; height:160px; margin:40px 0 0 85px; display:inline;}
.featured a img{ width:225px height:147px; margin:0 32px 0 0; border:3px solid #4F4F4F; }
.news{display:block; width:100%; height:120px; padding:7px 0 7px 0; background:url(images/line.jpg) repeat-x bottom;}
.news img{ width:280px; height:100px; border:3px solid #4F4F4F; }
.news p{ float:right; width:190px; height:auto; margin:0 0 0 0;}
.news a.readmore img{width:100px; height:25px; margin:5px 0 0 0; border:none; clear:both;}
.line{display:block; width:100%; height:4px; margin:10px 0 10px 0; background:url(images/line.jpg) repeat-x;}
/* clearfix */
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { min-width: 0; display: inline-block; /* \*/ display: block; }
* html .clear { /* \*/ height: 1%; }