/* * * * * * * * * * * * * * * */
/* POPHORN CSS by UNSWORN      */
/* * * * * * * * * * * * * * * */


/* * * * * * * * * */
/* Color table     */
/* * * * * * * * * */


/* * * * * * * * * */
/* PNG FIX         */
/* * * * * * * * * */

/* Disabled for now, until we get it working properly */
/*
	 img, div, a, span { behavior: url(/iepngfix.htc); }
*/


/* * * * * * * * * */
/* Skeleton        */
/* * * * * * * * * */

	body, html {
		height:100%; /* Stretch everything */
	}
	
	body {
		font:12px/15px Arial, Helvetica, sans-serif;
		margin:0;
		padding:0;
		text-align:center;
		background:white url(pix/skin/backgrounds/skin1_top_1.gif) center top no-repeat;
	}

	body a {
		color:#009ff4;
	}
	
		
	div.wrapper {
	/* this div is used for cosmetic purposes only. */
	/* it can hold additional background-images for enhanced expressive freedom */
	min-height:100%;
	}
	
/* * * * * * * * * */
/* Segments        */
/* * * * * * * * * */

	div.topsegment {
		margin:0;
		padding:0;
		text-align:center;
	}
	
	div.pagesegment {
		margin:0;
		padding:0;
		text-align:center;

		background:url(../css/pix/skin/backgrounds/skin1_mid_1.gif) center bottom no-repeat;

	}
	
	div.footersegment {
		margin:0;
		padding:0;
		text-align:center;
		height:252px;

		background:url(../css/pix/skin/backgrounds/skin1_bottom_1.jpg) center top no-repeat;

	}

	div.sponsorsegment {
		margin:0;
		padding:0;
		text-align:center;
	}
	
/* * * * * * * * * */
/* Regions         */
/* * * * * * * * * */

	div.top {
		margin:0 auto 0 auto;
		height:168px;
		text-align:left;
		position:relative;
		width:852px;
	}
	
	div.page {
		background:white;
		margin:0 auto 0 auto;
		position:relative;
		text-align:left;
		width:876px;
		padding-top:0;
	}
	div.page_divided {
		background:url(pix/page_divided.gif) top left repeat-y;
		background:url(pix/page_divided_solid.gif) top left repeat-y;
	}
	
	div.footer {
		margin:0 auto 0 auto;
		position:relative;
		text-align:left;
		width:876px;
		padding-top:12px;
padding-top:72px;
	}

	div.sponsors {
	padding-bottom:96px;
	}
	
/* * * * * * * * * * * * * * * * * * * * * * * * * */ 
/* Clears to make segments  contain childen        */
/* * * * * * * * * * * * * * * * * * * * * * * * * */

	div.clear_top {
		clear:both;
		height:0;
		display:block;
		clear:both;
		line-height:0;
		font-size:0;
		position:relative;
		top:0;
		left:0;
	}
	
	div.clear_page {
		clear:both;
		height:0;
		display:block;
		clear:both;
		line-height:0;
		font-size:0;
		position:relative;
		top:0;
		left:0;
	}
	
	div.clear_footer {
		clear:both;
		height:0;
		display:block;
		clear:both;
		line-height:0;
		font-size:0;
		position:relative;
		top:0;
		left:0;
	}
	
	div.clearfloats {
		clear:both;
		height:0;
		display:block;
		clear:both;
		line-height:0;
		font-size:0;
		position:relative;
		top:0;
		left:0;
	}

/* * * * * * * * * * * * * * * * * * * * * */
/* PAGE: Layout regions  and their modules */
/* * * * * * * * * * * * * * * * * * * * * */

div.grand_region {
	float:left;
	width:852px;
	margin-left:12px;

	/* IE 6 fixes: */
	/* so that ie6 doesn't double the left margin: */
		display:inline;
	/* ^^ to avoid IE6 adding margins were there should not be any. */
		line-height:0px;
		font-size:0;
	}	

div.main_region {
	float:left;
	width:564px;
	margin-left:12px;
	display:inline; /* so that ie6 doesn't double the left margin */
}	

div.auxiliary_region {
	float:left;
/*float:right;*/
	width:276px;
	margin-left:12px;
/*margin-left:0;
margin-right:12px;*/
	display:inline; /* so that ie6 doesn't double the left margin */
}	

div.supplementary_region {
	float:left;
	width:576px;
	margin-left:12px;
	display:inline; /* so that ie6 doesn't double the left margin */
}	

div.footer_region {
	float:left;
	width:852;
	margin-left:12px;
	display:inline; /* so that ie6 doesn't double the left margin */
}	

/* * * * * * * * * * * * * * * * * */
/* PAGE: Layout Modules and Areas  */
/* * * * * * * * * * * * * * * * * */

div.module_852 {
	float:left;
	width:852px;
}

div.module_564 {
	float:left;
	width:564px;
}

div.module_276 {
	float:left;
	width:276px;
}

/* AREAS */
	

/* area_852 */

	div.area_852 {
		float:left;
		width:852px;
	}

/* area_564 */

	div.area_564,
	div.area_564_last {
		float:left;
		width:564px;
		margin-right:12px;
	}

	div.area_564_last {
		margin-right:0;
	}

/* area_420 */

	div.area_420,
	div.area_420_last {
		float:left;
		width:420px;
		margin-right:12px;
	}

	div.area_420_last {
		margin-right:0;
	}

/* area_276 */

	div.area_276,
	div.area_276_last {
		float:left;
		width:276px;
		margin-right:12px;
	}

	div.area_276_last {
		margin-right:0;
	}

/* area_204 */

	div.area_204,
	div.area_204_last {
		float:left;
		width:204px;
		margin-right:12px;
	}

	div.area_204_last {
		margin-right:0;
	}

/* area_180 */

	div.area_180,
	div.area_180_last {
		float:left;
		width:180px;
		margin-right:12px;
	}

	div.area_180_last {
		margin-right:0;
	}

/* area_132 */

	div.area_132,
	div.area_132_last {
		float:left;
		width:132px;
		margin-right:12px;
	}

	div.area_132_last {
		margin-right:0;
	}


div.grand_region div.control {
	background-color:#FFFF00;
}	

div.main_region div.control {
	background-color:#FFCC00;
}	

div.auxiliary_region div.control {
	background-color:#FF9900;
}	

div.supplementary_region div.control {
	background-color:#FF6600;
}	

div.footer_region div.control {
	background:none;
	color:white;
	border-color:white;
}	

/* * * * * * * */
/* top home    */
/* * * * * * * */

	ul.globalhome {
		position:absolute;
		top:0;
		left:0;
		width:120px;
		height:24px;
		color:white;
		z-index:100;
		display:none;
	}
	
	ul.globalhome li {
		float:left;
		width:120px;
		height:24px;
	}
	
	ul.globalhome li a {
		color:white;
		float:left;
		width:120px;
		height:24px;
		text-indent:-2000px;
		background:url(pix/skin/globalnavigation/globalhome.png) 0 0 no-repeat;
		overflow:hidden;
		cursor:pointer;
	}

	ul.globalhome li a:hover {
		background-position:0 -100px;
	}

/* * * * * * * * * * * * */
/* top globalnavigation  */
/* * * * * * * * * * * * */

	div.globalnavigation {
		position:absolute;
		left:0;
		top:108px;
		width:864px;
		z-index:600;
	}
	ul.globalnavigation {
		color:white;
		position:absolute;
		top:0;
		width:auto;
		right:12px;
		padding-left:3px;
		width:auto;
		display:block;
		display:inline;
		float:right;
	}
	
	ul.globalnavigation li {
		float:right;
		line-height:22px;
	}

	ul.globalnavigation li a,
	ul.globalnavigation li a:link,
	ul.globalnavigation li a:visited,
	ul.globalnavigation li a:hover,
	ul.globalnavigation li a:active {
		float:left;
/*		border-right:1px solid black;*/
		cursor:pointer;
		font-weight:normal;
		padding-left:12px;
		font:14px/22px "Arial Black", Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		border-top:1px solid black;
	}

	ul.globalnavigation li a span {
		float:left;
		padding-right:12px;
		padding-left:0;
		color:black;
	}

	ul.globalnavigation li a:hover {
		background:url(pix/skin/globalnavigation/globalnav_left_hover.png) top left no-repeat;
		color:white;	
	}

  	ul.globalnavigation li a:hover span {
		color:white;
		background-color:#009ff4;
	}

	ul.globalnavigation li a:hover span {
		color:white;
		background-color:#009ff4;
	}

	ul.globalnavigation li a.lastitem {
	}
	
	ul.globalnavigation li a.firstitem {
/*		background:url(pix/skin/globalnavigation/globalnav_right.png) bottom right no-repeat;*/
		border-right:0;
	}

	ul.globalnavigation li.selected a,
	ul.globalnavigation li.selected a:link,
	ul.globalnavigation li.selected a:visited,
	ul.globalnavigation li.selected a:hover,
	ul.globalnavigation li.selected a:active {
		color:white;
		background:black;	
		padding-left:12px;
		background:url(pix/skin/globalnavigation/globalnav_left.png) top left no-repeat;
	}

  	ul.globalnavigation li.selected a span {
		color:white;
		background-color:black;
	}


/* * * * * * * * */
/* CONTROLS      */
/* * * * * * * * */

		/* * * * * * * * * * * * * */
		/* generic control         */
		/* * * * * * * * * * * * * */

 div.control {
	float:left;
	height:60px; /* NOT required */
	width:100%; /* NOT required */
	display:inline;
	border-top:12px solid black; /* NOT required */
	font:12px/15px Arial, Helvetica, sans-serif; /* Font-size and line-height needs to be set so that text is rendered visible */
	margin-bottom:12px; /* required */
/* if IE6 screws up the margin above need to be replaced with the above rule */
/*	border-bottom:12px solid white;*/

}

		/* * * * * * * * * * * * * */
		/* content_control         */
		/* * * * * * * * * * * * * */

		div.content_control {
			float:left;
			width:100%; /* NOT required */
			display:inline;
			font:12px/18px Arial, Helvetica, sans-serif; /* Font-size and line-height needs to be set so that text is rendered visible */
			margin-bottom:12px; /* required */
		/* if IE6 screws up the margin above need to be replaced with the above rule */
		/*	border-bottom:12px solid white;*/
		
		}

		div.content_control h1 {
				font-weight:normal;
				font:18px/18px "Arial Black", Arial, Helvetica, sans-serif;
			text-transform:uppercase;
			margin:0 0 6px 0;
			padding:0;
			letter-spacing:-0.05em;
/*border-bottom:1px solid black;*/
		}


		div.content_control h2 {
			font-weight:normal;
			font:15px/18px "Arial Black", Arial, Helvetica, sans-serif;
			text-transform:none;
			margin:0 0 6px 0;
			padding:6px 0 0 0;
			letter-spacing:-0.05em;
		}
		
		div.content_control h3 {
			font-weight:bold;
			margin-top:4px;
			margin-bottom:4px;
			color:#ff007a;		
color:black;
font-weight:normal;
text-transform:uppercase;
letter-spacing:0.072em;
/*border-bottom:1px solid black;*/
		}

div.content_control div.infobubble {

padding:0 6px 36px 11px;
}		


		div.content_control kbd {
			background:#c0c0c0;
			color:white;
			padding:2px 4px 2px 4px;
			border-top:1px solid #dadada;
			border-right:1px solid #a0a0a0;
			border-bottom:1px solid #808080;
			border-left:1px solid #dadada;
		}
	
		div.content_control a {
			color:#009ff4;
			font-weight:bold;
			text-decoration:none;			
		}

		div.content_control a:hover {
			color:#009ff4;
			text-decoration:underline;			
		}
		
		div.content_control h1 a,
		div.content_control h2 a {
			color:black;
			font-weight:normal;
		}

		div.content_control h1 a:hover,
		div.content_control h2 a:hover {
			color:#009ff4;
			text-decoration:none;			
		}
		div.content_control p {
			margin-bottom:1em;
		}

		div.content_control ul {
			margin-bottom:1em;
		}
		div.content_control b.intro {
			margin-bottom:1em;
			font:14px/18px "Arial black" Arial, Helvetica, sans-serif;
			font-weight:normal;
			color:#ff007a;
		}

		div.content_control p.intro {
			margin-bottom:1em;
			font:12px/18px Arial, Helvetica, sans-serif;
			font-weight:bold;
			color:black;
		}
		
		div.content_control ul.brand li {
			font-weight:bold;
		}
		
		div.content_control ul.models,
		div.content_control ul.models li {
			display:inline;
			font-weight:normal;
			color:black;
		}

		div.content_control ul.models a {
			color:#009ff4;
		}
		
		div.content_control ul.models li:after {
			content: ",";
		}
		div.content_control ul.models li:lastchild {
			content: "!";
		}
			div.area_564 div.content_control p {
				width:420px;
				margin-left:144px;
			}

			div.area_564 div.content_control p {
				width:auto;
				margin-left:0;
			}

		div.content_control img {
			margin:0.2em 0 0.3em 0;
		}




		/* * * * * * * * * * * * * * * * * * * * * * */
		/* footerhomelink					         */
		/* * * * * * * * * * * * * * * * * * * * * * */
	
		div.footerhomelink_control {
			float:left;
			width:132px;
			overflow:hidden;
			display:inline;
			font:12px/15px Arial, Helvetica, sans-serif;
			margin-bottom:12px;
			color:black;
			font-weight:bold;
			line-height:18px;
		}

		div.footerhomelink_control a {
			display:block;
			background:url(pix/skin/footer/pophorn_132x36.png) top left no-repeat;
			width:100%;
			overflow:hidden;
			text-indent:-2000px;
			height:36px;
		}

		/* * * * * * * * * * * * * * * * * * * * * * */
		/* supplementarynavigationpanel_control      */
		/* * * * * * * * * * * * * * * * * * * * * * */
	

		div.supplementarynavigationpanel_control ul.closed_node {
			display:none;
		}
		
		div.supplementarynavigationpanel_control {
			float:left;
			width:132px;
			overflow:hidden;
			display:inline;
			font:12px/15px Arial, Helvetica, sans-serif;
			margin-bottom:12px;
			color:black;
			font-weight:bold;
			line-height:18px;
		}
		
		div.supplementarynavigationpanel_control div.navigationpanel_panel {
			float:left;
			width:100%;
			display:inline;
			padding-bottom:24px;
		}

		/* ul.navigation_level_2 */
		div.supplementarynavigationpanel_control ul {
			overflow:hidden;
		}

		div.supplementarynavigationpanel_control ul li {
			float:left;
			width:100%;
			display:block;
			position:relative;
			line-height:12px;
			color:white;
			z-index:100;
		}

		div.supplementarynavigationpanel_control ul li a,
		div.supplementarynavigationpanel_control ul li a:link,
		div.supplementarynavigationpanel_control ul li a:visited,
		div.supplementarynavigationpanel_control ul li a:hover,
		div.supplementarynavigationpanel_control ul li a:active {
			float:left;
			width:100%;
			display:block;
			position:relative;
			padding:6px 0 6px 0;
			z-index:200;
			line-height:12px;
			color:black;
		}

		div.supplementarynavigationpanel_control ul li a span,
		div.supplementarynavigationpanel_control ul li a:link span,
		div.supplementarynavigationpanel_control ul li a:visited span,
		div.supplementarynavigationpanel_control ul li a:hover span,
		div.supplementarynavigationpanel_control ul li a:active span {
			position:relative;
			padding-left:12px;
			display:block;
			background:none;
		}

		/* hover states */		

		div.supplementarynavigationpanel_control ul li a:hover  {
				color:white;
				background:url(pix/skin/footer/hoverbg_132x24.png) right center no-repeat;
			}
		
		div.supplementarynavigationpanel_control ul li a:hover span {
				position:relative;
				/* background:white;*/
				display:block;
			}
		
		div.supplementarynavigationpanel_control ul li.selected {
			z-index:50;
		}

		div.supplementarynavigationpanel_control ul li.selected a,
		div.supplementarynavigationpanel_control ul li.selected a:link,
		div.supplementarynavigationpanel_control ul li.selected a:visited,
		div.supplementarynavigationpanel_control ul li.selected a:hover,
		div.supplementarynavigationpanel_control ul li.selected a:active {
			z-index:20;
			background:none;
			background-color:transparent;
			color:white;
			display:block;
		}
		
		div.supplementarynavigationpanel_control ul li.selected a span,
		div.supplementarynavigationpanel_control ul li.selected a:hover span {
			position:relative;
			display:block;
			background-color:transparent;
		}
		
		div.supplementarynavigationpanel_control ul li.selected a em,
		div.supplementarynavigationpanel_control ul li.selected a:hover em {
			display:none;
		}
		
		div.supplementarynavigationpanel_control ul li.selected strong {
			position:absolute;
			left:0;
			top:-12px;
			height:48px;
			width:132px;
			background:transparent url(pix/skin/footer/selected_footerthing.png) center center no-repeat;
				z-index:1;
		}
		

div.content_control a.flipper,
div.content_control span.flipper {
	background:url(toolkit/empty30x30.gif) 0 0 no-repeat;
	position:relative;
	display:block;
	width:564px;
	height:204px;
	text-decoration:none;
}

div.content_control a.flipper:hover {
	background-position:0 -204px;
}

div.content_control a.flipper span {
	background:black;
	position:absolute;
	bottom:0;
	left:0;
	padding:6px 12px 6px 12px;
	color:white;
}

div.content_control a.flipper span b {
	display:block;
	font-weight:bold;
}

div.content_control a.flipper span i {
	display:block;
	font-style:normal;
}
/* - temp - */

div.navigation {
	float:left;
	width:132px;
	margin-right:12px;
}

/* - // temp - */

/* *  BLOG STYLES: * */
div.storycontent {
overflow:hidden;
width:100%;
}

div.storycontent p {
margin-bottom:12px;
}


div.content_control p img {
display:block;
margin-bottom:12px;
clear:both;
}


div.storycontent .right { float: right; }
div.storycontent .left { float: left; } 


div.content_control p img.left {
	float:left;
	clear:none;
}

div.content_control p img.right {
	float:right;
	clear:none;
}

div.content_control p img.marginleft {
	margin-left:12px;
	display:inline;
}

div.content_control p img.marginright {
	margin-right:12px;
	display:inline;
}

/* bigfeature */
div.content_control div.bigfeature {
	height:432px;
	padding:0;
	margin:0;
}

div.content_control div.bigfeature img {
	padding:0;
	margin:0;
	vertical-align:top;
	
}

div.content_control div.bigfeature h1 {
	padding:6px 6px 0 6px;
	margin:0;
	color:white;
}

div.content_control div.bigfeature p {
	color:white;
	margin:0;
	padding:3px 6px 0 6px;
	line-height:12px;
}

div.content_control div.bigfeature h1 a,
div.content_control div.bigfeature p a {
	color:white;
	text-decoration:none;
font-weight:normal;
display:block;
}

/* minifeature */
div.content_control div.minifeature {
	height:240px;
	padding:0;
	margin:0;
}

div.content_control div.minifeature img {
	padding:0;
	margin:0;
	vertical-align:top;
	
}

div.content_control div.minifeature h1 {
	padding:6px 6px 0 6px;
	margin:0;
	color:white;
}

div.content_control div.minifeature p {
	color:white;
	margin:3px 0 0 0;
	padding:0 6px 0 6px;
	line-height:12px;
}

div.content_control div.minifeature h1 a,
div.content_control div.minifeature p a {
	color:white;
	text-decoration:none;
font-weight:normal;
display:block;
}

/* signupbox */
div.content_control div.signupbox {
	padding:0 0 36px 0;
	margin:0;
	background:#009ff4;
	color:white;
}

div.content_control div.signupbox h1 {
	padding:6px 6px 0 6px;
	margin:0;
	color:white;
}

div.content_control div.signupbox h3 {
	color:white;
	margin:6px 0 0 0;
	padding:0 6px 0 6px;
	line-height:12px;
}	

div.content_control div.signupbox p {
	color:white;
	margin:6px 0 0 0;
	padding:0 6px 0 6px;
	line-height:12px;
}

div.content_control div.signupbox input.textinput {
	font:12px/12px Arial, Helvetica, sans-serif;
	color:black;
	margin:3px 6px 0 6px;
}

div.content_control div.signupbox textarea.textinput {
	font:12px/15px Arial, Helvetica, sans-serif;
	color:black;
	margin:3px 6px 0 6px;
}


div.content_control div.signupbox h1 a,
div.content_control div.signupbox p a {
	color:white;
	text-decoration:none;
font-weight:normal;
display:block;
}


/* poptalkbox */
div.content_control div.poptalkbox {
	padding:0;
	margin:0;
}

div.content_control div.poptalkbox h1 {
	padding:6px 6px 0 6px;
	margin:0;
	color:white;
}

div.content_control div.poptalkbox p {
	color:white;
	margin:3px 0 0 0;
	padding:0 6px 0 6px;
	line-height:12px;
}

div.content_control div.poptalkbox ul {
background:black;
padding:6px 0 18px 0;
line-height:12px;
}


div.content_control div.poptalkbox ul a {
	color:white;
	background:black;
	text-transform:capitalize;
	text-decoration:none;
display:block;
padding:2px 6px 2px 6px;
}

div.content_control div.poptalkbox ul a:hover {
	background-color:#009ff4;
}


div.pophornpusher {
	text-align:right;
	overflow:hidden;
	background:silver url(../img/threefirstpophorns/bg.gif) top left repeat-x;
	height:216px;
	position:relative;
}

div.pophornspusher_pophorns {
	position:absolute;
	top:0;
	left:144px;
	width:420px;
	text-align:left;
	color:white;

}

div.pophornspusher_pophorns a {
	position:absolute;
	top:0;
	left:0;
	width:140px;
	height:216px;
	text-align:left;
	color:white;

}
div.pophornspusher_pophorns a.ph_ophonine {}
div.pophornspusher_pophorns a.ph_boomskakular {
	left:140px;
}
div.pophornspusher_pophorns a.ph_corduroid {
	left:280px;
}



div.pophornpusher div.pophornpusherfeats {
	position:absolute;
	top:0;
	left:0;
	width:144px;
	text-align:left;
	color:white;
}

div.pophornpusher div.pophornpusherfeats h1 {
padding:6px;
margin:0;
}
div.pophornpusher div.pophornpusherfeats p {
padding:0 6px;
line-height:12px;
}

div.pophornpusher div.pophornpusherfeats a {
	color:white;
	font-weight:normal;
}

div.pophornpusher div.pophornpusherfeats a:hover {
	color:#ff007a;
	text-decoration:none;
}