/* ***
down the road stylin styles
copyright eric smith 2007

colors:

beige - #ffcc54

red - 551208
dk brn - #251501

*** */
	html {
		height: 100%;
	}
	
	#flashcontent {
		height: 100%;
	}

*{ margin:0; padding: 0;}

.cl { clear: both; display: block; height: 0; font-size: 0; line-height: 0; }
.notext {  font-size: 0; line-height: 0; text-indent: -4000px; color: #fff; }


body { color:#fed; font:normal .8em "Trebuchet MS", Verdana,Serif; background:#050100; /*background:transparent url('../images/bkgd-new.jpg')repeat-x fixed center;*/ text-align:center;}
a:link, a:visited {   color:#E3D194; text-decoration:underline;  }
a:hover, a:active {  color:#A38A5D;  text-decoration:none;  background-color:transparent;  }
h1 {color: #FFCD54; letter-spacing:-.3px; font: bold 2em  "Trebuchet MS", Verdana,Serif;}
h2 { color: #FFCD54; padding:2px;  font: bold 1.8em  "Trebuchet MS", Verdana,Serif; letter-spacing:-.3px; }
h2.big { font-size:35px;}
h3, h4 { color: #fea; font: small-caps bold 1.5em "Trebuchet MS", Verdana,Serif; letter-spacing:-.1px;}
h6{ color: #b75; font:normal .8em Arial, Verdana,Serif; text-transform:uppercase;}

hr {border: 1px dashed #fed; border-width:0 0 1px; margin:5px 0;}
a.logo {cursor:pointer; display:block;}

#container{ text-align:left; position:relative; border:2px solid #583e35; border-width: 0px 0px; margin:0 auto; width:800px;}
#logo {z-index:150; width:424px; height:87px; position:absolute; left: 0px; top:0px; background:transparent url('../images/header-logo.gif') no-repeat center;}
#header { position:absolute;top:0; width:800px; height:300px; background:transparent url('../images/header2.jpg') no-repeat center; z-index:10;}
#cover {  position:absolute;top:57px; width:800px; height:243px;  background:transparent url('../images/cover.gif') no-repeat center; z-index:100;}

#headimg { position:absolute; z-index: 20; top: 60px; left: 25px; width:750px; height:240px; background:transparent url('../images/title-shots/title0.jpg') no-repeat center; }


#menu { position:absolute; z-index: 200; top:14px; right:24px; width:308px; height:43px; color:#E3D194; text-align:left; }

#menu a { display:block; width:72px; height:43px; float:left;  text-decoration:none; background:transparent url('../images/btn-about.jpg') no-repeat top; }
#menu a.media {  width:71px; background-image:url('../images/btn-media.jpg');  }
#menu a.merch { width:75px; background-image:url('../images/btn-merch.jpg');  }
#menu a.support { width:90px; background-image:url('../images/btn-support.jpg');  }

#menu a:hover {background-position:bottom;}

#main { position:absolute; top:300px; width:800px; background:transparent url('../images/page-body.jpg') repeat-y top; padding-top:0px;}
#left { float:left; background:transparent url('../images/left-head.jpg') no-repeat top; background-image:none; width:535px;}
#left p {text-align:justify; line-height:1.3;}

p.first {margin-top:300px;}
p.firstimg {margin-top:120px;}
p.firstimgnomenu {margin-top:50px;}

p.emphasize {font:bold 110% "Trebuchet MS", Georgia, serif; padding:5px; margin:0px 30px 10px 0; color:#ffcc54;}

#left img{border: 3px solid #5c4840;}

#img1 {margin-bottom:20px;text-align:center;}

#leftbody {margin:20px 0 0 20px; width:495px; height:100%; }

#home-menu { margin:10px 0 15px; }
#home-menu a { cursor:pointer; display:block; padding:0px; width:151px; height:197px; float:left; margin-right:0px; text-decoration:none; background:transparent url('../images/polaroids.jpg') no-repeat 0 0; }
#home-menu a.trailer {  background-position:0 0; width:155px; }
	#home-menu a.trailer:hover {  background-position:0 100%;  }
#home-menu a.help { background-position:51% 0;  }
	#home-menu a.help:hover { background-position:51% 100%;  }
#home-menu a.shirt {  background-position:100% 0;   }
	#home-menu a.shirt:hover {  background-position:100% 100%; }

#support-menu { margin:120px 0 15px 40px; }
#support-menu a { cursor:pointer; display:block; padding:0px; width:121px; height:111px; float:left; margin-right:0px; text-decoration:none; background:transparent url('../images/support-btns.jpg') no-repeat 0 0; }
#support-menu a.tellfriend {  background-position:0 0; }
	#support-menu a.tellfriend:hover {  background-position:0 100%;  }
#support-menu a.screening { margin-left: 20px; background-position:50% 0;  }
	#support-menu a.screening:hover { background-position:50% 100%;  }
#support-menu a.meetgoal {  background-position:100% 0;    }
	#support-menu a.meetgoal:hover {  background-position:100% 100%; }


#support-menu.awards { margin:0px 0 15px 40px; }
#support-menu.awards a { cursor:pointer; display:block; padding:0px; width:121px; height:94px; float:left; margin-right:0px; text-decoration:none; background:transparent url('../images/laurels.png') no-repeat 0 0; }
#support-menu a.atl {  margin-left: 20px; background-position:0 0; }
	#support-menu a.atl:hover {  background-position:0 100%;  }
#support-menu a.rff { background-position:50% 0;  }
	#support-menu a.rff:hover { background-position:50% 100%;  }
#support-menu a.cri {  background-position:100% 0;   }
	#support-menu a.cri:hover {  background-position:100% 100%; }



.support-option {display:none; width:400px; margin:0 auto;}

.friends-hdr {display:block; width:212px; height:58px; background:transparent url('../images/friends-hdr.jpg') no-repeat center;}



a.button {display:block; cursor:pointer; background:transparent url('../images/respond-btn.jpg') no-repeat center;}
a#respondbtn {margin:10px 0; width:472px; height:47px; background-image: url('../images/respond-btn.jpg');}
a#dvdbtn {margin:10px 0; width:415px; height:350px; background-image: url('../images/dvd-btn.jpg');}


/* rss feed */

ul.blogposts{padding:0 10px; list-style:none;}
ul.blogposts li{padding:10px 0; }
ul.blogposts li img{display:none;}

/* photo gallery */
a.imglink {margin:5px;float:left;}
a.imglink:hover img {border-color:#fed!important;}


#submenu { position:absolute; z-index: 500; top:63px; left:66px; width:379px; height:25px; text-align:left; }

#submenu a { text-align:center;display:block; width:92px; height:25px; float:left;  text-decoration:none; font-weight:bold; color:#561209; font-size:20px; letter-spacing:-2px; }
#submenu a:hover {color:#954}

div.subheadimg, a.subheadlink { position:absolute; top:120px; left:61px; display:block; width:390px; height:160px; text-decoration:none; background:transparent url('../images/head-mission.jpg') no-repeat top; } 
a.subheadlink {position:relative; float:left;top:0; left:0;margin: 0 0 30px 40px;}
#history {background-image:url('../images/head-history.jpg'); } 
#press {background-image:url('../images/head-press.jpg'); } 
#team {background-image:url('../images/head-team.jpg'); } 
#chris {background-image:url('../images/head-chris.jpg'); } 
#cody {background-image:url('../images/head-cody.jpg'); } 
#dave {background-image:url('../images/head-dave.jpg'); } 
#joel {background-image:url('../images/head-joel.jpg'); } 
#eric {background-image:url('../images/head-eric.jpg'); } 
#clips {background-image:url('../images/head-clips.jpg'); } 
#photos {background-image:url('../images/head-photos.jpg'); } 
#woodall {background-image:url('../images/head-woodall.jpg'); } 
#merch {top:50px; background-image:url('../images/head-merch.jpg'); } 
#support {top:50px; background-image:url('../images/head-support.jpg'); } 
#friends {top:50px; background-image:url('../images/head-friends.jpg'); } 
#support2 {top:7px; background-image:url('../images/head-support2.jpg'); height:110px; } 

#left a.friends {float:left; margin:0;}
#left a.friends img {border-width:0px; margin:0;}

h2.pledgebar {padding:2px 0; margin:8px 0; width:100%; font-size:12pt; border:dotted 1px #fea; background:transparent url('../images/pledge-percent-red.jpg') no-repeat left;}
h2#g {color:#fff; }
h2#p {color:#fff; background-image: url('../images/pledge-percent-blue.jpg');}
h2#r {color:#fff; background-image: url('../images/pledge-percent-green.jpg'); }


#form-col-left{width:295px; float:left;}
#form-col-right{width:200px; float:left;}

.support-step {width:214px; height:34px; background:transparent url('../images/step1.jpg') no-repeat top;}
#one {height:64px;}
#two {background-image:url('../images/step2.jpg');}
#three { background-image:url('../images/step3.jpg');}

.film-edit {margin-bottom:20px; display:block; width:295px; height:77px; background:transparent url('../images/film-edit-one.jpg') no-repeat left;}

.film-edit a {margin:0; display:block; float:left; width:74px; height:77px;  background:transparent url('../images/film-edit-hour.jpg') no-repeat center;}
.film-edit a#hour {margin-left:72px; width:75px;}
.film-edit a#half {background-image:url('../images/film-edit-half.jpg');}
.film-edit a#full {background-image:url('../images/film-edit-full.jpg');}
 
.buy-shirt {cursor:pointer; display:block; width:189px; height:136px; background:transparent url('../images/buy-shirt.jpg') no-repeat top;}
.tell-friend {cursor:pointer; display:block; width:200px; height:99px; background:transparent url('../images/tell-friend.jpg') no-repeat top;}

#mail {width:200px; height:144px; background:transparent url('../images/mail.jpg') no-repeat top;}







#right { float:right; width:265px; }

form { margin:0; padding:0; } 

input,select, textarea{	width:155px; border: 1px solid #ffcc54; background: #551208; background: transparent; font:normal 11px "Trebuchet MS", serif; color: #eb4; }
input#submit {width:55px; background:#ffcc54; color:#551208; border-color:#511;}
input#order {margin-top:20px; width:200px; background:#ffcc54; color:#551208; border-color:#511;}

form.emailform {margin:10px 0;}
form.emailform input{font-weight:normal;float:left;font-size:16px; padding:5px 5px 1px; color:#888;width:161px; height:21px; border:solid 1px #000; background:transparent url('../images/email-input-bkgd.jpg') no-repeat center;}
.black{color:#000!important;}
form.emailform input#submit{cursor:pointer; padding:0;width:48px; height:29px; background:transparent url('../images/email-submit-btn.jpg') no-repeat right; font-size:0px; text-indent:-4000px;}


#newsfeed { margin: 10px 0 0 10px; padding:10px;  width:221px; color:#fed;}
#newsfeed p {  font:normal 95% tahoma, Verdana,sans-serif; line-height:1.2;}
h2.newsfeed {margin-top:40px;}

#article {margin:0px 0 20px; padding:4px; }

#cart {margin:0px 0 20px; padding:4px;  }
#cart h3 {font-size:18px;}


#footer{ text-align:center; height:100px; margin:30px 0 0; width:800px; background:transparent url('../images/page-footer.jpg') no-repeat top;}
#footer-left{ position:absolute; left:150px; bottom:0px; height:42px; width:365px; background:none; font-size:11px; color:#753;}

#footer-right{ position:absolute; right:0px; bottom:0px; height:52px; width:265px;}

#footer-right a { display:block; width:27px; height:27px; float:left; margin:6px 6px 0;  text-decoration:none; background:transparent url('../images/icon-fb.gif') no-repeat top; }
#footer-right a.twitter {  width:27px; background-image:url('../images/icon-twitter.gif');  }
#footer-right a.virb {  width:81px;height:52px; margin:0; background-image:url('../images/page-footer-virb.jpg');  }
#footer-right a.mysp { width:91px;height:52px; margin:0;background-image:url('../images/page-footer-myspace.jpg');  }
#footer-right a:hover {background-position:bottom;}

#footertxt{ color:#a98; padding:12px 0 0;}




form.pform {
  margin: 0;
  padding: 0;
  font-size: 1em;
  width: 100%;
  color:#fed;

}


form.pform input, form.pform textarea, form.pform select{
	border:solid 2px #fc5;
	color:#111;
	background:#ffe;
	margin:1px;
	padding:4px;
	width:150px;
	font:110%/180% Arial, Helvetica, sans-serif;

}

.highlight, li.req label { }
li.req label, input#submit { font-weight:normal; }
li.req input, li.req select { border-color:#e96; }

select#contactstate, input#contactpledge { width: 80px; }


form.pform textarea {  overflow: auto;  }
form.pform input#submit {background:#fed; border-color:#e96; color:#111; width: 140px; font-size:120%; font-family: "Calibri", "Myriad Pro", "Lucida Grande", Verdana, Helvetica, sans-serif;}


form.pform fieldset {
  margin-bottom: 10px;
  border:none;
}
form.pform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.pform label {
  float:left;
  line-height: 1.8;
  vertical-align: top;
  font-size:14px;
}
form.pform fieldset ol {
  margin: 0;
  padding: 0;
}
form.pform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.pform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.pform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.pform fieldset fieldset label {
  display: block;
  width: auto;
}
form.pform em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
form.pform label {
  width: 80px; /* Width of labels */
}

form.pform#friend label {
  width: 120px; /* Width of labels */
}

form.pform fieldset fieldset label {
  margin-left: 123px; /* Width plus 3 (html space) */
}

/*  styled check boxes */

span.radio {
   width: 100px;
   height: 145px;
   padding: 0 5px 0 0;
   background: url('../images/form-t-brown.jpg') no-repeat;
   display: block;
   clear: left;
   float: left;
}
span.radio#olive {
   background-image: url('../images/form-t-olive.jpg');
 }