/*
        Name:  Gravity 1.0
        Date:  2008.01.14
      Author:  Jesse Foster | jf26028 (http://www.gravitycube.net/)
 Description:  Super simple theme using blues and grays.
     License:  BSD License - Copyright (c) 2008, http://www.gravitycube.net/.  See License.txt for full license.
     Credits:  Original theme based on CoffeeHouse by Michael Sivers (http://michael.sivers.co.uk).
               CoffeeHouse is loosly based on the Dirtylicious by Viktor Persson (http://templates.arcsin.se).
               Dirtylicious was ported to BlogEngine.NET by RazorAnt (http://www.nyveldt.com/blog).
*/

/* standard elements */
html { min-height: 100%; }
* { margin: 0; padding: 0; }
a { }
a:hover { }
a img { border: none; }
body { font: normal 62.5% Tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif; }
.outerouter {  }
p,code,ul { padding-bottom: 1.2em; }
li { list-style: none; }
h1 { font: normal 1.7em Tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif; }
h2 { font: bold 1.5em Tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif; }
h3 { font: bold 1.2em Tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif; }
h4 { font: bold 0.9em Tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif; }
h5 { font: normal 0.8em Tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif; }
form,input { margin: 0; padding: 0; display: inline; }
code { display: block; font: normal 1em Courier New, sans-serif; line-height: 1.6em; margin-bottom: 12px; padding: 8px 10px; white-space: pre; }
blockquote { display: block; font-weight: bold; padding-left: 28px; }
h1,h2,h3,h4,h5 { padding-top: 6px; margin-bottom: 4px; }

/* misc */
.clearer { clear: both; font-size: 0; height: 0; }
.left { float: left; }
.right { float: right; }

/* structure */
.container { font-size: 1.2em; margin: 20px auto; padding: 10px; width: 780px; }

/* header & title */
.header { height: 160px; margin-bottom: 5px; text-align: center; }
.header .title { position: relative; }
.header .title .sitename a { font: normal 3em Tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif; padding-bottom: 2px; text-decoration: none; }
.header .title .sitename { position: absolute; left: 20px; top: 40px; z-index: 101; }
.header .title .sitenameshadow { opacity: .25; filter: alpha(opacity=25); font: normal 3em Tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif; padding-bottom: 2px; text-decoration: none; position: absolute; left: 23px; top: 43px; z-index: 100; }
.header .title a:hover { }
.header .title .slogan { font: normal 1.1em Tahoma, Lucida Sans Unicode, Lucida Grande, sans-serif; padding-top: 6px; position: absolute; left: 22px; top: 80px; }

/* footer */
.footer { font: bold 1em; margin-top: 5px; padding: 10px 12px; }
.footer a { text-decoration: none; }
.footer a:hover { }

/* main */
.main { padding: 0 0 0 0; }

/* menu (horizontal navigation) */
.menu { font: normal 1.1em Tahoma, Verdana,sans-serif; padding: 0px 12px 0px 12px; height: 35px; margin-bottom: 2px; line-height: 25px; }
.menu li,.menu ul { display: inline; }
.menu a { text-decoration: none; margin-right: 16px; }
.menu a:hover { text-decoration: underline; }
.menu .left { float: left; padding: 4px 0px 0px 0px; }
.menu .right { float: right; padding: 5px 0px 0px 0px; text-align: right; }
.menu .right a { margin-right: 0px }
.adminpath { font-size: .8em; vertical-align: middle; line-height: 35px;}

.menu ul li a.home { background: url(icons/home.gif) no-repeat left; padding-left: 20px; }
.menu ul li a.about { background: url(icons/about.png) no-repeat left; padding-left: 20px; }
.menu ul li a.archive { background: url(icons/archive.gif) no-repeat left; padding-left: 20px; }
.menu ul li a.contact { background: url(icons/contact.gif) no-repeat left; padding-left: 20px; }
.menu ul li a.donate { background: url(icons/donate.png) no-repeat left; padding-left: 20px; }
.menu ul li a.rss { background: url(icons/rss.png) no-repeat left; padding-left: 20px; }
.menu ul li a.user { background: url(icons/user.png) no-repeat left; padding-left: 20px; }

/* sidebar */
.sidebar { float: left; width: 190px; padding: 0px 10px 0px 10px; }
.sidebar .block { margin-bottom: 14px; }
.sidebar h2 { font: bold 1.1em Tahoma, Arial,sans-serif; line-height: 1.4em; margin-bottom: 6px; padding-left: 0px; }
.sidebar ul { padding: 0; margin: 0; text-transform: capitalize; }
.sidebar li { display: block; font-size: 1.1em; padding: 2px 0 2px 0; margin-left: 12px; text-decoration: none; }
.sidebar li ul li { }
.sidebar li a { text-decoration: none; }
.sidebar li img { padding-right: 5px; }
.sidebar li a:hover { text-decoration: underline; }

/* content */
.main .contents { float: right; width: 548px; }
.main .contents .descr { font-size: 1em; margin-bottom: 8px; }
.main .contents li { list-style: url(images/li.gif); margin-left: 18px; }
.main .contents p { font-family: Tahoma, "Lucida Sans Unicode",sans-serif; line-height: 1.4em; font-size: 1.1em; }

/* posts */
.post h1 { margin: 0px 0px 0px 0px; }
.post h1 a { text-decoration: none; padding-bottom: 3px; }
.post h1 a:hover { }
.post { margin: 2px 0 2px; }
.post .info{ margin: 2px 0 10px 0; padding: 5px 10px; }
.post img { margin: 4px 0; }
.post a img { }
.post a:hover img { }
.info a { text-decoration: none; }
.info a:hover { text-decoration: underline; }
.post .info .transformtext { text-transform: capitalize; }
.post .info tr { height: 20px; }
.post .info td p.feedburnerFlareBlock { display:inline; font-size: 1em; }
.postadminlinks { margin: 4px 0 0 0; padding: 4px 0 0 0; }

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

/* comments */
.comment { padding: 5px; padding-right: 0px; margin-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 { }
.comment .gravatar { float: right; width: 80px; margin: 5px 5px 5px 5px; }
.comment .gravatar img { height: 80px; width: 80px; }
.comment .content { float:left; min-height: 85px; width: 440px; margin: 5px 0 0 0px; }
.commentForm { padding: 5px; }
.commentForm label { float: left; display: block; width: 80px; }
.commentForm input { width: 130px; }
.commentForm textarea { width: 100%; height: 150px; }

/* archive */
#archive { padding: 10px; }
#archive h1 { margin: 0; padding-bottom: 9px; }
#archive h2 { padding-bottom: 0px; font-size: 12px; margin-bottom: 0px; }
#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; margin-bottom: 20px;}
#archive table td, #archive table th { text-align: left; }
#archive table td { text-align: left; padding: 2px 0; }
#archive .date { width: 90px; }
#archive .comments { width: 70px; text-align: center; }
#archive .rating { width: 70px; text-align: center; }

/* tag cloud */
.tagcloud { margin-bottom: 10px; white-space: normal; }
.tagcloud li { display: inline; }
.tagcloud a { margin-right: 4px; display: inline; text-decoration: none; }
.tagcloud a:hover { }
.tagcloud a.biggest { font-size: 16px; }
.tagcloud a.big { font-size: 14px; }
.tagcloud a.medium { font-size: 12px; }
.tagcloud a.small { font-size: 10px; }
.tagcloud a.smallest { font-size: 9px; }

/* blogroll */
#blogroll { font-size:1em; border:0; }
#blogroll ul li ul li { font-size:.8em; padding-left: 10px; border: 0; }

/* search */
#searchbox { font-size: 11px; }
#searchbutton { height: 21px; font-size: 12px; }
#searchfield { width: 110px; }
#searchcomments { margin-right: 4px; }

/* star rating */
.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 0 20px 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 */
#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 { }
.searchpage ul.paging { list-style-type: none; margin:0px; margin-bottom: 20px; padding:0px; }
.searchpage ul.paging li { display: inline; margin-right: 5px; }
.searchpage ul.paging li a { padding: 5px 8px; }
.searchpage ul.paging li.active { }

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

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');
}













/* code styles for CodeFormatter Extension*/
.csharpcode, .csharpcode pre { background-color: #ffffff; /*white-space: pre;*/ }
.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; }

/* syntax highlighter */
.code { color: black; background-color: #F1F1F1; }
.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;}






/* design */
/* generic html elements */
a { color: #336699; }
a:hover { color: #003366; }
body { background: #9BC3D5 url(bg_body.gif) repeat-x scroll left top; color: #444444; } /* #444444 is the default color of all the text in the posts. */
code { background: #ffffff; border: 1px solid #eeeeee; border-left: 6px; color: #666666; }
blockquote { background: url(../images/quote.gif) no-repeat; }
h1,h2,h3,h4,h5 { color: #336699; }

/* structure */
/* This is the outer border color, and the color in the gaps behind the different elements on the page. 
	To change the border size, change the padding attribute.
	Use this with the content and sidebar classes to change the widths.
*/
.container { background: #ffffff none; padding: 10px; width: 780px; border: solid 1px #6699cc; } 

/* header & title */
.header { background: #336699 url('header.jpg') no-repeat; height: 160px; }
.header .title { color: #000000; }
.header .title .sitename a { color: #000000; }
.header .title .sitenameshadow { color: #003366; }

/* menu - the horizontal navigation under the header */
.menu { background: #eeeeee; color: #ffffff; border: solid 1px #dddddd; }
.menu a { color: #336699; }
.menu a:hover { color: #336699; }

/* main - main is the main content area of the site */
.main { background: inherit; color: inherit; } /* This is the default background color of the main content area.  If it is not specified, the background comes from inner-container */
.main a { color: inherit; }
.main a:hover { color: inherit; }

/* sidebar */
.sidebar { float: left; } /* Use this with the content class to change which side the sidebar is on. */
.sidebar { background: #eeeeee; border: solid 1px #dddddd; width: 190px; } /* Use this with the inner-container and content classes to change the widths. */
.sidebar h2 { color: inherit; }
.sidebar li { color: #336699; }
.sidebar li a { color: inherit; }
.sidebar li a:hover { color: inherit; }

/* content */
.main .contents .descr { color: #336699; }

/* posts */
.post .info{ background: #eeeeee; border: solid 1px #cccccc; }

/* comments */
.comment { border: solid 1px #cccccc; background: inherit; }
.self { background: #dddddd; border: inherit}

/* Search page */
.searchresult span.url { color: #336699; }
.searchpage ul.paging li { border: 1px solid #cccccc; background: #f1f1f1; }
.searchpage ul.paging li.active { background: #f1f1f1; border: 1px solid #000000;}

/* footer */
.footer { background: #336699; color: #f0f0f0; }
.footer a { color: #f0f0f0; }
.footer a:hover { color: #e0e0e0; }




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

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

div#widgetzone .clear{
	clear: left;
}

div.widget{
	padding: 10px 1px;
	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;
	position: relative;
	z-index: 0;
	color: #336699;
	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;
}

#commentPreview{
	display:none;
	clear:both;
	min-height: 150px;
}