@import url(../default.css);

div.blog-sidebar { width: 95%; margin: 0 auto; }

#blog-header p { margin: .25em 0 .5em; height: 40px; overflow: hidden; background: url(../../images/titles/title-blog.gif) no-repeat; }
#blog-header p a, #blog-header span { display: none; }
#blog-header.blog-title-Auctions p { background: url(../../images/titles/title-auctions.gif) no-repeat; }
#blog-header.blog-title-Builders p { background: url(../../images/titles/title-builders.gif) no-repeat; }


.loginbox { margin: 0 auto; }
#postnavigation { display: none; margin-bottom: 10px; text-align: right; color: #838380; background: #f1eee5; border: 0 none; padding: 3px; font-size: 11px; }
#postnavigation a { text-decoration: none; color: #ff6000 }

/* Blog Menu */

	#blog-menu { background: none; border: 0px none; padding: 5px; margin: 20px 0; }
	#blog-menu a { font-family: Trebuchet MS; font-weight: bold; color: #000; font-size: 82%; }
	#blog-menu a.feed, #blog-menu a.feed:hover span { text-decoration: none; }
	#blog-menu a.feed span { text-decoration: underline; }
	#blog-menu a.feed img { margin-right: 6px; margin-bottom: -2px; }
	#blog-menu a.apmlfilter { float: left; margin-right: 0px; /* background:url(../../pics/apml.png) no-repeat left 1px; */ padding-left: 16px }
	#blog-menu a.blog-login { margin-left: 0px; }
	#blog-menu ul { clear: both; list-style: none; margin: 10px 0 0; padding: 10px 0 0; background: url(../../images/common/dot-dkbrown-horizontal.gif) repeat-x; }
	#blog-menu ul li { display: inline; }
	#blog-menu ul li a { font-size: 9px; padding: 0 3px 0 0; /* font-size: 11px; */ font-weight: bold; }
	

/* Widgets */
	
	div#widgetzone { padding: 0; background: none; }
	div#widgetzone .clear { clear: left; }
	div.widget { background: none; border: 0 none; padding: 0; margin-bottom: 10px; z-index: auto; min-width: 0; }
	div.widget div.content{ font-size: 82%; line-height: 150%; color: #3c342c; padding: 5px 10px 20px 18px; }
	div.widget div.content a, div.widget div.content a:hover { color: #C6000C; }
	div.widget h4 { font-size: 15px; border-bottom: 1px solid #929292; margin: 0; margin-bottom: 5px; z-index: 0; color: #000; letter-spacing: normal; text-transform: capitalize; padding: 2px; }
	div.widget a.edit {	font-size: 10px; font-weight: normal; float: right; z-index: auto; color: #000; margin-top: 5px; }
	div.widget a.delete { font-weight: bold; color: #3c342c; float: right; margin-left: 5px; margin: 5px 5px 0; z-index: auto; text-decoration: none; }
	div.widget a.delete:hover { color: #000; }
	#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: 0; }
	#widgetzone div.search div.content { padding-left: 0; }
	#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; }
	
	/* Search */
		
		#searchbox { margin: 0; font-size: 11px; }
		#searchbox input { font-size: 11px; }
		#searchbox #searchbutton, #searchbox #searchfield { float: left; }
		#searchbox #searchbutton { margin-left: 3px; font-size: 10px; }
		#searchbox #searchfield { width: 120px; padding-left: 3px; }

	/* 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; }
	
	/* 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; color: #3c342c; text-decoration: none; }
	
	/* 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; }


	/* 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; }
		
	/* Category List */
		#widgetzone .widget ul#categorylist { margin-bottom: 20px; }
		ul#categorylist li { clear: left; }
		ul#categorylist li a { float: left; margin-right: 4px; }
		ul#categorylist li a img { float: left; position: relative; margin-top: 2px; }
		ul#categorylist li a + a { width: 160px; }

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

	/* Calendar */

		/* Sidebar Formatting */
		#calendarContainer { text-transform: capitalize; margin: 0 auto; }
		#calendarContainer table { width: 100%; }
		table.calendar td { background: #EFEFEF; }
		/* Header */
		#calendarContainer table.calendar:first-child { background: url(../../images/common/dot-dkbrown-horizontal.gif) 0% 100% repeat-x; margin-bottom: 2px; }
		#calendarContainer table.calendar:first-child a { text-decoration: none; }
		#calendarContainer table.calendar:first-child td { font-weight: bold; color: #000; font-size: 12px; vertical-align: middle; background: none; padding-bottom: 5px; }
		#calendarContainer table.calendar:first-child td:first-child { text-align: left;  }
		/* Calendar */
		#calendarContainer table.calendar + table.calendar { border: none; margin: 0 auto; border-collapse: separate !important; }
		#calendarContainer table.calendar + table.calendar td { font-size: 11px; }
		table.calendar th { background: #CF0A17; color: #fff; font-size: 82%; text-transform: uppercase; border-bottom: 1px solid #6f5b3c; }
		table.calendar[title="Calendar"] tr:first-child+tr td { border-top: 1px solid #dab782; }
		table.calendar td.weekend { background: #e5e5e5; color: #606060; }
		table.calendar td.other { color: #606060; background: #a9c4db; }
		div.widget div.content table.calendar a.exist { display: block; color: #ff6000; font-weight: bold; background: none; }
		div.widget div.content table.calendar td.other a.exist { color: #7b500b; }
		
		/* Post Page Overrides */
		#blog-content table.calendar { height: 500px; border-collapse: separate !important; }
		#blog-content table.calendar td { height: 83px; text-align: left; font-size: 11px; border-top: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
		#blog-content table.calendar td a { display: block; text-align: center; }
		#blog-content table.calendar td.other { border-top: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; }
		#blog-content table.calendar td.other a { color: #606060; }
		#blog-content table.calendar td table.calendar { height: auto; border: 0px none; }
		#blog-content table.calendar tr:first-child td, 
		#blog-content table.calendar td table.calendar td { height: 18px; border: 0px none; }
		#blog-content table.calendar td table.calendar td { font-weight: bold; padding: 5px; text-align: center; font-size: 12px; }
	
/* Posts */
	div.post h1 { margin: 0; padding: 5px 0 0; font-size: 21px; }
	div.post h1 a { text-decoration: none; }
	div.post h2, div.post h3, div.post h4, div.post h5, div.post h6 { margin: 0; padding: 5px 0 .15em; }
	div.post h2 { font-size: 18px; }
	div.post h3 { font-size: 15px; }
	div.post h4 { font-size: 12px; }
	div.post h5 { font-size: 10px; }
	div.post h6 { font-size: 8px; }
	
	div.post, .mceContentBody { padding: 3px 10px 25px; margin-bottom: 25px; line-height: 150%; border: 0px none; background: none; border-bottom: 3px solid #355F84; }
	div.post h1, .mceContentBody h1 { margin: 5px 0 0 0; }
	div.post .author, div.post .pubDate { color: #666; font-size: 10px; text-transform: capitalize; float: none; }
	div.post .pubDate { float: right; margin-top: -19px; }
	div.post .text { margin-top: 5px; padding-top: 5px; background: url(../../images/common/dot-gray-horizontal.gif) repeat-x; }
	div.post .footer { clear: both; text-align: right; border-top: 0 none; padding-top: 4px; padding-bottom: 2px; background: url(../../images/common/dot-gray-horizontal.gif) repeat-x; font-size: 82%; }
	div.post .bottom { margin-bottom: 45px; }
	div.post .categories, div.post .tags { margin-bottom: 5px; font-size: 72%; text-transform: uppercase; padding: 3px; }
	div.post .categories a, div.post .tags a { text-transform: none; font-size: 11px; margin-left: 7px; }
	div.post .categories { float: right; }
	div.post .tags { float: left; background: #f4f4f0; padding-right: 10px; }
	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 silver; }
	#relatedPosts h1 { margin: 0 0 10px 0; }
	#relatedPosts p	{ font-size: 15px; letter-spacing:1px; font-weight: bold; }
	#relatedPosts a { display: block; margin-top: 5px; }
	#relatedPosts span { color: #666666; text-indent: 10px; font-size: 10px; }

/* Social bookmarks */
	
	.bookmarks { clear: both; float: left; }
	
/* Comments */
	
	.comment { border: 1px solid #E5E5E5; background-color: #F6F6F6; 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; }
	#addcomment, #comment { font-size: 15px; letter-spacing:1px; font-weight: bold; }
	.self { background: #F6F6F6; }
	.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 { background: url(../../images/common/dot-gray-horizontal.gif) repeat-x 0 100%; color:#7D7D79; font-size:82%; float: left; display: block; width: 80px; margin-top: 4px; }
	.commentForm input { width: 300px; }
	.commentForm input#btnSaveAjax { width: 120px; }
	.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; }

/* Page */

	#page { border: 0 none; padding: 3px 10px; margin-bottom: 20px; background-color: transparent; line-height: 17px; }
	#page h1 { margin: 3px 0 10px 0; }
	#page #admin { border-top: 1px solid silver; margin-top: 10px; padding: 5px 0; }

/* Star rater */

	.rating { margin-bottom: 10px; }
	.rating p { display: inline; position: relative; top: 14px; left: 55px; font-size: 82%; color: #d6883a; }
	.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] { 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'); padding-right:11px; }
		
		/*-------- [ 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'); padding-right:11px; }
		
		/*-------- [ 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'); padding-right:11px; }
		
		/*-------- [ 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'); padding-right:11px; }
		
		/*-------- [ 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'); padding-right:11px; }
		
		/*-------- [ ...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'); padding-right:11px; }

/* nested comments */
	
	.sub-comments { background: transparent url(../../pics/reply-arrow.gif) no-repeat 2px 2px; padding: 0 0 0 15px; margin: 5px 0 0 0; }
	#commentlist #comment-form { border: solid 1px #ccc; background: #fff; padding: 10px; margin: 10px 0; }