/* Release Page
/* Part of this code generated by the 960 Grid System http://960.gs
----------------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	}
    
body, html {
	background: #e8e4e4 url('images/bg.png') 0 0 repeat-x;
	font-family: 'Lucida Grande','Lucida Sans Unicode','Verdana',sans-serif;
	color: #000;
    font-size: 0.9em;
}
#MofilmFrame #MofilmTop{
	background: #fff url('images/mofilm_bg.png') 0 0 repeat-x;
	overflow: hidden;
	height: 150px;
}
#MofilmFrame #Info a{
	color: #333 !important;	
}
#MofilmFrame #VodoLogo {
	float: left;
	width: 150px;
	height: 142px; 
	margin-top: 8px;
}
#MofilmFrame #Info {
	float: left;
	width: 400px;
	height: 150px; 
  padding-left: 8px;
  padding-right: 30px;
}
#MofilmFrame #MofilmFrameButton {
	float: left;
	width: 355px;
	height: 131px;
	margin-right: 10px;	
	padding-top: 18px;
}
a {
	color: #e1e1e1;
    outline: none;
}
p {
    margin-top: 10px;
}
h6 {
	color: #fff !important;
}
div {
}
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_960 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	clear: both;
	overflow: hidden;
}
#ContentWrapper {
	width: 960px;
    margin-top: 15px;
	font-size: 1.2em;
	color: #fff;
	}
#Header {
	overflow: hidden
}
	#VodoLogo a {
		background:transparent url(images/logo.png) no-repeat scroll 0 0;
		display:block;
		float: left;
		height:120px;
		margin-bottom:10px;
		text-indent:-999em;
		width:108px;
	}	
	.mofilmButton  {
		padding-top: 11px;
	}
	.mofilmButton a {
		display: block;
		width: 354px;
    float: right;
		height: 74px;
		margin-left: 580px;
		padding: 10px;
		background: transparent url('images/mofilm_button.png') no-repeat 0 0;	
		color: #fff;
		font-size: 1.4em;
		text-decoration: none;
		text-transform: uppercase;
		line-height: 1em;
		padding-top: 8px;
		}
		.mofilmButton a span.small {
			font-size: 0.6em;
			text-transform: none;
			}
	.mofilmButton a:hover {
		background-position: 0 -92px;	
		}
#MofilmTop a {
	margin-left: 30px;
	}
#MofilmEnter a {
	float: left;
	height: 60px;
	margin-left: 40px;
	margin-top: 30px;
	padding-top: 22px;
	}
#MofilmFrameButton a {
	height: 60px;
	padding-top: 22px;
	margin-left: 0px;
	}
#PioneerOne {
    background: #1C1211 url('images/main.jpg') no-repeat 0 0;
	height: 523px;
	}
	#PioneerOne h1 {
		height: 110px;
		text-indent: -999px;
		}
	#PioneerOne p {
		width: 410px;
		margin-left: 520px;
		margin-bottom: 25px;
		text-align: justify;
		font-size: 0.9em;
		}
#DownloadButton a {
	display: block;
	width: 354px;
	height: 60px;
	margin-left: 580px;
	padding: 10px;
    background: transparent url('images/download_button.png') no-repeat 0 0;	
	color: #fff;
	font-size: 1.8em;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1em;
	padding-top: 22px;
	}
	#DownloadButton a span.small {
		font-size: 0.4em;
		text-transform: none;
		}
	#DownloadButton a:hover {
		background-position: 0 -92px;	
		}
#OtherDownloadsButton a {
	display: block;
	width: 252px;
	height: 23px;
	margin-top: 10px;
	margin-left: 682px;
	padding: 5px;
	padding-left: 33px;
    background: transparent url('images/other_downloads_button.png') no-repeat 0 0;	
	color: #fff;
	font-size: 0.9em;
	line-height: 1.6em;
	text-decoration: none;
	text-transform: uppercase;
	}
	#OtherDownloadsButton a:hover {
		background-position: 0 -33px;	
		}
#CommentButton a {
	display: block;
	width: 252px;
	height: 23px;
	margin-top: 10px;
	margin-left: 682px;
	padding: 5px;
	padding-left: 33px;
    background: transparent url('images/other_downloads_button.png') no-repeat 0 0;	
	color: #fff;
	font-size: 0.9em;
	line-height: 1.6em;
	text-decoration: none;
	text-transform: uppercase;
	}
	#CommentButton a:hover {
		background-position: 0 -33px;	
		}
#DonateButton a {
	display: block;
	width: 213px;
	height: 45px;
	margin-top: 10px;
	margin-left: 682px;
	padding: 5px;
	padding-left: 33px;
    background: transparent url('images/donate_button.png') no-repeat 0 0;	
	color: #fff;
	font-size: 0.9em;
	line-height: 1.6em;
	text-decoration: none;
	text-transform: uppercase;
	}
	#DonateButton a:hover {
		background-position: 0 -55px;	
	}

.section {
	width: 920px;
	padding: 0 20px;
	padding-bottom: 45px;
	background-color: #1c1211;
	overflow: hidden;
}
.section h2 {
	height: 27px;
	width: 380px;
	text-indent: -999em;
}

  #About {
    padding-top: 20px;
}
	#About h2 {
		background: transparent url('images/about.png') no-repeat 0 0;
	}
	#SeasonOne h2 {
		background: transparent url('images/season_one.png') no-repeat 0 0;
	}
	#Donate h2 {
		background: transparent url('images/donate.png') no-repeat 0 0;
	}
		#Donate h3 {
			margin-top: 85px;
			background: transparent url('images/donation_target.png') no-repeat 0 0;
			height: 23px;
			width: 217px;
			text-indent: -999em;
			}
	#Competition h2 {
		background: transparent url('images/mofilm_competition.png') no-repeat 0 0;
	}
	#BtGuard h2 {
		background: transparent url('images/protect_your_privacy.png') no-repeat 0 0;
        width: 708px;
	}
	#Downloads h2 {
		background: transparent url('images/downloads.png') no-repeat 0 0;
	}	
	#Comments h2 {
		background: transparent url('images/comments.png') no-repeat 0 0;
	}	
	#Subtitles h2 {
		background: transparent url('images/subtitles.png') no-repeat 0 0;
	}	
	#Music h2 {
		background: transparent url('images/music.png') no-repeat 0 0;
	}	
#Donate {
	overflow: hidden;
}
#Donate ul {
	width: 550px;
	margin-left: 40px;
	margin-top: 20px;
	list-style: none;
}
#Donate li a {
	display: block;
	width: 345px;
	height: 70px;
	margin-top: 10px;
	padding: 5px;
	padding-top: 15px;
	padding-left: 15px;
    background: transparent url('images/donate_button_big.png') no-repeat 0 0;	
	color: #fff;
	font-size: 1.6em;
	line-height: 0.5em;
	text-decoration: none;
	text-transform: uppercase;
}
	#Donate li .small {
		display: block;
		width: 230px;
		font-size: 0.5em;
		text-transform: none;
		margin-top: 15px;
		}
	#Donate li a:hover {
		background-position: 0 -90px;	
	}
#Donate form {
	margin-left: 430px;
}
#DonationsTotal {
	font-size: 1.6em;
}
#DonationTarget {
	font-size: 1.1em;
}
#Donate .small {
	font-size: 0.8em;
}
#DonationButtons {
	float: left;
	width: 450px;
}
#Donations {
	float: left;
	width: 440px;
}
#Donations dl {
    overflow: auto;
    margin-top: 5px;
    font-size: 0.8em;
    font-style: italic; 
}
    #Donations dd, dt {
        float: left;
    }
        #Donations dt {
            clear: left;
            width: 175px;
        }
#AnyAmount {
	margin-left: 49px;
}
#DonationInfo {
	margin-right: 60px;
	float: right;
}
#Taylor {
	float: right;
	padding-top: 15px;
	margin-right: 40px;
}
#Downloads h3 {
	margin-top: 20px;
	}
#CompetitionButton {
	display: block;
	width: 396px;
	height: 87px;
    background: transparent url('images/competition_click_here.jpg') no-repeat 0 0;	
	text-indent: -999em;
	margin-left: 55px;
	margin-top: 20px;
}
#Downloads ul {
	margin-top: 1s0px;
	list-style: none;
	}
#Socialmedia {
    width: 960px;
	padding-top: 23px;
}
	#Socialmedia ul {
		list-style: none;
		overflow: hidden;
    padding-right: 45px;
	}
	#Socialmedia li {
		float: right;
		margin-right: 10px;
	}
	#Socialmedia li a {
		display: block;
		width: 32px;
		height: 32px;
		text-indent: -999em;
	}
	#Socialmedia li#TwitterLink a {
		background: transparent url('images/icons/twitter.png') no-repeat 0 0;
	}
	#Socialmedia li#FacebookLink a {
		background: transparent url('images/icons/facebook.png') no-repeat 0 0;
	}
	#Socialmedia li#GoogleBuzzLink a {
		background: transparent url('images/icons/google-buzz.png') no-repeat 0 0;
	}
	#Socialmedia li#EmailLink a {
		background: transparent url('images/icons/email.png') no-repeat 0 0;
	}
	#Socialmedia li#DiggLink a {
		background: transparent url('images/icons/digg.png') no-repeat 0 0;
	}
	#Socialmedia li#SlashDotLink a {
		background: transparent url('images/icons/slashdot.png') no-repeat 0 0;
	}
	#Socialmedia li#DeliciousLink a {
		background: transparent url('images/icons/delicious.png') no-repeat 0 0;
	}
#Copyleft {
	color: #c1c1c1;
	font-size: 0.8em;
	text-align: center;
	}
#Subtitles ul, #Comments ul {
	margin-left: 25px;
	margin-top: 10px;
}
#Footer {
    width: 960px;
	background: transparent url('images/footer.png') no-repeat 0 0;
	padding-top: 23px;
}
#GraphWrapper {
    height: 30px;
    padding-top: 10px;
}
#Graph {
    position: absolute;
    background: transparent url('images/donation_graph.png') no-repeat 0 0;
    width: 400px;
    height: 30px;
}
#GraphCompleted {
    position: absolute;
    background: transparent url('images/donation_graph_green.png') no-repeat 0 0;
}