/* ********************************************* */
/*     CSS v1.0 by Sam Hulse and Shawn Tanner    */
/*                  written for                  */
/*               AFRO NINJA . COM                */
/* ********************************************* */

/* clear browser default styles  */
* { margin: 0; padding: 0; border: 0; }

/* set 1em ~ 10px for font sizes */
html { font-size: 62.5%; } body { font-size: 100%; }

/* use the body as a wrap, give it a background */
body { 
 width: 800px;
 height: 100%;
 margin: 0 auto;
 background: #1d0d0e url("../../media/img/template/bg.jpg") repeat-x;
 color: #ffffff;
 font-family: Arial, Helvetica, sans-serif;
}

/* default text styles */
p { display:block; padding: 5px; }
li { font-size: 1.2em; }

/* default link styles */
a, a:link { color: #fc0; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { text-decoration: none; }
a:visited { color: #f90; }

/* object display */
object { display:block; }

/**********************INDEX PAGE***********************/

/* main content box */
#content {
 background: url("../../media/img/template/content_bg.gif") repeat-y;
 padding: 4px;
}

/* main columns */
/* main column wrap */
#maincol {
 width: 600px;
 float: right;
}

#maincol2 {
 width: 485px;
 float: left;
}

/* main games and movies lists */ 
#main_games, #main_movies {
 background: #141414 url("../../media/img/template/main_gamesmovies.jpg") repeat-y;
 border: 1px solid #640000; 
 border-top: 0; 
 border-bottom: 0; 
 text-align: center;
}

#main_games ul, #main_movies ul { padding-top: 5px; width:580px; margin: auto; }

#main_games li, #main_movies li, #view_something_else li{
 display: block;
 float: left;
 width: 145px;
 height: 125px;
 margin-bottom:10px;

 list-style: none;
 text-align: center;
}

#main_games li span, #main_movies li span { display: block; font-size: 1em; }
#main_games li img , #main_movies li img, #view_something_else li img { border: 1px solid #640000; padding: 4px; }
#view_something_else li span { display:block; font-size: .8em; }

/* mid section for poll and advert */
#main_midsection { margin-bottom: 10px; }
#mid_poll { 
 float: left;
 width: 280px;
 border: 1px solid #640000;
 border-top: 0;
}

#inner_poll {
 padding: 10px;
 font-size: 1.2em;
 font-weight: bold;
 color: #ffffff;
}

/* left sub columns */
/* left sub column main wrap */
#subcol {
 width: 185px;
 margin: 0 5px 0 0;
 float: left;
}

#subcol2 {
 width: 300px;
 margin: 0 0 0 5px;
 float: right;
}

/* backgrounds for the sub_cols */
#sub_whatsnew, #sub_ad, #sub_affiliates, #sub_categories { 
 background: #1d0d0e url("../../media/img/template/sub_bg.gif") repeat-y;
 padding-bottom: 5px;
}

/* sub_ad column needs a border to replace the missing header */
#sub_ad {
 border-top: 1px solid #640000;
}

/* inner container for what's new list */
#whatsnew_container, #categories_container {
 padding-left: 10px;
 padding-top: 5px;
}

/* whats new lists */
#sub_whatsnew ol, #sub_categories ol { list-style: none; }
#sub_whatsnew ol li, #sub_categories ol li { font-size: 1.2em; margin-bottom: 5px; }

/* sub abvert center*/
#sub_ad_center { 
 padding: 5px 0px 5px 0px;
 text-align: center;
}

/* affiliates lists */
#affiliates {
 text-align: center;
 padding: 5px 0px 5px 0px;
}

#sub_affiliates li { list-style: none; display: block; padding: 2px; }

/************************TEMPLATE DIVS***********************/

#header {
 width:798px;
 height:150px;
 border-left: 1px solid #9d0b0c;
 border-right: 1px solid #9d0b0c;
 background: #812226 url("../../media/img/template/site_header.jpg");
}

#header_top {
 width: 100%;
 height: 110px;
}

#header_bottom {
 height: 40px;
 padding-left: 180px;
}

#ad_header {
 border: 1px solid #9d0b0c;
 background-color: #1d0d0e;
 border-top: 0;
 width: 798px;
}

#login {
 width: 788px;
 background: #6e1310 url("../../media/img/template/redscanlines1.gif") repeat;
 padding: 2px 0px 2px 10px;
 border: 1px solid #9d0b0c;
 border-bottom: 0px;
}

#footer { background: url("../../media/img/template/footer.jpg") no-repeat; height: 50px; clear: both; padding: 5px 0px 0 0px; text-align: center; }

/* rounded footers */
.main_footer { height: 20px; background: url("../../media/img/template/main_footer.gif"); margin-bottom: 10px; }
.main_footer2 { height: 20px; background: url("../../media/img/template/main_footer2.gif"); margin-bottom: 10px; }
.sub_footer { margin-bottom: 5px; background: url("../../media/img/template/sub_footerbg.gif"); height: 20px; }
.sub_footer2 { margin-bottom: 5px; background: url("../../media/img/template/sub_footerbg2.gif"); height: 20px; }

.clear { clear: both; }

/***********************HEADINGS************************/

/* major heading, for use on blog, games, movies, etc. pages. the entire thing */
.major_heading_wrap {
 width: 792px;
 /*margin-bottom: 5px;*/
}

/* just the large text graphic part of the header */
.major_heading {
 background: url("../../media/img/template/entry_post_shawn.jpg"); 
 height: 65px; 
}

/* just the description */
.major_heading_description {
 float: right;
 text-align: right;
 font-size: 1.4em;
 margin-top: 20px;
 padding: 5px;
}

/* column heading - all mini columns use this */
.col_heading, .col_heading_2 {
 background: url("../../media/img/template/colheader_bg.jpg");
 height: 37px;
}

/* additional text added to col headings floated right */
.col_heading_text {
 display: block;
 float: right;
 padding: 10px 5px 0 0;
}

/* col heading is for graphic headers, col heading 2 is for text headers */
.major_heading h1 { display: block; height: 65px; width: 300px; text-indent: -99999px; }
.col_heading h2 { display: block; height: 37px; width: 120px; text-indent: -99999px; }
.col_heading_2 h2 { font-family: Arial; font-size: 1.8em; padding-left: 10px; padding-top: 7px; }
.col_heading_2 h3 { font-family: Arial; font-size: 1.5em; padding-left: 10px; padding-top: 10px; }

/* individual graphic headers */
#major_heading_blog { background: url("../../media/img/template/majorhead_blog.jpg") no-repeat; float: left; }
#major_heading_channels { background: url("../../media/img/template/majorhead_channels.jpg") no-repeat; float: left; }
#major_heading_games { background: url("../../media/img/template/majorhead_games.jpg") no-repeat; float: left; }
#major_heading_movies { background: url("../../media/img/template/majorhead_movies.jpg") no-repeat; float: left; }
#major_heading_previews { background: url("../../media/img/template/majorhead_previews.jpg") no-repeat; float: left; }
#major_heading_walkthroughs { background: url("../../media/img/template/majorhead_walkthroughs.jpg") no-repeat; float: left; }

#sub_heading_games { background: url("../../media/img/template/colhead_games.jpg") no-repeat; float: left; }
#sub_heading_movies { background: url("../../media/img/template/colhead_movies.jpg") no-repeat; float: left; }
#sub_heading_whatsnew { background: url("../../media/img/template/colhead_whatsnew.jpg") no-repeat; }
#sub_heading_affiliates { background: url("../../media/img/template/colhead_affiliates.jpg") no-repeat; }
#sub_heading_poll { background: url("../../media/img/template/colhead_poll.jpg") no-repeat; }

/************************SIGNUP***********************/

#signup_terms {
 width: 400px;
 margin: auto;
 border: 2px solid #640000;
 padding: 7px;
}

/************************PROFILE***********************/

/* viewing profile */
#bottom_profile {
 width: 400px;
 text-align: left;
 margin-top: 15px;
 margin-left: 75px;
}

/************************WALKTHROUGHS***********************/

#walkthrough_header {
 height: 75px;
 background: #7e0a0a url("../../media/img/template/walkthrough_header.jpg") no-repeat;
 border: 3px solid #640000;
 font-size:1.2em;
}

#walkthrough_container {
 font-size:1.2em;
 color:black;
 background-color:white;
 padding:10px;
 border:3px solid #640000;
 border-top:0;
}

/***********************BLOG************************/

#blog_mini_header {
 width: 600px;
 margin-bottom: 5px;
}

#blog_mini_header h3 {
 width: 450px;
 float: left;
}

#blog_mini_header form {
 float: right;
 margin: 10px;
}

.entry { 
 margin-bottom: 15px;
 padding-bottom: 20px;
 background: url("../../media/img/template/main_footer.gif") bottom; 
}
.entry_header { 
 background: url("../../media/img/template/entry_post_shawn.jpg"); 
 height: 60px; 
 padding: 5px 10px 0 10px;
}
.entry_post { 
 background: #1d0d0e;
 border: 1px solid #640000; 
 border-top: 0;
 font-size: 1.2em;
 padding: 5px;
}
.entry_header h3 { font-size: 1.8em; margin-bottom: 5px; width: 490px; }

.entry_post img { margin:auto; display:block; }

.blog_picture_group {
 margin: auto;
 margin-top: 10px;
 margin-bottom: 10px;
}

.blog_picture_cell_left {
 float: left;
 width: 50%;
 text-align: center;
 font-size: .8em;
}

.blog_picture_cell_right {
 float: right;
 width: 50%;
 text-align: center;
 font-size: .8em;
}

.blog_single_picture {
 text-align:center;
 font-size: .8em;
 margin-top: 10px;
 margin-bottom: 10px;
}

/************************BLOG COMMENTS***********************/

.comment_table {
 display: table;
 width: 560px;
 margin: 6px auto 6px auto;
 border: 1px solid #640000;
 font-size: .8em;
 background-color:#220f10;
}

.comment_table td {
 display: table-cell;
 border: 1px solid #640000;
}

.comment_author_cell {padding:5px;}

.comment_body_cell {
 padding:5px 5px 25px 5px;
 text-align:left;
}

.quote {
 font-size: .9em;
 font-style: italic;
 color: #8B8878;
}

/************************CHANNELS***********************/

.ul_icons{
 list-style:none;
 text-align:left;
 font-size: .9em;
}

.list_img{
 float:left;
 margin-right:7px;
}

.wallpaper_box_left{
 float: left;
 text-align: center;
 width: 50%
}

.wallpaper_box_right{
 float: right;
 text-align: center;
 width: 50%
}

/************************GENERIC STUFF***********************/

.generic_wrap {
 width: 600px;
 padding-top: 10px;
 margin: auto;
}

.generic_box {
 padding: 20px;
 padding-bottom: 30px;
 border: 1px solid #640000;
 border-top: 0;
 font-size: 1.5em;
 color: #ffffff;
 text-align: center;
 background-color: #1d0d0e;
 overflow: hidden;
}

.mini_nav {
 padding: 2px 2px 2px 10px;
 /*margin: 0 0 5px 0;*/
 text-align: left;
 font-size: 10px;
 border: 1px solid #640000; 
 background-color: #1d0d0e;
}

.icon_left {float:left;margin-right:2px;}

.left_column_group {
 width: 260px;
 padding-top: 20px;
 float:left;
 text-align: right;
}

.right_column_group {
 width: 260px;
 padding-top: 20px;
 float:right;
 text-align: left;
}

.generic_element_container {
 height: 40px;
 display: block;
}

/* left group doesn't get paired with anything */
.left_group {
 width: 100%;
 text-align: left;
 padding-left: 20px;
}

.main_list {
 font-size: .9em;
 text-align: left;
 width: auto;;
 margin-left: 100px;
}

/*sub left and right are similar to right and left column group, but instead of getting stacked they are each an indivdual element*/
.sub_left {
 width:47%;
 text-align:right;
 float:left;
}

.sub_right {
 width:47%;
 text-align:left;
 float:right;
}

/************************SPANS & IMG***********************/

span.big{ font-size: 1.1em;}
span.bigger{ font-size: 1.2em;}
span.small{ font-size: .9em;}
span.smaller{ font-size: .8em;}
span.white{ color: #ffffff; }

.profile_pic, .standard_icon { border: 2px solid #640000; }
.blog_pic {
 float:right;
 border: 2px solid #000000;
}

.thumbnail {
 border: 3px solid #000000;
 margin: 10px;
}

/************************FORMS***********************/

input, select, textarea {
 font-size: .9em;
 border: 2px solid #9d0b0c;
 background-color: #7f1613;
 font-family: Arial, Helvetica, sans-serif;
}

input[type="checkbox"], input[type="radio"] {
 border: 0;
 background: none;
}

/************************ADS***********************/
#banner_wrapper { width:728px; height:90px; overflow:visible; margin:auto; }
#rectangle_wrapper { width:300px; height:250px; overflow:hidden; }
#skyscraper_wrapper { width:160px; height:600px; overflow:hidden; margin:auto; }