/************************************************************************

	Site:		Information Age // Vitesse
	
	Author:		Wide Area Communications // Viral Ganatra
	
	Created: 24-10-08
  	Last updated: 05-11-08
	

	Listing Order:
	==============

	1 - Universal
	2 - Structure/Layout
	3 - Footer
	4 - Crumbtrail
	5 - Common

************************************************************************/


/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/

*           		{ padding:0; margin:0; outline:0; }
body        		{ font:62.5% Arial, Helvetica, sans-serif; color:#000; background:#fff; }
li          		{ list-style-type:none;font:1.1em Arial, Helvetica, sans-serif; }
strong      		{ font-weight:bold; }
fieldset    		{ border:0; }
legend span 		{ position:absolute; left:0px; top:-5000px; width:1px; height:1px; overflow:hidden; }
label       		{ cursor:pointer; vertical-align:middle; outline:0; display:block; float:left; margin:3px 6px; font-size:1.1em; color:#000; }
input,
select,
textarea			{ float:left; margin-top:2px;	}
img					{ margin:0;padding:0;display:block;	}
p					{ font:1.3em Arial, Helvetica, sans-serif;color:#000;margin-bottom:10px; }
a           		{ text-decoration:none; color:#00518F; }
a:hover     		{ text-decoration:underline; }
a img       		{ border:0; text-decoration:none; }
/* For hiding content intended only for screenreaders */
.screenreader
					{ position:absolute; left:0px; top:-5000px; width:1px; height:1px; overflow:hidden; }
.clear      		{ clear:both;height:0; }
.no-bg				{ background-image:none !important; }
.no-float			{ float:none !important; }
.error				{ color:red; font:bold 1.1em Arial, Helvetica, sans-serif; margin:10px 0; display:block }


/***********************************************************************
	2 - STRUCTURE/LAYOUT
************************************************************************/

#wrapper {
    margin:0 auto;
    width:960px;
}
#logo {
	background:url(/images/bg-logo-2.gif) repeat-x 0 0;
	height:88px;
}
#logo #banner {
	background:url(/images/logo.gif) no-repeat 0 0;
	display:block;
	width:313px;
	height:88px;
	float:left;
}
#page {
	padding:0 10px;
	margin:10px 0;
	background:url(/images/fauxcolumns-video.gif) repeat-y 0 0;
}
#main-column {
	width:370px;
	float:left;
	padding:0 10px;
}
#navigation-column {
	width:360px;
	padding:0 10px;
	float:left;
}
#skyscrapers {
	width:160px;
	float:left;
	padding-left:10px;
}
.sky-ads {
	padding:10px 0;
	border-bottom:dotted 1px #BFBFBF;
	text-align:center;
	width:140px;
}
#banner-top,
#banner-bottom {
	margin:0 auto;
	text-align:center;
	width:960px;
}
#banner-top img {
	margin:0 auto;
}
#mpu {
	width:300px;
	margin:0 auto;
	text-align:center;
}

/***********************************************************************
	3 - FOOTER
************************************************************************/

#bottom-links {
	background-color:#B0AFB0;
	border-bottom:1px solid white;
	color:#fff;
	font-size:1.1em;
	margin:20px 0 0;
	padding:2px;
	text-align:center;
	text-transform:uppercase;
}
#bottom-links a {
	padding:2px 3px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
#bottom-copyright {
	background-color:#B0AFB0;
	color:#fff;
	font-size:1em;
	padding:1px 3px 1px 1px;
	text-align:right;
}
#bottom-copyright a {
	color:#fff;
}
#bottom-copyright a:hover {
	text-decoration:none;
}

/***********************************************************************
	4 - CRUMBTRAIL
************************************************************************/

#crumbtrail {
	padding:8px 10px 8px 0;
	float:left;
}
#crumbtrail li {
	color:#00518F;
	float:left;
	font:normal 1.1em/105% Arial, Helvetica, sans-serif;
}
#crumbtrail a {
	color:#00518F;
}
#crumbtrail li {
	padding-right:6px;
}


/***********************************************************************
	5 - COMMON
************************************************************************/

h1 {
	color:#00518F;
	font:2.8em Times New Roman, Times, serif;
	margin-bottom:15px;
}
h2 {
	color:#00518F;
	font:1.8em Arial, Helvetica, sans-serif;
	margin-bottom:10px;
}
p {
	color:#333;
	font:1.1em Arial, Helvetica, sans-serif;
}
.video img,
.mpu img {
	margin:0 auto;
}
.mpu p {
	color:#B3B3B3;
	font:1.2em Arial, Helvetica, sans-serif;
	text-align:center;
}
.categories {
	border-bottom:1px dotted #BFBFBF;
	padding-bottom:10px;
	margin-bottom:10px;
}
.categories img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
.categories h3 {
	color:#00518F;
	font:bold 1.4em Arial, Helvetica, sans-serif;
}
.video-vote {
	margin-top:45px;
}
.logout {
	font:bold 1.1em Arial, Helvetica, sans-serif;
	float:right;
}
.blue {
	background-color:#DAEDF0;
}
.categories-container {
	padding:10px 10px 0 10px;
	margin-bottom:10px;
	zoom:1;
}
#category-listing-page #page {
	background:url(/images/fauxcolumns-listing.gif) repeat-y 0 0;
}
#category-listing-page #main-column {
	width:430px;
}
#category-listing-page #navigation-column {
	width:300px;
}
.video-listing {
	margin-bottom:20px;
	border-bottom:1px dotted #BFBFBF;
	padding-bottom:20px;
}
.video-listing .video-image {
	width:120px;
	float:left;
	margin-right:10px;	
}
.video-listing .video-image img.video-images {
	margin-bottom:10px;
}
.video-listing .video-text {
	float:left;
	width:300px;
}
.video-listing .video-text a.button-view-this-video {
	display:inline-block;
}
.video-listing h2 {
	font:bold 1.3em Arial, Helvetica, sans-serif;
}
#video-article-page #page {
	background:url(/images/fauxcolumns-video-article.gif) repeat-y 0 0;
}
#video-article-page #page #main-column {
	width:750px;
}
#video-article {
	padding:0 10px;
	margin-top:10px;
}
#video-article img {
	float:left;
	margin-right:10px;
}
#video-article-container {
	background:url(/images/fauxcolumns-video-container.gif) repeat-y 0 0;
}
#video-comments {
	width:370px;
	float:left;
	padding-left:10px;
}
fieldset.video-comment {
	margin-top:20px;
}
fieldset.video-comment label {
	margin:0 0 10px 0;
	float:none;
	font:bold 1.4em Arial, Helvetica, sans-serif;
}
fieldset.video-comment textarea {
	float:none;
	margin-bottom:20px;
}
#other-entrants {
	width:340px;
	float:left;
	padding:0 10px;
}
.comments {
	border-bottom:1px dotted #BFBFBF;
	margin-bottom:10px;
}
.video {
	width:370px;
	float:left;
	margin-right:10px; 
}
.video-voting {
	float:right;
	width:350px;
}
p.back-to-section {
	margin-top:15px;
	margin-bottom:0;
}
#register-vote {
	padding:30px 10px;
	background:#02b1d8 url(/images/bg-video.gif) repeat-x;
}
.categories-container #rateStatus {
	font:bold 1.7em Arial, Helvetica, sans-serif !important;
	/*color:#00518F !important;*/
	color:#fff !important;
}
.add-your-comment {
	background:#b3e0e5 url(/images/bg-video2.gif) repeat-x;
	margin-bottom:20px;
	padding:10px;
}
label.add-your-comments {
	color:#00518F;
	font:1.8em Arial,Helvetica,sans-serif !important;
}


/* Grey box */

iframe.GB_frame {
	border:solid 5px #fff;
}


/* reporting */

fieldset.report-comment label {
	float:left;
	width:100px;
	margin-bottom:15px;
}
fieldset.report-comment input {
	margin-right:100px;
}
fieldset.report-comment span.clear {
	display:block;
}


/* =SEARCH BARS 
------------------------------------*/
/*--- Masthead search ---*/
#search-form {
	float:left;
	margin:29px 0 7px 14px;
	}	
form.search {
	width:242px;
	}
.search label {
	display:block;
	margin:0 0 5px 0;
	font:1.2em Arial, Helvetica, sans-serif; 
	color:#fff;
	}
input#search-term {
	float:left;
	width:210px;
	height:20px;
	margin:0 6px 0 0;
	padding:0 0 2px 0;
	}	
input#search-masth {
	float:right;
	margin-top:3px;
	}