/*#############################################################
Name: Indigo
Description: A lightweight (7kb images), simple and professional design.
Date: 2006-07-27
Author: Viktor Persson
URL: http://arcsin.se
Adapted by: Al @ http://www.nyveldt.com/blog/

Feel free to use and modify but please provide credits.
#############################################################*/

/* standard elements */
* { margin: 0; padding: 0; }
a { color: #cc6699; }
a:hover { color: #e293bb; }
a img { border: 0px; }
body { background: #45494d url(img/bg-main.png) repeat-x top center; color: #333; font: normal 72.5% Calibri,"Lucida Sans Unicode" ,sans-serif; margin: 0; border: 1px solid #000000; border-top: 0px; }
zzzbody { background: #fff url(img/logo.jpg) no-repeat; color: #333; font: normal 72.5% Calibri,"Lucida Sans Unicode" ,sans-serif; margin: 0; }

input { color: #555; font: normal 1.1em Calibri,"Lucida Sans Unicode" ,sans-serif; }
p, cite, code, ul { font-size: 1.2em; padding-bottom: 1.2em; }
h1 { font-size: 2.2em; margin-bottom: 4px; }
h2 { font-size: 1.8em; margin-bottom: 4px; }
code { background: url(img/bgcode.gif); border: 1px solid #F0F0F0; border-left: 6px solid #39F; color: #555; font: normal 1.1em "Lucida Sans Unicode" ,serif; margin-bottom: 12px; padding: 8px 10px; white-space: pre; }
cite { background: url(img/quote.gif) no-repeat; color: #666; display: block; font: normal 1.3em "Lucida Sans Unicode" ,serif; padding-left: 28px; }
h1, h2, h3 { color: #333333; padding-top: 6px; font-family:Calibri;}
/* misc */
.clearer { clear: both; }
.a-banner {
	display: block;
	width: 240px;
	height: auto;
	margin: 0 auto 10px;
}

#postnavigation { height: 20px; margin-bottom: 10px; text-align: center; color: Gray; }

/* structure */
.container {  width:1100px; margin: 0 auto; background: url("img/header.jpg") no-repeat center top; }

.header { height: 370px; }

/* title */
.title { float: left; padding: 120px 0 0 150px; color: #FFF; display: none; }
.title h1 { color: #FFF; font: normal 2em Verdana,sans-serif; }
.title a { text-decoration: none; color: #FFF; }

#logo { float: left; padding: 20px 0px 0px 89px; }
/* #logo a { background: url("img/logo.png") no-repeat 0 0; display: block; width: 319px; height: 191px; } */

/* navigation */
.navigation { float: left; height: 92px; margin-left: 24px; padding: 0 16px; }
.navigation a { color: #FFF; float: left; font: bold 1.2em "Trebuchet MS" ,sans-serif; margin-top: 56px; padding: 8px 18px; text-align: center; text-decoration: none; }
.navigation a:hover { background-color: #4A91C3; color: #FFF; }

/* main */
.main { background: #FFF ; clear: both; padding: 0px 0px 0px 26px; width: 947px; margin: 0px auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 0px 3px 0px #666; -moz-box-shadow: 0px 0px 3px 0px #666; box-shadow: 0px 0px 3px 0px #666;  }

/* main left */
.sidenav { float: right; width: 220px; padding: 20px 40px 20px 26px; background: #ebebeb; margin-right: 1px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.sidenav h1 { border-bottom: 1px dashed #DDD; color: #E73; font-size: 1.2em; height: 20px; margin-top: 1.2em; }
.sidenav img { border: none; }
.sidenav ul { text-transform: capitalize; margin: 0; padding: 0; }
.sidenav li { border-bottom: 1px dashed #EEE; list-style: none; margin: 0; }
.sidenav li a { color: #777; /* display: block; */ font-size: 1.5em; /*line-height: 1.8em; padding: 3px 6px 3px 3px;*/ text-decoration: none; }
.sidenav li a:hover { color: #111; }

#blogroll { font-size: 0.8em; }
.monthlist li.year { cursor: pointer; font-size: 1.1em; margin: 8px 0px 3px 0px !important; }
.monthlist li.year ul { font-size: .9em }
.open { font-size: 1em; }

/*----------------------------
				Recent posts
----------------------------*/

ul.recentPosts li { padding-bottom: 10px; }

ul.recentPosts li a { font-weight: bold; }

ul.recentPosts li span { display: block; text-indent: 10px; text-transform: none; }

/*----------------------------
			Recent comments
----------------------------*/

ul.recentComments li { padding-bottom: 10px; text-transform: none; }

ul.recentComments li a.postTitle { font-weight: bold; }

/* content */
.content { float: left; width: 630px; }
.content .postheader { text-decoration: none; color: #333333; font-family:Calibri;}
.content .descr { color: #333333; margin-bottom: 6px; }
.content li { }
.postcontent { font-size: 1.2em; padding-bottom: 1.2em; }
.postcontent p { font-size: inherit; padding-bottom: 1.2em; }
#ctl00_cphBody_divText { font-size: 1.2em; padding-bottom: 1.2em; }
#ctl00_cphBody_divText p { font-size: inherit; padding-bottom: 1.2em; }
.postfooter { padding: 10px; border: 1px solid #d6d6d6; background-color: #ebebeb; font-size: 1.2em; color: #333; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;}
.postfooter img { border: none; }
.post h1 a { background: url("img/bg-post-title.png") no-repeat 5px 5px #ebebeb; -webkit-border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; border-radius: 0px 10px 10px 0px; display: inline-block; padding: 0px 30px 0px 25px; margin-left: -25px; min-width: 200px; line-height: 28px; margin-top: 18px; }

/*----------------------------
					 Widgets
----------------------------*/

div.widgetzone { padding: 0; background: none; width: 100%; }

div.widgetzone .clear { clear: left; }

div.widget { background: none; margin-bottom: 10px; width: 100%; z-index: 1; min-width: 1px; clear: both; }

div.widget .content { line-height: 16px; color: #666666; width: 100%; float: none; margin: 0; }

div.widget h4 {font-family:Calibri; font-size: 2em; border-bottom: 1px dashed #cccccc; color: #2f2f2f; padding-bottom: 5px; margin: 0; margin-bottom: 5px; z-index: 0; letter-spacing: 1px; font-style:italic; }

div.widget a.edit, div.widget a.move {  font-size: 12px; font-weight: normal; float: right; z-index: 1; margin-left: 5px; }

div.widget a.delete { font-weight: bold; color: #999999; float: right; margin-left: 5px; z-index: 1; text-decoration: none; }

div.widget a.delete:hover { color: black; }

.widgetzone .widget .content ul { list-style-type: none !important; margin: 0 !important; padding: 0 !important; text-transform: capitalize; }

.widgetzone .widget .content ul li { list-style: none !important; margin: 0; padding: 0; margin-bottom: 3px; }

.widgetzone div.search { background: none; border: none; }

.widgetzone div#moveWidgetToContainer { text-align: right; margin: 3px; }

.tagcloud li { border-bottom: 1px dashed #dbdbdb; padding-bottom: 1px !important; }

#flagcounter { margin-top: 20px; }


/* search form */
#searchbox input { border: 3px double #d3d3d3; padding: 1px 3px; background: #ebebeb; line-height: 21px; }
input#searchfield { padding: 1px 3px; width: 145px; }
#searchfield:focus { background: #ffffff; }
#searchbutton { border: 1px solid #AAA; margin-left: 5px; padding: 0px 3px !important; background: #dddddd !important; }
#searchcomments { margin-right: 3px; margin-top: 3px; float: left; }
input#searchcomments + label { line-height: 24px; }

/* footer */
.footer { color: #fff; font-size: 1.1em; line-height: 30px; text-align: center; }
.footer a { color: #FFF; text-decoration: none; }
.footer a:hover { color: #FFF; text-decoration: underline; }

/* related posts */
#relatedPosts a { display: block; margin-top: 5px; margin-left: 15px; margin-bottom: 5px; font-size: 1.2em; }

/* comments */
.comment { border-top: 1px solid #DDDDDD; border-bottom: 1px solid #DDDDDD; padding-top: 10px; margin-bottom: 5px; padding-bottom: 5px; }

.comment .date { text-align: left; margin: 0; padding: 3px 0px; }
.comment .author { margin: 0; text-align: left; padding-top: 3px; margin: 5px 0px 3px 0px; clear: both; }

.self { background-color: #F5F5F5; }

.comment .gravatar { float: left; clear: both; margin: 5px 5px 5px 5px; }

.comment .gravatar img { height: 80px; }

.comment .content { min-height: 85px; margin: 5px 0 0 5px; }
.commentForm { padding: 5px; }

.commentForm label { float: left; display: block; width: 80px; }

.commentForm input { width: 345px; }

.commentForm textarea { width: 100%; height: 150px; }

#commentMenu { padding: 0; margin: 0; clear: both; }

#commentMenu li { float: left; border: 1px solid silver; border-bottom: none; margin: 0; list-style: none; margin-right: 5px; padding: 3px 8px; cursor: pointer; position: relative; top: 2px; background: #d8d8d8; }

#commentMenu li.selected { background: white; border-bottom: 1px solid white; }

#commentPreview { display: none; clear: both; }

/* Archive */
#archive p { font-size: 1.2em; }
#archive img { border: none; padding-right: 5px; }
#archive h2 { font-size: 1.2em; margin-bottom: 4px; }
#archive span { display: block; margin-bottom: 3px; font-size: 1.1em; }

#archive span a { margin-left: 4px; }

/*----------------------------
				 Tag cloud
----------------------------*/

#tagcloud { margin-bottom: 10px; white-space: normal; }

#tagcloud li { display: inline; border-bottom: none; }

#tagcloud a { margin-right: 3px; display: inline; padding: 3px 1px 3px 1px; }

#tagcloud li a:hover { color: #111; background: none; }

#tagcloud a.biggest { font-size: 20px; }

#tagcloud a.big { font-size: 17px; }

#tagcloud a.medium { font-size: 13px; }

#tagcloud a.small { font-size: 12px; }

#tagcloud a.smallest { font-size: 10px; }

/*----------------------------
					 Calendar
----------------------------*/

#calendarContainer { text-transform: capitalize; margin: 0 auto; }

.calendar { border: none; margin: 0 auto; font-size: 1.2em; width: 80%; }

.calendar .weekend { background-color: #F1F1F1; }

.calendar .other { color: silver; }

.calendar a.exist { display: block; font-weight: bold; background-color: #F1F1F1; }

.calendar td { vertical-align: top; background: white; }

/*----------------------------
					Star rater
----------------------------*/

.rating p { display: inline; position: relative; top: 14px; left: 55px; }

.star-rating { position: relative; width: 125px; height: 25px; overflow: hidden; list-style: none; margin: 0; padding: 0; background-position: left top; }

.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; margin: 0px; }

/* 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; }

/*----------------------------
				Contact page
----------------------------*/

#contact { padding: 10px; }

#contact h1 { margin-top: 0; }

#contact label { display: block; padding-top: 5px; }

#contact input.field { width: 200px; }

#contact textarea { display: block; overflow: auto; width: 75%; height: 150px; margin: 0; }

/* code styles for CodeFormatter Extension*/
.csharpcode, .csharpcode pre { font-size: small; color: black; font-family: Consolas, "Courier New" , Courier, Monospace; background-color: #ffffff; /*white-space: pre;*/ }

.csharpcode pre { margin: 0em; }

.csharpcode .rem { color: #008000; }

.csharpcode .kwrd { color: #0000ff; }

.csharpcode .str { color: #006080; }

.csharpcode .op { color: #0000c0; }

.csharpcode .preproc { color: #cc6633; }

.csharpcode .asp { background-color: #ffff00; }

.csharpcode .html { color: #800000; }

.csharpcode .attr { color: #ff0000; }

.csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; }

.csharpcode .lnum { color: #606060; }

/*----------------------------
				Search page
----------------------------*/

.searchresult { margin-bottom: 20px; }

.searchresult a { font-weight: bold; }

.searchresult span.text { clear: both; display: block; margin: 3px 0; }

.searchresult span.type { display: block; }

.searchresult span.url { color: Gray; }

.searchpage ul.paging { list-style-type: none; margin: 0px; margin-bottom: 20px; padding: 0px; }

.searchpage ul.paging li { display: inline; border: 1px solid gray; background: #f1f1f1; margin-right: 5px; }

.searchpage ul.paging li a { padding: 5px 8px; }

.searchpage ul.paging li.active { background: #f1f1f1; border: 1px solid black; }

/*----------------------------
			Syntax highlighter
----------------------------*/

.code { font-size: 12px; color: black; font-family: Consolas, "Courier New" , Courier, Monospace; background-color: #F1F1F1; line-height: normal; }

.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; }

/*----------------------------
					XFN tags
----------------------------*/

div.post .postcontent a[rel] { padding-right: 11px; background-repeat: no-repeat; background-position: right center; }
div.post .postcontent a[rel="me"] { background-image: url('../../pics/xfn/me.gif'); }

/*-------- [ These should cascade to pick the correct icon for the contact ]--*/

/*-------- [ Normal contacts ]--*/
div.post .postcontent a[rel~="contact"], div.post .postcontent a[rel~="acquaintance"], div.post .postcontent a[rel~="friend"] { background-image: url('../../pics/xfn/contact.gif'); }
/*-------- [ Normal contacts youve met ]--*/
div.post .postcontent a[rel~="contact"][rel~="met"], div.post .postcontent a[rel~="acquaintance"][rel~="met"], div.post .postcontent a[rel~="friend"][rel~="met"] { background-image: url('../../pics/xfn/contactMet.gif'); }

/*-------- [ Colleague and co worker icon more important than contact ]--*/
div.post .postcontent a[rel~="colleague"], div.post .postcontent a[rel~="co-worker"] { background-image: url('../../pics/xfn/colleague.gif'); }
/*-------- [ Colleague and co worker icon when met ]--*/
div.post .postcontent a[rel~="colleague"][rel~="met"], div.post .postcontent a[rel~="co-worker"][rel~="met"] { background-image: url('../../pics/xfn/colleagueMet.gif'); }

/*-------- [ Sweethearts are more important than work!!! ]--*/
div.post .postcontent a[rel~="muse"], div.post .postcontent a[rel~="crush"], div.post .postcontent a[rel~="date"], a[rel~="sweetheart"] { background-image: url('../../pics/xfn/sweet.gif'); }
/*-------- [ ...and if youve met them thats even better ]--*/
div.post .postcontent a[rel~="muse"][rel~="met"], div.post .postcontent a[rel~="crush"][rel~="met"], div.post .postcontent a[rel~="date"][rel~="met"], div.post .postcontent a[rel~="sweetheart"][rel~="met"] { background-image: url('../../pics/xfn/sweetMet.gif'); }

/*  Comment notification unsubscription  */
#commentNotificationUnsubscription { margin-bottom: 10px; color: Gray; background: #ffc; border: 1px solid silver; padding: 10px; }

#commentNotificationUnsubscription h1 { margin: 0 auto 12px auto; padding: 0; }