﻿/*colors
MS Blue Dark: #34376f;
MS Blue Mid: #5e6491;
MS Blue Light: #afb4cd;
*/

/*Basic Tag Styles
----------------------------------*/
html {
}
body {
width: 100%;
font-size: 76%;
font-family: calibri, verdana, arial, helvetica, sans-serif;
background: #000 url('img/Idea5.png') no-repeat 50% 0%;
margin: 0;
padding: 0;
line-height: 1.2em;
color: #eee;
}
a {
color: #fff;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
a img {
border: none;
}
h1 {
margin: 0;
font-family: Rockwell, Arial, Helvetica, sans-serif;
font-weight: normal;
color: #afb4cd;
font-size: 190%;
padding-bottom: 0.25em;
border-bottom: solid 2px #800;
}
h2 {
font-size: 160%;
font-weight: normal;
padding-bottom: 0.25em;
margin: 1.5em 0 0 0;
color: #afb4cd;
border-bottom: solid 2px #800;
}
	.PostContent h2 {
	color: #5e6491;
	}

/*Structural Styles
----------------------------------*/
.Container {
margin: 0 auto;
width: 960px;
}

.Content {
margin: 0 0 0 180px;
width:780px;
float: left;
display: inline;
}
.Column1 {
width: 180px;
/*margin-left: -780px;*/
    margin-left: -960px;
float: left;
display: inline;
/*font-family: Rockwell;*/
}
.Column2 {
/*width: 180px;
padding-top: 16px;
float: right;
display: inline;*/
/*font-family: Rockwell;*/
    display: none;
}

.Column1 ul, .Column2 ul, .Navigation ul {
list-style: none;
margin: 0;
padding: 0;
}

/*Header Styles
----------------------------------*/
.Header {
position: relative;
}
	.Header h1 {
	text-indent: -9999px;
	height: 50px;
	background: url('img/AndrewsBlog.png') no-repeat 50% 50%;
	margin: 0;
	padding: 0;
	border-bottom: none;
	}
	.Header h2 {
	border: none;
	margin: 0 0 16px 0;
	height: 17px;
	color: #afb4cd;
	font-family: "Rockwell", Arial, Helvetica, sans-serif;
	word-spacing: 2px;
	font-size: 120%;
	text-align: center;
	}

/*Navigation Styles
----------------------------------*/
.Navigation {
position: relative;
margin-bottom: 57px;
z-index: 1;
}
	.Navigation .MonkeyOrnament {
	position: absolute;
	left: 393px;
	top: -34px;
	}
	.Navigation ul.MainNav {
	float: left;
	display: inline;
	height: 96px;
	padding: 5px;
	font-family: Rockwell, Arial, Helvetica, sans-serif;
	font-size: 120%;
	background: #000 url('img/NavigationBG.png') no-repeat left top;
	}
		.Navigation ul.MainNav li {
		float: left;
		display: inline;
		}
			.Navigation ul.MainNav li a {
			display: block;
			height: 96px;
			line-height: 96px;
			color: #fff;
			background: 0px 0px no-repeat;
			text-indent: -9999px;
			background-position: -9999px;
			}
				.Navigation ul.MainNav li a#ctl00_Home {background-image: url('img/TabHome.png'); width: 102px;}
				.Navigation ul.MainNav li a#ctl00_Archive {background-image: url('img/TabArchive.png'); width: 113px;}
				.Navigation ul.MainNav li a#ctl00_About {background-image: url('img/TabAbout.png'); width: 260px;}
				.Navigation ul.MainNav li a#ctl00_Slides {background-image: url('img/TabSlides.png'); width: 213px;}
				.Navigation ul.MainNav li a#ctl00_IIS7Resources {background-image: url('img/TabIIS7.png'); width: 153px;}
				.Navigation ul.MainNav li a#ctl00_Contact {background-image: url('img/TabContact.png'); width: 109px;}
			.Navigation ul.MainNav li a:hover, .Navigation ul li a:active, .Navigation ul li a:focus {
			background-position: 0px;
			outline-width: 0;
			}
/*SideBarPanel styles
-----------------------------------*/
.SideBarPanel {
background: #4e5369 url('img/SideBarPanelTop.gif') 0% 0% no-repeat;
}
	.SideBarPanelBottom {
	background: transparent url('img/SideBarPanelBottom.gif') 0% 100% no-repeat;
	padding: 7px;
	}
.JustGiving {
margin-top: 2em;
}	
	.JustGiving .SideBarPanelBottom {
	padding: 10px 15px;
	}
/*Badges styles
-----------------------------------*/
.Badges {
list-style: none;
margin: 0;
padding: 0;
}
	.Badges li {
	position: absolute;
	background: top left no-repeat;
	}
		.Badges li.RSSTag {
		text-indent: -9999px;
		top: 78px;
		left: -12px;
		}
			.Badges li.RSSTag a {
			width: 63px;
			height: 142px;
			display: block;
			background-image: url('img/RSSTag.png');
			}
			.Badges li.RSSTag a:hover {
			background-position: top right;
			}
		.Badges li.Badge1 {
		padding-left: 22px;
		padding-top: 18px;
		width: 126px;
		height: 124px;
		background-image: url('img/BadgeBG1.png');
		}
		.Badges li.Badge2{
		padding-left: 16px;
		padding-top: 18px;
		width: 126px;
		height: 124px;
		background-image: url('img/BadgeBG2.png');
		}

/*Footer styles
-----------------------------------*/
.Footer {
background: #000 url('img/Footer.jpg') no-repeat 50% 100%;
height: 140px;
/*font-family: Rockwell;*/
font-size: 120%;
}
	.Footer ul {
	width: 920px;
	list-style: none;
	margin: 0 auto;
	padding: 107px 0 0 0;
	}
		.Footer ul li {
		display: inline;
		}
			.Footer ul li img {
			float: right;
			display: inline;
			margin-top: -9px;
			margin-left: 12px;
			}

/*Search styles
-----------------------------------*/
.Search {
margin-top: 14px;
}
	.Search #searchfield {
	width: 154px;
	height: 16px;
	padding: 5px;
	background: #fff url('img/SearchBox.gif') top left no-repeat;
	border: none;
	}
	.Search #searchbutton {
	margin: 0.25em 0;
	color: #800;
	/*font-family: Rockwell;*/
	font-size: 130%;
	}
		.Search #searchbutton:hover {
		color: #789823;
		}
	.Search #searchcomments {
	vertical-align: middle;
	margin: 0 2px 0 0;
	padding: 0;
	}
	.Search label {
	font-size: 90%;
	}
.searchpage {
    /*margin: 10px 10px 10px 10px;*/
}
	.searchpage .searchresult {
	    
	}
	.searchpage ul {
	list-style: none;
	margin: 0px;
	padding: 0;
	}
		.searchpage ul:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
		}
		.searchpage ul li {
		float: left;
		display: inline;
		}
			.searchpage ul li a {
			display: block;
			/*border: solid 1px #5e6491;*/
			/*width: 1.2em;*/
			text-align: justify;
			margin: 1px 0 1px 1px;
			/*background: #afb4cd;*/
			}
#searchonsearch {
margin: 14px 30px 0 30px;
padding: 0 10px;
border: solid 1px #5e6491;
background: #34376f;
}

/*Calendar Styles*/
.Calendar {
margin-top: 1em;
}
	.Calendar a {
	color: #789823;
	}
	.Calendar table {
	width: 100%;
	}
	.Calendar table th {
	color: #afb4cd;
	}
	.Calendar table td {
	padding: 0.25em 0;
	font-size: 90%;
	}
	.Calendar table tr td a.exist {
	display: block;
	background: url('img/CalendarStar.gif') no-repeat 50% 0px;
	color: #000;
	padding: 0.25em 0;
	margin: -0.25em 0;
	}
		.Calendar table tr td a.exist:hover {
		background: url('img/CalendarStar.gif') no-repeat 50% -50px;
		color: #000;
		text-decoration: none
}
	
/*colors
MS Blue Dark: #34376f;
MS Blue Mid: #5e6491;
MS Blue Light: #afb4cd;
*/

.NavMenu {
}
	.NavMenu h2 {
	}
	.NavMenu a {
	color: #fff;
	display: block;
	border-bottom: dotted 1px #666;
	padding: 0.2em;
	}
		.NavMenu a:hover {
		text-decoration: none;
		background: #003300;
		color: #cf3;
		}

/*Post Styles
----------------------------------*/
#postnavigation {
padding: 15px 32px 5px 32px;
}
	#postnavigation a {
	width: 230px;
	color: #999;
	}
		#postnavigation a:hover {
		text-decoration: none;
		color: #fff;
		}
	#postnavigation a#ctl00_cphBody_hlPrev {
	float: left;
	display: inline;
	padding-left: 21px;
	background: #000 url('img/NextPrev.gif') -600px 50% no-repeat;
	}
		#postnavigation a#ctl00_cphBody_hlPrev:hover {
		background-position: -900px 50%;
		}
	#postnavigation a#ctl00_cphBody_hlNext {
	float: right;
	display: inline;
	text-align: right;
	padding-right: 21px;
	background: #000 url('img/NextPrev.gif') 234px 50% no-repeat;
	}
		#postnavigation a#ctl00_cphBody_hlNext:hover {
		background-position: -66px 50%;
		}

#postPaging {
padding: 5px 30px 0 30px;
}
.posts .Post {
clear: both;
color: #000;
background: url('img/PostSlice.png') repeat-y left top;
zoom: 1;
}
	.posts .PostTop {
	background: url('img/PostTop.png') no-repeat left top;
	}

	.posts .PostBottom {
	background: url('img/PostBottom.png') no-repeat left bottom;
	}
	.posts .PostContent {
	/*padding: 35px 50px 33px 50px;*/
	    padding: 46px 65px 43px 65px;
	}

.Post {
clear: both;
color: #000;
background: url('img/PostSlice2.png') repeat-y left top;
}
	.PostTop {
	background: url('img/PostTop2.png') no-repeat left top;
	}

	.PostBottom {
	background: url('img/PostBottom.png') no-repeat left bottom;
	}

	.Post .Post { background-image: url('img/PostSliceInner.png');}
	.Post .Post .PostTop {	background-image: url('img/PostTopInner.png');}
	.Post .Post .PostBottom {background-image: url('img/PostBottomInner.png');}
	.Post .Post .PostContent {padding: 14px 13px 9px;}
	 
	
	.PostContent {
	/*padding: 21px 35px 19px 37px;*/
	    padding: 28px 46px 25px 48px;
	}

	.Post .Info {
	background: url('img/PostInfoSlice.png') repeat-y left top;
	margin: 10px -6px 0 -4px;
	zoom: 1;
	}
		.Post .InfoTop {
		background: url('img/PostInfo.png') no-repeat 0% 0%;
		}
		.Post .InfoBottom {
		background: url('img/PostInfoBottom.png') no-repeat 0% 100%;
		padding: 7px 10px;
		}
	.Post h1 {
	font-family: "Rockwell condensed", Verdana, Arial, Sans-serif;
	font-weight: normal;
	font-size: 200%;
	line-height: 1em;
	letter-spacing: -1px;
	margin-bottom: 0.25em;
	border-bottom: none;
	color: #5e6491;
	padding: 0;
	}
		.Post h1 a {
		color: #5e6491;
		}
			.Post h1 a:hover {
			color: #789823;
			text-decoration: none;
			}
	.Post a {
	color: #800;
	}
	.Post blockquote {
	background: url('img/quote.gif') top right no-repeat;
	margin: 1em 40px;
	padding-right: 30px;
	border-left: solid 3px #afb4cd;
	padding-left: 5px;
	}
	.Post code, .Post pre.code {
	width: 478px;
	overflow: auto;
	font-size: 110%;
	border: solid 1px #999;
	background: #eee;
	padding: 10px;
	max-height: 400px;
	}
/*Comment styles*/
h2#comment {
margin: 0.5em 0 0.5em;
color: #fff;
border-bottom: solid 2px #fff;
display: none;
}
#commentlist {
margin-top: 15px;
}
	.comment {
	}
	.gravatar {
	background-color: #fff;
	float: left;
	display: inline;
	margin: 0px 0 10px 0px;
	border: solid 1px;
	border-color: #412405 #7e5f3e #7e5f3e #412405;
	}
	.Bubble {
	margin: 0 0 0px 0;
	color: #000;
	background: url('img/CommentBubbleSlice.png') 100% 0% repeat-y;
	}
		.BubbleTop {
		background: url('img/CommentBubbleTop.png') 0% 0% no-repeat;
		}
		.BubbleBottom {
		background: url('img/CommentBubbleBottom.png') 0% 100% no-repeat;
		padding: 1px 7px 1px 146px;
		}
		.Bubble a {
		color: #800;
		}
.AddComment {
background: url('img/PostSliceInner.png') top left repeat-y;
margin-top: 5px;
margin-bottom: 13px;
}
	.AddComment .AddCommentTop {
	background: url('img/PostTopInner2.png') top left no-repeat;
	}
.commentForm {
padding: 1px 13px 0px;
}
	.commentForm h1 {
	margin: 0.5em 0 0.5em;
	border-bottom: solid 2px #800;
	}
	.commentForm h2 {
	font-family: "Rockwell condensed", Verdana, Arial, Sans-serif;
	font-weight: normal;
	font-size: 200%;
	line-height: 1em;
	letter-spacing: -1px;
	border-bottom: none;
	color: #5e6491;
	margin: 0.5em 0 0.5em;
	padding: 0;
	border-bottom: solid 2px #800;
	}
	.commentForm label {
	float: left;
	display: inline;
	width: 6em;
	margin-top: 8px;
	}
	.commentForm input, .commentForm select {
	margin-top: 5px;
	}
	.commentForm textarea {
	width: 498px;
	}
	.commentForm .bbcode {
	position: relative;
	top: 7px;
	}
	.commentForm #cbNotify {
	position: relative;
	top: 2px;
	}
/*Related Posts styles*/
.RelatedPosts {
margin: -22px 64px 15px 64px;
background: #000 url('img/RelatedArticlesSlice.png') top left repeat;
}
	.RelatedPosts .RelatedPostsBottom {
	padding-bottom: 10px;
	background: url('img/RelatedArticlesBottom.png') 0% 100% no-repeat;
	}
	.RelatedPosts h1 {
	margin: 0;
	padding: 9px 12px;
	background: url('img/RelatedArticlesTop.png') top left no-repeat;
	border: none;
	}
	.RelatedPosts a {
	display: block;
	padding: 9px 12px 2px;
	/*font-family: "Rockwell Condensed";*/
	font-size: 140%;
	line-height: 1.1;
	}
	.RelatedPosts span {
	display: block;
	padding: 0px 12px;
	}

/*Star rater
----------------------------------*/

.rating p{
	display: inline;
	position: relative;
	top: 12px;
	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: 0;
}
/* 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;
}

/*Archive*/
#archive {
}
	#archive ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
		#archive ul li {
		float:  left;
		display: inline;
		}
			#archive ul li a {
			display: block;
			height: 3em;
			width: 163px;
			line-height: 3em;
			text-align: center;
			border: solid 1px #ddd;
			margin: 0 1px 1px 0;
			background: #f3f3f3;
			}
				#archive ul li a:hover {
				text-decoration: none;
				background-color: #ccFFCC;
				color: #000;
				}
	#archive table {
	border-collapse: collapse;
	margin: 0.5em 0 0;
	width: 100%;
	}
		#archive table tr td, #archive table tr th {
		vertical-align: top;
		text-align: left;
		padding: 2px 3px;
		border-bottom: solid 1px #ddd;
		}
/*Contact styles*/
#contact {
}
	#contact label {
	display: block;
	margin-top: 0.5em;
	}

/*Facebook
----------------------------------*/
.FaceBook {
margin-top: 1em;
}

/*Twitter
----------------------------------*/
.Twitter {
font-size: 80%;
text-align: center;
height: 140px;
padding-top: 32px;
background: url('img/TwitterBG.png') no-repeat left top;
}
	.Twitter ul {
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
	display: table-row;
	vertical-align: middle;
	}
		.Twitter ul li {
		width: 132px;
		padding: 0px 30px;
		color: #34376f;
		line-height: 1em;
		display: table-cell;
		vertical-align: middle;
		/float: left;
		}
			.Twitter ul li.DummyItem {
			background: url('img/loading.gif') no-repeat 50% 15%;
			font-size: 130%;
			color: #800;
			vertical-align: top;
			height: 60px;
			}
				.Twitter ul li.DummyItem span {
				display: block;
				padding: 40px 0 5px 0;
				}
			.Twitter ul li a {
			display: block;
			font-style: normal;
			font-size: 100% !important;
			color: #800;
			margin-top: 2px;
			padding-bottom: 2px;
			}
			.Twitter ul li span a {
            display: inline;
            margin-top: 0;
            padding-bottom: 0;
            }

/*IM
----------------------------------*/
.MSIM iframe {
border-color: #afb4cd !important;
margin-bottom: 1em;
}
				
/*BlogRoll
----------------------------------*/
.BlogRoll {
}
	.BlogRoll ul {
	}
		.BlogRoll ul li {
		border-bottom: dotted 1px #666;
		padding: 0.25em;
		}
			.BlogRoll ul li img {
			vertical-align: sub;
			/vertical-align: middle;
			margin-right: 3px;
			}
			.BlogRoll ul li ul {
			list-style: square;
			margin-left: 20px;
			}
				.BlogRoll ul li ul li {
				border: none;
				padding: 0;
				font-size: 90%;
				color: #afb4cd;
				}
					.BlogRoll ul li ul li a {
					color: #ccc;
					}

/*Tag cloud
----------------------------------*/

.TagCloud {
margin-bottom: 10px;
white-space: normal;
}

.TagCloud ul {
margin-top: 0.5em;
line-height: 1.4em;
}
.TagCloud li {
display: inline;
}

.TagCloud a {
margin-right: 3px;
display: inline;
}
	.TagCloud a:hover {
	color: #fff !important;
	}
/*colors
MS Blue Dark: #34376f;
MS Blue Mid: #5e6491;
MS Blue Light: #afb4cd;
*/

.TagCloud a.biggest {
font-size: 200%;
color: #eee;
}

.TagCloud a.big {
font-size: 160%;
color: #ddd;
}

.TagCloud a.medium {
font-size: 130%;
color: #ccc;
}

.TagCloud a.small {
font-size: 100%;
color: #bbb;
}

.TagCloud a.smallest {
display: none;
}


/*Worker Classes
-----------------------------------*/
.aligncenter {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear {
clear: both;
}
.clearleft {
clear: left;
}
clearright {
clear: right;
}
.floatleft {
float: left;
display: inline;
}
.floatright {
float: right;
display: inline;
}
.HalfLeft {
width: 49%;
float: left;
}
.HalfRight {
width: 49%;
float: right;
}
.nobackground {
background-image: none !important;
}
.nobottommargin {
margin-bottom: 0;
}
.paddedfloatleft {
float: left;
margin: 1px 15px 0.5em 0;
}
.paddedfloatright {
float: right;
margin: 1px 0 0.5em 15px;
}      
.RelatedPosts h2 {
font-family:Rockwell,Arial,Helvetica,sans-serif;
font-size:190%;
background:transparent url(img/RelatedArticlesTop.png) no-repeat scroll left top;
border: none;
margin:0;
padding:9px 12px;
}
#addComment {
border-bottom:2px solid #880000;
margin:0.5em 0;
color:#5E6491;
font-family:"Rockwell condensed",Verdana,Arial,Sans-serif;
font-size:200%;
font-weight:normal;
letter-spacing:-1px;
line-height:1em;
padding:0;
}
#commentPreview
{
	display:none;
}