/* Overriden css to blogs.msdn.com as created by Nick Hodge nhodge@microsoft.com 
   date:    06-Jan-2009
   version: 1.1   */

/* The masthead sits at the top of the page; seems to be more of a spacer  */
#masthead {
	background-color: #fff;
	text-align: right;
	font-size: 0.75em;
                width:100%;
                height:18px;     /* IE8 vs Chrome/Firefox: requires a specific height */
	border-bottom: 0px;
}

/* welcome sits inside the masthead, and contains the live.com login details (not the heading text/image) */
#welcome {
	float:right;
	width:340px; /* IE8 vs Chrome/Firefox: IE8 doesnt wrap text, Chrome/Firefox wraps */
	height:16px;
}

/* content wraps the entire page immediately underneath the masthead */
#content {
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	width:100%;
}

/* top contains the title of the blog, and sits inside of content */
#top {
	color:azure;
	padding: 10px;
	border-bottom : 4px solid #000;
	background-image: url(http://farm4.static.flickr.com/3084/3169650542_1b90c656c5_o.jpg);
	height:240px;
	background-repeat:no-repeat;
	top:16px;
	border-bottom : 4px solid black;
	filter: alpha(opacity=80);
}

#top h1 a {
	font-size: 1.618em;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	letter-spacing: -2px;
	color:azure;
}

/* tagline sits inside and underneath the top */
#tagline {
	font-size : 1em;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	letter-spacing: 0px;
	color: azure;
	margin : 2px;
}

#tagline a {
	color: azure;
}

/* leftmenu sits inside content */

#leftmenu {
	position : absolute;
	left : 10px;
	margin-top : 10px;
	width : 200px;
}

#leftmenu h3 {
	font-size : 0.9em;
	margin : 0px;
	padding : 0px;
	border-bottom : none;	
}

#leftmenu ul {
	list-style : none;
	margin : 0px;	
	padding : 0px;
	padding-bottom: 10px;
	margin-left : 5px;
	font-size : 0.8em;
}

/* BlogLinksSideBar > WeblogLinks,  TasksSideBar > QuickLinks,   SubscriptionsSideBar > Subscriptions; 
   3 x two level and 3 single level divs that sit in the leftmenu: #TagSideBar, #NewsSideBar, #LinkSideBar;*/

#BlogLinksSideBar, #WeblogLinks, #TasksSideBar, #QuickLinks,  #LinkSideBar  {
	/* in my design, I do not want these displayed; knowing they will be rendered by CommunityServer, I just display:none the divs */
    display:none;
}


/* SearchSideBar > Search; please make visible */
#search
{
    margin-top: 10px;
    margin-bottom: 20px;
}

#search .searchBox 
{
	width: 150px;
	border: 1px solid #eee;
	padding: 2px;

}


#TagSideBar /* please make this visible */
{
    margin-top: 10px;
    margin-bottom: 20px;
}

/* (in order as rendered in HTML, see above for display:none; particular tags-- these are hidden ) */

#NewsSideBar {
    margin-top: 10px;
    margin-bottom: 20px;
}

#news h3 {
/* this will hide the "news" on the side line so you can say something different; but make sure you don't use <h3> (as communityserver renders in <h3> and I want control of the complete text in the news area: to put blogflair etc, but rather <h4> as per below. thankfully, communityserver renders the stuff as raw HTML */
	display:none;
}

#news h4 {
	font-size:0.9em;
}

#news p {
	font-size:0.75em;
}

#SubscriptionsSideBar, #Subscriptions {
	font-size:1.1em;
}

/* LinkSideBar */


/* main sits inside of content */
#main {
	margin-left : 210px;	
	background-color : #ccc;
	padding : 10px;
	border-left : 1px solid #555;
	border-bottom : 4px solid black;
	height: 1%;
}

#main .post /* class is used to class each of the postings */
{
	padding-bottom: 20px;
	padding-top: 20px;
	margin-left: 20px;
	border-bottom: 1px solid black;
}

/* main2 sits inside of main */

#main2 
{
	width: 100%;
	overflow: hidden;
}

.csharpcode, .csharpcode pre { /* class used to format C#, and generally any other code; the styles are generated by the Windows Live Writer 'insert code' plugin */
	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;
}


/* PostToolbar, inside main2 contains Comment notification, etc*/
#posttoolbar
{
	padding-top: 10px;
	margin-left: 20px;
}

/* Comments, inside main2 contains Comments */
#comments
{
 	margin-top:15px;
	padding-bottom: 20px;
	margin-left: 20px; 
}


/* commentform and contactform, inside main2 contains Comments */
#commentform, #contactform {
	padding: 10px 0px 3px 0px;
	/*border: 1px solid #ddd;*/
	}

/* footer, inside of content */
#footer {
	margin : 0px;	
	padding-top : 5px;
	text-align : center;
	font-size : 0.7em;
}