hr {
	border: 3; 
	color: #333366; 
	width: 30%; 
	background-color: #333366; 
} 

body{
	font-family: "Trebuchet MS", Arial, sans-serif; 
	color: #404040; 
	font-size: 80%;
}

li{
	font-family: "Trebuchet MS", Arial, sans-serif; 
	margin-left: 20pt; 
	color: #404040; 
	font-size: 100%;
}

h1 {
	font-family: Verdana, Arial, sans-serif; 
	margin-left: 10pt; 
	color: #404040; 
	font-size: 100%; 
}

h2 {
	font-family: Verdana, Arial, sans-serif; 
	color: #404040; 
	font-size: 12pt; 
}

h3 {
	font-family: Verdana, Arial, sans-serif; 
	margin-left: 10pt; 
	color: #404040; 
	font-size: 100%; 
}

h4 {	
	font-family: verdana, arial, sans-serif; 
	margin-left: 10pt; 
	color: #404040; 
	font-size: 100%; 
}

<!--news headline-->
h5 {
	font-family: georgia, serif; 
	margin-left: 20pt; 
	color: #326482; 
	font-size: 100%; 
}

<!--news text-->
h6 {
	font-family: "Trebuchet MS", verdana, arial, sans-serif; 
	margin-left: 10pt; 
	color: #404040; 
	font-size: 100%; 
}

ul.filmlist {
  	list-style-image: url('greybullet.jpg');
}

ul.newslist {
  	list-style-image: url('orangebullet.jpg')
}

ul.articlelist {
  	list-style-image: url('images/articledot.png')
}



ul.nobullet {
  	list-style-type: none
}
  
ul.prodlist {
	margin-left: 0pt;
	}

font.headertitle {
	font-family: "lucida sans", monaco, verdana, sans-serif;
	font-size: 42pt;
	color: #FFFFFF
}
	  
font.title {
  	font-family: ""Trebuchet MS"", verdana, arial, sans-serif; 
  	font-size: 24pt;
  	color: #999999
 }
 
font.news {
  	font-family: Georgia, serif; 
  	font-size: 12pt;
  	color: #326482
 }
 
font.books {
  	font-family: ""Trebuchet MS"", verdana, arial, sans-serif; 
  	font-size: 14pt;
  	color: #663399
 }

font.prodreviews {
  	font-family: ""Trebuchet MS"", verdana, arial, sans-serif; 
  	font-size: 14pt;
	color: #6F0000
}

font.prodreviewscolink {
	color: #000099; 
	font-size: 12pt;
	font-weight: bold
}

font.homelink {
  	font-family: Georgia, serif; 
  	font-size: 11pt;
  	color: #196414;
  	font-weight: bold
 }
.homelink:hover {
 background-color: #196414;
 color: #FFFFFF
 }
 
font.questlink {
  	font-family: Georgia, serif; 
  	font-size: 11pt;
  	color: #333399;
  	font-weight: bold
 }
.questlink:hover {
 background-color: #333399;
 color: #FFFFFF
 }
 

font.newslink {
  	font-family: Georgia, serif; 
  	font-size: 11pt;
  	color: #326482;
  	font-weight: bold
 }

.newslink:hover {
 background-color: #326482;
 color: #FFFFFF
 }
 
font.prodlink {
  font-family: Georgia, serif; 
  font-size: 11pt;
  color: #6F0000;
  font-weight: bold
 }
.prodlink:hover {
 background-color: #6F0000;
 color: #FFFFFF
 }
 
font.articlelink {
  font-family: Georgia, serif; 
  font-size: 11pt;
  color: #808000;
  font-weight: bold
 }
.articlelink:hover {
 background-color: #808000;
 color: #FFFFFF
 }

font.linkslink {
  font-family: Georgia, serif; 
  font-size: 11pt;
  color: #FF9933;
  font-weight: bold
 }
.linkslink:hover {
 background-color: #FF9933;
 color: #FFFFFF
 }

font.booklink {
  font-family: Georgia, serif; 
  font-size: 11pt;
  color: #663399;
  font-weight: bold
 }
 .booklink:hover {
 background-color: #663399;
 color: #FFFFFF
 }

font.recipelink {
  font-family: Georgia, serif; 
  font-size: 11pt;
  color: #BDB76B;
  font-weight: bold
 }
.recipelink:hover {
 background-color: #BDB76B;
 color: #FFFFFF
 }

font.filmlink {
  	font-family: Georgia, serif; 
  	font-size: 11pt;
  	color: #BD1222;
  	font-weight: bold
 }
.filmlink:hover {
background-color: #BD1222;
color: #FFFFFF
}

font.misclink {
  	font-family: Georgia, serif; 
  	font-size: 11pt;
  	color: #9C084A;
  	font-weight: bold
 }
.misclink:hover {
background-color: #9C084A;
color: #FFFFFF
}
 
font.separator {
  	font-family: Arial, sans-serif; 
  	font-size: 11pt;
  	color: #000000
 }
  
font.toptitle {
  	font-family: Monaco, sans-serif; 
  	font-size: 36pt;
  	color: #FFFFFF;
  	font-weight: bold
 } 
 

font.news {
  	font-family: Georgia, serif; 
  	font-size: 10pt;
  	color: #326482
 }

font.newslink {
  	font-family: Georgia, serif; 
  	font-size: 12pt;
  	color: #326482;
  	font-weight: bold
 }
 
font.articles {
  	font-family: "Trebuchet MS", Arial, serif; 
  	font-size: 10.5pt;
  	color: #555500;
  	font-weight: bold
 }

font.articleslink {
  	font-size: 10pt;
  	color: #808000;
 }

p.articlespace {
line-spacing: 15px
}

#articletext {
margin-left: 20px;
display: inline
}
	
font.recipes {
	color: #333333;
}

font.films {
  	font-size: 14pt;
  	color: #663399
}

#maintitle {
   	margin-left: 15%;
   	width: 900px;
   	font-family: "Trebuchet MS", Helvetica, sans-serif; 
   	font-size: 24pt;
   	color: #999999   
 }
 
#proditem { 
	position: absolute;
     margin-left: 560px;
	width: 140px;
	padding-left: 10px;
	padding-right: 10px;

}
 
#ads { 
	position: relative;
	float: right;
	width: 140px;
	padding-left: 10px;
	padding-right: 50px
}
#ads a:link{
	color: #F30d00;
	text-decoration: underline;
	}
#ads a:hover  {
	color: #FFCC00
}


#rightitem { 
	position: relative;
	float: right;
	display: inline;
	width: 120px;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
	border-style: dotted;
	border-width: 1px;
	border-color: #404040;
	margin-right: 10%
}

#rightitem a:link 
{
	color: #F30d00;
	text-decoration: underline;
}
	
#rightitem a:hover  
{
	color: #F30d00
}

#bookad { 
	position: absolute;
	float: right;
	display: inline;
	width: 120px;
	padding-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 10px;
	border-style: dotted;
	border-width: 1px;
	border-color: #404040;
	margin-left: 100px;
	margin-top: 110px
}

#bookitem { 
	position: absolute;
	padding-left: 10px;
	margin-left: 500px;
}


#retweetbutton {
	position: relative;
	float: right;
	display: inline;
	width: 120px;
	margin-right: 10%
}

#news { 
	position: relative;
	float: left;
	width: 600px;
	padding-left: 10px;
	margin-left: 100px
}

#articles { 
	position: relative;
	float: left;
	width: 550px;
	padding-left: 10px;
	margin-left: 20%
}

font.articletext 
{
    	color: #404040;
    	font-size: 14px;
    	font-family:  "Trebuchet MS", arial, sans-serif;
	line-height: 20px
}

#mainsheet {
	background-color: #CCCCCC;
	width: 800px;
	margin-left: 80px;
	margin-right: 40px:
	margin-bottom: auto
}

#filmpage {
	width: 600px;
	margin-left: 20%;
	margin-bottom: auto;
}

#filmlist {
   margin-left: 20%;
   font-family: ""Trebuchet MS"", verdana, arial, sans-serif; 
   font-size: 9pt
}

#container {
	margin-left: 10%;
	width: 900px;
	height: auto:
	margin-right: 12%;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

#leftitem { 
	position: relative;
	float: left;
	width: 80px;
	padding-left: 10px;
	margin-left: 80px
}

#mainitem { 
	position: relative;
	float: left;
	width: 600px;
	padding-left: 10px;
	margin-left: 10%
}


#links {
	position: relative;
	float: left;
	width: 600px;
	padding-left: 10px;
	margin-left: 180px
}


font.links {
	font-family: verdana; 
	color: #333399;
	font-size: 11pt;
	font-weight: bold;
	
}
font.linkstext {
	font-family: verdana; 
	color: #404040;
	font-size: 9pt;
	font-weight: normal;
	
}


#footer{
 	height: 45px; 
  	background-color: #D0D3D3; 
 	clear: both;
 	color: #333366;
 	font-size: 8pt;
 	padding-left: 20px;
 	padding-top: 10px
} 

#tagcloud {
	width: 250px;
	position: absolute;
	margin-left: 760px;
	padding-left: 0px;
	margin-top: 100px
}

#SnapPoll {
	font-family:Arial; 
	font-size:small;
	margin-left: 250px;
	position: absolute;
	margin-bottom: 40px
}

#htmltagcloud
{ 
	font-family:'lucida grande',trebuchet,"Trebuchet MS",verdana,arial,helvetica,sans-serif; 	line-height:2em; 
	word-spacing:normal; 
	letter-spacing:normal; 
	text-decoration:none; 
	text-transform:none; 
	text-align:justify; 
	text-indent:0ex; 
	background-color:#fff; 
	margin:1em 1em 0em 1em; 
	border:2px dotted #ddd; 
	padding:2em
}

#htmltagcloud a:link
{
	text-decoration:none
}

#htmltagcloud a:visited
{
	text-decoration:none
}

#htmltagcloud a:hover
{
	text-decoration:none;
	color:white;
	background-color:#05f
}

#htmltagcloud a:active
{
	text-decoration:none;
	color:white;
	background-color:#03d
}

span.tagcloud0
{
	font-size:0.5em;
	padding:0em;
	color:#ACC1F3;
	z-index:10;
	position:relative
}

span.tagcloud0 a
{
	text-decoration:none; 
	color:#ACC1F3
}

span.tagcloud1
{
	font-size:0.7em;
	padding:0em;
	color:#ACC1F3;
	z-index:9;
	position:relative
}

span.tagcloud1 a
{
	text-decoration:none;
	color:#ACC1F3
}

span.tagcloud2
{
	font-size:0.9em;
	padding:0em;
	color:#86A0DC;
	z-index:8;
	position:relative
}

span.tagcloud2 a
{
	text-decoration:none;
	color:#86A0DC
}

span.tagcloud3
{
	font-size:1.1em;
	padding:0em;
	color:#86A0DC;
	z-index:7;
	position:relative
}

span.tagcloud3 a
{
	text-decoration:none;
	color:#86A0DC
}

span.tagcloud4
{
	font-size:1.4em;
	padding:0em;
	color:#607EC5;
	z-index:6;
	position:relative
}

span.tagcloud4 a
{
	text-decoration:none;
	color:#607EC5
}

span.tagcloud5
{
	font-size:1.6em;
	padding:0em;
	color:#607EC5;
	z-index:5;
	position:relative
}

span.tagcloud5 a
{
	text-decoration:none;
	color:#607EC5
}

span.tagcloud6
{
	font-size:1.8em;
	padding:0em;
	color:#4C6DB9;
	z-index:4;
	position:relative
}

span.tagcloud6 a
{
	text-decoration:none;
	color:#4C6DB9
}

span.tagcloud7
{
	font-size:2.1em;
	padding:0em;
	color:#395CAE;
	z-index:3;
	position:relative
}

span.tagcloud7 a
{
	text-decoration:none;
	color:#395CAE
}

span.tagcloud8
{
	font-size:2.4em;
	padding:0em;
	color:#264CA2;
	z-index:2;
	position:relative
}

span.tagcloud8 a
{
	text-decoration:none;
	color:#264CA2
}

span.tagcloud9
{
	font-size:2.7em;
	padding:0em;
	color:#133B97;
	z-index:1;
	position:relative
}

span.tagcloud9 a
{
	text-decoration:none;
	color:#133B97
}

span.tagcloud10
{
	font-size:3.0em;
	padding:0em;
	color:#002A8B;
	z-index:0;
	position:relative
}

span.tagcloud10 a
{
	text-decoration:none;
	color:#002A8B
}

span.freq
{
	font-size:6pt !important;
	color:#bbb
}

#credit
{
	text-align:center; 
	font-size:0.7em; 
	color:#333; 
	margin-bottom:0.6em; 
	font-family:'lucida grande',trebuchet,"Trebuchet MS",verdana,arial,helvetica,sans-serif;
}

#credit a:link
{
	color:#777; 
	text-decoration:none;
}

#credit a:visited
{
	color:#777; 
	text-decoration:none;
}

#credit a:hover
{
	text-decoration:none; 
	color:white; 
	background-color:#05f;
}

#credit a:active
{
	text-decoration:underline;
}

.more-link{
	font-size: 12px;
	font-weight: normal;
	height: 20px;
	width: 109px;
	display: block;
	text-align: left;
}

a.more-link{
	color: #4e4e4e;
	background-image: url(images/readmore1.png);
	background-repeat: no-repeat;
	background-position: 0 -2px;
}

a:hover.more-link{
	color: #4e4e4e;
	text-decoration: none;
	background-image: url(images/readmore2.gif);
	background-repeat: no-repeat;
}

.download-link{
	font-size: 12px;
	font-weight: normal;
	height: 20px;
	width: 125px;
	display: block;
	text-align: left;
}

a.download-link{
	color: #4e4e4e;
	background-image: url(images/readmore2.png);
	background-repeat: no-repeat;
	background-position: 0 -2px;
}

a:hover.download-link{
	color: #4e4e4e;
	text-decoration: none;
	background-image: url(images/readmore2.gif);
	background-repeat: no-repeat;
}


a {
 	text-decoration: none;
 	color: #196414 
}
a:hover {
	font-weight: bold;
	color: #990000;
	font-size: 95%
}

#index_table {
	margin-left: 60px;
}

#footer{
clear: both;
height: 5%;
border-top: 1px solid green;
padding: 0;
margin: 0;
} 



 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */