@charset "UTF-8";
@import "reset.css";


/* CSS Document */


/*
	----------------------------
	HTML SELECTORS
	____________________________
*/


body { background: #333; font:17px/21px Helvetica, Arial, sans-serif; color: #333; margin: 0; padding: 0; }
a { color: #ccc; text-decoration: underline; }
a:hover { color: #fb2b2b; }
h1, h2 { font-size: 26px; line-height: 28px; font-weight: normal; letter-spacing: -1px; color: #fff; }
h3 { font-size: 18px; font-weight: normal; margin: 8px 0; }
h4 { font-size: 14px; font-weight: normal; margin: 0; }
h5 { font-size: 12px; font-weight: normal; margin: 0; }
ul { margin-left: 80px; }
ol { margin-left: 36px; }


/*
	----------------------------
	LAYOUT
	____________________________
*/


#wrapper {
	width: 980px;
	margin: 0 auto;
	padding-top: 8px;
	background-color: #246cb4;
}
#main { width: 640px; float: left; }
#main > p, #main > div { margin-left: 7px; }
#sidebar { width: 940px; float: right; }
/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/


#video-controls { width: 960px; }
#video-controls a { color: #000; text-decoration: underline; }


/*
	----------------------------
	UTILITY CLASSES
	____________________________
*/


.black-15 { background: url(../media/black-15-trans.png); color: #fff; padding: 4px 8px; }
.black-35 { background: url(../media/black-35-trans.png); color: #fff; padding: 4px 8px; }
.black-50 {
	color: #fff;
	padding: 4px 8px;
}
.black-65 { background: url(../media/black-65-trans.png); color: #fff; padding: 4px 8px; }
.black-85 { background: url(../media/black-85-trans.png); color: #fff; padding: 4px 8px; }


div.clear { overflow: hidden; height: 1px; clear: both; }
img.alignRight { float: right; margin: 0 0 15px 15px; }
img.alignLeft { float: left; margin: 0 15px 15px 0; }
.error { color: #833; }
mail {
	font-size: 14px;
	color: #FFF;
}
.mail2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size:28px;
	color: #FFF;
	font-style: italic;
}