# {
  padding:					0;
  margin:					0;
}


/* --------------------
 * Background & Wrapper
 * -------------------- */

body {
	font-family: 			Arial, Helvetica, sans-serif;
	font-size: 				100%;
	text-align: 			center;
	color: 					rgb(0, 0, 0);
 	background: 			#4b4b4b url('../images/background.png') top center repeat-x;
	padding:				0;
	margin:					0;	
}

#wrapper {
	width:					100%;
	font-size:				0.9em;
	margin:					0;
	border:					0;
    border-spacing:         0;
    border-collapse:        0;
	text-align:				center;
}

a {
	color:					#0365ac;
	text-decoration:		underline;
}

a:hover {
	text-decoration:		none;
}

a:visited, a:active {
	color:					#333333;
}


/* --------------------
 * Header Logo
 * -------------------- */

#header {
   	background: 			transparent url('../images/header.png') top center no-repeat;
	width:					980px;
	margin-left:			auto;
	margin-right:			auto;
	margin-top:				0px;
	border:					0px;
	position:				relative;
	min-height:				250px;
}


/* --------------------
 * Menu
 * -------------------- */

#menu {
	float:					left;
	padding:				235px 0 0 0;
	margin:					0px;
	width:					699px;
	height:					40px;
	border:					0px;
	list-style:				none;
}

#menu li {
	padding:				0 0 3px 0;
	margin:					0;
	list-style:				none;
}

#menu a {
	display:				block;
	width:					100%;
	height:					40px;
}

#menu a img {
	border:					0;
}

#menuHome {
	display:				block inline;
	float:					left;
	width:					90px;
	height:					40px;
	background:   			transparent url('../images/menu-home.png') no-repeat top left;
}

#menuHome:hover {
	cursor:					pointer;
	background:   			transparent url('../images/menu-home.png') no-repeat 0 -40px;
}

#menuArchive {
	display:				block inline;
	float:					left;
	width:					110px;
	height:					40px;
	background:   			transparent url('../images/menu-archive.png') no-repeat top left;
}

#menuArchive:hover {
	cursor:					pointer;
	background:   			transparent url('../images/menu-archive.png') no-repeat 0 -40px;
}

#menuTags {
	display:				block inline;
	float:					left;
	width:					90px;
	height:					40px;
	background:   			transparent url('../images/menu-tags.png') no-repeat top left;
}

#menuTags:hover {
	cursor:					pointer;
	background:   			transparent url('../images/menu-tags.png') no-repeat 0 -40px;
}

#menuAbout {
	display:				block inline;
	float:					left;
	width:					90px;
	height:					40px;
	background:   			transparent url('../images/menu-about.png') no-repeat top left;
}

#menuAbout:hover {
	cursor:					pointer;
	background:   			transparent url('../images/menu-about.png') no-repeat 0 -40px;
}

#menuRSS {
	display:				block inline;
	float:					left;
	width:					90px;
	height:					40px;
	background:   			transparent url('../images/menu-rss.png') no-repeat top left;
}

#menuRSS:hover {
	cursor:					pointer;
	background:   			transparent url('../images/menu-rss.png') no-repeat 0 -40px;
}

#menuContribute {
	display:				block inline;
	float:					left;
	width:					145px;
	height:					40px;
	background:   			transparent url('../images/menu-contribute.png') no-repeat top left;
}

#menuContribute:hover {
	cursor:					pointer;
	background:   			transparent url('../images/menu-contribute.png') no-repeat 0 -40px;
}

#menuLinks {
	display:				block inline;
	float:					left;
	width:					80px;
	height:					40px;
	background:   			transparent url('../images/menu-links.png') no-repeat top left;
}

#menuLinks:hover {
	cursor:					pointer;
	background:   			transparent url('../images/menu-links.png') no-repeat 0 -40px;
}


/* --------------------
 * Search
 * -------------------- */

#search {
	float:					left;
	margin:					243px 0 0 20px;
	background:				transparent url('../images/searchBg.jpg') no-repeat top left;
	width:					250px;
	height:					24px;
	border:					0px;
	padding:				0 0 0 3px;
}

#search:hover {
	background:				transparent url('../images/searchBg.jpg') no-repeat bottom left;
}

#searchFocus:hover {
	background:				transparent url('../images/searchBg.jpg') no-repeat bottom left;
}

#search form input.search {	
	background:				transparent;
	border:					0px;
	width:					224px;
	height:					22px;
	position:				relative;
	top:					-5px;
}

#search input.submit {
	width:					20px;
	height:					20px;
	padding-top:			3px;
}


/* --------------------
 * Layout
 * -------------------- */

#container {
   	background: 			transparent;
	width:					980px;
	margin:					50px auto 0 auto;
	border:					0px;
	position:				relative;
	text-align:				center;
}

#main {
	width:					540px;
	text-align:				left;
	float:					left;
	padding:				0 20px 40px 0;
}

#twitter {
	text-align:				left;
	width:					200px;
	float:					left;
	padding:				0 20px 40px 0;
}

#side {
	text-align:				left;
	width:					200px;
	float:					left;
	padding:				0 0 40px 0;
}


/* --------------------
 * Articles
 * -------------------- */

.article {
	color:					#000000;
	background:				#ffffff;
	padding:				8px;
	margin:					0 0 20px 0;
}

.article h2 {
	margin:					0 5px 0 5px;
	padding:				0;
}

.article h2 a {
	text-decoration:		none;
}

.article .byline {
	font-size:				0.9em;
	font-style:				italic;
	padding:				5px;
}

.article .tags {
	color:					#000000;
	background:				#f1f7fa;
	padding:				5px;
	font-size:				0.9em;
}

.article .body {
	margin:					0 5px 0 5px;
}

.article .body ul {
	list-style:				disc outside;
	padding:				0px;
	margin:					10px 10px 10px 30px;
}

.article .body li {
	padding:				5px 0 5px 0;
	margin:					0px;
	line-height:			1.4em;
}

.article .body p, .commentBody p, .article .body pre, .commentBody pre {
	text-align:				justify;
	line-height:			1.4em;
}

.article blockquote {
	background:				#f1f7fa url('../images/blockquote.png') no-repeat top left;
	text-align:				justify;
	line-height:			1.4em;
	padding:				15px 20px 15px 20px;
}

.article .body h3 {
	font-size:				1.3em;
	color:					#0365ac;
}

.article .footer {
	color:					#000000;
	background:				#f1f7fa;
	padding:				5px 5px 10px 5px;
	font-size:				1em;
	height:					1em;
}

.article .footer .left {
	text-align:				left;
}

.article .footer .left a {
	font-weight:			bold;
	text-decoration:		none;
}

.article .footer .right {
	text-align:				right;
	float:					right;
}

.article .footer .right a {
	text-decoration:		none;
}

.navigation a {
    color:                  #ffffff;
    text-decoration:        none;
}

.navigation a:hover {
    color:                  #f1f7fa;
    text-decoration:        underline;
}

.addtoany {
	padding:				0 30px 0 0;
	margin:					0;
	float:					right;
}


/* --------------------
 * Sideboxes
 * -------------------- */

.sidebox {
	color:					#464646;
	background:				#f1f7fa;
	font-size:				0.8em;
	width:					180px;
	padding:				10px;
	margin:					0 0 20px 0;
}

.sidebox h2 {
	margin:					0;
	padding:				0;
}

.sidebox ul {
	list-style:				none;
	padding:				0;
	margin:					0;
}

.sidebox li {
	padding:				0 0 3px 10px;
	margin:					0;
}


/* --------------------
 * Comments
 * -------------------- */

.comment {
	border:					0px;
	border-collapse:		collapse;
	border-spacing:			0px;
	padding:				0;
	margin:					0 15px 0 0;
	clear:					both;
	position:				relative;
}

.commentTop {
	height:					15px;		
	background:				#ffffff;
	border:					1px solid #c0d8ea;
	border-width:			1px 0 0 0;
	border-spacing:			0;
	border-collapse:		collapse;
	margin:					0 16px 0 16px;
}

.commentTopLeft {
	width:					16px;
	height:					16px;
	position:				absolute;
	top:					0;
	left:					0;
}

.commentTopRight {
	width:					16px;
	height:					16px;
	position:				absolute;
	top:					0;
	right:					0;
}

.commentBody {
	background:				#ffffff;
	border:					1px #c0d8ea solid;
	border-width:			0 1px 0 1px;
	margin:					0;
	padding:				0 10px 10px 10px;
}

.commentBody .link {
	float:					right;
}

.commentBody .title {
	float:					left;
	font-size:				1.1em;
	font-weight:			bold;
	padding:				0 0 5px 0;
}

.commentBody .body {
	padding:				10px 10px 5px 10px;
} 

.commentBody .tagline {
	clear:					both;
	font-size:				0.9em;
	font-style:				italic;
}

.commentFoot {
	height:					22px;
	margin:					0;
	padding:				0;
}

.commentBottomLeft {
	float:					left;
    width:                  16px;
    height:                 22px;
    background:				transparent url('../images/commentBottomLeft.gif') bottom left no-repeat;
	border:					1px solid #c0d8ea;
	border-width:			1px 0 0 0;	
}

.commentBottomRight {
	float:					right;
    width:                  16px;
    height:                 22px;
    background:				transparent url('../images/commentBottomRight.gif') bottom right no-repeat;
	border:					1px solid #c0d8ea;
	border-width:			1px 0 0 0;
}

.commentFootMiddle {
	text-align:				right;
	height:					17px;
	padding:				2px 0 3px 0;
	background:				#dfebf4;
	border:					1px solid #c0d8ea;
	border-width:			1px 0 1px 0;
	font-size:				0.9em;
	margin:					0 16px 0 16px;
}

.indent {
	margin-left:			50px;
}


/* --------------------
 * Footer
 * -------------------- */

#footer {
	background:				#3f3f3f url('../images/footerBg.jpg') repeat-x top left;
	width:					100%;
	height:					48px;	
	border:					1px solid #000000;
	border-width:			1px 0 1px 0;
	padding:				0;
	text-align:				left;
	margin:					0 0 40px 0;
}

#footer a {
	color:					#d4e4f1;
	text-decoration:		underline;
}

#footer a:hover {
	color:					#95bbd2;
	text-decoration:		underline;
}

#footer a:active {
	color:					#ffffff;
	text-decoration:		underline;
}

#footer a:visited {
	color:					#d4e4f1;
	text-decoration:		none;
}

#footerMiddle {
   	background: 			transparent;
	width:					975px;
	margin-left:			auto;
	margin-right:			auto;
	margin-top:				0px;
	border:					0px;
	position:				relative;
	height:					48px;
	border:					0px;
}

.footerIcon {
	width:					47px;
	height:					44px;
	border:					0px;
	float:					left;
	margin-top:				4px;
	padding:				0;
}

#copyright {
	float:					left;
	width:					630px;
	height:					48px;
	font-size:				0.8em;
	color:					#ffffff;
	line-height:			1.2em;
	text-align:				left;
	padding:				7px 0 0 2px;
}

#email {
	float:					right;
	color:					#ffffff;
	font-size:				0.9em;
	padding-top:			15px;
}

#shiny {
	width:					975px;
	margin:					0 auto 0 auto;
	padding:				5px 0 0 0;
	text-align:				right;
	font-size:				0.6em;
}

#shiny a {
	color:					#dddddd;
}


/* --------------------
 * Odds and Ends
 * -------------------- */

.left {
	float:					left;
}

.right {
	float:					right;
}

#clearboth {
	clear:					both;
}

#flexibleHeight {
	height:					1px;
	clear:					both;
}


/* --------------------
 * Blog formatting
 * -------------------- */


#main .article .weblog  .title {
	font-size:				2em;
	font-weight:			bold;
	padding:				10px 0 10px 0;
	color:					#0365AC;
}

#main .article .weblog  .title h3 {
	font-size:				2em;
	font-weight:			bold;
	padding:				10px 0 10px 0;
	color:					#0365AC;
}

#main .article .weblog  .title a {
	color:					#0365AC;
	text-decoration:		none;
}

#main .article .weblog  .tagline {
	padding:				0 0 10px 0;
}

#main .article .weblog .body h1 {
		font-size:			1.5em;
}

#main .article .weblog .body h2 {
		font-size:			1.2em;
		margin:				0;
}

#main .article img {
		border:				0;
}