/*  Body and default styles
-------------------------------------  */	
body    {
    margin: 0;
    font-size: 11px;
    font-family: verdana, arial;
    color: #666;
    background: url(fuzzysides.gif) top center repeat-y;
    } 


/*  Basic Structural Elements
-------------------------------------  */	

#master_parent {
	text-align: center;
	margin: 0;
	}

#master {
	background:  url(bg2.png) top center fixed no-repeat;
	margin: 0px auto;
	text-align: left;
	width: 766px;
	min-height: 644px;
	margin-bottom: 10px;
  }
  
h1	{
	background: url(never_forget-trans.png) top center no-repeat;   
	text-indent: -1000px;  
	height: 177px;
	margin: 0;
	}
	
#hidden	{
	display: none;
	}
	
#contact_parent {
    position: absolute;
		top: 0;
		left: 0;
    z-index: 2;
    width: 100%;
    text-align: center;
}

#contact        {
    margin: 0 auto;
    width: 745px;
    text-align: left;
    }

#contact_text {
    border: solid 1px #eee;
		margin: 38px 33px 0 0;
    padding: 3px;
    width: 162px;
    height: 100px;
    float: right;
		color: #999;
} 
  
/*  Column elements / Basic Alignment
-------------------------------------  */	

#content {
	width: 766px;
	}

#fact	{
	float: left;
	width: 280px;
	}
	
#fun	{
	float: left;
	width: 260px;
	}
	
#info	{
	float: left;
	width: 200px;
	}
	
h2	{
	font-size: 16px;
	font-family: tahoma, helvetica, arial;
	color: #bbb;
	font-weight: bold;
	text-align: right;
	margin: 0px 3px 3px 3px;
	padding: 1px;
	}
	
/*  Column elements - drop shadows
-------------------------------------  */

.img-shadow {
	clear: both;
	float:left;
	background: url(shadow.gif) no-repeat bottom right;
	margin: 20px 0 0 17px !important;
	margin: 20px 0 0 8px;
	}

.img-shadow div.container div {
	display: block;
	border: 1px solid #eee;
	margin: -6px 6px 6px -6px;
	padding: 4px;
	}

.alpha-shadow {
	clear: both;
	float:left;
	background: url(shadow.gif) no-repeat bottom right;
	x-background: url(shadow-trans.png) no-repeat bottom right !important;
	xmargin: 14px 0 0 17px !important;
	xmargin: 14px 0 0 8px;
	margin: 5px 0 0 30px !important;
	}
	
#fun .alpha-shadow {
	 margin: 6px 0 0 13px !important;
	}

#info .alpha-shadow {
	 margin: 6px 0 0 12px !important;
	}
	
	
.alpha-shadow div.container {
  background: url(shadow2-trans.png) no-repeat left top !important;
  background: url(shadow2.gif) no-repeat left top;
  float: left;
  padding: 0px 6px 8px 0px;
  }

.alpha-shadow div.container div.clipbox, .alpha-shadow div.container div.sidebox {
  xpadding: 4px;
  margin: 0;
  }

/*  footer elements 
-------------------------------------  */	
	
#footer	{
	margin: auto;
	background: url(footer-trans.png) center top ;
	height: 68px;
	width: 740px;
	clear: all;
	}
	
#footer	p	{
	padding: 20px 0 22px 0;
  	color: #ccc;
	font-size: 14px;
	line-height: 24px;
	font-weight: normail;
	text-align: center;
	}
	
/*  clip/side divs and elements 
-------------------------------------  */
.clipbox {	   
	background: url(bg_over2.png) top center no-repeat fixed ;
	border: solid 1px #eee;
	margin: 0px 0px 20px 0px;
	}
	
.clipbox h3	{
	text-align: center;
	}	
	
.clipbox h4	{
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	margin: 3px 0 4px 0;
	padding:0;
	}	

.clip	{
	border-top: solid 1px #eee;
	padding: 4px 3px 8px 3px;
	margin-bottom: 0px;
	}	
	
.clip:hover {
	background: #E5EEF3;
	}

img.film_title	{
	margin: 0px 30px 4px 30px;
	}

.image	{
	float: left;
	margin: 2px 3px 3px 3px;
	border: solid 1px #ccc;
	padding: 3px;
	background: white;
	text-align: right;
	}
	
.image small	{
	display: block;
	font-size: 9px;
	padding: 1px 2px;
	}
	
	

.cliptext {
	margin: 0px 3px 5px 94px;
	padding: 0px 3px 3px 3px;
	font-size: 10px;
	font-family: verdana, arial;
	color: #666;
	}

.sidebox {
   	background: #E1E2E5;
   	border: solid 1px #D5D5D6;
   	margin: 0px 0px 20px 0px;
		width: 180px;
	}

.sidebox .cliptext {
	margin: 0px 3px 5px 74px;
	padding: 0px 3px 3px 3px;
}

.sidebox h4	{
	font-size: 12px;
	text-align: left;
	margin: 5px 5px 10px 5px
	}	
	
.sidebox ul	{
	padding: 0;
	margin: 5px 5px 15px 12px ;
	}	
	
.sidebox ul li	{
	list-style: none;
	margin: 0px 0px 8px 0;
	padding: 0;
	}	
	
.sidebox p	{
	margin: 5px;
	}	
		
.divide {
	clear: left;
}
	
/*  Clip email form styling 
-------------------------------------  */	
input.field, textarea	{
	font-size: 11px;
	color: red;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #ccc;
	padding: 1px;
	margin: 2px;
	width: 160px;
	}

input.button	{
	font-size: 11px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px #666;
	padding: 1px;
	margin: 2px;
	background: #ccc;
	}

	
/*  download icon nav 
-------------------------------------  */
.download {
	text-align: center;
	height: 50px;
	}

.download ul {
	margin: 5px 10px 5px 0px;
	border: 0; 
	padding: 0;
	clear: all; 
	}
	
.download ul li {
	display: inline;
	list-style: none;
	padding: 0;
	height: 60px;
	width: 60px;
	}

.download ul li a {
	float: right;
	text-decoration: none;
	margin: 0 2px 0 3px;;
	height: 60px;
	width: 60px;
	border: 0;
	border-bottom: 0;
	}

.download ul li a:hover {
	text-decoration: none;
	}

.download ul li.qt a {
  background: url(qt_gray.png);
  border: 0;
}

.download ul li.qt a:hover {
  background: url(qt_color.png);
    border: 0;
}

.download ul li.bt a {
  background: url(torrent_gray.png);
    border: 0;
}

.download ul li.bt a:hover {   
  background: url(torrent_color.png);
    border: 0;
}

.download ul li.wmv a {
  background: url(wmv_gray.png);
    border: 0;
}

.download ul li.wmv a:hover {
  background: url(wmv_color.png);
    border: 0;
}

.download ul li.mp3 a {
  background: url(mp3_gray.png);
  xmargin-left: 35px;
    border: 0;
}

.download ul li.mp3 a:hover {
  background: url(mp3_color.png);
    border: 0;
}

a:link, a:visited, a:active	{
  color: #477CA5;
  text-decoration: none;
}

a:hover	{
  text-decoration: underline;
}


/* Article Stuff 
-------------------------------------  */

#article {
  float: left;
  width: 540px; 
}               

.alpha-shadow div.container div.articlebox  {
  margin: 0;
}     

.articlebox {
  background: url(bg_over2.png) top center no-repeat fixed ;
  border: solid 1px #eee;
  padding: 10px 10px 20px 10px;
  margin: 0px 0px 20px 0px;     
  font-family: verdana, arial;          
}                                       

.articlebox h2 {                        
  text-align: left;                             
  margin: 0;                                            
  font-size: 18px;                                              
  padding: 0;
}                                                                       

.articlebox .attribution {
  color: #bbb;
  font-size: 10px;
  font-weight: bold;
}


/* Article Home Link */

#homelink {
width: 700px;
height: 140px;
margin: 20px 10px 0 20px;
float: left; 
} 

#homelink a {
text-decoration: none;
display: block;
width: 100%;
height: 150px;
}


/*  full movie
-------------------------------------  */

.fullimage    {
   margin: 2px 3px 3px 3px;
   border: solid 1px #ccc;
   width: 88px;
   padding-bottom: 2px;
   background: white;
   text-align: center;
   }

.fullimage img    {
   margin: 3px 3px 1px 3px;
   }

.fullclip {
 height: 160px;
 float: left;
 width: 110px; /* tmp? */
}

.fullclip, .fullcell {
 padding: 4px 3px 8px 3px;
 margin-bottom: 0px;
 vertical-align: top;
}   
.fullclip h5, .fullcell h5 {
 font-size: 10px;
 height: 14px;
}

.fullclip ul, .fullclip li, .fullcell ul, .fullcell li {
 margin: 0; border: 0; padding: 0;
}

.fullclip ul, .fullcell ul {
 margin: 8px 2px 0px 8px;
}

.fullclip ul ul, .fullcell ul ul {
 margin: 2px 0 2px 8px;
}

.fullclip li, .fullcell li {
 margin: 0 0 2px 0;
 list-style: none;
 font-size: 10px;
}
  .fullclip:hover, .fullcell:hover {
 background: #E5EEF3;
}

.fullclip .image, .fullcell .image {
 width: 82px;
}

.fullclip .image small, .fullell .image small {
 display: inline;
}


/*  mini icon nav
-------------------------------------  */


.minibox {
  background-color:white;
  margin-left: 78px;
  margin-right: 8px;
  height: 36px;
  /* IE7 CRASHER -- border: 1px solid #ccc; */
}

ul.mini {
  margin: 0; border: 0; padding: 0;
  padding: 3px 10px 0 0;
}

ul.mini li {
  display: inline;
  list-style: none;
  margin:0; padding: 0;
  height: 30px;
  width: 30px;
}

ul.mini li a {
  float: right;
  text-decoration: none;
  margin: 0 2px 0 8px;
  height: 30px;
  width: 30px;
  border: 0;
  border-bottom: 0;
}

ul.mini li a:hover {
  text-decoration: none;
}


.osx a {
  background: url(mini/osx_mini_gray.png);
  border: 0;
}

.osx a:hover {
  background: url(mini/osx_mini_color.png);
  border: 0;
}   

.xp a {
  background: url(mini/xp_mini_gray.png);
  border: 0;
}

.xp a:hover {
  background: url(mini/xp_mini_color.png);
  border: 0;
}   


/* Blockquote 
-------------------------------------  */
blockquote {
  border-left: 1px solid #999;
}