@charset "UTF-8";
/*
Designed for DUDES ON MEDIA
Author: Ronald Allan Farber
Author URI: http://ronaldfarber.com
*/

/* TYPE SELECTORS */

body {
	padding: 0px;
  	margin: 0px;
	background:url(../images/background.jpg) center top no-repeat;
	background-color:#005574;
	width: 100%;
  	display: table;
	text-align:center;
	font-family:Helvetica, Arial, sans-serif;
	font-size:small;
	
}

p {
	padding:0px;
	margin:0px;
	text-align:justify;
}

img {
	border:0px;
}

h2 {
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	text-align:left;
	margin-top:0px;
	margin-bottom:0px;
}

h1 {
	margin-top:0px;
	padding-top:10px;
	text-align:center;
	text-transform:uppercase;
	border-bottom:1px solid #8bacd7;
	border-top:1px solid #8bacd7;
}

a {
	color:#005574;
	text-decoration:none;
}


/* ID SELECTORS */

#wrapper {
	position:relative;
	margin: 0 auto;
	padding: 0 0 0px;
	background:url(../images/background.jpg) center top no-repeat;
	text-align:left;
	background-color:#005574;
	width:900px;
}
	

#header {
	width:900px;
	height:282px;
	background-image:url(../images/headerfull.jpg);
	background-repeat:no-repeat;
	background-position:0px 0px;
	margin: 0 auto;
	position: relative;
}

#header:hover {
	background-position:0px -282px;
}

#toplinks {
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:1.25em;
	text-transform:uppercase;
	color:#005574;
	text-align:center;
	background-color:#FFF;
	position:relative;
	padding-bottom:15px;
}

#toplinks a{
	color:#005574;
	padding-left:15px;
	padding-right:15px;
	text-decoration:none;
}

#toplinks a:hover, a:hover{
	color:#3399cc;
}

#toplinks a:active, a:active{
	color:#0f44a5;
}

#bodycontent {
	width:850px;
	background-color:#FFF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:16px;
	line-height:21px;
	color:#005574;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:50px;
	position:relative;
}

#bodycontent h1{
	padding-bottom:15px; 
	padding-top:15px; 
	border-bottom:1px solid #8bacd7;
	border-top:1px solid #8bacd7;
}

#trailer {
	border:1px #005574 solid;
	width:699px;
	height:393px;
	top:0px;
	position:relative;
}

#dvdcover {
	width:281px;
	height:522px;
	top:0px;
	position:relative;
	background:url(../images/dvdcover.jpg);
	margin-left:45px;
	margin-top:30px;
	margin-right:75px;
	float:left;
}

#dvdinfo {
	width:449px;
	height:522px;
	position:relative;
	margin-top:30px;
	float:left;
}

#laurels {
	width:140px;
	height:393px;
	left:740px;
	top:0px;
	position:absolute;
}

#social {
	width: 633px;
	margin-top:10px;
	float:left;
	height:43px;
}

#recent{
	position:relative;
	float:right;
	left:10px;
	top:0px;
	margin-top:20px;
}

#recent a{
	text-decoration:underline;
}

#bottomlinks{
	margin-top:15px;
	margin-bottom:30px;
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:.8em;
	color:#FFF;
	text-align:center;
	line-height:15px;
}

#bottomlinks p{
	font-size:14px;
	text-align:center;
	line-height:15px;
	margin-top:10px;
}

#bottomlinks a{
	color:#6ac2e2;
	padding-left:8px;
	padding-right:8px;
	text-decoration:none;
	text-transform:uppercase;
	font-size:14px;
	line-height:15px;
}

#bottomlinks a:hover{
	color:#3399cc;
}

#bottomlinks a:active{
	color:#0f44a5;
}

#awardshelf {
	text-align:center;
}

#quotes{
	font-family:Georgia, Times New Roman, Times, serif;
	float:right;
	margin-top:175px;
	margin-right:58px;
	height:92px;
	width:440px;
	position:relative;
}

#fader{
	text-align:center;
	position:relative;
	padding-top:10px;
	width:440px;
	font-style:italic;
	color:#FFF;
}

#fader a{
	color:#FFF;	
}

#joshBio{
	text-align:right;
	width:400px;
	float:right;
	position:relative;
	margin-left:25px;
	margin-top:5px;
}

#jjBio{
	text-align:left;
	width:800px;
	position:relative;
	margin-right:25px;
	float:left;
	margin-top:5px;
	margin-left: 40px;
}

#benBio{
	margin-top:45px;
}

#benBio h1{
	border:none;
	padding:0px;
	margin:0px;
	text-align:left;
	font-size:22px;
}

#benBio p{
	width:590px;
	float:left;
	margin-top:15px;
}

#otherSidebar {
	float:left;
	width:225px;
	height:600px;
	position:relative;
	margin-right:25px;
	margin-left:10px;
}

#otherFilm #otherSidebar p{
	margin-top:0px;	
	text-align:center;
	font-size:12px;	
}

.peddleDVD{
	background:url(../images/dvdcover_peddle-1.jpg);
	width:225px;
	height:418px;
	margin-right:25px;
}

.buynow2 {
	
	width:190px;
	height:50px;
	margin:0 auto;

}

.center{
	text-align:center;
	margin:0px;
	padding:0px;
}

#otherFilm{
	margin-bottom:0px;
	margin-top:35px;
}

#otherFilm h1{
	border:none;
	padding:0px;
	margin:0px;
	text-align:left;
	font-size:22px;
}

#otherFilm p{
	margin-top:15px;
}

.otherVideo {
	margin-bottom:30px;
	border:1px #005574 solid;
	width:575px;
	height:340px;
}

.aboutOther{
	width:575px;
	float:left;
	margin-left:15px;
}

#map img{
	border:1px solid #005574;
	margin-bottom:15px;
}

#map {
	padding-bottom:200px;
}

#press ul li {
	margin-bottom:15px;
}

#press p {
	width:95%;
}

#press h2{
	font-size:22px;
}

#screenings ul li {
	margin-bottom:15px;
}

#screenings p {
	width:95%;
}

#screenings h2{
	font-size:22px;
}

#dvdpara p{
	width:95%;
	text-align:left;
	padding-bottom:15px;
}

#photo-album{
	margin-left:2px;
	margin-right:2px;
}

#photo-album img{
	margin:3px;
	border:solid 1px #CCC;
}

#photo-album p{
	text-align:center;
	border-bottom:solid 1px #8bacd7;
	margin-bottom:15px;
	padding-bottom:15px;
	position:relative;
}

#photo-album p a{
	padding-left:5px;
	padding-right:5px;
}

#photo-album p span{
	padding-left:5px;
	padding-right:5px;
	color:#999;
}

#photo-album p a:hover{
	text-decoration:underline;
}

#photo-album .bottom{
	border-top:solid 1px #8bacd7;
	margin-top:15px;
	padding-top:15px;
}

#sponsors {
	padding-left:10px;
}

#credits, #credits p{
	text-align:center;
}

#credits h1{
	font-weight:bold;
	text-transform:uppercase;
	font-size:22px;
	text-align:center;
	margin:0px;
	padding:0px;
	border:0px;
}

#credits h2{
	font-weight:bold;
	text-transform:uppercase;
	font-size:17px;
	text-align:center;
	margin-bottom:0px;
}

#credits h3{
	font-weight:bold;
	text-transform:uppercase;
	font-size:16px;
	text-align:center;
	margin-bottom:0px;
}



/* CLASS SELECTORS */


.bodyparagraph {
	width:625px;
	position:relative;
	text-align:center;
	line-height:20px;
	padding:0px;
	margin-top:20px;
	top:0px;
	float:left;
	margin-top:25px;
}

.bodyparagraph p {
	padding-bottom:20px;
}

.repeat {
	width:103px;
	height:36px;
}

.padding{
	padding-bottom:15px;
	text-align:left;
}

.italic {
	font-style:italic;
}

.bold{
	font-weight:bold;
}

.divider {
	margin-top:20px;
	border-top:1px solid #005574;
	margin-bottom:20px;
	height:1px;
}

.divider2 {
	margin-top:20px;
	border-top:1px solid #8bacd7;
	margin-bottom:20px;
	height:1px;
}
.headlink {
	width:400px;
	height:268px;
	float:left;
}

.headlink2 {
	width:500px;
	height:78px;
	float:left;
	position:absolute;
}

.buynow {
	background:url(../images/social_sprites.jpg);
	background-position:-469px -165px;
	width:137px;
	height:71px;
	margin-top:15px;
	margin-left:3px;
}

.buynow:hover{
	background-position:-469px -255px;
}

.follow {
	width:185px;
	height:45px;
	background-image:url(../images/social_sprites.jpg);
	background-position:0px 0px;
	margin:10px;
	margin-left:0px;
	position: relative;
	float:left;
	text-indent:-10001px;
}

.follow:hover{
	background-position:0px -51px;
}

.facebook {
	width:103px;
	height:36px;
	background-image:url(../images/social_sprites.jpg);
	background-position:-190px -5px;
	margin:3px;
	margin-top:15px;
	margin-left:0px;
	display:block;
	position:relative;
	float:left;
}

.facebook:hover{
	background-position:-190px -56px;
}

.facebook:active{
	background-position:-190px -107px;
}

.vimeo {
	width:103px;
	height:36px;
	background-image:url(../images/social_sprites.jpg);
	background-position:-303px -5px;
	margin:3px;
	margin-top:15px;
	position:relative;
	float:left;
}

.vimeo:hover{
	background-position:-303px -56px;
}

.vimeo:active{
	background-position:-303px -107px;
}

.twitter {
	width:103px;
	height:36px;
	background-image:url(../images/social_sprites.jpg);
	background-position:-416px -5px;
	margin:3px;
	margin-top:15px;
	position:relative;
	float:left;
}

.twitter:hover{
	background-position:-416px -56px;
}

.twitter:active{
	background-position:-416px -107px;
}

.blog {
	width:103px;
	height:36px;
	background-image:url(../images/social_sprites.jpg);
	background-position:-529px -5px;
	margin:3px;
	margin-top:15px;
	position:relative;
	float:left;
}

.blog:hover{
	background-position:-529px -56px;
}

.blog:active{
	background-position:-529px -107px;
}

.clear{
	clear:both;
}

.recenthead{
	width:213px;
	height:45px;
	background-image:url(../images/social_sprites.jpg);
	background-position:-3px -158px;
	text-indent:-10001px;
}

.recenthead:hover{
	background-position:-222px -158px;
}

.recentbody{
	text-align:left;
	padding-bottom:0px;
	padding-top:8px;
	width:175px;
	padding-left:15px;
	padding-right:10px;
	height:300px;
	overflow:auto;
	overflow-x:hidden;
}

.recent_p{
	text-align:left;
	font-size:11px;
	margin-bottom:8px;
}

.recentheader {
	font-size:15px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:18px;
	text-align:left;
}

.recentdate {
	font-style:italic;
	font-size:12px;
	font-weight:bold;
	margin:0px;
}

.recentback {
	background:url(../images/news_repeat.jpg) repeat-y;
	background-position:0px 0px;
	width:213px;
}

.recentfoot{
	width:213px;
	height:16px;
	background-image:url(../images/social_sprites.jpg);
	background-position:-3px -225px;
}

.laurelgroup{
	position:relative;
	text-align:center;
}

.laurelgroup img{
	padding:25px;
	text-align:center;
}

.aboutJJ{
	text-align:left;
	width:775px;
	position:relative;
	margin-right:25px;
	float:left;
}

.aboutJJ p{
	padding-bottom:25px;
	text-align:left;
	line-height:25px;
}

.aboutJJ h1{;
	border-top:1px solid #8bacd7;	
	text-align:right;
	text-transform:uppercase;
	float:left;
	margin-bottom:15px;
	margin-left:52px;
	margin-right:60px;
	border:none;
}

.aboutJJ h2{
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	text-transform:none;
	font-style:italic;
	font-weight:normal;
	margin-bottom:15px;	
	line-height:25px;
}

.aboutJosh{
	text-align:right;
	width:400px;
	float:right;
	position:relative;
	margin-left:25px;
	top:0px;
}

.aboutJosh p{
	padding-bottom:25px;
	text-align:left;
	line-height:25px;
}

.aboutJosh h1{
	text-align:left;
	text-transform:uppercase;
	margin-bottom:15px;
}

.aboutJosh h2, .aboutBen h2{
	text-align:left;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	text-transform:none;
	font-style:italic;
	font-weight:normal;
	margin-bottom:15px;
	line-height:25px;
}

.joshPhoto{
	width:300px;
	height:379px;
	background:url(../images/josh.jpg);
	margin:0px 25px 25px 25px;
	float:left;
	border:1px solid #005574;
}


.jjPhoto{
	width:300px;
	height:379px;
	background:url(../images/jj.jpg);
	margin:0px 50px 25px;
	float:left;
	border:1px solid #005574;
}

.benPhoto{
	float:left;
	background:url(../images/ben.jpg);
	width:225px;
	height:225px;
	border:1px solid #005574;
	margin-right:25px;
}

.credits-divider{
	width:600px;
	height:6px;
	border-bottom:1px solid #005574;
	margin-top:12px;
	margin-bottom:15px;
	margin-left:auto;
	margin-right:auto;
}

.screening-award li{
	color:#5eaecb;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	list-style-type:square;
	padding-bottom:0px;
}

.upper{
	text-transform:uppercase;
}

#bottomlinks .copy a{
	margin:0px;
	padding:0;
	color:#FFF;
	text-decoration:none;
	text-transform:none;
}

#bottomlinks .copy a:hover{
	text-decoration:underline;
}

.indent25{
	text-indent:25px;
}

.contact{
	text-align:center;
}

.contact a{
	font-weight:bold;
}

.floatleft{
	padding-top:15px;
	float:left;
}