body			{ color: #4d4d4d;	 margin: 0;	 background:#264f65 url("./img/BlogTopBack.gif") repeat-x;
    			  font-family:"Trebuchet MS", Helvetica, Verdana, Arial;	 font-size:0.8em;
    			  background-position:left top;	 padding:0; }

/*--> ELEMENTS <--*/
	  
input			{ color: #555;	 font-family:"Trebuchet MS", Helvetica, Verdana, Arial; }
p,cite,code,ul	{ padding-bottom:15px; }
h1,h2,h3		{ color: #06C;	 padding-top: 6px; }
h1				{ font-size: 1.4em;	 margin-bottom: 4px; }
h2				{ font-size: 1.1em;	 margin-bottom: 4px; }
code, pre		{ background: url(img/bgcode.gif);	 border: 1px solid #F0F0F0;	 border-left: 6px solid #4E89A9;
    			  color: #555555;	 display: block;	 font: normal "Lucida Sans Unicode",serif;
    			  padding: 0 10px 20px 10px;	 white-space: pre;	 font-size:1.2em; }
cite			{ background: url(img/quote.gif) no-repeat;	 color: #666666;	 display: block;
    			  font: normal "Lucida Sans Unicode",serif;	 padding-left: 28px; }
img				{ border: none; }

/*--> ????MISC???? <--*/

#postnavigation	{ text-align: center;	 color: Gray; }

/*--> STRUCTURE <--*/
.container		{ width:1035px;	 position:relative;	 left:0;	 right:0;	 margin:0 auto;
          		  background:url("./img/blogback2.gif") repeat-y; }
.header			{ height: 156px;	 background:url("./img/blogheader2.gif") no-repeat; }

/*--> TITLE <--*/
.title			{ padding: 5px 65px 0 0px;	 color: #cccccc;	 text-align:right;	 font-size:0.8em;
      			  height:40px; }
.title a		{ color:#ABBAC3;	 text-decoration:none; }
.title a:hover	{ color:#FFFFFF;	 text-decoration:none; }
.title div.linkdivider	{ padding:0 10px;	 color:#65A3C8;	 font-size:0.9em;	 position:relative;
                      	  top:0px; }



/*--> NAVIGATION <--*/
.navigation		{ float: left;	 height: 92px;	 margin-left: 24px;	 padding: 0 16px; }
.navigation a	{ color: #272727;	 float: left;	 font-family:"Trebuchet MS", Helvetica, Verdana, Arial;
             	  margin-top: 56px;	 padding: 8px 18px;	 text-align: center;	 text-decoration: none; }
.navigation a:hover		{ color: #000000; }

/*--> MAIN <--*/
.main			{ clear: both;	 padding:15px 68px 10px 68px; }

/*--> MAIN LEFT <--*/
.sidenavtop		{ float: right;	 width: 302px;	 background:url("./img/blogsidetop.gif") repeat-y;
           		  height:20px;	 margin:0; }
.sidenavbot		{ clear:right;	 float: right;	 width: 302px;	 background:url("./img/blogsidebot.gif") repeat-y;
           		  height:20px;	 margin:0; }
.sidenav		{ clear:right;	 float: right;	 width: 302px;	 margin:0;
        		  background:url("./img/blogsidemid.gif") repeat-y; }
.sidenav h1		{ color: #E73;	 font-size: 1.2em;	 height: 20px;
           		  margin-top: 15px; }
.sidenav ul		{ text-transform: capitalize;	 margin: 0;	 padding: 0;	 list-style-type:none; }
.sidenav li		{ border-bottom: 1px dotted #BECBD1;	 list-style: none;	 margin: 0;	 font-size:0.8em; }
.sidenav li:hover	{ background:#DFDFDF; }
.sidenav li a	{ color: #264F65;	 display: block;	 font-size: 1em;	 text-decoration: none;
             	  padding: 3px 6px; }
.sidenav li a:hover	{ color: #65A3C8; }
.sidenav p		{ margin:0;	 text-align:center;	 padding:0; }
.sidenav p a	{ color: #264F65;	 font-size:0.8em;	 text-decoration: none; }
.sidenav p a:hover	{ color: #65A3C8; }
#blogroll		{  }
.open			{ font-size: 1em; }
#widgetselector	{ margin:0 10px 0 20px; }

/*---------------------------->	Recent posts <----------------------------*/

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

/*---------------------------> Recent comments <--------------------------*/

ul.recentComments li	{ padding-bottom: 15px;	 text-transform: none; }
ul.recentComments li a.postTitle	{ font-weight: bold; }

/*--> CONTENT <--*/
.contentholder			{ float: left;	 width:575px; }
.contenttop				{ width:575px;	 background:url("./img/blogcontenttop.gif") no-repeat;	 height:20px; }
.contentbot				{ width:575px;	 height:20px;	 background:url("./img/blogcontentbottom.gif") no-repeat; }	
.contentmain			{ width:515px;	 padding:5px 30px;	 font-size:0.8em;	 color:#264F65;
            			  background:url("./img/blogcontentmid.gif") repeat-y; }
.contentmain p			{  }
.contentmain h1			{ font-size:1.4em;	 font-weight:normal;	 border-bottom:2px #4E89A9 solid;
               			  color:#E05A00;	 font-family:"Trebuchet MS", Georgia, Verdana, Arial; }
.contentmain a			{ color:#264F65;	 text-decoration:none; }
.contentmain a:hover	{ color:#4E89A9;	 text-decoration:underline; }
.contentmain .postheader{ text-decoration: none;	 color: #264F65;	 font-size:0.9em;	 
                          padding-bottom:4px;	 margin-bottom:20px; }

.contentmain .descr		{ margin-bottom: 10px; }
.content .descr			{ color: #C60;	 margin-bottom: 6px;	 padding-top:10px; }
.content li				{ margin-left: 18px; }
.postcontent			{ padding-bottom: 15px;	 line-height:1.8em; }
#relatedPosts div		{ margin-bottom:10px; }
.postcontent h2			{ color:#CF5909;	 font-weight:normal;	 padding:0;	 margin:0;
               			  font-size:1.3em; }
.postcontent p			{ padding:0;	 line-height:1.6em; }
.commentForm ul			{ font-size:0.8em; }
#ctl00_cphBody_divText	{ padding-bottom: 15px; }
#ctl00_cphBody_divText p{ padding-bottom: 15px; }
.container div.footer					{ margin:0;	 color:#DFDFDF;	 font-size:0.8em; }
.container div.footer	a				{ color:#4E89A9; }
.container div.footer	a:hover			{ color:#EAEAEA; }
.post h1 *.postheader	{ font-weight:normal;	 
               			  color:#E05A00;	 font-family:"Trebuchet MS", Georgia, Verdana, Arial; }
.postfooter				{ padding:2px 3px 3px 8px;	 border:1px solid #e3e4e4;	 background-color:#f5f5f5;
           				  font-size:0.9em;	 color:#555555;	}
.postfooter img			{ border: none; }

/*-------------------------------> Widgets <------------------------------*/

div#widgetzone			{ padding: 0;	 background: none;	 width:100%; }
div#widgetzone .clear	{ clear: left; }
div.widget				{ margin-bottom: 10px;	 
          				  width: 302px;	 z-index: 1;	 min-width: 1px;	 clear: both;	 padding:0; }
div.widget .content		{ line-height: 1.6em;	 color: #666666;	 width: 243px;	 margin:0 8px 0 9px;	 
                   		  padding:10px 20px;	 color:#264F65;	 background:#EAEAEA;	 float:none;
                   		  border-top:1px solid #BECBD1;	 border-bottom:1px solid #BECBD1; }
div.widget h4			{ font-size: 1.1em;	 color: #CF5909;	 font-family:"Trebuchet MS", Verdana, Arial;
             			  padding: 0 0 5px 20px;	 margin: 0;	 margin-bottom: 5px;	 z-index: 0;
             			  font-weight:normal; }
div.textbox div.content	{ font-size:0.9em;	 font-style:italic;	 line-height:1.6em; }  
div.textbox div.content:first-letter	{ /*margin-left:15px;*/ }           			  
div.widget a.edit		{ font-weight: normal;	 float: right;	 z-index: 1;	 font-size:0.8em;
                 		  color:#999999;	 padding-right:5px; }
div.widget a.delete		{ font-weight: bold;	 color: #999999;	 float: right;	 margin-left: 5px;
                   		  z-index: 1;	 text-decoration: none;	 padding-right:20px; }
div.widget a.delete:hover			{ color: #264F65; }
#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 div.content	{ padding:15px 20px 10px 20px;	 font-size:0.8em; }

/*--> SEARCH FORM <--*/

#searchbox input		{  }
.searchboxtxt			{ border: 1px solid #BECBD1;	 padding: 1px 2px;	 width:170px;	 font-size:1em; }
#searchbutton			{ border: 1px solid #BECBD1;	 margin-left: 3px;	 padding: 0px 3px;	 
             			  background:#DFDFDF;	 cursor:pointer;	 font-size:0.9em; }
#searchcomments			{ font-size:0.8em;	 color:#BECBD1; }

/*--> FOOTER <--*/

.footer					{ color: #C1DEF0;	 line-height: 40px;	 text-align: center; }
.footer a				{ color: #272727;	 text-decoration: none; }
.footer a:hover			{ color: #4d4d4d;	 text-decoration: underline; }

/*--> RELATED POSTS <--*/

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

/*--> 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;	 width: 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 #555555;	 border-bottom: none;	 margin:0;
               			  list-style:none;	 margin-right:5px;	 padding: 3px 8px;	 cursor:pointer;
               			  position:relative;	 top: 2px;	 background-color:#d8d8d8; }
#commentMenu li.selected{ background:white;	 border-bottom:1px solid white; }
#commentPreview			{ display:none;	 clear:both; }

/*--> ARCHIVE <--*/

#archive p				{ }
#archive img			{ 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: 15px; }
#tagcloud li			{ display: inline;	 border-bottom: none; }
#tagcloud a				{ margin-right: 3px;	 display: inline;	 padding: 3px 1px 3px 1px; }
#tagcloud li a:hover	{ color: #111111;	 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;	 width: 80%; }
.calendar .weekend		{ background-color: #F1F1F1; }
.calendar .other		{ color:#cccccc; }
.calendar a.exist		{ display: block;	 font-weight: bold;	 background-color: #F1F1F1; }
.calendar td			{ vertical-align: top;	 background: white; }
li.year					{ border-bottom:0;	 font-weight:bold; }
li.year:hover			{ background-color:#EAEAEA; }	

/*----------------------------> 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;	 background-color: #ffffff;
						  font-family: Consolas, "Courier New", Courier, Monospace;
                          /*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: #272727; }
.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					{ color: black;	 font-family: Consolas, "Courier New", Courier, Monospace;
     					  background-color: #F1F1F1;	 line-height: normal;	 font-size:1.2em; }
.code p					{ padding: 5px;	 line-height:1.6em; }
.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 YOU'VE 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 & 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 & 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 YOU'VE 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'); }
						
						
*.bloglinktable td		{ border: 1px solid #4E89A9;	 font-size:0.8em;	 padding:3px 5px; }
*.bloglinktabletd1		{ background-color:#EAEAEA;	 font-weight:bold;	 width:120px;	 vertical-align:top; }
*.blogcodeblock code	{ margin:0;	 padding:10px; }
*.contentmain .post .descr	{ font-size:0.8em;	 margin-top:3px; }

#relatedPosts div		{ font-size:0.8em;	 font-weight:bold; }
#relatedPosts div span	{ margin-left:25px;	 font-weight:normal;	 font-style:italic; }
*.commentForm span, *.commentForm label		{ font-size:0.8em; }
#postnavigation 		{ font-size:0.8em;	 color:#4E89A9; }
#postnavigation a		{ font-size:0.8em;	 color:#4E89A9; }

*.tagcloud				{ text-align:center; }
*.tagcloud h4			{ text-align:left; }
*.tagcloud li			{ display:inline;	 padding:0;	 border:0;	 font-size:inherit; }
*.tagcloud li:hover		{ background-color:#EAEAEA; }          				  
*.tagcloud li a			{ display:inline;	 font-size:inherit; padding:0 10px 0 0; }
*.tagcloud li a:hover	{ color: #65A3C8; }

*.tagcloud li a.biggest	{ font-size:2em; }
*.tagcloud li a.big		{ font-size:1.6em; }
*.tagcloud li a.medium	{ font-size:1.2em; }
*.tagcloud li a.small	{ font-size:1em; }
*.tagcloud li a.smallest{ font-size:0.8em; }