/******************************************
	STRUCTURE.CSS - Site Structural CSS
******************************************/
/*
	The following sets of block div styles have a special hack that allows Internet Explorer
	and Mozilla Firefox to agree verbatum on the width and height of div boxes.  The problem 
	lies in the way the two browsers render the divs' widths and heights in regards to their
	padding and borders.
	
	Internet Explorer includes the borders and padding into the overall dimensions of the div 
	block. So if you made a div width: 150px, borders and padding would not affect the overall 
	width and would stay inside of that 150px.
	
	Mozilla Firefox, however, adds padding and border width values to the overall width thereby
	increasing it.  A 150px width div with a padding of 5px on each side and a border of 2 px 
	really means 150 + (2 * 5) + (2 * 2) = 164px! This can really ruin your layout plans.  
	
	So to get around this there is a way of calling a second width or height to a div that only 
	Internet Explorer can see.  The method is to make the hack value the actual width or height 
	you want the div to be.  Then set the div element's width to this value, minus the total 
	amount of padding/borders.  (Remember padding on both sides means double the padding amount.)
*/

html { 									/*** MOZILLA FIREFOX VERTICAL SCROLLBAR HACK - KEEPS IT VISIBLE ALWAYS ***/
	overflow			: -moz-scrollbars-vertical; 
}

body {									/*** DEFAULT PAGE BODY SETTINGS ***/
	margin				: 0 auto;		/*   remove default margins   */
	padding				: 0 auto;		/*   remove default padding  */
}

html, body, div, td, li, p, span {		/*** DEFAULT FONT SETTINGS ***/
	font-family			: Arial;		/*   set the font family   */
	font-size			: 12px;			/*   set the font size   */
}

h1, h2, h3, h4, h5, h6 {				/*** DEFAULT HEADER TEXT SETTINGS  ***/
	margin				: 0 auto;		/*   remove default margins   */
	padding				: 0 auto;		/*   remove default padding   */
	font-weight			: bold;			/*   set the font weight   */
}
	h1 { font-size: 22px; }				/*   set the font size for <h1>   */
	h2 { font-size: 16px; }				/*   set the font size for <h2>   */
	h3 { font-size: 14px; }				/*   set the font size for <h3>   */
	h4 { font-size: 12px; }				/*   set the font size for <h4>   */
	h5 { font-size: 10px; }				/*   set the font size for <h5>   */
	h6 { font-size: 08px; }				/*   set the font size for <h6>   */

ul, li {								/*** DEFAULT LIST SETTINGS  ***/
	padding				: 0 auto;		/*   remove default margins   */
	margin				: 0 auto;		/*   remove default padding   */
	padding-left		: 0px;			/*   remove the indention in Firefox   */
	margin-left			: 0px;			/*   remove the indention in Internet Explorer   */
	list-style-type 	: none;			/*   remove default bullets   */
}

div#clear {								/*** CLEAR DIV FLOATING  ***/
	clear				: both;			/*   <div id="clear"></div> - this line should be placed after every set of floating divs   */
}

/*** BEGIN MAIN SITE LAYOUT STRUCTURE ********************************************************/
div#pageWrapper {						/*** PAGE WRAPPER / CONTAINER DIV SETTINGS ***/
	display				: block;		/*   display div as a block   */
	width				: 950px;		/*   set the width of the div (in FF: padding adds to this number)   */
	border-bottom-width	: 1px;			/*   set the bottom border width   */
	border-bottom-style	: solid;		/*   set the bottom border style   */
}
	* html div#pageWrapper {				/*** INTERNET EXPLORER DIV WIDTH HACK ***/
		width				: 952px;		/*   (#pageWrapper width px) + (#pageWrapper padding px * 2) - Consider this the actual div width   */
		position			: relative;
		left				: 1px;
	}

div#pageHeader {						/*** PAGE HEADER BLOCK SETTINGS ***/
	display				: block;		/*   display div as a block   */
	width				: 952px;		/*   set the width of the div (minus padding) - Consider this the usable pixel width inside the div */
	height				: 232px;		/*   set the height of the div (minus padding) - Consider this the usable pixel height inside the div */
	padding				: 0px;			/*   set the internal padding of the div (in FF: this adds to the div width and height)   */
}
	* html div#pageHeader {					/*** INTERNET EXPLORER DIV WIDTH HACK ***/
		width				: 952px;		/*   (#pageHeader width px) + (#pageHeader padding px * 2) - Consider this the actual div width   */
		height				: 232px;		/*   (#pageHeader height px) + (#pageHeader padding px * 2) - Consider this the actual div height   */
	}

div#pageContent {						/*** PAGE COLUMN CONTAINER BLOCK SETTINGS ***/
	display				: block;		/*   display div as a block   */
	width				: 950px;		/*   set the width of the div (minus padding) - Consider this the usable pixel width inside the div */
	border-left-width	: 1px;			/*   set the left border width   */
	border-right-width	: 1px;			/*   set the right border width   */
	border-bottom-width	: 1px;			/*   set the bottom border width   */
	border-left-style	: solid;		/*   set the left border style   */
	border-right-style	: solid;		/*   set the right border style   */
	border-bottom-style	: 1px;			/*   set the bottom border style   */
}
	* html div#pageContent {				/*** INTERNET EXPLORER DIV WIDTH HACK ***/
		width				: 952px;		/*   (#pageHeader width px) + (#pageHeader padding px * 2) - Consider this the actual div width   */
		height				: 125px;		/*   (#pageHeader height px) + (#pageHeader padding px * 2) - Consider this the actual div height   */
	}
	div#pageContent div#column1 {			/*** COLUMN DIV SETTINGS ***/
		display				: block;		/*   display div as a block   */
		float				: left;			/*   float div to the left   */
		width				: 162px;		/*   set the width of the div (minus padding) - Consider this the usable pixel width inside the div */
		padding				: 5px;			/*   set the internal padding of the div (in FF: this adds to the div width and height)   */
	}
		* html div#pageContent div#column1 {	/*** INTERNET EXPLORER DIV WIDTH HACK ***/
			width				: 172px;		/*   (#column1 width px) + (#column1 padding px * 2) - Consider this the actual div width   */
		}
	
	div#pageContent div#column2 { 			/*** COLUMN DIV SETTINGS ***/
		display				: block;		/*   display div as a block   */
		float				: left;			/*   float div to the left   */
		width				: 778px;		/*   set the width of the div (minus padding) - Consider this the usable pixel width inside the div */
		padding				: 0px;			/*   set the internal padding of the div (in FF: this adds to the div width and height)   */
		border-left-width	: 1px;			/*   set the left border width   */
	}
		* html div#pageContent div#column2 { 	/*** INTERNET EXPLORER DIV WIDTH HACK ***/
			width				: 778px;		/*   (#column2 width px) + (#column2 padding px * 2) - Consider this the actual div width   */
		}
	
div#pageFooter {						/*** PAGE FOOTER BLOCK SETTINGS ***/
	display				: block;		/*   display div as a block   */
	width				: 940px;		/*   set the width of the div (minus padding) - Consider this the usable pixel width inside the div */
	height				: 15px;			/*   set the height of the div (minus padding) - Consider this the usable pixel height inside the div */
	padding				: 5px;			/*   set the internal padding of the div (in FF: this adds to the div width and height)   */
	text-align			: right;		/*   align the text to the right   */
	font-size			: 14px;
	font-weight			: bold;
	border-left-width	: 1px;			/*      */
	border-right-width	: 1px;			/*      */
	border-bottom-width	: 1px;			/*      */
	border-left-style	: solid;		/*      */
	border-right-style	: solid;		/*      */
	border-bottom-style	: solid;		/*      */
}
	* html div#pageFooter {					/*** INTERNET EXPLORER DIV WIDTH HACK ***/
		width				: 952px;		/*   (#pageFooter width px) + (#pageFooter padding px * 2) - Consider this the actual div width   */
		height				: 25px;			/*   (#pageFooter height px) + (#pageFooter padding px * 2) - Consider this the actual div height   */
	}
	
/*** END MAIN SITE LAYOUT STRUCTURE ******************************************************//**/

/*** BEGIN PAGE HEADER STYLES ****************************************************************/
div#pageHeader a#headerHome img.spacer {	/*** HEADER 'HOME' LINKED SPACER IMAGE ***/
	position			: absolute;			/*      */
	left				: 50%;				/*      */
	margin-left			: -440px;			/*      */
	top					: 75px;				/*      */
	width				: 520px;			/*      */
	height				: 70px;				/*      */
}
div#pageHeader div#headerSEO {				/*** HEADER SEO TEXT CONTAINER ***/
	position			: absolute;			/*      */
	left				: 50%;				/*      */
	margin-left			: -425px;			/*      */
	top					: 140px;			/*      */
	width				: 520px;			/*      */
	height				: 70px;				/*      */
	font-size			: 10px;				/*   set the font size   */
}
/*** END PAGE HEADER STYLES **************************************************************//**/

/*** BEGIN COLUMN 1 CONTENT ******************************************************************/
div#column1 a#sidebarTheater img.spacer {	/*** HEADER 'HOME' SPACER IMAGE ***/
	width				: 160px;			/*      */
	height				: 70px;				/*      */
}
div#column1 h3 {
	border-bottom-width	: 1px;
	border-bottom-style	: solid;
}
div#column1 ul li {
	font-size			: 12px;
	font-weight			: bold;
}
div#column1 ul#sidebarTopList li a {
	font-size			: 10px;
}
	
div#column1 div#siteTags img {
	border-width		: 1px;
	border-style		: solid;
}

div#column1 ul#sidebarNetwork li {
	font-size			: 10px;
	margin-bottom		: 10px;
	text-align			: justify;
}
	ul#sidebarNetwork li a.title {
		font-size			: 12px;
	}


/*** END COLUMN 1 CONTENT ****************************************************************//**/
	
/*** BEGIN COLUMN 2 CONTENT ******************************************************************/
div#column2 div.semiHeader {				/*** THUMB BLOCK HEADER CONTAINER ***/
	display				: none;				/*      */
	padding				: 5px;				/*      */
}
div#column2 table.thumbs a {
	font-size			: 12px;
	font-weight			: bold;
}
div#column2 div.toplist_top4 {
	display				: none;
}
div#column2 div.toplist_top4 td a,
div#column2 div.toplist_top4 td a:link,
div#column2 div.toplist_top4 td a:visited {
	font-size			: 14px;
}
div#column2 div.toplist_bottom table {
	width				: 100%;
}
	div#column2 div.toplist_bottom td {
		width				: 25%;
	}
		div#column2 div.toplist_bottom td a,
		div#column2 div.toplist_bottom td a:link,
		div#column2 div.toplist_bottom td a:visited {
			font-size			: 14px;
			font-weight			: bold;
		}

/*** END COLUMN 2 CONTENT ****************************************************************//**/

/*** BEGIN ADZONE IFRAMES ********************************************************************/
div#column1 div#adframeSkyscraper {			/*** ADZONE IFRAME CONTAINER ***/
	text-align			: center;			/*      */
}
	div#adframeSkyscraper iframe {				/*** ADZONE IFRAME ***/
		width				: 160px;			/*      */
		height				: 600px;			/*      */
		border-style		: solid;			/*      */
		border-width		: 0px;				/*      */
		overflow			: hidden;			/*      */
	}
div#column1 div#adframeFling {				/*** ADZONE IFRAME CONTAINER ***/
	text-align			: center;			/*      */
}
	div#adframeFling iframe {				/*** ADZONE IFRAME ***/
		width				: 120px;			/*      */
		height				: 600px;			/*      */
		border-style		: solid;			/*      */
		border-width		: 1px;				/*      */
	}
	
	
div#column2 div#adframeLeaderboard {		/*** ADZONE IFRAME CONTAINER ***/
	text-align			: center;			/*      */
}
	div#adframeLeaderboard iframe {				/*** ADZONE IFRAME ***/
		width				: 730px;			/*      */
		height				: 90px;				/*      */
		border-style		: solid;			/*      */
		border-width		: 1px;				/*      */
		overflow			: visible;			/*      */
	}
div#column2 div#adframeHTML {				/*** ADZONE IFRAME CONTAINER ***/
	text-align			: center;			/*      */
}
	div#adframeHTML iframe {					/*** ADZONE IFRAME ***/
		width				: 730px;			/*      */
		height				: 300px;			/*      */
		border-style		: solid;			/*      */
		border-width		: 1px;				/*      */
		overflow			: visible;			/*      */
	}
div#column2 div#aebnVideos {				/*** AEBN VIDEO SAMPLES CONTAINER ***/
	text-align			: center;			/*      */
}
	div#aebnVideos table {
		float				: left;
		position			: relative;
		left				: 8px;
		margin-right		: 3px;
	}

div#column2 div#adframeBanner1 {			/*** ADZONE IFRAME CONTAINER ***/
	text-align			: center;			/*      */
}
	div#adframeBanner1 iframe {					/*** ADZONE IFRAME ***/
		width				: 730px;			/*      */
		height				: 90px;				/*      */
		border-style		: solid;			/*      */
		border-width		: 1px;				/*      */
		overflow			: visible;			/*      */
	}
/*** END ADZONE IFRAMES ******************************************************************//**/

.jmbfoot {
	display: none;
}
