body {
	background: #fff url(img/top.jpg) repeat-x;
	line-height: 1.1em;
	color: #333;
	font: 13px Tahoma, Arial, Verdana, Helvetica, sans-serif!important;
	font /*IE5-5.5 Hack*/: x-small Tahoma, Arial, Verdana, Helvetica, sans-serif;
	text-align: center; /* center template 1/2 */
	
	margin:0 auto;
	padding:0;
}

body, form, input {	
	padding: 0px;
	margin: 0px;
}
h1, h2, h4, h5, h6, p, pre, blockquote, form, label, ul, ol, dl, fieldset, address { 
	margin: 5px 0; 	
}
dd, blockquote {
	margin-left: 40px;
}
fieldset {
	padding: 10px;
}

a:link {
	color: #06c;
	text-decoration: none;
}
a:visited {
	color: #06c;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	background : #effcff;
	
}
a:focus, input:focus {
	outline: none;
}

h1, h2, h3 {
	color: #374BA1;
	font-family: Arial, Helvetica, sans-serif;
}
#center h1 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 5px;
	padding:2px;
	background: #f1f1f1;
	height: 20px;
	width: 100%;
	text-transform: uppercase;	
	margin-left:3px;
}
#center2 h1 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 5px;
	padding:2px;
	background: #f1f1f1;
	height: 20px;
	width: 100%;
	text-transform: uppercase;	
	margin-left:3px;
}
#center3 h1 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 5px;
	padding:2px;
	background: #f1f1f1;
	height: 20px;
	width: 100%;
	text-transform: uppercase;	
	margin-left:3px;
}
#right h1 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 5px;
	padding:2px;
	background: #f1f1f1;
	height: 20px;
	width: 100%;
	text-transform: uppercase;	
	margin-left:3px;
}
h2 {
	font-size: 15px;
	font-weight: bold;
	margin-left:3px;
}
h3 {
	font-size: 13px;
	margin-left:3px;
}

img {
	border: none;
	
}
.redhead {color:#fff; background: #ED1E26;padding:5px; width:95%;margin-left:5px;text-transform:uppercase;}
.redblock {text-indent: 10px;padding-left:15px; background: url(img/red_spacer.gif) no-repeat left 50%;text-decoration:none;}
.blueblock {text-indent: 10px;padding-left:15px; background: url(img/blue_spacer.gif) no-repeat left 50%;}
.redblock a{text-decoration:none;background:none;}
.blueblock a{text-decoration:none;}
.redborder {border: 1px solid #ED1E26;margin-left:9px;width:95%;}
.title {background:url(img/bottom.jpg) no-repeat left bottom;}
.red {color: #ED1E26;}
.blue {color: #003399;}
.blueheading {text-indent:30px; padding: 5px;}
.imgborder {border:1px solid #000;margin:1px;}
a.info { 
position : relative; 
background : #fff; 
float:left;
left:300px;
top:-10px;
} 
a.info span { 
display : none; 
} 
a.info:hover { 
cursor : default; 
z-index : 1; 
} 
a.info:hover .infobox { 
font-weight : normal; 
display : block; 
position : absolute; 
top : 20px; 
left : 0; 
width : 355px; 
border : 1px solid #666; 
background : #f1f1f1; 
text-align : center; 
font-size : 0.9em; 
padding-left : 10px; 
padding-right : 10px; 
padding-top : 10px;
margin-left: -20px; 
color:#333;
} 
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	*** Layers Time ***
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Global Wrapper"
	This is our parent layer which includes them all.
	From here we mainly choose the width of our page.
	We made it fixed and appropriate for 800x600 res.
	However, if you change it, remember to also alter 
	the width for the "center" layer. If you wish to go
	for relative width, well... be careful.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#monster {
	width: 950px;
	text-align: center; /* center tabbed menu 1/2 */
	margin: 0 auto; /* center template 2/2 */
	
}

#wrap {
	width: 910px;
	text-align: left; 
	margin: 0 auto; 
	border-right:1px solid #eee;
	border-left: 1px solid #eee;
	overflow:hidden;
	border-bottom: 1px solid #69c1fe;
	background: url(img/back.jpg) repeat-y top right;
}
#wrap2 {
	width: 910px;
	text-align: left; 
	margin: 0 auto; 
	border-right:1px solid #eee;
	border-left: 1px solid #eee;
	overflow:hidden;
	border-bottom: 1px solid #69c1fe;
}

#tagline {
	clear: both;
	text-align: left;
	margin: 10px 0 0 25px;
	height: 140px;
	position: relative;
	background:  url("img/logo.jpg") no-repeat left top;
}
#tagline a {
	text-decoration: none;
}
#userbar {
	font: bold 90% arial, serif;
	color: #374BA1;
	position: absolute;
	top: 15px;
	right: 55px;
	line-height: 1.4em;
}
#userbar a {
	text-decoration: none;
	color: #374BA1;
	background : #effcff; 
	border:none;
}
#userbar a:hover {
	text-decoration: none;
	color: #06c;
}
#logo-text {
	color: #ed1e26;
	font: normal 18px arial,serif;
	position: absolute;
	top: 5px;
	left: 240px;
	line-height: 2.0em;
}

#navcontainer {
	clear: left;
	z-index: 3;
	position: relative;
	margin: 0 auto; /* center tabbed menu 2/2 */
	width: 846px;
}

#tabbar {
	position: relative;
	background:  url("img/burn.gif") no-repeat center top;
	font: bold italic 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	clear: both;	 
	height: 14px;	
	margin: 0;
	
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	The actual tabs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#navlist {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	clear: both;
	font: bold 12px arial,serif;
	text-transform: capitalize;
}
#navlist ul, #navlist, #navlist li  {
	margin: 0;
	padding: 0;
}
#navlist li {
	float: left;
	display:inline;
	width: 141px;
	min-height: 25px; 
}
#navlist li a {
	position: relative;
	display: block;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
#navlist li a.active, #navlist li a:active {
	padding-bottom: 5px;
	color: #fff; 
	background: #374ba1;
	background-position: top center;
}
#navlist li a#taba.active, #navlist li a#taba:active {
	padding-bottom: 5px;
	color: #fff; 
	background: #374ba1;
	background-position: top left;
}
#navlist li a#tabd.active, #navlist li a#tabd:active {
	padding-bottom: 5px;
	color: #fff; 
	background: #374ba1;
	background-position: top right;
}
#navlist li a#tabd:hover {
	color: #fff; 
	background: #003366 url("img/slanter.gif");
	background-position: bottom right;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Individual Tab Control"
	We make each tab a seperate div so we can have better
	control of the tabbed assembly.
	One nice trick that we achieve this way is the use
	of one image for the two edges of the menu without
	bothering altering the width of the image.
	If you want to add more tabs, just copy and paste
	the whole code of "tabb" or "tabc", give it a name of 
	your choice and remember to define it in your html.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#taba, #tabb, #tabc, #tabd, #tabz {
	padding: 4px;
	height: 18px;
	background-color: #546F9E;
}
#taba {
	background: #374ba1 url("img/slanter.gif");
	background-position: top left;
	margin-right: -1px;
}
#tabb {
	background: #374ba1 url("img/slanter.gif");
	margin-right: -1px;
	border-left: 1px solid #fff;
}
#tabc {
	background: #374ba1 url("img/slanter.gif");
	margin-right: -1px;
	border-left: 1px solid #fff;
}
#tabd {
	background: #374ba1 url("img/slanter.gif");
	background-position: top right;
	border-left: 1px solid #fff;
}
#tabz {
	background: #374ba1 url("img/slanter.gif");
	margin-right: -1px;
	border-left: 1px solid #fff;
}
#tabb:hover, #tabc:hover, #tabz:hover {
	background: #374ba1 url("img/slanter.gif") bottom left;
	color: #fff!important;
}
#taba:hover {
	background: #374ba1 url("img/slanter.gif") bottom left;
	color: #fff!important;
}
#tabd:hover {
	background: #374ba1 url("img/slanter.gif") bottom right;
	color: #fff!important;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Search Utility"
	You can remove the "search" div from your html if
	you don't want it to exist, or simply alter it's
	content.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#search {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #69c1fe;
	background: #8ad5fb url("img/top.gif") repeat-x bottom center;
	color: #fff;
	height: 52px;
	text-align: left;
	position: relative;
}
#search p{
	font-weight: bold;
	color: #fff;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	font-size: 17px;
	line-height:1.2em;
	width:100%;
	text-align:center;
	letter-spacing: 1px;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Columns"
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Container Div for columns background trick
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#container {
	margin: 0;
	padding: 0;
	background: #fff;
}
#container p {padding: 0 0 10px 10px;}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Center Column
	Where the main content goes...
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#center {
	width: 580px;
	float: left;
	color: #666;
	line-height: 16px;
	text-align: left;
	clear:right;
	
}
#cc {
	padding: 10px;
}
#center p, #center div div {
	padding: 0 0 10px 10px;
}
#center ul {
	list-style-type: none;
	padding-top : 2px;
	padding-bottom : 10px;
	display : block;
	
}
#center li {
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
	
}
#center3 {
	width: 580px;
	float: left;
	color: #666;
	line-height: 16px;
	text-align: left;
	clear:right;
	
}

#cente3r p, #center3 div div {
	padding: 0 0 10px 10px;
}
#center3 ul {
	
list-style-type: none;
	padding-top : 2px;
	padding-bottom : 10px;
	display : block;
	}
#center3 li {
	
padding-left : 13px;
	padding-bottom : 6px;
	background : url('img/stars.gif') no-repeat -1px 3px;
	font-weight : normal;
	display : block;
	}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Center2 Wide Column
	Where the main content goes...
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#center2 {
	width: 896px;
	float: left;
	color: #666;
	line-height: 16px;
	text-align: left;
	clear:right;
	
}
#cc {
	padding: 10px;
}
#center2 p, #center div div {
	padding: 0 0 10px 10px;
}
#center2 ul {
	list-style-type: none;
	margin: 0;
	padding: 0 10px;
	
}
#center2 li {
	padding: 0 0 0 10px;
	margin: 2px 0;
}

.feature ul {
	padding-top : 2px;
	padding-bottom : 10px;
	display : block;
	list-style:none;
}

.feature li {
	padding-left : 8px;
	padding-bottom : 6px;
	background : url('img/stars.gif') no-repeat -1px 3px;
	font-weight : bold;
	display : block;

}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Right Column
	Good for headlines, ads and so on...
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#right {
	width: 300px;
	float: right;
	line-height: 14px;
	color: #444;
	font-size: 12px;
	text-align: left;
	background:#f1f1f1;
	padding-left: 8px;
	
	border-top: 5px solid #fff;
   
}
#right img{margin-bottom:10px;margin-top:5px;}
#rc {
	padding: 5px;
}
#rc p {
	padding: 0 0 10px 2px;
}

/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Footer"
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#footer {
	background:  url("img/overburn2.gif") no-repeat center bottom;
	clear: both;
	position: relative;
	text-align: center;
	font-size: 11px;
	line-height: 0.9em;
	padding: 0;
	color: #fff;
	width: 915px;
	margin: 0 auto;
}
#footer a:link, #footer a:visited {
	color: #effcff;
	font-weight: bold;
	text-decoration: none;
	border:none;
}
#footer a:hover {
	color: #06c!important;
	background: #effcff!important;
	font-weight: bold!important;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	"Footer Menu"
	This could be a nice place to fill with useful 
	shortcuts of pages within your site so they'd be
	easily accessible.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
#footmenu {
	background: #f1f1f1;
	border-top: 4px solid #0058BF;
	border-bottom: 3px solid #fff;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	color: #06c;
	font: 11px Arial,Verdana,Helvetica,sans-serif;
	text-align: center;
	clear: both;
	margin: 0 0 3px 0;
	padding: 3px;
}
#footmenu a:link, #footmenu a:visited {
	color: #374BA1;
	border:none;
}
#footmenu a:hover {
	color: #06c!important;
	
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Miscellaneous Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.author {
	padding: 8px 0 13px 0;
}
.clear {
	clear: both;
}
.hand {
	cursor: pointer;
}
.star {
	color: #eee;
}
.smaller {
	font-size: 0.8em;
}
/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Tables Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
td, th {
	padding:5px;
}
.datatable {
	border: 1px solid #000;
	border-collapse: collapse;
	width: 89%;
}
.datatable a {
	text-decoration: none;
}
.datatable td {
	border: 1px solid #D6DDE6;	
	padding: 4px;
	background-color: #0466B7;
	color:#fff;
}
.datatable th {
	border: 1px solid #828282;
	background-color: #cbcbcb;
	text-align: left;
	padding-left: 4px;
	color: #333;
	font-weight: bold;
}
.datatable caption {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}
.datatable tr.altrow {
	background-color: #DFE7F2;
}
tr.altrow td {
	color: #333!important;
}
.datatable tr:hover {
	background-color: #dff;
	color: #111;
}



/*
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Forms Styling
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/
.em_text3 {color: #ED1E26; font-weight:bold;}
.em_text2 {
	color: #ED1E26;
	font-weight:bold;
	letter-spacing: 3px;
	font-size:18px;
}
.formdata {padding:8px; border: 1px solid #666;background: #eee;}
.form fieldset {
	margin: 1em 0;
	border-top: 1px solid #ccc;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
.form legend {
	margin: 1em 0;
	padding: 0 .5em;
	color: #069;
	font-size: 0.8em;
	font-weight: normal;
	text-transform: uppercase;
}
.form label {
	width: 130px;
	padding: 0 1em;
	text-align: right;
	float: left;
}
.form select {
	width: 154px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
	background-color: #eee;
}
.form .radio {
	background-color: #fff;
	border: none;
	width: auto!important;
	text-align: left;
}
.form fieldset div {
	margin-bottom: .5em;
	padding: 0;
	display: block;
}
.form fieldset div input, .form fieldset div textarea {
	width: 150px;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
	background-color: #eee;
}
.form fieldset div select {
	padding: 1px;
}
div.fm-multi div {
	margin: 5px 0;
}
div.fm-multi input {
	width: 1em;
}
div.fm-multi label {
	display: block;
	width: 300px;
	padding-left: 5em;
	text-align: left;
	cursor: pointer;
}
#fm-submit {
	clear: both;
	padding-top: 1em;
	text-align: right;
}
#fm-submit input {
	border: none;
	padding: 2px 3em;
	background: #0477b4 url("img/bg-blue-darker.gif") repeat-x center center;
	color: #fff;
	font-weight: bold;
}
input:focus, textarea:focus {
	background: #f7f7f7;
	color: #000;
}
#pic1{
position: relative; /*leave as is*/
overflow: hidden;
margin-bottom: 5px;
margin-left: -1px;
margin-top: 5px;
width: 580px;
height:390px;

float:left;
display:block;

}
#pic{
position: relative; /*leave as is*/
overflow: hidden;
margin-bottom: 5px;
margin-left: -1px;
margin-top: 10px;
width: 580px;
height:480px;
background: url(img/warranty.jpg) no-repeat left bottom;
border-left: 1px solid #eee;
float:left;
display:block;

}
#pic .p1{padding-left: 100px; }
#pic .p2{padding-left: 245px; }
#pic .p3{padding-left: 310px; }
#sitemap { 
margin :0; 
padding : 0; 
} 
#sitemap li { 
list-style-type : none; 
margin-left:10px;
} 
#sitemap ul { 
margin-top : -1px; 

} 
#sitemap ul li { 
list-style-image : url(img/l2_normal.gif); 
} 
#sitemap ul ul li { 
list-style-image : url(img/l3_normal.gif); 
} 
#sitemap ul li.firstfollow { 
list-style-image : url(img/l2_first_follow.gif); 
} 
#sitemap ul li.last { 
list-style-image : url(img/l2_last_item.gif); 
} 
#sitemap ul ul li.firstfollow { 
list-style-image : url(img/l3_first_follow.gif); 
} 
#sitemap ul ul li.last { 
list-style-image : url(img/l3_last_item.gif); 
} 

ul.display li a {
    color: #333;
    text-decoration: none;
	
	
}
ul.display li .content_block {
	padding: 0 10px 5px;
	margin-bottom: 8px;
	background:#eee;
	border: 1px solid #999;
	color: #333;
	
}
ul.display li .content_block h2 {
    margin-top: 5px;
    padding: 5px;
    font-weight: normal;
    font-size: 1.7em;
	background:#eee;
	clear:both;
	color: #333;
}
ul.display li .content_block p {
    margin: 0;
    padding: 5px 5px 5px 5px;  <span style="color: #777;">/*--The left padding keeps the
content from flowing under the image--*/</span>
    font-size: 1.2em;
	background:#f0f0f0;
	clear:both;
	color: #333;
	
}

ul.display li .content_block a img{ <span style="color: #777;">/*--Double border technique--*/</span>
    padding: 5px;
    border: 1px solid #999;
    background: #eee;
    margin: 5px 5px 5px 5px;
    float: left;
	clear:right;
	
	
}
#screenshot{
	position:absolute;
	border:1px solid #999;
	background:#111;
	padding:5px;
	display:none;
	color:#fff;
	}
	.imgborder2 {width: 90px;
height: auto;-ms-interpolation-mode:bicubic;text-align:center ;}
.imgborder3 {background: #ccc;margin:2px;border:none;}

.widget {
width: 510px;
margin: 20px;
padding: 10px;
background: #f3f1eb;
border: 1px solid #dedbd1;
margin-bottom: 15px;
}

	.widget a {
	color: #222;
	text-decoration: none;
	}
	
	.widget a:hover {
	color: #009;
	text-decoration: underline;
	}
.ui-tabs-hide {
		display: none;
		}

		#featuredvid {
		text-align: center;
		}
		
			.fvid {
			margin-bottom: 5px;
			}
		
			.vidselector li {
			text-align: left;
			list-style: none;
			padding: 5px;
			background: #ffffff;
			border: 1px solid #dedbd1;
			text-transform: uppercase;
			margin-bottom: 5px;
			}
			
/* blog */
#quality {position:absolute;
top:118px;
left:1090px;background: url(img/sign.gif) no-repeat;
height:74px;
width:70px;}
#quality h1{font-weight: bold;	
	font-family: "Trebuchet MS", Garamond, Arial, sans-serif;font-size:16px; text-align:center;margin-top:10px;text-transform:uppercase;}
	#quality h1 a{color:#fff;text-decoration:none;}
	#quality h1 a:hover{color:#eee;text-decoration:none;background:none;}
	/* Archives */
.archive_pagination {margin-bottom: 1.6em;}
.archive_post {
	margin-bottom: 5px;
	margin-top: 8px;
	padding: 8px 0 8px 3px;
	border-bottom: 3px double #C5C5C5;
	width:580px;
}
.archive_post_title h3 {background: none;font: normal 16px sans-serif;margin:0;color:#374BA1;}
.archive_post_title h3 a{text-decoration: none;color:#374BA1;}
.archive_post_title h3 a:hover{text-decoration: none;color:#06c;background:none;}
.archive_post_date {
	background: url('img/date_bg.png') no-repeat top center;
	float: left;
	font-size: 13px;
	margin-right: 8px;
	margin-left: 2px;
	margin-top:-10px;
	text-align: center;
	width:74px;
height:65px;
}
.archive_post_day {font: bold 18px Georgia,serif;margin-top: 18px;color:#333;margin-left:-5px;}

.archive_post_month {
	text-transform: uppercase;
	color:#333;
	margin-left:-5px;
}
.readmore a{
			
			height: 19px;
			outline: none;
			background:#fff url(img/readmore.gif) no-repeat 0 0;
			

}
.readmore a:hover{
			height: 19px;
			
			background:#fff url(img/readmore_a.gif) no-repeat 0 0;
			

}
hr {width:50%; text-align:center;padding:5px;
			color:1px solid #BBB;
	

}
/* 
   Comments 
------------------------------------------------------------------- */

div.comment_list {
	border-top: 1px dashed #DDD; 
	margin: 0 0 8px;
	width:400px;
}

.comment {
	border-bottom: 1px dashed #DDD;
	padding-top: 10px;
}
.comment_date {
	font-size: 0.9em;
	padding-top: 4px;
}
.comment_date a {
	color: #556;
	text-decoration: none;
}
.comment_date a:hover {
	color: #001;
	text-decoration: underline;
}
.comment_body {padding-top: 6px;}

.comment_gravatar {width: 48px;}
.comment_gravatar img {
	background: #FFF;
	border: 1px solid #DDD;
	padding: 2px;
}
.comment_author {padding-top: 3px;}
label {
	display: block;
	font: bold 0.9em Verdana,sans-serif;
	margin: 1em 0 0.2em;
}
label em {font-style: normal;}

input, textarea, select {
	border-color: #777 #CCC #CCC #777;
	border-style: solid;
	border-width: 1px;
	font: normal 1em Verdana,sans-serif;
	padding: 4px;
}

input.button {
	background: #E9E8E8 url('images/submit.gif') repeat-x left top;
	border: 1px solid #888;
	border-color: #BBB #888 #888 #CCC;	
	color: #444;
	cursor: pointer;
	font: normal sans-serif;
	margin-top: 5px;
	padding: 4px 6px;
	width: auto;
}
input:focus,input:active,textarea:focus,textarea:active,select:focus,select:active,input.button:hover,input.button:focus {background: #FFFFF5;}
input.button:hover, input.button:focus {
	color: #123;
	cursor: pointer;
}
input.image {
	border: 0;
	padding: 0;
}

.form_row {padding: 10px 0 2px;}
.required {font-weight:bold;}
.error {font-weight:bold; color:red;}
#sidebar h3, #sidebar h2 {
	border-top:5px solid #374BA1;
	border-bottom:1px solid #374BA1;
	padding:6px 0 6px 25px;
	margin:2px 0 15px;
	font-size:1em;
	text-transform:uppercase;
	background: url(images/box_title.gif) no-repeat left center;
	}
	#sidebar ul {
		list-style-type: none;
		padding: 0 10px 10px;
	}
	
		#sidebar ul li {
			line-height: 1.4em;
			padding: 2px;
			border-bottom: 1px dotted #ABABAB;
			
			
		}
		#sidebar ul li a {
			color: #727272;
			font-size: 11px;
			font-weight:normal;
			
		}
		#sidebar ul li a:hover {
			color: #c30;
			text-decoration: none;
		}
		.section {margin-bottom: 16px;}
		.alignright {float: right;}
		.left,.alignleft {float: left;}
.msg_head {
	padding: 5px 10px;
	cursor: pointer;
	width:550px;
	background-color:#effcff;
	margin:3px;
	text-transform: uppercase;
}