/* CSS Document */

/* -------------------------------------------------------------------------------- 
Title:     Purple Duck 2.0 CSS (with comments by Nicolae Rusan)
Site:      www.purpleduckfilms.com

Colors: Medium (8225CD) Dark (2F0D4B) Light(C99DED) Grey (797979)
Fonts: Arial, Caflisch Script Pro, Calibri(logo)

Copyright: (c)2007 Purple Duck Films, 
Updated:   March 07 2007 - Nicolae Rusan
-----------------------------------------------------------------------------------*/

*{
	padding:0;
	margin:0;
}

h1, h2, h3, h4, h5, h6, pre, code {
	font-size: 1em;    /* this sets all sizes to the regular font size of the browser, and lets you customize from there */
}

body {
	font-family: Arial, Helvetica, sans-serif;
	text-align:center; 		/* this is a hack for IE 5/6 to center the wrapper div */
	background: url(img/body_bg.gif);
}

a{
color: #8527CE;
text-decoration:none;
}

a:hover{
color: #797979;
text-decoration:none;
}

a:focus{
color: #797979;;
text-decoration:none;
}

img{border:none; margin:0px; padding:0px;}
a img{border:none; margin:0px; padding:0px;}

/* =Round Boxes
--------------------------------------------------*/

.box {position:relative;}
b.cn { position: absolute; height: 1px; width: 1px; margin: 0; padding: 0; background-color:#FFF; line-height: 1px; font-size: 1px; } 
b.tl {top: 0px; left: 0px;}
b.tr {top: 0px; right: 0px;}
b.bl {bottom: 0px; left: 0px;}
b.br {bottom: 0px; right: 0px; }

     /* IE Filters */
    * html b.tl {top:-1px}
    * html b.tr {top:-1px; right: -1px}
    * html b.bl {bottom:-2px}
    * html b.br {bottom:-2px}

/* Page Structure
====================================================*/

#outerwrap{
	margin: 0 auto;
	text-align: center;
	width:1000px;
	background-color: #fafafa;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

#wrap {
	margin: 0 auto;
	text-align: left;
	width:780px;
	background-color: #fafafa;
	padding: 0px;
}

.main {
	width:100%;
	background: #fafafa;
}

/* Footer
============================*/

.footer{
clear:both;
margin: 20px 40px 0px 40px;
border-top: 1px solid #cccccc;
text-align:right;
font-size:12px;
padding-top: 10px;
padding-bottom:10px;
}

.footer ul{
list-style:none;
display:block;
}

.footer li{
float:left;
margin-right:10px;
}

.copyright{
display:block;}

h1.sectiontitle{
		font-size:25px;
		font-weight:bold;
		color: #8225CD;
		margin-bottom: 10px;
	}

/* Navigation
====================================================*/
h1.site_title{position: absolute; left: -9999px; height: 0.0; width: 0.0; overflow: hidden; font-size: 0.0;}

.header{
background: url(img/menu_top_logo.gif) top left no-repeat;
width:100%;
margin-bottom: 20px;
padding-top:170px;
}

ul.navigation{
margin-left:115px;
list-style:none;
font-size: 30px;
padding-bottom:50px;
font-family: Arial, Helvetica, sans-serif;
text-transform:uppercase;
}

ul.navigation li{
width:165px;
display:block;
float:left;
text-align:left;
padding-top:0px;
}

ul.navigation a{
margin-left: 12px;}

ul.navigation a:hover{
text-decoration:underline;}


/* Home Page
====================================================*/
	/*Featured film */
	.featured{width:500px; text-align:center; margin:0px; float:left; clear:left;}
	img.featured_header{padding:0px; margin-bottom:0px; float:left; width:500px;}
	.featured_movie{background: url(img/body_bg.gif); float:left; width:500px;}
	.featured_description_box{background:url(img/feature_bottom.gif) #2F0D4B bottom left no-repeat; color:#fafafa; font-size:13px; text-align:left; line-height:20px; margin-bottom:10px; float:left; width:500px;}
	.featured_description_content{padding:10px 20px; display:block;}

	
	/* News Section */
	.news{float:right; width:250px; margin-top: -30px; background: url(img/news_bottom.gif) bottom left no-repeat; padding-bottom: 15px; margin-left:10px;}
	.news h2{padding-left:15px; font-size: 25px; color: #fafafa; background: url(img/news_header.gif) top left no-repeat;}	
	.news ul{
		background: url(img/body_bg.gif); 
		list-style:none; 
		font-size:13px; 
		padding:10px 0px 20px 0px; 
		color: #2F0D4B;
		font-weight: bold;}
	.news li{margin-left:15px; line-height:20px; border-bottom: 1px solid #797979; padding-bottom:5px; padding-right:5px;}
	.news a:hover{color:#797979); text-decoration:underline;}
	
	/*Fan Mail Link*/
	.fanmail{float:right; clear:right; width:250px; margin-top: 20px;}
	.fanmail span{padding-top:40px; padding-bottom:45px; font-size:25px; float:right; color:#797979; margin-right:50px;}
	
	/*Fan Mail Sample*/
	.fanmail_sample {float:right; clear:right; width:250px; margin-top: 20px; list-style:none;}
	.fanmail_sample li{margin-top: 0px; margin-bottom: 5px; background:url(img/fanmail_samplequote_bg.gif) top left no-repeat; font-style:italic; font-size:13px; color:#8e8888; padding-top:15px; text-indent:25px;}
	
		
		
/* Movies Page
====================================================*/	
	/* Movies List */
	ul.movies{display:block; list-style:none;}
	ul.movies img{padding-right:70px;}
	ul.movies img:hover{padding-right:70px; background:url(img/quack_bg.gif) top right no-repeat; }

/* Movie View Page
====================================================*/
.moviebox{margin-top:0px;} /* this is used to cancel out the negative margin given to the news section */
.backto{text-decoration:underline; padding-top:10px; text-align:right; margin-right:5px;}
	
	/*Facebook Series Navigation*/
	ul.facebooknav{width:785px; padding-top: 5px; padding-bottom:7px; background:url(img/movie_title/facebook_nav_bg.gif) top left no-repeat; float:left; list-style:none; margin-bottom: 10px; text-align:right;}
	ul.facebooknav li{float:right; display:block; font-size:20px; padding-right:20px;}
	ul.facebooknav li a{color:#fafafa; border-bottom: 1px solid #3b5998;}
	ul.facebooknav li a:hover{color:#fafafa; border-bottom: 1px dotted #fafafa;}
	ul.facebooknav .currentfacebook{color:#fafafa; border-bottom: 2px solid #fafafa;}

/* About Page
====================================================*/
.about_contactname{font-size:15px; margin-bottom:8px; background-color: #2F0D4B; color:#C99DED; padding-left:5px; border-bottom:4px solid #C99DED;}
.news li.contacts{margin-left:15px; line-height:20px; border-bottom: 1px solid #797979; padding-bottom:10px; padding-right:5px; border:0px;}

ul.about_nav{list-style:none; float:left; color:#797979; font-weight:bold;}
ul.about_nav li{ float:left; margin-right:10px;}
ul.about_nav li a{text-decoration:underline;}

.about_pdf{margin-top:20px; line-height:20px; margin-bottom:10px; clear:left; float:left; width:500px; font-size:13px;}
.about_pdf h5 {font-size:20px; color: #2F0D4B; text-align:center;}
.about_pdf h5 a:hover{text-decoration:underline;}
.about_pdf img.tv{
	float:left;
	padding: 0px 10px 30px 0px;
}
.about_pdf p{margin-top:10px;}

.about_member{margin-top:20px;}

/* Links Page
====================================================*/
.linkbox{ margin-top: 20px; width:500px; font-size:13px; float:left; clear:left;}
.linkbox a{font-weight:bold; text-decoration:underline;}
.linkbox img{float:left; margin-right:10px; margin-bottom:20px;}

/*Hate Adam Graves Page*/
.onecolumn{float:left; width:100%; clear:both;}
.ihateadamgraves{background:url(img/ihateadamgraves.gif) top left no-repeat;}
.hateform{margin-top:90px; border: 2px solid #8225CD; float:left; width:440px; margin-left:50px; display:inline; padding:5px; font-family:Arial, Helvetica, sans-serif; margin-bottom:20px; height:80px;}
.hatelabel{float:left; clear:left; margin-left:50px; display:inline;}
#hateFrom{float:left; margin-left:20px; border: 2px solid #8225CD; font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:3px 5px; width:150px; display:inline;}
.hateformsubmit{float:left; clear:left; margin-left:380px; background:#C99DED; padding:5px; border:2px solid #8225cd; font-size:14px; margin-bottom:50px; font-weight:bold;}
.hateformsubmit:hover{background:#8225cd; color:white; cursor:pointer;}
.hateheader{font-size:14px; font-weight:bold; float:left; clear:left; margin-left:50px; display:inline;}
p.hateEntry{float:left; clear:left; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left:65px; margin-top:5px; margin-bottom:5px;}