/*
Authored by the Tombras Group, www{dot}tombras{dot}com 

ROUGH TOC:
- Essential
- Sandbox
- Structural Items by order in document
- Typographic Items
- Forms
*/

/*
----------------------------------------------------------------------------- 
ESSENTIAL
-----------------------------------------------------------------------------*/

html { 
height: 100%; margin-bottom: 1px; 
}

body {
margin: 0;
padding: 0;
font: 12px/20px Verdana, Arial, Verdana, sans-serif;
color: #424242;
height: 100%;
background: #9F9F9F url(http://www.betweenthebarrels.com/images/body-bg-gradient.png) repeat-x;
}

body * {margin: 0;padding: 0;}

p,h1,h2,h3,h4,h5,h6,li,td,dt,dd { font-size: 12px; font-weight: normal; }
p,h1,h2,h3,h4,ul,ol,dl,blockquote,pre { margin-bottom: 15px; }

a {
color: #006fa7;
text-decoration: none;
outline: none;
font-weight: bold;
}

a:visited {color: #003d6f;}
a:hover {color: #3285c0; text-decoration: underline;}

a.external{
background: url(http://www.betweenthebarrels.com/images/external.gif) no-repeat right center;
padding-right: 12px;
}

ul,ol,dl{list-style-type: none;}

img { border: none; }

.clearfix:after{
content: ".";
display: block;
clear: both;
visibility: hidden;
}

a.print-me{
background: url(_images/printer-icon.gif) no-repeat right center;
padding-right: 20px;
}

a.pdf{
background: url(http://www.betweenthebarrels.com/images/pdf-icon.gif) no-repeat right center;
padding-right: 20px;
}

.flt-right{
float: right;
}

.flt-left{
float: left;
}

br.clearfix{
clear: both;
}

hr.clearfix{
clear: both;
visibility: hidden;
}

/*
----------------------------------------------------------------------------- 
SANDBOX
-----------------------------------------------------------------------------*/


/*
----------------------------------------------------------------------------- 
Wrapper
-----------------------------------------------------------------------------*/

div#wrapper{
width: 938px;
margin: 0 auto;
position: relative;
}

/*
----------------------------------------------------------------------------- 
Header
-----------------------------------------------------------------------------*/

div#header{
height: 95px;
}

div#header h1{ margin: 0;}

div#header h1 a{
display: block;
position: absolute;
height: 96px;
width: 209px;
top: 15px;
left: 0;
background: url(http://www.betweenthebarrels.com/images/logo.gif) no-repeat left top;
text-indent: -20000px;
}

ul#primary-nav{
position: absolute;
top: 41px;
right: 0;
height: 30px;
width: 678px;
height: 45px;
background: url(http://www.betweenthebarrels.com/images/primarynav-stars.gif) no-repeat 50% 50%;
}

ul#primary-nav li{
float:left;
height: 45px;
}

ul#primary-nav a{
float:left;
}

ul#primary-nav li a{
background: url(http://www.betweenthebarrels.com/images/nav-bg.gif) no-repeat;
display: block;
text-indent: -20000px;
width: 100px;
height: 11px;
padding: 0;
height: 45px;
}

ul#primary-nav li#li1 a{background-position: 30px 16px; width: 160px;}
ul#primary-nav li#li1 a:hover{background-position: 30px -14px;}

ul#primary-nav li#li2 a{background-position: -137px 16px; width: 187px;}
ul#primary-nav li#li2 a:hover{background-position: -137px -14px;}

ul#primary-nav li#li3 a{background-position: -323px 16px; width: 170px;}
ul#primary-nav li#li3 a:hover{background-position: -323px -14px;}

ul#primary-nav li#li4 a{background-position: -500px 16px; width: 160px;}
ul#primary-nav li#li4 a:hover{background-position: -500px -14px;}



/*
----------------------------------------------------------------------------- 
Content
-----------------------------------------------------------------------------*/


/* Main Content
---------------------------------------------------- */

body#subpage div#main-content{
display: block;
margin: 70px auto 60px auto;
width: 930px;
}

div#main-content h2{
font-size: 20px;
font-weight: bold;
margin: 0 0 18px 0;
}

div#main-content ul{
list-style-type: disc;
}

div#main-content ol{
list-style-type: decimal;
}

div#main-content li{
margin-left: 30px;
}

div#main-content h3{
text-transform: uppercase;
letter-spacing: 1;
font-weight: bold;
font-size: 10px;
margin: 0;
}

div#main-content ul.video-btns{
list-style-type: none;
float:left;
margin: 12px 0 15px 0;
}

div#main-content ul.video-btns li{
margin: 0 10px 0 0;
float: left;
}

div#flash-container{
margin-top: 20px;
margin-bottom: 10px;
}

div#alpha-camera{
background: url(http://www.betweenthebarrels.com/images/camera-need-to-know.png) no-repeat left top;
width: 513px;
height: 278px;
float: right;
margin: 0 0 0 20px;
}

div#rules-alpha1{
background: url(http://www.betweenthebarrels.com/images/rules-dude.png) no-repeat left top;
width: 206px;
height: 503px;
float: right;
margin: 0 0 0 40px;
}



/* Video Section
------------------- */

body.video#subpage div#main-content h2{
position: absolute;
top: -23px;
left: 34px;
width: 148px;
height: 22px;
background: url(http://www.betweenthebarrels.com/images/h2-alphabg.gif) no-repeat left top;
text-indent: -20000px;
}

body.video#subpage div#main-content{
background: url(http://www.betweenthebarrels.com/images/alpha-video-bg-norank.gif) no-repeat left top;
width: 977px;
height: 262px;
position: relative;
right: 20px;
margin-top: 75px;
margin-bottom: 35px;
}

div.vid-container,
a.vid-link{
display:block;
background: url(http://www.betweenthebarrels.com/images/alpha-vid-container-bg.gif) no-repeat left top;
width: 172px;
height: 203px;
float: left;
margin: 19px 20px 0 0;
}

div#secondary-content div.vid-container,
div#secondary-content a.vid-link{
background-image: url(http://www.betweenthebarrels.com/images/beta-vid-container-bg.gif);
}

div#secondary-content div.vid-container,
div#secondary-content a.vid-link{
margin-bottom: 40px;
}

a.vid-link{
margin-top: 0px;
position: relative;
}

a.vid-link:hover {text-decoration: none;}

div.vid-container.first-container{
margin-left: 18px;
}

div.vid-container.last-container{
margin-right: 0;
}

img.vid-tn{
width: 136px;
height: 107px;
display: block;
margin: 19px auto 0 auto;
}

div#main-content div.vid-container h3{
color: #F9F9F9;
margin: 5px 18px 0px 18px;
text-transform: none;
font-size: 12px;
}

div#secondary-content div.vid-container h3{
color: #767676;
margin: 5px 18px 0px 18px;
font-weight: bold;
font-size: 12px;
}

div.vid-container p{
color: #cecece;
line-height: 11px;
font-size: 10px;
margin: 0 18px 5px 18px;
}

div#secondary-content div.vid-container p{
color: #767676;
}

div.rank-container{
display: block;
position: absolute;
text-align: center;
width: 136px;
height: 31px;
bottom: -39px;
left: 18px;
}


div#main-content div.rank-container p{
margin: 0;
line-height: 10px;
color: #acacac;
}

body.video#subpage div#secondary-content{
width: 979px;
position: relative;
right: 20px;
}

body.video#subpage div#secondary-content-header{
background: url(http://www.betweenthebarrels.com/images/beta-video-bg-top.gif) no-repeat left top;
width: 979px;
height: 9px;
}

body.video#subpage div#secondary-content-inner{
background: url(http://www.betweenthebarrels.com/images/beta-video-bg-content.gif) repeat-y left top;
padding: 1px 0 20px 0;
}

body.video#subpage div#secondary-content-footer{
background: url(http://www.betweenthebarrels.com/images/beta-video-bg-bottom.gif) no-repeat left top;
width: 979px;
height: 9px;
clear: both;
}

div#secondary-content-inner h2{
background: url(http://www.betweenthebarrels.com/images/h2-betabg.gif) no-repeat left top;
width: 126px;
height: 22px;
text-indent: -20000px;
display: block;
margin: 20px 0 0 35px;
}

div#beta-controls{
background: url(http://www.betweenthebarrels.com/images/beta-video-controls-bg.gif) no-repeat left top;
width: 749px;
height: 28px;
position: absolute;
top: 25px;
right: 20px;
}

ul#pagination{
margin: 4px 0 0 0;
float: left;
display: block;
height: 20px;
}

ul#pagination li{
float:left;
font-weight: bold;
margin: 0 13px 0 0;
}

ul#pagination li.active{
color: #FFF;
background: #E0811A;
margin: 0 10px 0 0;
width: 20px;
height: 20px;
text-align: center;
}

ul#pagination li.next a{
display: block;
background: url(http://www.betweenthebarrels.com/images/video-pagination-next-bg.gif) no-repeat 0 2px;
width: 48px;
height: 19px;
padding-left: 11px;
color: #FFF;
margin-left: 10px;
}

ul#pagination li.prev a{
display: block;
background: url(http://www.betweenthebarrels.com/images/video-pagination-next-bg.gif) no-repeat 0 2px;
width: 48px;
height: 19px;
padding-left: 11px;
color: #FFF;
margin-left: 10px;
}

div#beta-controls select{
float:left;
display: block;
margin: 4px 35px 0 17px;
font-size: 10px;
font-weight: bold;
padding-left: 40px;
width: 347px;
}

div#beta-controls select option{
padding-left: 48px;
}

/* Secondary Content
---------------------------------------------------- */

body#index div#secondary-content{
background: url(http://www.betweenthebarrels.com/images/beta-tagline.png) no-repeat center top;
height: 99px;
text-indent: -20000px;
margin: 0 0 0 0;
}

/*
----------------------------------------------------------------------------- 
Footer
-----------------------------------------------------------------------------*/

div#footer{
background: #A0A0A0 url(http://www.betweenthebarrels.com/images/footer-sponsoredby.gif) no-repeat 30px 20px;
height: 51px;
text-align: center;
padding: 0 0 0 0;
margin-top: 30px;
clear: both;
}

#sponsors-logos{
	width: 800px;
}
ul#sponsors{
margin: 3px 0 20px 130px;
float: left;
}

ul#sponsors a{
display: block;
background: none left top;
float: left;
height: 42px;
padding: 0;
}

ul#sponsors li{
display: block;
float: left;
margin: 0 5px;
padding: 0 12px;
}

ul#sponsors li#fli1 a{
background-image: url(http://www.betweenthebarrels.com/images/sponsors-01.gif);
width: 114px;
}

ul#sponsors li#fli2 a{
background-image: url(http://www.betweenthebarrels.com/images/sponsors-02.gif);
width: 118px;
}

ul#sponsors li#fli3 a{
background-image: url(http://www.betweenthebarrels.com/images/sponsors-03.gif);
width: 97px;
}

ul#sponsors li#fli4 a{
background-image: url(http://www.betweenthebarrels.com/images/sponsors-04.gif);
width: 83px;
}

ul#sponsors li#fli5 a{
background-image: url(http://www.betweenthebarrels.com/images/sponsors-05.gif);
width: 83px;
}

ul#sponsors li#fli6 a{
background-image: url(http://www.betweenthebarrels.com/images/sponsors-06.gif);
width: 87px;
}

ul#sponsors li#fli7 a{
background-image: url(http://www.betweenthebarrels.com/images/sponsors-07.gif);
width: 104px;
}

ul#footer-tags{
clear: both;
display: block;
/*background: url(/images/footer-bg-stars.gif) no-repeat center center;*/
height: 20px;
margin: 0 0 3px 0;
}

div#footer p{
font-size: 10px;
}

ul#footer-tags li {
display: inline;
background: url(http://www.betweenthebarrels.com/images/footer-star.gif) no-repeat right center;

}

ul#footer-tags li#ftli4{
background: none;
}

ul#footer-tags a {
display: inline;
margin-left: 10px;
padding-right: 30px;
color: #000;
}

ul#footer-tags a:hover{
text-decoration: none;
}

/*
----------------------------------------------------------------------------- 
Form Styles
-----------------------------------------------------------------------------*/

form p{
margin-bottom: 10px;
clear: both;
position: relative;
}

form label{
display: block;
font-size: 14px;
font-weight: bold;
float:left;
width: 140px;
text-align: right;
margin: 0 30px;
}

form p input{
width: 500px;
border: 1px solid #dbddc8;
font-size: 18px;
background: #FFFFEA;
display: block;
padding: 2px 4px;
}

form p textarea{
width: 500px;
height:150px;
border: 1px solid #dbddc8;
background: #FFFFEA;
display: block;
font: 14px/20px Verdana, Arial, Verdana, sans-serif;
padding: 2px 4px;
}

form p.submit input{
width: auto;
background: #333;
color: #FFF;
padding: 3px 9px;
display: block;
margin: 0 auto;
}

a#video-help{
position: absolute;
top: -1px;
right: 60px;
width: 32px;
height: 32px;
background: url(http://www.betweenthebarrels.com/images/form-help.gif) no-repeat top left;
text-indent: -20000px;
}

input#submit{margin: 20px 0 0 200px; font-size: 14px;}
select{ font-size: 14px;}
form select option{ padding: 0 5px; }
input:focus {background-color: #FFFE9D;}


form #btn-phase-two{
background:none; 
border:none;
float: right;
margin-right: 105px;
}

/* Progress Bar
------------------- */
ol#progressbar{
background: url(http://www.betweenthebarrels.com/images/form-step2.gif) no-repeat left top;
width: 671px;
height: 32px;
margin: 0 auto 40px auto;
}

div#main-content ol#progressbar li{
float:left;
line-height: 30px;
margin: 0 70px;
}

div#main-content ol#progressbar li#progress-step2{
margin-left: 60px;
}

div#main-content ol#progressbar li#progress-step3{
margin-right: 0;
margin-left: 38px;
}

body#subpage.enter-contest div#main-content{
width: 810px;
}

body.form1 div#secondary-content{
display: block;
height: 300px;
overflow: auto;
background: #ffffea;
padding: 40px 25px 30px 25px;
border: 1px solid #CFCFCF;
margin: 0 0 30px 0;
}

p.form-controls a{ 
display: block;
text-align: right;
padding-right: 20px;
}

ol#progressbar-1{
background: url(http://www.betweenthebarrels.com/images/form-step1.gif) no-repeat left top;
width: 671px;
height: 32px;
margin: 0 auto 40px auto;
}

div#main-content ol#progressbar-1 li{
float:left;
line-height: 30px;
margin: 0 70px;
}

div#main-content ol#progressbar-1 li#progress-step2{
margin-left: 60px;
}

div#main-content ol#progressbar-1 li#progress-step3{
margin-right: 0;
margin-left: 38px;
}


ol#progressbar-2{
background: url(http://www.betweenthebarrels.com/images/form-step2.gif) no-repeat left top;
width: 671px;
height: 32px;
margin: 0 auto 40px auto;
}

div#main-content ol#progressbar-2 li{
float:left;
line-height: 30px;
margin: 0 70px;
}

div#main-content ol#progressbar-2 li#progress-step2{
margin-left: 60px;
}

div#main-content ol#progressbar-2 li#progress-step3{
margin-right: 0;
margin-left: 38px;
}


ol#progressbar-3{
background: url(http://www.betweenthebarrels.com/images/form-step3.gif) no-repeat left top;
width: 671px;
height: 32px;
margin: 0 auto 40px auto;
}

div#main-content ol#progressbar-3 li{
float:left;
line-height: 30px;
margin: 0 70px;
}

div#main-content ol#progressbar-3 li#progress-step2{
margin-left: 60px;
}

div#main-content ol#progressbar-3 li#progress-step3{
margin-right: 0;
margin-left: 38px;
}

body.phase-three form{
width: 650px;
margin: 0 auto;
}

span#description-content{
display: block;
float:left;
width: 430px;
}

button#btn-phase-three{
background:none; 
border:none;
float: right;
margin: 25px 105px 50px 0;
}


/* Voting
------------------- */
#invisible{
	display: none;
}
.vote{
	width: 59px;
	height: 17px;
	background: url(http://www.betweenthebarrels.com/images/video-pagination-next-bg.gif) no-repeat left top;
}
.youtube_video-wrapper{

}
.youtube_video{
	width: 480px;
	height: 385px;
	margin: 0 auto;
	overflow: hidden;
}
.youtube_video-body{
	width: 480px;
	margin: 0 auto;
	padding: 5px 0;
}
.youtube_video-body h1{
	font-size: 18px;
	font-weight: bold;
	color: #646464;
	margin: 0px;
	padding: 0px;
}

.youtube_video-btn{
	text-align: center;
}

#my-alert{
	visibility: hidden;
	position: absolute;
	z-index: 69999;
	left:45%;
	top:45%;
	background: url(http://www.betweenthebarrels.com/images/thank-you-bg.png) transparent no-repeat;
}

#my-alert-content{
	padding: 10px;
	color: #646464;
}

#my-alert-content h1{
	font-size: 24px;
	font-weight: bold;
	line-height: 30px;
	padding: 70px 0;
	text-align: center;
}

#my-alert-content h2{
	font-size: 16px;
	font-weight: bold;
	line-height: 22px;
	text-align: center;
}

#my-alert-content p{
	text-align: center;
}

#alert-form{
	width: 290px;
	margin: 0 auto;
}


#updates{
	width:320px;
}

#name{
	border: solid 1px #9e9e9e;
	width:290px;
	height: 18px;
	font-size: 16px;
	color:#9e9e9e;
	margin: 5px 0 0 0;
	padding: 2px;
}

#email{
	border: solid 1px #9e9e9e;
	width:290px;
	height: 18px;
	font-size: 16px;
	color:#9e9e9e;
	margin: 5px 0 0 0;
	padding: 2px;
}

#update-me{
	width: 114px;
	height: 29px;
	text-indent: -99999999px;
	cursor: pointer;
	background: url(http://www.betweenthebarrels.com/images/btn/btn-update-me.jpg) no-repeat;
	margin:6px 25px 0 0;
	float:right;
}

#cancel-me{
	width: 60px;
	height: 29px;
	cursor: pointer;
	margin:6px 25px 0 0;
	float:left;
	color: #646464;
}




/*
----------------------------------------------------------------------------- 
EOD
-----------------------------------------------------------------------------*/