html, body {	
	margin: 0 0 5px 0;
	font-family : Arial, Verdana, Helvetica, sans-serif;
	background: url(/pics/rulerleft.gif); background-repeat:repeat-y; background-position:0px 15px;
	background-color: #f2f2f2;
	text-align: left;
	 }
img {
 border:none;
 border-color:#FFFFFF;
} 	 
* html #page{
	/* \*/
	word-wrap: break-word;
	/* to inhibit float-problems with IE */
	}

#page {
	text-align: left;
	width: 820px;
	margin: 5px 0 5px 25px;
	padding:0px 0px 10px 0px;

}
	 	

a { 
	margin:0;
	padding:0px;
	color: #000000; 
	text-decoration: underline;
	cursor: url(/middlefinger.ico);
	
	
	 }
a:hover { 

	color: #666; 
	text-decoration: none;
	border-bottom: 1px dotted #666;
	cursor: url(/middlefinger.ico);
	 }

a:visited { 
	color: #666; 
	text-decoration: none; 
	border-bottom: 1px dotted #666;
	}
		
blockquote { 
	background: #fff url(quote.gif) top left no-repeat;
	}
         
/* Accessibility tags. These hide the tags to prevent the design
from altering. Firstly, the search box. */

.pivot-search label { visibility:hidden; display:none; }
.pivot-search legend { visibility:hidden; display:none; }
.pivot-search fieldset { border:0; padding:0; margin:0; }

.pivot-search-result label { visibility:hidden; display:none; }
.pivot-search-result legend { visibility:hidden; display:none; }
.pivot-search-result fieldset { border:0; padding:0; margin:0; }

/* Styles for the search box. */

.searchbox { 
   width: 135px; 
	font-size: 8pt;
	border: 1px solid #000000; 
        }
.searchbutton { 
	border: 1px solid #000; font-size: 8pt; 
	}

/* Additional accessibility tags. */

hr {visibility: hidden; display: none;}

.skiplink {visibility: hidden; display: none;}

/* The #ruler attributes controls the rulers, they rule */
#ruler_hor {
	width: 100%;
	background: url(/pics/rulerup.gif); background-position:15px 0px;
	height:15px;
}

/* The #page attribute ensures that content remains 
within the specified perimeters */


	 


/* The #header attribute controls the top of the content. */

#header { 
	width: auto;
	height: 120px;
	border: 10px solid #ffffff;
/*	background: #fff url(header.jpg) no-repeat; */
	background: url(/pics/random_header/rotator.php) no-repeat top center;
	 }
	 
#polaroid { 
	width: 205px;
	height: 205px;
	border: 1 px solid #ffffff;
	left: 0px;
	background: url(/pics/random_polaroid/rotator.php) no-repeat top center;
	 }
	
.headertext { 
	float: right; width: 600px;
	padding-top: 0px;
	text-align: right;
	color:#FFFFFF;
	}
.initial { 	
	margin: 0;
	/*padding-top: 0px; padding-bottom: 10px; padding-right: 10px; padding-left: 20px;*/
	font-size: 50pt; font-style: italic; font-weight: normal;
	line-height: 50pt;
	font-family : Georgia, "Times New Roman", Times, serif; 
	color:#d2d2d2;
	float:left; 
	width: 60px;
	text-align: center;
	
	 }

h1 { 	
	margin: 0;
	padding-top: 0px; padding-right: 20px;
	font-size: 50pt; font-style: italic; font-weight: normal;
	line-height: 50pt;
	font-family : Georgia, "Times New Roman", Times, serif; 
	 }
	 

.headersubtext { 
	float: right;
	width: 600px;
	padding-top: 0px;
	text-align: right; 
	color:#000000;
	}

h2 { 
	margin: 0;
	padding-top: 24px; padding-right: 20px;
	font-size: 15pt; font-style: italic; font-weight: normal;
	font-family : Georgia, "Times New Roman", Times, serif;	
	}

/* The #menu controls the optional navigational area. */

#menu { 
	width: auto;
	border: 10px solid #ffffff;
	text-align: center;
	background-color: #ffffff;  margin:10px;
	font-size: 15px; line-height: 16px; 
	 }

#menu ul { 
	margin: 0; padding: 0; 
	border: 0;
	}

#menu li { 
	display: inline; padding: 5px;  margin:5px;
	font-size: 15px; color: #000; font-weight:bold;
	}
	
#menu a { 
	padding: 10px;
	border-bottom: 1px solid #cc0000; 
	text-decoration: none;  
	}

#menu a:visited { 
	border-bottom: 1px solid #cc0000; text-decoration: none; 
	}
	
#menu a:active { 
	border-bottom: 1px dotted #cc0000; text-decoration: none; 
	}

#menu a:hover { 
	background-color: #cc0000; color: #ffffff; 
	}

/* The main entries. "#left" defines the area where the 
content will be held; ".content" defines each separate entry.*/

#right {
	float: right;
	width: 210px;
	text-align: left;
	border-right: 10px solid #ffffff;
	background-color: #ffffff;
	margin-left: 20px;
	margin-top: 20px;
	padding-left: 20px;
	font-size: 11px;
	line-height: 16px;
	z-index: 1;
	}


#left {
	float: left;
	color: #000000;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
	background-color: #ffffff;
	width:515px;
	padding-left : 20px;
	margin-left : 20px;
	text-align: left;
	z-index: 2;
	}
	
.content { margin-top: 15px; padding: 2px ; 
	color: #000000;	font-size: 11px; line-height: 16px; text-align: left; 
	}

h3 { 
	border-bottom: 1px solid #000000; 
	color: #000000; text-transform: uppercase; 
	font-size: 14px; font-weight: bold; line-height:28px;
	}
	
h4 { 
	border-bottom: 1px solid #000000; 
	color: #000000; text-transform: uppercase; 
	font-size: 14px; font-weight: bold; line-height:25px;
	}
	
	
h4.category { 
	padding: 1px; background-color: #eeeeee; 
	color: #666666; text-transform: uppercase;
		font-size: 10px; line-height: 16px;  font-weight: normal; 
	border: none;
	}
	
h4.date { 
	padding: 1px; margin-top: -7px; 
	background-color: #F3F3F3; color: #cc0000;
	font-size: 7pt; font-weight: normal; text-transform: uppercase;
 	border: none;
	}


/* The entry footer for the comments, permalink, etc. */

.entryfooter { 
	width: auto; margin: 10px 20px 20px 0;
	font-size: 7pt;	
	text-align: right; 
	}

.entryfooter a { 
	color: #cc0000; 
	text-decoration: underline; text-transform: uppercase;
	 }

.entryfooter a:visited { 
	color: #aa0000; 
	text-decoration: none; 
	}
	
	.entryfooter a:hover { 
	color: #cc0000; 
	text-decoration: none; 
	border-bottom: 1px dotted #cc0000;
	
	}

.entryfooter a:active { 
	color: #cc0000; 
	text-decoration: none; 
	}

/* Styles for the comment form. */


.commentform {
	background-color: #ffffff;
	color: #999;}
	
.commentform input { 
	margin: 1px; padding: 2px;
	background-color: #fff;
	color: #000000; 
	font-size: 10px; line-height: 16px; 
	border: 1px dotted #999; 
	}

.commentform textarea { 
	margin: 1px; padding: 2px;
	background-color: #ffffff;
	color: #000000;	
	font-size: 10px; line-height: 16px; 
	border: 1px dotted #999; 
	}

/* The column area. "#right" defines the  area where the content will be held and ".rightcontent" defines each entry. */

.rightcontent { 
	margin-top: 10px; padding-bottom: 5px; 
	color: #000000; 
	font-size: 10px; line-height: 16px; 
	}
.rightcontent_small { 
	margin-top: 10px; padding-bottom: 5px; border:0; border-color:#FFFFFF;
	color: #000; 
	font-size: 10px; line-height: 16px; 
	}
.comment_small { 
	margin-top: 10px; padding-bottom: 5px; border:0; border-color:#FFFFFF;
	color: #999; 
	font-size: 10px; line-height: 16px; 
	}
.comment_small a{  text-decoration:underline; color: #999;}
.comment_small a:hover{  text-decoration:none; color: #999; border-bottom: 1px dotted #999;}
.comment_small a:active{  text-decoration:none; color: #999; border-bottom: 1px dotted #999;}
.comment_small a:visited{  text-decoration:none; color: #999; border-bottom: 1px dotted #ccc;}

.rightcontent_small a{ text-decoration:underline; color: #666;}
.rightcontent_small a:hover{ text-decoration:none; color: #666; border-bottom: 1px dotted #666; }
.rightcontent_small a:active{ text-decoration:none; color: #666; border-bottom: 1px dotted #666; }
.rightcontent_small a:visited{ text-decoration:none; color: #999; border-bottom: 1px dotted #999; }

.comment_small ul {
	margin: 0; padding: 0; width: auto; border:0; 
	}
.comment_small ul li {
	display: block; list-style: none; border:0;
	}
.comment_small  ul {
	margin: 0; padding: 0; width: auto; border:0;
	}
.comment_small  ul li {
	display: block; border:0;
	}
	
.rightcontent ul {
	margin: 0; padding: 0; width: auto; border:0;  color: #999; 
	}
.rightcontent ul li {
	display: block; list-style: none; color: #999; border:0;
	}
.rightcontent_small  ul {
	margin: 0; padding: 0 0 10px 15px; width: auto;  list-style: square outside; border:0;  color: #999; 
	}
/*.rightcontent_small  ul li {
	display: block; border:0;
	}*/
	
/* The #footer" attribute, where the small print is contained. */

#footer { 
 	padding: 20px;
	font-size: 10px; line-height: 16px;  color: #000000; 
	text-align: RIGHT; 
	}

/* The #footer2" attribute is an empty space beneath the #page. It is for the 
benefit of IE users. */

#footer2 { width: 600px; height: 20px; }


#layer3 {
	background-color: #ff0000;
	position: relative;
	top: -15px;
	left: -15px;
	width: 18px;
	height: 18px;
	visibility: visible;
	z-index: -1;
}
.pointer{cursor:default;}



/* End of the template. I hope you enjoyed it. */


/* 

Appendix: the main colours used were:

#ffffff: The background.
#cc0000: The menu hover links.
#000000: Text and link color.
#666666: Visited links color.

*/
.delicious-posts { font-family: sans-serif; }
.delicious-posts ul, .delicious-posts li, .delicious-banner { margin: 0; padding: 0}
.delicious-post { border-bottom: 1 solid #eee; padding: 0.25em; }
.delicious-odd { background-color: #f8f8f8 }
.delicious-banner a { font-size: 100%; border-bottom: 1 solid #eee;}
.delicious-posts a:hover { text-decoration: none}
.delicious-posts a { text-decoration: none; color: #f2f2f2; display: block; padding: 0.3em }
.delicious-post a { color: #cc0000 }

.numpa a, .numpa a:visited , .numpa a:active {
margin-top:10px;
color:#CC0000;}

.numpa a:hover,{
color:#666666}