/* ENABLE HTML5
######################################### */
article,
aside,
dialog,
footer,
header,
nav,
section { display: block; }

/* RESETS
######################################### */
body { margin:0; font:13px Helvetica, Arial, sans-serif; color:#545454; background:#fff; }
img {border:0;}
form, fieldset{ margin:0; padding:0; border:0; }
input,textarea,select { font:100% Helvetica, Arial, sans-serif; vertical-align: middle; }
a { color:#d01d20; text-decoration:none; }
a:hover{text-decoration:underline;}

/* BORDERS
######################################### */
.borB2S { border-bottom: 2px solid #d4d4d4; }
.borB1D { border-bottom: 1px dotted #d4d4d4; }
.borB1S { border-bottom: 1px solid #d4d4d4; }
.borL1D { border-left: 1px dotted #d4d4d4; }
.borL1S { border-left: 1px solid #d4d4d4; }
.borR1S { border-right: 1px solid #d4d4d4; }
.borR1D { border-right: 1px dotted #d4d4d4; }
.borT1D { border-top: 1px dotted #d4d4d4; }
.borT1S { border-top: 1px solid #d4d4d4; }

/* COLUMNS
######################################### */
.col60 	{ width: 60px; }
.col140 { width: 140px; }
.col180 { width: 180px; }
.col200 { width: 200px; } /* I'm a basterdized column size, please fix me */
.col220 { width: 220px; }
.col270 { width: 270px; }
.col280 { width: 280px; }
.col290 { width: 290px; } /* I'm a basterdized column size, please fix me */
.col300 { width: 300px; }
.col320 { width: 320px; }
.col380 { width: 380px; }
.col460 { width: 460px; } /* I'm a basterdized column size, please fix me */
.col540 { width: 540px; }
.col600 { width: 600px; }
.col620 { width: 620px; }
.col640 { width: 640px; }
.col700 { width: 700px; }
.col780 { width: 780px; }
.col860 { width: 860px; }
.col940 { width: 940px; }
.col960 { width: 960px; }

/* MARGINS AND PADDING
######################################### */
.marB5 	{ margin-bottom: 5px; }
.marB10 { margin-bottom: 10px; }
.marB20 { margin-bottom: 20px; }
.marB30 { margin-bottom: 30px; }
.marL5 	{ margin-left: 5px; }
.marL10 { margin-left: 10px; }
.marL15 { margin-left: 15px; }
.marL20 { margin-left: 20px; }
.marL25 { margin-left: 25px; }
.marL30 { margin-left: 30px; }
.marL40 { margin-left: 40px; }
.marR5 	{ margin-right: 5px; }
.marR10 { margin-right: 10px; }
.marR20 { margin-right: 20px; }
.marR30 { margin-right: 30px; }
.marT3 	{ margin-top: 3px; }
.marT5 	{ margin-top: 5px; }
.marT10 { margin-top: 10px; }
.marT15 { margin-top: 15px; }
.marT20 { margin-top: 20px; }
.marT25 { margin-top: 25px; }
.marT30 { margin-top: 30px; }
.marT35 { margin-top: 35px; }
.marT40 { margin-top: 40px; }
.pad10  { padding: 10px; }
.padBT5 { padding: 5px 0; }
.padB10 { padding-bottom: 10px; }
.padB20 { padding-bottom: 20px; }
.padL5 { padding-left: 5px; }
.padL10 { padding-left: 10px; }
.padR5 { padding-right: 5px; }
.padR10 { padding-right: 10px; }
.padT5  { padding-top: 5px; }
.padT10 { padding-top: 10px; }
.padT15 { padding-top: 15px; }
.padT20 { padding-top: 20px; }

/* POSITIONS
######################################### */
.relative { position: relative; }

/* FLOATS
######################################### */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { display: block; margin-left: auto; margin-right: auto; }

/* CLEAR FLOATS
http://sonspring.com/journal/clearing-floats
http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack
################################# */
.clear { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden;	width: 0; }
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* CONTEST PAGE
######################################### */
form.change_form input {
	border: 1px solid #CCC !important;;
	width: 200px;
}

/* NGL VIDEO
######################################### */
.os-playlist_thumbs-vanilla .os-alt-title-display { display: none; }

/* MISC
######################################### */
.tal { text-align:left; }
.tac { text-align:center; }
.tar { text-align:right; }

.vat { vertical-align:top; }
.vam { vertical-align:middle; }
.vab { vertical-align:bottom; }

.bold { font-weight:bold; }
.fs10 { font-size:10px; }
.fs12 { font-size:12px; }
.fs14 { font-size:14px; }
.fs16 { font-size:16px; }
.fs18 { font-size:18px; }
.fs20 { font-size:20px; }

/* Buick Campaign
######################################### */
#buick_sponsor { background-image:url('../../_global/_images/buick/buick_bg.png'); height: 200px; }
#buick_sponsor a img { border:2px solid #EEE; transition:.2s; }
#buick_sponsor a:hover img { border:2px solid #F26522; }
#buick_sponsor a img:first-child { margin:20px 0 0 8px; }
#buick_sponsor a img:last-child { margin:20px 0 0 10px; }

#buick_sponsor_v2 { background-image:url('../../_global/_images/buick/buick_bg_v2.png'); height: 185px; width: 620px; }
#buick_sponsor_v2 #buick_stories { width: 305px; float:left; padding-right:20px; position: relative; }
#buick_sponsor_v2 #buick_stories div { padding: 2px 0 2px 5px; float: left; width: 305px; border-top: 1px solid #cdcdcd; }
#buick_sponsor_v2 #buick_stories div:first-child { padding-top: 5px; border-top: none; }
#buick_sponsor_v2 #buick_stories div a p { color: #4c99b3; margin-top: 5px; font-weight: 600; }
#buick_sponsor_v2 #buick_stories div a p:hover { text-decoration: underline; }
#buick_sponsor_v2 #buick_stories div img { float: left; margin-right: 5px; }
#buick_sponsor_v2 #buick_stories div p { }
#buick_sponsor_v2 #buick_stories > p { position: absolute; top: 160px; right: 15px; } 
#buick_sponsor_v2 #buick_stories > p a { font-size: 11px; color: #7a7a7a; }
#buick_sponsor_v2 #buick_stories > p a:hover { text-decoration: underline; }
#buick_sponsor_v2 #buick_gallery { padding-top: 20px; }
#buick_sponsor_v2 a img { border:2px solid #EEE; transition:.2s; }
#buick_sponsor_v2 a:hover img { border:2px solid #F26522; }

/*.buick_wallpaper { background:url('../../_global/_images/buick/EPMG-Skin.jpg') no-repeat center top fixed!important; }*/
.buick_wallpaper_active { background:url('../../_global/_images/buick/EPMG-Skin.jpg') no-repeat center top fixed!important; }
#buick_link { position: absolute; width:100%; top: 0; left: 0; height:1750px; display: none; }
