body { background-color: #DDDDDD; color: #444444; font-family: Verdana; font-size: 11px; margin: 0 auto; width: 95%; position: relative; }

h1 { font-size: 15px; letter-spacing: 1px; }

h2 { font-size: 13px; }

a { text-decoration: none; color: #5C80B1; }

a:hover { text-decoration: underline; }

img { border: none; }

#content { float: left; width: 70%; }

#sidepanel { float: right; width: 28%; padding-right: 20px; }

.loginbox { margin: 0 auto; }

#postnavigation { margin-bottom: 10px; text-align: center; color: Gray; background: white; border: 1px solid silver; padding: 3px; padding-right: 10px; }

/*----------------------------
					 Header
----------------------------*/

#header { text-align: right; margin-bottom: 30px; width: 100%; }

#header p { font-family: Arial; font-size: 80px; font-weight: bold; margin: 0px; letter-spacing: 8px; }

#header span { font-weight: normal; letter-spacing: 4px; color: silver; margin: 0px; }

#header a { text-decoration: none; color: white; font-family: Arial; font-size: 80px; font-weight: bold; margin: 0px; letter-spacing: 8px; padding-right: 20px; }

/*----------------------------
						Menu
----------------------------*/

#menu { background: #2D5CA9; border: 1px solid silver; padding: 15px; margin-bottom: 20px; width: 95.5%; color:#fff; }

#menu a.apmlfilter { float: right; margin-right: 10px; background: url(../../pics/apml.png) no-repeat left 1px; padding-left: 16px; color:#fff;}

#menu ul { list-style: none; margin: 0; padding: 0; }

#menu ul li { display: inline; }

#menu ul li a { padding: 10px; font-size: 11px; font-weight: bold; color:#fff; }

#menu ul li a.feed img { margin-right: 3px; margin-bottom: -2px; color:#fff;}

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

div#widgetzone { padding: 0; background: none; }

div#widgetzone .clear { clear: left; }

div.widget { background: white; border: 1px solid #2D5CA9; padding: 10px 15px; margin-bottom: 10px; z-index: 1; min-width: 1px; }

div.widget .content { line-height: 16px; color: #666666; }

div.widget h4 { font-size: 15px; border-bottom: 1px solid silver; padding-bottom: 5px; margin: 0; margin-bottom: 5px; z-index: 0; color: #999999; letter-spacing: 1px; }

div.widget a.edit { font-size: 10px; font-weight: normal; float: right; z-index: 1; }

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 ul { list-style-type: none; margin: 0; padding: 0; text-transform: capitalize; }

#widgetzone .widget ul li { margin-bottom: 3px; }

#widgetzone div.search { background: none; border: none; padding-left: 10px; }

#widgetzone img.rssButton { margin-right: 3px; }

/*----------------------------
					 Blogroll
----------------------------*/

#blogroll ul { list-style-type: none; margin: 0 0 3px 0; padding: 0px; }

#blogroll ul li ul li a { margin-left: 25px; color: #666666; }

#blogroll ul li a img { border: none; margin-right: 3px; }

/*----------------------------
					 Posts
----------------------------*/

div.post, .mceContentBody { border: 1px solid #2D5CA9; padding: 3px 10px; margin-bottom: 20px; background-color: white; line-height: 17px; }

div.post h1, .mceContentBody h1 { margin: 5px 0 0 0; }

div.post .author { color: #666666; font-size: 10px; float: left; text-transform: capitalize; }

div.post .pubDate { color: #666666; font-size: 10px; float: right; }

div.post .text { margin-top: 30px; }

div.post .text h2 { margin-bottom: -10px; }

div.post .text h3 { font-size: 11px; margin-bottom: -10px; padding: 0; }

div.post .footer { text-align: right; border-top: 1px solid #2D5CA9; padding-top: 4px; padding-bottom: 2px; }

div.post .bottom { margin-bottom: 30px; }

div.post .categories { margin-bottom: 5px; float: left; width:auto; padding-left:10px; }

div.post .tags { float: left; margin-bottom: 5px; }

div.post .text a[href^="http:"] { background: url(../../pics/remote.gif) right top no-repeat; padding-right: 10px; white-space: nowrap; }

/*----------------------------
			Related Posts
----------------------------*/

#relatedPosts div { background: white; padding: 5px 10px 10px 10px; border: 1px solid #2D5CA9; }

#relatedPosts h1 { margin: 0 0 10px 0; }

#relatedPosts a { display: block; margin-top: 5px; }

#relatedPosts span { color: #666666; text-indent: 10px; font-size: 10px; }

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

/*----------------------------
			Social bookmarks
----------------------------*/

.bookmarks { float: left; }

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

.comment { border: 1px solid silver; background-color: white; padding: 3px 10px; margin-bottom: 10px; }

.comment .date { font-size: 10px; color: #666666; text-align: right; margin: 0; padding: 3px 0px; border-bottom: 1px dashed silver; }

.comment .author { margin: 0; padding: 3px 0px; border-top: 1px dashed silver; }

.self { 1border:1pxsolidblack;
background:#E0EAEF;
}

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

.comment .gravatar img { height: 80px; width: 80px; border: 1px solid silver; }

.comment .content { min-height: 85px; margin: 5px; margin-left: 90px; }

.comment cite { font-family: Monospace; font-style: normal; }

.comment img.flag { position: relative; top: 2px; }

.commentForm { padding: 5px; }

.commentForm label { float: left; display: block; width: 80px; margin-top: 4px; }

.commentForm input { width: 300px; }

.commentForm textarea { width: 100%; height: 150px; border: 1px solid silver; }

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

#commentMenu li { float: left; border: 1px solid silver; border-bottom: transparent; 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; min-height: 150px; }

.success { color: green; font-weight: bold; }

.commentForm .bbcode { font-size: 10px; float: right; position: relative; top: 20px; padding: 3px; }

.bbcode a { margin: 1px; padding: 1px 3px 1px 3px; background: #fff; border: 1px solid #ccc; }

/*----------------------------
					Archive
----------------------------*/

#archive { background-color: white; border: 1px solid silver; padding: 10px; }

#archive h1 { margin: 0; border-bottom: 1px dashed silver; padding-bottom: 9px; }

#archive h2 { border-bottom: 1px solid silver; padding-bottom: 4px; font-size: 12px; margin-bottom: 10px; }

#archive h2 img { margin-right: 3px; }

#archive ul { list-style-type: square; margin: 0 10px; padding: 10px; }

#archive ul li { margin-right: 20px; }

#archive table { width: 100%; border-collapse: collapse; }

#archive table td, #archive table th { text-align: left; }

#archive table td { text-align: left; border-bottom: 1px solid #D8D8D8; padding: 2px 0; }

#archive .date { width: 70px; }

#archive .comments { width: 70px; text-align: center; }

#archive .rating { width: 70px; text-align: center; }

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

#searchbox { margin-top: 5px; font-size: 10px; }

#searchbox input { font-size: 10px; }

#searchbox #searchbutton { margin-left: 5px; }

#searchbox #searchfield { width: 180px; }

/*----------------------------
			Search on search
----------------------------*/

#searchonsearch { background: white; padding: 5px 10px; margin-bottom: 20px; border: 1px solid silver; }

#searchonsearch h3 { margin: 3px; font-size: 13px; }

#searchonsearch ol li { margin: 2px 0; }

/*----------------------------
				Month list
----------------------------*/

ul#monthList { font-weight: bold; }

ul#monthList ul li { margin-left: 20px; font-weight: normal; }

ul#monthList li.year { cursor: pointer; }

ul#monthList ul { display: none; }

ul#monthList ul.open { display: block; }

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

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

.tagcloud li { display: inline; }

.tagcloud a { margin-right: 3px; display: inline; }

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

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

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

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

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

/*----------------------------
					 Page
----------------------------*/

#page { border: 1px solid silver; padding: 3px 10px; margin-bottom: 20px; background-color: white; line-height: 17px; }

#page h1 { margin: 3px 0 10px 0; }

#page #admin { border-top: 1px solid silver; margin-top: 10px; padding: 5px 0; }

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

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

.calendar { border: none; margin: 0 auto; }

.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 { margin-bottom: 10px; }

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

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

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

#searchpage { margin-bottom: 30px; }

#searchpage input#q { width: 300px; }

#searchpage input#comment { clear: both; }

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

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

#contact { background: white; padding: 10px; border: 1px solid silver; }

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

/*----------------------------
			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 .text a[rel] { padding-right: 11px; background-repeat: no-repeat; background-position: right center; }
div.post .text 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 .text a[rel~="contact"], div.post .text a[rel~="acquaintance"], div.post .text a[rel~="friend"] { background-image: url('../../pics/xfn/contact.gif'); }
/*-------- [ Normal contacts youve met ]--*/
div.post .text a[rel~="contact"][rel~="met"], div.post .text a[rel~="acquaintance"][rel~="met"], div.post .text a[rel~="friend"][rel~="met"] { background-image: url('../../pics/xfn/contactMet.gif'); }

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

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