/* ------------------------------------ */
/* MAIN DISPLAY LAYOUT CODE FOR PAGES */
/* ------------------------------------ */


/* 
Hello, if you are in here reading the stylesheet, 
then you are no doubt wondering "what's up with 
the tables?".  I hear you.  

We actually have a complete CSS version of the site
that we'll roll out in a bit after things get hammered
out.

However, there is one part of the front page that I seem
to be unable to recreate in CSS.  Take a gander at the boxes
that contain the DVD, Harry's Reviews, Comics, and Animation.
I'd like the backgrounds of each row of boxes to align bottom
no matter how much content is inside each one.

I've only found one solution that seems to be IE unfriendly, any
help here will be appreciated.

Anyhow, feel free to rip the design or layout, or, hopefully give
out some props.  ;)

This CSS will get cleaned and reduced as well. 

Also RSS and Atom feeds are on their way.

Hope to see some of you at SXSW Interactive.

Stay tuned.  

Doc Falken, doc @ aintitcool.com   */



/* ------------------------------------ */
/* MAIN DISPLAY LAYOUT CODE FOR PAGES */
/* ------------------------------------ */
body {
	margin: 0;
	padding: 0;
	height: 100%;
	background-image:  url(secretimages/kongisking.jpg);
}
#header {
	margin: 0px;
	padding: 0px;
	height: 185px;
	width: 100%;
	background-image:  url(secretimages/header.gif);
	background-repeat: repeat-x;
}
#content {
	margin: 0 20px 0 20px;
}
#leftcolumn {
	margin-right: 325px;
	padding: 0 20px 20px 20px;
}
#rightcolumn {
	width: 325px;
	right:0px;
	top: 185px;
	position: absolute;	
	/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:325px;
	}
/* Again, "be nice to Opera 5". */
body>#rightcolumn {width:325px;}


#footer {
	background-color: #666699;
	padding: 0;
	height: 50px;
	width: 100%;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;

}
#footer p {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 12px;
	line-height: 14px;
	color: white;
	text-align: center;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	}
/* ------------------------------------ */
/* ------------------------------------ */



/* ------------------------------------ */
/* HEADER AREA OF PAGE */
/* ------------------------------------ */
#logo {
	height: 130px;
	padding-right: 15px;
}

/* ------------------------------------ */
/* COOL NEWS  */
/* ------------------------------------ */
.coolnews {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	border: 2px solid #000000;
	background-image:  url(secretimages/coolcon_background.jpg);
	background-repeat: repeat-x;
	background-align: bottom;
	background-position: bottom;
	}

.coolhead, .coolhead h2 {
	background-color: #996600;
	margin: 0px;
	padding: 0px;
	height: 30px;
	border-top: 1px solid #000000;	
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	text-indent: -9999px;	
}

.entries {
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;
	width: 66%;
	float: left;
	display: block;
    height: 100%;	
}
.entries2 {
	margin: 0px auto 0px auto;
	padding: 0px;
	text-align: left;
	width: 33%;
	float: left;
	display: block;
	background-image: url(secretimages/leftcolumn_background.gif);
	border-right: 2px solid black;
	height: 100%;
}

.clear {
	clear: both;
	height: 10px;
}
/* ------------------------------------ */
/* ------------------------------------ */ 


/* ------------------------------------ */
/* ------------------------------------ */




/* ------------------------------------ */
/* COAXIAL SECTION  */
/* ------------------------------------ */
#coaxial {
	margin: 20px 0 20px 0;
	padding: 0px;
	width: 300px;
	background-color: #FFFFFF;
	background-image:  url(secretimages/coax_background.jpg);
	background-repeat: repeat-x;
	background-align: bottom;
	background-position: bottom;
}
#coaxnews {
	margin: 0px;
	padding: 0px;
	border: 2px solid #000000;
	background-image:  url(secretimages/hercules_screen_background.jpg);
	background-repeat: no-repeat;
	background-align: bottom;
	background-position: right bottom;	
}
#coaxhead, #coaxhead h2 {
	background-color: #666699;
	margin: 0px;
	padding: 0px;
	height: 30px;
	border-top: 1px solid #000000;	
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-image:  url(secretimages/coax_header_background.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;	
}
	
/* ------------------------------------ */
/* SECTIONS ON FRONT PAGE  */	
/* ------------------------------------ */	

.sectiondate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12;
	padding-right: 20px;
	color: white;
	text-align: right;
	background-color: #996600;
	border-top: 2px solid black;
	border-bottom: 2px solid black;	
}	
.sectiondate_coax {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12;
	padding-right: 20px;
	color: white;
	text-align: right;
	background-color: #666699;
	border-top: 2px solid black;
	border-bottom: 2px solid black;	
}	
.sectionnews h1, .sectionnews h2, .sectionnews h3, .sectionnews p, .sectionnews a {
	letter-spacing: .02em;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
	margin: 0 20px 0 20px;	
}
.sectionnews {
	background-image:  url(secretimages/coolcon_background.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: white;
	border: 2px solid black;
}
.sectionnews a:link, .sectionnews a:visited {
	decoration: none;
	color: black;
	text-decoration: none;
}
.sectionnews h1:hover, .sectionnews h2:hover, .sectionnews h3:hover, .sectionnews h4:hover {
    background-color: #EEDEBB;
}

/* ------------------------------------ */
/* DVD SECTION  */	
/* ------------------------------------ */	
.dvdcontent, .reviewcontent, .comiccontent, .animecontent, .articlecontent {
	padding: 0px;
    margin: 0px;		
	background-color: #FFFFFF;
}
.dvdnews, .reviewnews, .comicnews, .animenews, .articlenews {
	margin: 0 0 0 0;
	padding: 0px;
	border: 2px solid #000000;
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-align: bottom;
	background-position: bottom right;
}

.dvdhead, .reviewhead, .comichead, .animehead {
	background-color: #996600;
	margin: 0 10px 0 0;
	padding: 0px;
	height: 30px;
	border-bottom: 2px solid #000000;
	background-repeat: no-repeat;
	text-indent: -9999px;	
}

/* ------------------------------------ */
/* DVD REVIEWS  */	
/* ------------------------------------ */	
.dvdnews {
	background-image:  url(secretimages/harry_screen_background.jpg);
}
.dvdhead {
	background-image:  url(secretimages/dvd_header_background.jpg);
}
/* ------------------------------------ */
/* HARRYS REVIEW SECTION  */	
/* ------------------------------------ */	
.reviewnews {
	background-image:  url(secretimages/harry_screen_background.jpg);
}
.reviewhead {
	background-image:  url(secretimages/reviews_header_background.jpg);
}


/* ------------------------------------ */
/* COMIC BOOK SECTION  */	
/* ------------------------------------ */	
.comicnews {
	background-image:  url(secretimages/moriarity_screen_background.jpg);
}
.comichead {
	background-image:  url(secretimages/comics_header_background.jpg);
}

/* ------------------------------------ */
/* ANIME SECTION  */	
/* ------------------------------------ */	
.animenews {
	background-image:  url(secretimages/fathergeek_screen_background.jpg);
}
.animehead {
	background-image:  url(secretimages/anime_header_background.jpg);
}

/* ------------------------------------ */
/* ARTICLE SECTION  */	
/* ------------------------------------ */	
.articlenews {
	background-image:  url(secretimages/coolcon_background.jpg);
	letter-spacing: .02em;
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	line-height: 20px;
	margin: 0 20px 0 20px;	
}
.articlehead {
	background-color: #996600;
	margin: 0px;
	padding: 0px;
	height: 30px;
	border-top: 2px solid #000000;	
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	background-image:  url(secretimages/coolnews_header_background.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	}
.articlehead_reviews {
	background-color: #996600;
	margin: 0px;
	padding: 0px;
	height: 30px;
	border-top: 2px solid #000000;	
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	background-image:  url(secretimages/reviews_header_background.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	}	
.articlehead_coaxial {
	background-color: #666699;
	margin: 0px;
	padding: 0px;
	height: 30px;
	border-top: 2px solid #000000;	
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	background-image:  url(secretimages/coax_header_background.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	}
.articlehead_webmail {
	background-color: #666699;
	margin: 0px;
	padding: 0px;
	height: 30px;
	border-top: 2px solid #000000;	
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	background-image:  url(secretimages/webmail_header_background.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -9999px;
	}	
.articlehead_search {
	background-color: #666699;
	margin: 0px;
	padding: 0px;
	height: 30px;
	border-top: 2px solid #000000;	
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	background-image:  url(secretimages/search_header_background.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	}			
.articlehead_archive {
	background-color: #996600;
	margin: 0px;
	padding: 0px;
	height: 30px;
	border-top: 2px solid #000000;	
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	background-image:  url(secretimages/archive_header_background.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	}		
.articlehead_contact {
	background-color: #996600;
	margin: 0px;
	padding: 0px;
	height: 30px;
	border-top: 2px solid #000000;	
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	background-image:  url(secretimages/contact_header_background.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	}					
.articlehead_multimedia {
	background-color: #996600;
	margin: 0px;
	padding: 0px;
	height: 30px;
	border-top: 2px solid #000000;	
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	background-image:  url(secretimages/multimedia_header_background.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	}			
.articletitle {	
	text-indent: -9999px;
}
.articledate {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12;
	padding-right: 20px;
	color: white;
	text-align: right;
}
.articlenews p {
	margin: 0 50px;
	padding: 10px 20px 15px 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	color: black;
	text-align: justify;
   	background-color: #dfdfee;
}
.articlenews h1 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
	color: #996600;
	margin: 0 20px 0 20px;	
}
.articlenews h2  {
	font-family: Verdana, Arial, Helvetica;
	font-size: 15px;	
	line-height: 25px;
	margin: 0 20px 0 20px;
}
 .articlenews h3  {
	font-family: Verdana, Arial, Helvetica;
	font-size: 15px;
	line-height: 18px;
	color: #910132;
	margin: 0 20px 0 20px;	
}
 .articlenews h4 {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	line-height: 20px;
	margin: 0 20px 0 20px;
}

.articlenews a:link, .articlenews a:visited {
	decoration: none;
	color: black;
	text-decoration: underline;
}

.articlenews h1:hover, .articlenews h2:hover, .articlenews h3:hover, .articlenews h4:hover {
}

.headline h2, .headline h3, .headline h1 {
	letter-spacing: .02em;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 20px;
	font-weight: bold;
	line-height: 25px;
	color: #996600;
	margin-top: 15px;
}
.articlenews img {
	padding: 0px;
	margin: 0px 15px 0px 15px;
	border: 2px solid white;
}

/* ------------------------------------ */
/* QUICK TALKBACK  */	
/* ------------------------------------ */	
.quicktalkbackhead {
	background-color: #996600;
	margin: 0px;
	padding: 0px;
	height: 30px;
	border-top: 2px solid #000000;	
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	background-image:  url(secretimages/quicktalkback_header_background.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -9999px;
	}

.quicktalkbackform {
	margin: 0 0 0 0;
	padding: 0px;
	border: 2px solid #000000;
	background-color: #CC9933;
	background-repeat: repeat-x;
	background-align: bottom;
	background-position: bottom right;
	letter-spacing: .02em;
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	color: white;
}

.talkbackhead {
	background-color: #666699;
	margin: 0px;
	padding: 0px;
	height: 30px;
	border-top: 2px solid #000000;	
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	background-image:  url(secretimages/talkback_header_background.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: -9999px;
	}
.talkbacktable2 {
	margin: 30px 0 0 0;
	padding: 0px;
	background-color: #C1C1DE;
}
.talkbacktable {
	margin: 0 0 0 0;
	padding: 0px;
	border: 2px solid #000000;
	background-color: #C1C1DE;
}
.talkback {
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 14px;
	color: black;	
	padding: 2px 5px 2px 20px;
	border-bottom: 1px solid #FFFFFF;
}
.talkback a {
	font-size: 16px;
	font-weight: bold;
	color: black;
	text-decoration: none;	
}
.talkbackcomment {
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	color: black;	
	padding: 2px 10px 20px 20px;
	border-bottom: 2px solid #000000;
	background-color: white;
}
.talkbackpostedwhite {
	background-color: white;
	text-align: right;
	font-family: Arial, Verdana, Arial, Helvetica;
	font-size: 10px;
	border-bottom: 2px solid #000000;		
}
.talkbackposted {
	background-color: #666699;
	color: white;
	text-align: right;
	font-family: Arial, Verdana, Arial, Helvetica;
	font-size: 10px;
	border-bottom: 1px solid #FFFFFF;		
}

/* AICN SURVEY SECTION */
#survey {
	margin: 20px 0 0 0;
	padding: 0px;
	width: 300px;
	background-color: #FFFFFF;
	background-image:  url(secretimages/coax_background.jpg);
	background-repeat: repeat-x;
	background-align: bottom;
	background-position: bottom;
}
#surveynews {
	margin: 0px;
	padding: 0px;
	border: 2px solid #000000;
	background-image:  url(secretimages/elstongunn_screen_background.jpg);
	background-repeat: no-repeat;
	background-align: bottom;
	background-position: right bottom;	
}
#surveyhead, #surveyhead h2 {
	background-color: #666699;
	margin: 0px;
	padding: 0px;
	height: 30px;
	border-left: 1px solid #000000;	
	border-right: 1px solid #000000;		
	border-top: 1px solid #000000;	
	background-image:  url(secretimages/survey_header_background.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;	

}
#survey.entry {
	padding: 20px;
	margin-left: 60px;
	margin-right: 80px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: black;
	text-align: justify;
}
#survey p {
	letter-spacing: .02em;
	margin: 5px;
	padding: 0 10px 0 10px;
	font-family: Verdana, Arial, Helvetica;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;	
}
#survey li {
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	margin-left: -20px;
	width: 270px;	
}
.smalltext a:link, .smalltext a:hover, .smalltext a:visited {
	font-family: Verdana, Arial, Helvetica;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: black;	
}



/* ------------------------------------ */
/* ------------------------------------ */

/* ------------------------------------ */
/*  H1, H2, H3, H4 FONT SIZE  */
/* ------------------------------------ */
h1, h2, h3, h4 {
	letter-spacing: .02em;
	margin: 5px;
	padding: 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}

a:link, a:visited {
	decoration: none;
	color: black;
	text-decoration: none;
}

.coolnews h1:hover, .coolnews h2:hover, .coolnews h3:hover, .coolnews h4:hover {
    background-color: #CC9933;
	color: white;	
}

.dvdnews h1:hover, .dvdnews h2:hover, .dvdnews h3:hover, .dvdnews h4:hover {
    background-color: #CC9933;
	color: white;	
}

.reviewnews h1:hover, .reviewnews h2:hover, .reviewnews h3:hover, .reviewnews h4:hover {
    background-color: #CC9933;
	color: white;	
}

.comicnews h1:hover, .comicnews h2:hover, .comicnews h3:hover, .comicnews h4:hover {
    background-color: #CC9933;
	color: white;	
}

.animenews h1:hover, .animenews h2:hover, .animenews h3:hover, .animenews h4:hover {
    background-color: #CC9933;
	color: white;	
}

#coaxnews h1:hover, #coaxnews h2:hover, #coaxnews h3:hover, #coaxnews h4:hover {
    background-color: #910132;
	color: white;	
}

.spoiler h2 {
	border: 1px solid #910132;
	background-image:  url(secretimages/spoileralert.jpg);
	background-repeat: no-repeat;
	background-align: center;
	background-position: right;	
}
.spoiler h3 {
	border: 1px solid #910132;
	background-image:  url(secretimages/spoileralert.jpg);
	background-repeat: no-repeat;
	background-align: center;
	background-position: right;	
}
.spoiler h1 {
	border: 1px solid #910132;
	background-image:  url(secretimages/spoileralert.jpg);
	background-repeat: no-repeat;
	background-align: center;
	background-position: right;	
}
.spoiler h3:hover {
	background-color: #910132;
	color: white;
}
.spoiler h2:hover {
	background-color: #910132;
	color: white;
}
.spoiler h1:hover {
	background-color: #910132;
	color: white;
}


.searchtable {
	margin: 5px 0 0 0;
	padding: 0px;
	background-color: white;
}
.search {
	font-family: Verdana, Arial, Helvetica;
	font-size: 14px;
	color: black;	
	padding: 2px 0px 2px 0px;
	border-top: 1px solid #C1C1DE;
}
.search a {
	font-size: 16px;
	font-weight: bold;
	color: black;
	text-decoration: none;	
}
.searchinfo {
	background-color: #666699;
	color: white;
	text-align: right;
	font-family: Arial, Verdana, Arial, Helvetica;
	font-size: 12px;
	padding-right: 20px;
	border-top: 1px solid #C1C1DE;
}
.searchinfo a:link, .searchinfo a:visited {
	color: white;
}

.search h1, .search h2, .search h3, .search h4 {
	letter-spacing: .02em;
	margin: 5px 10px 5px 10px;
	padding: 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}
.search h1:hover, .search h2:hover, .search h3:hover, .search h4:hover {
    background-color: #CC9933;
	color: white;	
}

.searchspoiler a: {
	background-image:  url(secretimages/spoileralert.jpg);
	background-repeat: no-repeat;
	background-align: center;
	background-position: left;
	padding: 2px 0px 2px 0px;
	border-top: 1px solid #C1C1DE;
	margin: 0 0 0 0;				
}
.searchspoiler h1:hover, .searchspoiler  h2:hover, .searchspoiler  h3:hover, .searchspoiler  h4:hover {
    background-color: #910132;
	color: white;	
}
.searchspoiler h1, .searchspoiler h2, .searchspoiler h3, .searchspoiler h4 {
	letter-spacing: .02em;
	margin: 5px 10px 5px 10px;
	padding: 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
}


/* ------------------------------------ */
/* SEARCH FORM SECTION  */
/* ------------------------------------ */
#searchform {
	margin: 0 0 0 0;
	padding: 0px;
	width: 300px;
	background-color: #FFFFFF;
	background-image:  url(secretimages/coax_background.jpg);
	background-repeat: repeat-x;
	background-align: bottom;
	background-position: bottom;
}
#searchformcontent {
	margin: 0px;
	padding: 0px;
	border: 2px solid #000000;
}
#searchformhead, #searchformhead h2 {
	background-color: #666699;
	margin: 0px;
	padding: 0px;
	height: 30px;
	border-top: 1px solid #000000;	
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-image:  url(secretimages/search_header_background.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;	
}

#searchformcontent p {
	padding: 0 10px 0 10px;
}
.style4 {font-size: small}
.style6 {font-family: Verdana, Arial, Helvetica; font-size: small; }
.style8 {
	font-family: Verdana, Arial, Helvetica;
	font-size: small;
	color: #FFFFFF;
	font-weight: bold;
}

/* ------------------------------------ */
/* RECENT REVIEWS SECTION  */
/* ------------------------------------ */
#recentreviews {
	margin: 0 0 0 0;
	padding: 0px;
	width: 300px;
	background-color: #FFFFFF;
	background-image:  url(secretimages/coolnews_background.jpg);
	background-repeat: repeat-x;
	background-align: bottom;
	background-position: bottom;
}
#recentreviewscontent {
	margin: 0px;
	padding: 0px;
	border: 2px solid #000000;
}
#recentreviewshead, #recentreviewshead h2 {
	background-color: #996600;
	margin: 0px;
	padding: 0px;
	height: 30px;
	border-top: 1px solid #000000;	
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-image:  url(secretimages/recent_header_background.jpg);
	background-repeat: no-repeat;
	text-indent: -9999px;	
}

#recentreviewscontent p {
	padding: 0 10px 0 10px;
}

.gimmesomeroom {
	margin: 0px 20px 0px 20px;
}

.sxsw2005 {
	background-color: #e5e5cd;
	border: 2px solid #63A5C9;
	text-align: center;
}
.sxsw2005 h1:hover, .sxsw2005 h2:hover, .sxsw2005 h3:hover, .sxsw2005 h4:hover {
    background-color: #63A5C9;
	color: white;	
}