﻿body {	background-color:#fff; text-align:center; font-family:Arial, Helvetica,Sans-Serif;	font-size:13px;	color:#666667;
	line-height:150%; margin:0px auto;	padding:0px; }
h1, h2, h3, h4, h5, h6, p { margin:10px 0px; padding:0px;}
h1, h2, h3, h4, h5, h6 { line-height:100%;}
h1 { font-size:24px; letter-spacing:-2px;}
h2 { font-size:20px; font-weight:bold;}
h3 { font-size:20px; font-weight:normal;}
h4 { font-size:16px; font-weight:bold;}
h5 { font-size:16px; font-weight:normal;}
h6 { font-size:14px; font-weight:bold;}
a, a:visited { color:#ed2025; text-decoration:none; border-bottom:solid 0px #fff;}
a:hover { text-decoration:none; border-bottom:dotted 1px #ed2025;}
#btnSaveAjax, #searchbutton, #contact input[type=submit] { background-color:#ed2025; color:#fff; border: solid 2px #242A2B; padding:3px;}

/* Header */
#headerContainer { background-image: url(images/header_bkg.jpg); background-repeat:repeat-x; background-color:#c1e7f2;}
#header { height:293px; background-image: url(images/header_sunburst.jpg); background-repeat:no-repeat; background-position:center;}
#headerContent { width:960px; margin:0px auto; text-align:left; position:relative;}
#headerContent h1 { margin:45px 0px 10px 0px; position:absolute; letter-spacing:-3px; line-height:52px; }
#headerContent h1 a, #headerContent h1 a:visited { font-size:48px; color:#242a2b; text-decoration:none; font-weight:bold;}
#headerContent h1 a:hover { color:#0068a0; text-decoration:none;border-bottom:solid 0px #fff;}
#headerContent h2 { margin:100px 0px 10px 0px;position:absolute; font-size:18px; color:#c1382b; letter-spacing:0px; line-height:20px;}
#logo { margin:140px 0px 0px 340px; position:absolute;}
#header .rss {vertical-align:middle; border:none;}

/* Main menu */
#menu {float:right; margin:60px 0px 0px 0px; padding:0px; list-style:none; font-size:100%;}
#menu li {display:inline;}
#menu ul { display:inline; margin:0px; padding:0px;}
#menu a { color: #004c6c; text-decoration:none; padding:5px 8px; font-weight:bold;}
#menu a:hover { background-color:#004c6c; color: #fff; text-decoration:none;border-bottom:solid 0px #fff;}

/* Separator */
#separator{ height:16px; background-color:#242a2b;display:block; background-image: url(images/header_separator_bkg.jpg); background-repeat:no-repeat; background-position:center;}

/* Main content */
#maincontent { width:960px; text-align:left; margin:0px auto; overflow:hidden;}

/* Footer */
#footer { background-color:#242a2b; border-top:solid 10px #C1E7F2; font-size:12px; text-align:center;}
#footerContent {width:960px; padding:30px 0px; margin:0px auto;  position:relative;}
#footer a { color:#fff;}
.pedestrians { position:absolute; top: -70px; left:150px;}

/* Post */
#postcontent { margin:30px 20px 30px 0px; width:520px; float:left; overflow:hidden;}
.post h1 a, .post h1 a:visited { color:#0068a0; text-decoration:none; border-bottom:solid 1px #fff;}
.post h1 a:hover { text-decoration:none; border-bottom:dotted 1px #0068a0;}
.postheader  { font-size:24px; color:#0068a0; text-decoration:none;}
.postheader:hover  { color:#004c6c; text-decoration:none;}
.post .descr { background-color:#ed2025; color:#fff; display:inline; padding:3px 5px;}
.post .descr a, .post .descr a:visited { color:#fff; text-decoration:underline; border:none;}
.post .descr a:hover { color:#000; text-decoration:underline;}

.info { width: 520px; overflow:hidden; font-size:11px; margin-bottom:20px;}
.info .infoTitle { width:140px; background-color:#c1e7f2;}
.info .infoContent { width:380px;background-color:#E6F5FA;background-image: url(images/arrow_right.png); 
                     background-repeat:no-repeat; background-position:left center; padding-left:30px;}
.info td { padding:10px;}
.info h2 { font-size:18px; color:#004c6c;}
.info div a, .info div a:visited {color:#ed2025; text-decoration:none; border-bottom:none;}
.info div a:hover {border-bottom:dotted 1px #ed2025;}

/* related posts */
#relatedPosts {width: 520px; overflow:hidden;}
#relatedPosts  a, #relatedPosts  a:visited { color:#ed2025; text-decoration:none; border-bottom:solid 1px #fff; display:block; margin-top:5px;}
#relatedPosts  a:hover { text-decoration:none; border-bottom:dotted 1px #ed2025;}
#relatedPosts div span { font-size:11px; display:inline;}

/* comments */
#comment { margin-top:20px; }
.comment  a, .comment  a:visited { color:#ed2025; text-decoration:none; border-bottom:none;}
.comment  a:hover { text-decoration:none; border-bottom:dotted 1px #ed2025;}
.comment{ overflow:hidden; width:620px; margin:5px 0px; padding:10px; background-color:#E6F5FA;}
.comment .gravatar { float:left; width:80px; overflow:hidden; }
.comment .gravatar img { padding:5px; background-color:#c1e7f2;}
.comment #commentHeader { display:block; margin: 0px 0px 5px 0px; padding:0px 0px 5px 0px;}
.comment .author { font-weight:bold; color:#004c6c;}
.comment .text {float:left;	width:400px;}
.self {background-color:#c1e7f2;}
.self .gravatar img { background-color:#E6F5FA;}
.thumb {width:60px;}

/* comment form */
.commentForm {background-image:url('images/stop.jpg'); background-position:350px 50px; background-repeat:no-repeat;}
.commentForm label { display:block;}
.commentForm input[type="text"]  { display:block; background-color:#E6F5FA; border: none; border-bottom:solid 2px #c1e7f2; padding:5px; width:300px;}
.commentForm select  { background-color:#E6F5FA; border: none; border-bottom:solid 2px #c1e7f2; padding:5px; width:310px;}
.commentForm textarea  { background-color:#E6F5FA; border: none; border-bottom:solid 2px #c1e7f2; padding:5px; width:500px;}
#commentMenu { margin:0px 0px 0px 0px; padding:0px;}
#commentMenu li { display:inline; background-color:#c1e7f2;padding:5px 5px; cursor:pointer;}
#commentMenu li a { padding:5px 5px; background-color:#c1e7f2;}
#commentMenu li a:hover { background-color:#E6F5FA;}
#commentMenu li.selected { display:inline; background-color:#E6F5FA;padding:5px 5px;}
.bbcode {float:right; margin:15px 10px 0px 0px;}
.bbcode a {margin:0px 5px;}

/* Contact */
#contact label { display:block;}
#contact input[type="text"]  { display:block; background-color:#E6F5FA; border: none; border-bottom:solid 2px #c1e7f2; padding:5px; width:300px;}
#contact select  { background-color:#E6F5FA; border: none; border-bottom:solid 2px #c1e7f2; padding:5px; width:310px;}
#contact textarea  { background-color:#E6F5FA; border: none; border-bottom:solid 2px #c1e7f2; padding:5px; width:500px;}

/* Sidebar */
#sidebar { margin:30px 0px; width:420px; float:left; overflow:hidden; text-align:right;}
#sidebarleft { margin-right:20px; float:left; width:200px; text-align:left;}
#widgetzone {padding:0px; margin:0px; float:left; width:200px; text-align:left;}
.widget a {color:#004c6c; text-decoration:none; border:none;}
.widget a:hover {text-decoration:underline;}
.widget img { border:none;}
.aboutbox img { text-align:left; float:left; margin-right:10px;}
.widget {background-image: url(images/widget_bkg.jpg); background-repeat:no-repeat; background-position:center top; background-color:#E6F5FA; padding:10px; margin-bottom:20px; text-align:left;}
.widget h4 {font-size:18px; color:#242a2b;}
.widget ul {list-style:none; padding:0px; margin: 0px;}
.widget ul li:first-child {border-top:solid 1px #57c9e9; text-decoration:none;}
.widget ul li {border-bottom:solid 1px #57c9e9;}
.widget ul li a, .widget ul li a:visited {display:block; padding:3px; color:#004c6c; text-decoration:none;}
.widget ul li a:hover {color:#242a2b; background-color:#c1e7f2; text-decoration:none;}
.widget .delete {float:right;}

#searchbox input[type=text] {width:100px; margin-right:5px;}
#searchbox label[for=searchcomments] { font-size:11px;}
#monthList > li { border: none;}
.xoxo img { display:none;}
.xoxo > li > a { font-weight:bold;}
.xoxo > li > a:first-child { display:none;}
.xoxo ul { margin-left:10px; border:none;}
.xoxo ul li { border:none;}
.xoxo ul li:first-child { border:none;}

#recentPosts li a, #recentPosts li a:visited { color:#004c6c; text-decoration:none; border:none;}
#recentPosts li a:hover {text-decoration:underline; background-color:Transparent;} 
#recentPosts span {font-size:11px; margin-right:5px;}

#recentComments li a, #recentComments li a:visited { color:#004c6c; text-decoration:none; border:none; display:inline;}
#recentComments li a:hover {text-decoration:underline; background-color:Transparent;} 

/* STAR RATING */
.rating { font-size:11px; font-family:Arial, Sans-Serif; }
.rating p {	display: inline; position: relative; top: 14px; left: 55px; margin-top:0px;}
.star-rating{ background-color: #ffffff; position: relative; width: 125px; height: 25px; overflow: hidden; list-style: none; margin: 0px;
	padding: 0px; background-position: left top; border: solid 1px #ffffff;}
.star-rating li { display: inline;}
.star-rating a, .star-rating .current-rating { position: absolute; top: 0; left: 0; text-indent: -1000em; height: 25px; line-height: 25px;
	outline: none; overflow: hidden; border: none;}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus {	background-position: left bottom;}
.star-rating a.one-star { width: 20%; z-index: 6; }
.star-rating a.two-stars { width: 40%; z-index: 5;}
.star-rating a.three-stars { width: 60%; z-index: 4;}
.star-rating a.four-stars { width: 80%; z-index: 3;}
.star-rating a.five-stars {	width: 100%; z-index: 2;}
.star-rating .current-rating {z-index: 1; background-position: left center;}
/* smaller star */
.small-star { width: 50px; height: 10px;}
.small-star, .small-star a:hover, .small-star a:active, .small-star a:focus, .small-star .current-rating  {
	background-image: url(../../pics/star_small.gif); line-height: 10px; height: 10px; }
	
/* Archive */
#archive h2 img {border:none; margin-right:10px;}
#archive table {width: 520px; font-size:12px;}
#archive table .date {width: 70px;}
#archive table .title {width: 350px;}
#archive table .comments {width: 50px; text-align:center;}
#archive table .rating {width: 50px; text-align:center;}

/* Code */	
code, .code { font-size: 12px; color: black; font-family: Consolas, "Courier New", Courier, Monospace; background-color: #F1F1F1; line-height: normal; display:block; padding:10px; }
.code p {padding: 5px; }
.code .rem { color: #008000; }
.code .kwrd { color: #0000ff; }
.code .str { color: #006080; }
.code .op { color: #0000c0; }
.code .preproc { color: #0000ff; }
.code .asp { background-color: #ffff00; }
.code .html { color: #800000; }
.code .attr { color: #ff0000; }
.code .alt {	background-color: #f4f4f4; }
.code .lnum { color: #606060;}

