/*FONT FAMILY===========================================================================================*/

body, td, th {
	font-family: Verdana, Arial, Helvetica, sans-serif; /*Arial & Helvetica are almost undistinguishable*/
}

/*-------uncomment and customize if you want to use different fonts for different page elements
h2 { font-family: Times }
h3 { font-family: Courier }
h4 { font-family: Trebuchet }
p { font-family: Helvetica }
---------*/
 


/*FONT SIZE=============================================================================================*/

h1 { font-size: 95%; } /* - header or special effects */
h2 { font-size: 100%; } /* content headings */
h3 { font-size: 98%; font-weight:lighter } /* content sub-headings */
h4 { font-size: 95%; } /* list headings, same size as (p) */
h5 { font-size: 95%; } /* list headings 2, same size as (p) */
h6 { font-size: 90%; } 

.widgettitle { font-size: 80%; }

ul, ol, td { font-size: 75%; }
p {line-height: 140%; font-size: 75%; }
ul ul { font-size: 85%; } /*- actually only necessary if the ul size is not 100%  */
td p { font-size: 75%%; }

/*WIDGETBOX=============================================================================================*/

#widgetbox {margin-left:10px; margin-right:10px; width:180px; padding:0px}
#widgetbox p {margin: 0px 0px 0px 0px;}
#widgetbox ul {list-style: none; margin: 0 ;padding: 0 ;}
#widgetbox ul li {padding: 5px ; border: none #cccccc 1px; margin-top:0px; background-color: #FFFFFF}

#widgetbox ul li ul li {list-style: none); padding-left: 0px ;  border:none; padding:0px; margin:0px; margin-bottom:4px; margin-top:4px; margin-left:4px; border: none; }


/*#widgetbox ul li ul li {list-style: none); padding-left: 0px; border: none; padding:0px; margin:0px; margin-bottom:4px; margin-top:2px; margin-left:4px;}*/

#widgetbox ul li ul li ul li {border: none; margin-left:8px}

#widgetbox li {margin-bottom:20px}


#widgetbox h2 {
	margin: 0 0 7px 0px;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #cccccc;
	color: #FFFFFF;
	background-color: #CC0000;
}



/*FONT COLORS=============================================================================================*/
/*--------------------
below is the color scheme used - it's for info only, if you want to change you need to change below (after the body tag)
lead  color: 		#C52D2C  	blue		h1, h2, h3
second color:		#88bb22		green		seperaton lines, some links
highlight 1:		#9966cc		purple		not used but matching color - if you want to highlight something
highlight 2:		#990000		red			not used but matching color - if you want to highlight something

background 1:		#eeeeff		light 	 	lead elements
background 2:		#fefeef		light 		lightest bg
box underline:		#cccccc		light grey
---------------------*/


body {
color: #7F5A58
}
a:active {color: red}

h1, h1 a:link, h1 a:visited {color: #dddddd}
h2, h3, h2 a:link, h3 a:link, h2 a:visited, h3 a:visited {color: #CB0303}
ul li a:link, ul li a:visited {color: #C52D2C}
p a:link, p a:visited {color: #C52D2C}
a:link, a:visited {color: #C52D2C}

p.postmetadata a:link, p.postmetadata a:visited {color: #cccccc}

#footer p a:link, #footer p a:visited {color: black}

/*-------uncomment and customize below example if you want to add colors 
h2, h2 a:link, h2 a:visited { #990000 }
h3, h3 a:link, h3 a:visited { #9966cc }
---------*/



/*LINK STYLE other than color=============================================================================*/

a:link, a:visited {text-decoration:none }
p a:link, p a:visited {text-decoration:underline } /* orphan text remains undecorated */

a:hover {text-decoration:underline }
h1 a:hover {text-decoration:none }

#footer p a:link, #footer p a:visited {text-decoration: none}
#footer p a:hover {text-decoration: underline}

/*MARGINS, BORDERS AND PADDING for elements (not for containers)===========================================*/

body {margin:0px; padding: 0px;}
ul, ol {list-style: outside; padding-top: 0px;}
#sidebar ul, #sidebar ol {margin-left: 0;	padding-left: 0; list-style-type: none; padding-right:7px;	}

li {
	padding-bottom: 9px;
}



h1, h1 a:link, h1 a:visited, h1 a:hover {margin-top:0; padding-bottom:7px; text-align: center; }
h2, h2 a:link, h2 a:visited, h2 a:hover {margin-top:0}
h3, h3 a:link, h3 a:visited, h3 a:hover {
margin-top: 0px;
}
h4, h4 a:link, h4 a:visited, h4 a:hover {margin-top:0}

a img { border: 0; }
a:hover img {border: 1px red solid; }
a:visited img {border: 0; }

.entry h3 {
padding-top:15px;
padding-bottom:0px;
}
.entry p{
padding-top:0px;
padding-bottom:10px;
}

/*MULTI-USE TAGS==========================================================================================*/

.center {text-align: center;}


.alignleft {text-align: left; float:left;}
.alignright {text-align: right; float:right;}

.left {float:left;}

.bg1 {background: #ffffff}
.bg2 {background: #fefeef}

.border1 {border: solid 1px #C52D2C;}

.important {
font-weight: bold;
color: #510000;
}
	




/*IMAGE TAGS==========================================================================================*/


/*the below will make images float right if they have no other tags (like 'right')*/

img.right {float: right; margin:5px 10px 10px 10px}


/*the below will make images float right but you have to add 'class="left" inside the image tag)*/

img.left {float: left; margin: 5px 20px 5px 5px}

#header img {border: none; margin:0px 0px 0px 0px}


/*=========================================================================================
===========================================================================================
===========================================================================================
*/




/* DIV FRAMING =============================================================
un-comment the next few lines and you will see colored borders around the main elements on your site - this helps you to identify which DIV you need to change if you want to change the layount (e.g. make the page or the sidebar wider)==========================================================================*/

/*
#page {border: 3px solid green;}
#header {border: 3px solid red;}
#content {border: 3px solid brown;}
#sidebar{border: 3px solid aqua;}
.post {border: 3px solid #C52D2C;}
#comments {border: 3px solid black;}
.commentlist {border: 3px solid yellow;}
*/


/* change the color or the width of the line below the header and left of the sidebar*/
#header {border-bottom: 1px solid #cccccc;}
#sidebar {border-left: 1px solid #cccccc;}



/* not much in the boddy tag================================================
==========================================================================*/

body {
text-align:center;
background-image: url(images/mainbckgrnd2.jpg);
background-repeat: repeat-y;
background-position:center; 
	}


/* BEGIN DIVS and other layout stuff========================================
this is the tricky bit - here you change your layout - make sure you back-up before changing ==========================================================================*/

#page {margin:auto;	margin-top:20px; width: 800px; text-align:left;
padding-left:40px; padding-right:10px;
}

#header {position:relative;	width: 850px; margin-top:10px; margin:auto;}

/* menu bar in header section*/
#nav{
	position:relative;
	display:block;
	height:24px;
	font-size:11px;
	font-weight:bold;
	background-color: #F3F3F3;
}
		#nav ul{margin:0; padding:0; list-style-type:none; width:auto;}
		#nav ul li{display:block; float:left;}
		#nav ul li a{
	display:block;
	float:left;
	color:#000;
	text-decoration:none;
	height:18px;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
		#nav ul li a:hover,#nav ul li a.current{
	display:block;
	float:left;
	color:#fff;
	background-color: #CC0000;
	text-decoration:none;
	height:18px;
	padding-top: 7px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}

#content {padding-left: 5px; padding-right: 5px; margin-top: 10px;}

.narrowcolumn {float: left;	padding: 0 0 20px 45px;	margin: 0px 0 0; width: 585px;}
		.narrowcolumn .postmetadata {text-align: right;}

.widecolumn {float: left;	padding: 0 0 20px 45px;	margin: 0px 0 0; width: 790px;}




/* navigation here refers to the link to the next on previous post (not needed if you do pages only)*/
.navigation {font-size: 60%; display: block; text-align: center; margin-top: 20px; margin-bottom: 20px;}



/* sidebar refers to the main element on the right hand side of the page which contains all navigation links*/
#sidebar{position:relative;	float:right; padding: 0px 0 0px 0;	width: 185px; margin-top: 10px;	margin-left: 0px;}
		#sidebar form {margin: 0;}
		#sidebar #searchform #s {width: 108px; padding: 5px;}
		#sidebar #searchsubmit {padding: 0px;}

/* style of the headers within the sidebar*/
		.sb_header {background: #eeeeff; margin: 0 0 20px 20px;	padding-top: 5px; border-top: 1px solid #cccccc;	border-bottom: 1px solid #cccccc;}
				.sb_header h2 {margin: 0 0 2px 0px; }
			
.post {margin: 0 0 40px 0; text-align: left; display:block;	clear:both;}

	
.postmetadata ul, .postmetadata li {display: inline; list-style-type: none;	list-style-image: none;}

.blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
		.blockquote cite {margin: 5px 0 0; display: block;}

#footer {border-top: 1px solid #cccccc;	padding: 0;	margin: 20px 0 0 0;	clear:both;	width: 800px;}
		#footer p {margin: 0; padding: 5px 10px; text-align: center;}

#comments { clear:left;}

.commentlist {padding: 0; text-align: left;	margin-left: 0;}
	.commentlist li {margin: 15px 0 5px; padding: 5px 10px 5px;	list-style: none;}
	.commentlist p {margin: 10px 5px 10px 0;}
	.commentlist p {text-transform: none;}

#commentform p {margin: 5px 0;}
#commentform input {width: 170px; padding: 5px;	margin: 5px 5px 0px 0;}
#commentform textarea {width: 500px;	padding: 0px;}
#commentform #submit {margin: 0; float: right;}

.commentmetadata {margin: 0; display: block;}

.nocomments {text-align: center; margin: 0;	padding: 0;}

#searchform {margin: 10px auto;	padding: 5px 3px; text-align: center;}

.entry form { text-align:center;}

select {width: 130px;}

.alt {background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0; padding: 10px;}


.hedder img a:link {border: none;}


/**** Inline STYLE-tag style sheet ****/





/**** added navigsation styles ****/

/**** added navigsation styles subpages ****/

#widgetbox #sub-page-menu #subpages a {
	color: #990000;
	background-color: #FFF8DC;
	display: block;
	text-decoration: none;
	padding-left: 8px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 4px;
	border: 1px solid #F3F3F3;
}

#widgetbox #sub-page-menu #subpages a:hover {
	color: #CC0000;
	display: block;
	text-decoration: none;
	padding-left: 8px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 4px;
	border: 1px solid #CC0000;
}

#page #sidebar #widgetbox #sub-page-menu h2.widgettitle #subpages-title 
{
}


#page #sidebar #widgetbox #sub-page-menu h2.widgettitle a:link{
	color: #FFFFFF;

}
#page #sidebar #widgetbox #sub-page-menu h2.widgettitle a:visited{
	color: #FFFFFF;

}




/**** added navigsation styles wh-pages****/

#widgetbox #wh-subpages #subpages a {
	color: #990000;
	background-color: #FFF8DC;
	display: block;
	text-decoration: none;
	padding-left: 8px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 4px;
	border: 1px solid #F3F3F3;
}

#widgetbox #wh-subpages #subpages a:hover {
	color: #CC0000;
	display: block;
	text-decoration: none;
	padding-left: 8px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 4px;
	border: 1px solid #CC0000;
}

#page #sidebar #widgetbox #wh-subpages h2.widgettitle #subpages-title 
{
}


#page #sidebar #widgetbox #wh-subpages h2.widgettitle a:link{
	color: #FFFFFF;

}
#page #sidebar #widgetbox #wh-subpages h2.widgettitle a:visited{
	color: #FFFFFF;

}







/**** added navigsation styles flexipages ****/

#widgetbox #flexi-pages-1 .page_item a {
	color: #990000;
	background-color: #F3F3F3;
	display: block;
	text-decoration: none;
	padding-left: 8px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 4px;
	border: 1px solid #F3F3F3;
}

#widgetbox #flexi-pages-1 .page_item a:hover {
	color: #CC0000;
	display: block;
	text-decoration: none;
	padding-left: 8px;
	padding-top: 3px;
	padding-right: 2px;
	padding-bottom: 4px;
	border: 1px solid #CC0000;
}

/**** end of added navigation styles ****/


/**** contact form styles ****/
.contactform  {
font-size: 75%; 
}


/**** sociable styles ****/

.sociable_tagline {
margin-top: 30px;
font-size: 70%;

}


/**** adsense styles ****/

#page #content #leftcolads {
	float: left;
	height: 600px;
	width: 160px;
	margin-right: 38px;
	margin-left: 0px;
        margin-top: 8px;
        margin-bottom: 40px;


}