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

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

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




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

h1 { font-size: 135%; } /* - header or special effects */
h2 { font-size: 115%; color: #3e59a8; } /* content headings */
h3 { font-size: 90%; } /* content sub-headings */
h4 { font-size: 895%; } /* list headings, same size as (p) */
h5 { font-size:75%; } /* list headings 2, same size as (p) */


p, ul, ol, td { font-size: 95%; }

ul ul {
	font-size: 95%;
	color: #FFFFFF;
} /*- actually only necessary if the ul size is not 100%  */
td p { font-size: 95%; }

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

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

#widgetbox li {
	margin-bottom:20px;
	color: #FFFFFF;
}
#widgetbox h2 {background: #e6e6e6; margin: 0 0 20px 0px; padding-top: 5px; border-bottom: 1px solid #cccccc;}



/*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: 		#0066cc  	blue		h1, h2, h3
second color:		#333333		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:		#f7f7ff		light 		lightest bg
box underline:		#cccccc		light grey
---------------------*/


body {
	color: black;
}
a:active {color: red text-decoration: none;
	font-weight: bold;
}

h1, h1 a:link, h1 a:visited {
	color: #eb6a26;
	text-decoration: none;
}

h2, h3, h2 a:link, h3 a:link, h2 a:visited, h3 a:visited {
	color: #3e59a8;
}
ul li a:link, ul li a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
p a:link, p a:visited {color: #333333; text-decoration: none; font-weight: bold;}
a:link, a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

p.postmetadata a:link, p.postmetadata a:visited {color: #006699; text-decoration: none; font-weight: bold;}

#footer p a:link, #footer p a:visited {color: #ffffff}
.sectionLinks p a:visited {color: #3333ff; font-size: 95%; text-decoration: none; font-weight: bold; }
.sectionLinks p a:hover {
	color: #eb6a26;
	font-size: 95%;
	text-decoration: none;
}
#headertext p a:visited {color: #3333ff}
#headertext p a:hover {color: #eb6a26}



/*-------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; color:#e8bd10;}
p a:link, p a:visited {text-decoration:underline } /* orphan text remains undecorated */

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

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

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

body {margin:0px; padding: 0px;}
.footer {
	font-size: 9px;
	font-style: normal;
	color: #FFFFFF;
	text-decoration:none;
}
ul, ol {list-style: outside}
#sidebar ul, #sidebar ol {margin-left: 0;	padding-left: 0; list-style-type: none; padding-right:7px;	}



h1, h1 a:link, h1 a:visited, h1 a:hover {margin-top:0}
h2, h2 a:link, h2 a:visited, h2 a:hover {
	margin-top:0;
	color: #3e59a8;
}
h3, h3 a:link, h3 a:visited, h3 a:hover {margin-top:0}
h4, h4 a:link, h4 a:visited, h4 a:hover {margin-top:0}


a img {border: 0px solid #0066cc}


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

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

.left {float:left;}

.bg1 {background: #eeeeff}
.bg2 {background: #f7f7ff}

.border1 {border: solid 1px #0066cc;}


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





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




/* 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 #0066cc;}
#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: 3px solid #006699;}
#sidebar {border-left: 0px solid #000000;}



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

body {
	text-align: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: 830px; text-align:left;}

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

/* menu bar in header section*/
#nav{
	position:relative;
	display:block;
	height:50px;
	font-size:10px;
	font-weight:bold;
	background:transparent url(images/button-up.jpg) repeat-x top left;
}
		#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:#fff; text-decoration:none; padding:12px 20px 0 20px;height:24px;}
		#nav ul li a:hover,#nav ul li a.current{color:#fff;	background:transparent url(images/button-down.jpg) repeat-x top left;}

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

#pageNav{
	float: left;
	width:185px;
	padding: 5px;
	background-color: #d7d7d7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-right-style: hidden;
	border-bottom-style: solid;
	border-right-color: ;
	border-bottom-color:;
}

/*  section links  */

.sectionLinks{
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	border-color: #dee2f8;
	   
}

.sectionLinks h3{

   text-decoration: none;
    padding: 3px 0px 0px 0px;
	border-bottom: 0px solid #dee2f8;
	

}
.sectionLinks a:link, .sectionLinks a:visited {
	text-decoration: none;
	font-weight: bold;
	padding: 3px 0px 0px 0px;
	color: #081577;		 

}

.sectionLinks a:hover{
	font-weight: bold;
	text-decoration: none;
	color: #eb6a26;
	 
}

/*  footer links  */

#footerLinks a:link, #footerLinks a:visited {
	display: block;
	border-top: 0px solid #dee2f8;
	border-bottom: 0px solid #cccccc;
	font-size: small;
	color: #0000CC;
		font-size: 12px;  
}



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


/* 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: 175px;
	margin-top: 10px;
	margin-left: 0px;
	list-style: none;
	color: #FFFFFF;
}
		#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; text-decoration:none }
			
.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 {background-color: #394345; border-top: 1px solid #394345;	padding: 0;	margin: 20px 0 0 0;	clear:both;	width: 770px;}
		#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;}

/*  
Theme Name: Auction Systems - Blog Skin
Theme URI: http://www.keomarketing.com/
Description: Widget ready, customizable CMS theme with commented template files for easy customization.
Version: 1.1w
Author: KEO Marketing
Author URI: http://www.keomarketing.com/
*/
/************ sectionLinks styles **************/


/************* relatedLinks styles **************/

.relatedLinks{
	margin: 0px;
	border-bottom: 1px solid #cccccc;
	background-color: ;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.relatedLinks h3{
	background-color:;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
}

.relatedLinks a{
	display: block;
}
.titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	color: #e91126;
}

/**********Drop Shadow**********/

.dropShadow {
	background: url(../images/shadow.png) right bottom no-repeat;
	display: block;
	float: left;
	margin: 10px -10px -10px 10px;
	position: relative;
}


.dropShadow:before, .dropShadow:after {
	background: inherit;	
	content: " ";
	display: block;
	height: 10px;
	width: 10px;
}

.dropShadow:before {
	background-position: right top;
	margin: -10px 0 0 auto;
	position: absolute;
	right: 0;
	top: 0;
}

.dropShadow:after {
	background-position: left bottom;
	margin: -13px 0 0 -10px;
}

.dropShadow .inner {
	display: block;
	left: -10px;
	margin: 0;
	overflow: hidden;
	position: relative;
	top: -10px;
}

/**********Bread Crumb**********/

.breadcrumb {
color: #cccccc;
font-size: 8px;
font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.breadcrumb a:link, #sectionLinks a:visited {
color: #CCCCCC;
font-size: 8px;
	font-weight: bold;
	text-decoration: none;
}

.breadcrumb a:hover{
color: #FFFFFF;
font-size: 8px;
	font-weight: bold;
	text-decoration: none;
}

/**********Header Text**********/

.headertext {
color: #ffffff;
font-size: 9px;
font: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

.headertext a:link, .headertext a:visited {
color: #ffffff;
font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}

.headertext a:hover{
color: #eb6a26;
font-size: 9px;
	font-weight: bold;
	text-decoration: none;
}

/**********Body Text**********/
.mainbody {
color: #000000;
font-size: 12px;
text-decoration: none;
}

.mainbody-headers {
color: #000066;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}
.mainbody-headers a:link, .mainbody-headers a:visited {
color: #eb6a26;
font-size: 14px;
font-weight: bold;
text-decoration: none;
}

.bottomtext {
color: #3e59a8;
font: erdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}
.bottomtext a:link, .bottomtext a:visited {
color: #eb6a26;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}


/**********Social**********/
div.sociable { margin: 16px 0; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

#sociable_site_list {
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
	font-size: 80%;
}
#sociable_site_list li {
	cursor: move;
	float: left;
	margin: 2px 2px 0 0;
	width: 12.7em;
	height: 20px;
	text-align: left;
	padding: 4px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#sociable_site_list li.active { 
	background-color: #6da6d1; 
}
#sociable_site_list li.active img {
	opacity: 1;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
}
#sociable_site_list li.inactive { 
	background-color: #dddddd; 
}
#sociable_site_list li.inactive img {
	opacity: .4;
	-moz-opacity: .4;
	filter:alpha(opacity=40);
}
#sociable_site_list li input {
	margin: 2px;
}