/*
	Box of Doom
 	- http://www.boxofdoom.nl

	This theme was designed and built by Thijs Leydens for Slik
	The CSS, XHTML and design is protected by copyright.
	All rights reserved, 2010
*/

/* Copyright (c) 2009, Yahoo! Inc. All rights reserved.Code licensed under the BSD License:http://developer.yahoo.net/yui/license.txt version: 2.7.0 */
html{color:black;background:white;height:100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}

/* setting defaults */
body {
	font: 12px/1.4 Arial, Helvetica, sans-serif;
	background: #ebebeb url('../gfx/backgr_body_home.gif') no-repeat center 70px;
	text-align: center;
	min-height: 100%; }
	body#textpage { background: #ebebeb; }
a { 
	outline: none;
	text-decoration: none;
	color: #EC002C; }
	a:hover { color: black; }
#main { 
	position: relative;
	text-align: left;
	margin: 0 auto;
	padding-bottom: 20px;
	width: 980px; }
.clear {
	display: block;
	clear: both; }
.warning {
	background: #ff8;
	border: 1px solid #FFA800;
	margin: 20px 20px 20px 0;
	padding: 10px; }
/* alternative font for Cufon targets */
h1, h3, h4, ul#metanav a, #teaser table th, ul#navigation a { font-family: "Arial Narrow"; font-weight: bold; }

/* header */
#header { height: 100px; width: 900px; }
	#header h1 { 
		font-size: 30px; font-weight: 700; text-transform: uppercase; line-height: 1;
		position: absolute; top: 581px; left: 30px; }
		body#textpage #header h1 { top: 51px; }
	a.logo {
		display: block;
		display: block; width: 48px; height: 60px; background: url(../gfx/boxofdoom-logo.png);
		position: absolute; top: 52px; left: 8px; }
		a.logo em { display: none; }
		
/* topright navigation */
ul#metanav {
	position: absolute;
	right: 3px; /* all ie browsers - right: 0; */
	top: 0; }
	ul#metanav li { display: inline; }
	ul#metanav a { 
		font-size: 14px;
		text-transform: uppercase;
		display: block; 
		float: left; 
		padding: 12px 10px 3px 10px;
		background: url(../gfx/backgr_hash_red.gif) repeat-x top left; }
		ul#metanav a:hover {
			background-image: url(../gfx/backgr_hash_black.gif); }

/* navigation */
ul#navigation { text-transform: uppercase; margin-top: 30px; }
	ul#navigation li {
		display: inline; }
	ul#navigation a {
		font-size: 13px;
		color: black;
		display: block;
		float: left;
		width: 215px;
		padding-left: 30px; }
		ul#navigation a.active { background: url('../gfx/arrow_red.gif') no-repeat 3px 6px; }
		ul#navigation a strong {
			display: block;
			font-size: 20px; 
			color: #EC002C; }
		ul#navigation a:hover {
			color: #EC002C;
			background: url('../gfx/arrow_red.gif') no-repeat 5px 6px; }
			ul#navigation a:hover strong { color: black; }
	/* modifications for textpage navigation */
	body ul#navigation { margin: -50px 0 0 80px; }
		body ul#navigation a { font-size: 12px; width: 195px; }
		body ul#navigation strong { font-size: 19px; }

/* content */
#content {
	border-top: 1px solid #ccc;
	margin: 40px 0 20px 0;
	min-height: 500px;
	background: #ebebeb url('../gfx/backgr_body_home.gif') no-repeat center -420px; }
	#content #left { width: 592px; float: left; padding: 0 20px 20px 8px; }
	#content #right { width: 352px; float: left; padding: 0 8px 20px 0; } 
	#content h2 { font-size: 30px; text-transform: uppercase; padding: 20px 0 0 0; }
		#content #right h2 { color: #aaa; }
	#content h3 { font-size: 14px; text-transform: uppercase; padding: 0 0 20px 0; color: #666; line-height: .7; }
	#content h4 { color: #EC002C; font-size: 14px; text-transform: uppercase; }
	#content h5 { color: white; background: black; padding: 2px 4px; font-size: 14px; text-transform: uppercase; }
	#content p { padding: 0 0 20px 0; }
	#content strong { font-weight: bold; }
	#content ol li { list-style-type: decimal; margin: 10px 0 10px 20px; }
	#content ul li { background: url('../gfx/bullet_red.png') no-repeat 5px 10px; padding: 6px 0 6px 20px; }
		#content ul.chooseSpeaker { margin: 0 0 0 40px; }
			#content ul.chooseSpeaker li { background: none; padding: 0;}
			#content ul.chooseSpeaker input { padding: 0; float: none; }
			#content ul.chooseSpeaker label { display: inline; float: none; padding: 0; }
	#content blockquote {
		background: #ebebeb url('../gfx/backgr_body_home.gif') no-repeat -100px -420px; 
		padding: 40px 20px;
		border-top: 1px solid #ccc;
		font-style: italic;
		color: #666; }
		#content blockquote em {
			float: right; clear: left; color: black; padding-top: 6px; }
#content .package { 
	border: 1px solid #ccc; 
	float: left;
	width: 280px;
	padding: 0px;
	margin-right: 20px;
	background: white; }
table.speakers { width: 590px; }
	table.speakers td { text-align: center; }
		table.speakers em { color: #EC002C; }
	
/* order and contact form */
form label {
	display: block;
	float: left;
	clear: left;
	width: 100px;
	padding: 12px 0 8px 0; }
	form label em { color: #EC002B; }
	form label.radio { float: left; clear: none; width: 450px; padding: 4px 0;  }
	form label.checkbox { float: left; clear: none; width: 450px; padding: 4px 0;  }
form input[type="text"], textarea { 
	float: left;
	width: 480px;
	padding: 4px;
	font-size: 16px;
	margin: 4px 0;
	color:  #333;
	border: 1px solid #aaa; }
	form input:focus, form textarea:focus { border: 1px solid black; }
	textarea { height: 100px; }
form input[type="submit"] {
	font-size: 20px; 
	font-weight: bold;
	color: #EC002C;
	padding: 5px 10px;
	margin: 10px 0 0 0;
	float: right; }
form select { margin: 5px 0; }
form input[type="radio"] {
	float: left;
	clear: left;
	margin: 5px 8px 4px 0; }
form input[type="checkbox"] {
	float: left;
	clear: left;
	margin: 5px 8px 0 100px; }
.formResult { 
	padding: 10px; margin: 0 0 15px 0; }
	.formResult.error {
		background: #EC002B; color: white; }
	.formResult.ok {
		background: #2D9E00; color: white; }	

/* teaser image and funny survey on front page */
#teaser { clear: left; }
#teaser img.packshot {
	float: left;
	padding: 80px 85px 0 85px;
	vertical-align: top; }
#teaser a.getTheBox { margin-left: 356px; }
#teaser table {
	width: 510px;
	margin-top: 70px; }
	#teaser table td { text-align: center; padding: 15px 0; }
		#teaser table td.hell { width: 50px; height: 14px; }
			#teaser table td.hell.yeah { background: url(../gfx/teaser_hellyeah.png) no-repeat center top; }
			#teaser table td.hell.no { background: url(../gfx/teaser_hellno.png) no-repeat center top; }
			#teaser table td.hell em { display: none; }	
	#teaser table th { color: #EC002C; font-size: 22px; text-transform: uppercase; padding-right: 0; }
	
/* image slider on product page */
#slider{ border-left: 1px solid #aaa; border-right: 1px solid #aaa; margin: 10px 0 20px 0; }
	#slider ul, #slider li{
	margin:0;
	padding:0 !important;
	list-style:none;
	background: none !important; }
#slider li{ 
	width:590px;
	height:320px;
	overflow:hidden; }	

/* footer */
#footer { position: absolute; bottom: 10px; right: 10px; }