body { margin: 0; padding: 0; background: #141016 url(/themes/Builder/img/bg.gif) repeat-x; font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,sans-serif; }
form { margin: 0; padding: 0; }
a { color: #339; }

#page { position: relative; width: 900px; margin: 10px 20px 20px 20px; }
#page #top { position: relative; margin: 0; padding: 20px 0 0 0; background: url(/themes/Builder/img/topbg.gif) no-repeat; width: 900px; height: 195px; }
#page #top #microphone { position: absolute; bottom: 0px; right: 1px; width: 220px; height: 201px; background: url(/themes/Builder/img/microphone.gif) no-repeat; }
#page #top h1 { margin: 0; padding: 0; width: 640px; height: 215px; background: url(/themes/Builder/img/logo.gif) no-repeat; }
#page #top h1 a { display: block; height: 215px; }
#page #top h1 span { display: none; }

#page #bar { position: relative; width: 898px; height: 30px; background: url(/themes/Builder/img/barbg.gif) repeat-x; border-left: solid 1px #ccc; border-right: solid 1px #ccc; }
#page #bar h4 { margin: 0 0 0 40px; padding: 6px 0 0 0; font-size: 10px; font-family: Verdana, Sans-serif; font-weight: normal; color: #fff; }
#page #bar #reflection { position: absolute; top: 0px; right: 42px; width: 115px; height: 24px; background: url(/themes/Builder/img/microphone_reflection.gif) no-repeat; }

#page #main { position: relative; background-color: #fff; width: 900px; }

#page #main #posts { position: relative; margin: 0 10px 0 0; padding: 20px 10px 40px 40px; float: left; width: 640px; }

#page #main #posts #postnavigation { display: none; font-size: 10px; }
#page #main #posts #postnavigation a { text-decoration: none; }

#page #main #posts .post { margin-bottom: 10px; }
#page #main #posts .post h1 { margin: 0; padding: 0; }
#page #main #posts .post h1 a { color: #639; text-decoration: none; }
#page #main #posts .post .byline { margin: 0 0 16px 0; font-size: 11px; color: #666; }
#page #main #posts .post h2 { margin: 0; padding: 0 0 6px 0; font-size: 18px; color: #333; }
#page #main #posts .post p { margin: 0 0 16px 0; padding: 0; line-height: 150%; }

#page #main #posts .post .bottom,
#page #main #posts .post .footer { position: relative; color: #666; font-size: 12px; margin-bottom: 20px; }
#page #main #posts .post .bottom a img,
#page #main #posts .post .footer a img { border-style: none; } 

#page #main #posts #relatedPosts { background-image: url(/themes/Builder/img/boxbg.gif); background-repeat: no-repeat; margin: 0 0 30px 0; padding: 8px 28px 5px 28px; }
#page #main #posts #relatedPosts p { color: #663399; margin: 0 0 16px 0; padding: 0; font-size: 16px; color: #fff; font-weight: normal; }
#page #main #posts #relatedPosts div a { display: block; text-decoration: none; font-weight: bold; color: #663399; }
#page #main #posts #relatedPosts div span { display: block; margin: 0 0 6px 0; font-size: 14px; }

#page #main #posts #commentlist { background-image: url(/themes/Builder/img/boxbg.gif); background-repeat: no-repeat; margin: 0 0 18px 0; padding: 8px 28px 5px 28px; }
#page #main #posts #commentlist #comment { font-size: 16px; font-weight: normal; color: #fff; margin: 0 0 16px 0; padding: 0; }
#page #main #posts #commentlist div.comment { border-bottom: solid 1px #ccc; } 
#page #main #posts #commentlist div.comment p.date,
#page #main #posts .commentForm #commentPreview p.date { font-size: 14px; color: #333; }
#page #main #posts #commentlist div.comment p.gravatar,
#page #main #posts .commentForm #commentPreview p.gravatar { float: right; width: 90px; height: 90px; padding: 7px 0px 0px 17px; margin: 0; background: url(/themes/Builder/img/gravatarbg.gif) no-repeat; font-size: 8px; }
#page #main #posts #commentlist div.comment p.author,
#page #main #posts .commentForm #commentPreview p.author { font-size: 14px; color: #333; }

#page #main #posts .commentForm { background-image: url(/themes/Builder/img/boxbg.gif); background-repeat: no-repeat; margin: 0 0 18px 0; padding: 8px 28px 5px 28px; }
#page #main #posts .commentForm p { margin: 0 0 16px 0; padding: 0; font-size: 16px; color: #fff; font-weight: normal; }
#page #main #posts .commentForm label { display: block; }
#page #main #posts .commentForm .bbcode { display: block; width: 214px; height: 36px; margin: 0 0 8px 0; padding: 0 0 0 32px; background: url(/themes/Builder/img/toolbarbg.gif) no-repeat; }
#page #main #posts .commentForm .bbcode a { display: block; float: left; height: 28px; background: url(/themes/Builder/img/toolbarseparator.gif) no-repeat right top; color: #000; text-decoration: none; text-transform: uppercase; margin-right: 4px; padding: 6px 14px 2px 8px; }
#page #main #posts .commentForm input { width: 340px; font-size: 16px; }
#page #main #posts .commentForm #commentMenu { list-style: none; margin: 0; padding: 0; }
#page #main #posts .commentForm #commentMenu li { display: block; float: left; width: 130px; height: 24px; margin: 0 2px 0 0; padding: 2px 0 0 0; color: #555; background: url(/themes/Builder/img/tab.gif) no-repeat; text-align: center; cursor: pointer; }
#page #main #posts .commentForm #commentMenu li.selected { color: #000; background-image: url(/themes/Builder/img/tabSelected.gif); }
#page #main #posts .commentForm #commentCompose,
#page #main #posts .commentForm #commentPreview { clear: left; border-top: solid 1px #ddd; }
#page #main #posts .commentForm #commentCompose textarea { width: 578px; }
#page #main #posts .commentForm #btnSaveAjax { width: 160px; }

#page #bottombar { position: absolute; width: 900px; height: 20px; margin: 0; padding: 4px 0 0 0; background: url(/themes/Builder/img/bottombarbg.gif) repeat-x; text-align: center; color: #fff; font-size: 12px; font-family: Verdana, Sans-serif; }
#page #bottombar a { color: #fff; }

#page #main #aside { position: relative; float: left; width: 200px; }
#page #main #aside #latestepisode { position: relative; width: 160px; height: 225px; font-size: 12px; background: url(/themes/Builder/img/label.png) no-repeat; padding: 96px 30px 0px 10px; margin-top: -5px; margin-bottom: 20px; }
#page #main #aside #latestepisode h3 { margin: 0 0 4px 0; padding: 0; font-size: 14px; }
#page #main #aside #latestepisode p { margin: 0 0 10px 0; padding: 0; }

#page #main #aside #logincontainer { margin: 100px 0 0 0; padding: 0 12px 0 4px; font-size: 12px; text-align: right; }

#page #main #aside .widgetzone .edit,
#page #main #aside .widgetzone .delete { display: block; float: left; margin: 0 16px 0px 0px; color: #666; font-size: 10px; text-decoration: none; }

#page #main #aside .widgetzone .widget { margin: 4px 0 20px 0; padding: 0 12px 0 4px; }
#page #main #aside .widgetzone .widget h4 { clear: left; margin: 4px 0 6px 0; padding: 4px; font-size: 16px; color: #fff; background-color: #945aba; font-weight: normal; -moz-border-radius-topright: 8px; -webkit-border-top-right-radius: 8px; }
#page #main #aside .widgetzone .widget .content { font-size: 13px; }
#page #main #aside .widgetzone .widget .content ul { list-style: none; margin: 0; padding: 0; }
#page #main #aside .widgetzone .widget .content ul > li { margin: 0; padding: 2px 0; }
#page #main #aside .widgetzone .widget .content ul > li li { margin-left: 16px; }

#page #main #aside .widgetzone .widget #searchbox label { font-size: 10px; }
#page #main #aside .widgetzone .widget #searchfield { width: 104px; }
#page #main #aside .widgetzone .widget #searchbutton { width: 50px; }


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

.rating p { display: inline; position: relative; top: 14px; left: 55px; font-size: 12px; color: #666; }

.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(/themes/Builder/img/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');
}