/*  
Theme Name: The Cloud verion 0.2
Theme URI: http://mercurycloud.com/
Description: MercuryCloud's blog
Author: Tony Yoo, Aaron Egaas, and the rest of MercuryCloud
Author URI: http://mercurycloud.com/
*/


/* ----- CSS ----- */
	
body{
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	font-family: "Lucida Grande", arial, helvetica, verdana, sans-serif;
	font-size: 62.5%;
	color: #e8e8e8;
	background: #262a28 url(images/bg.jpg) no-repeat top left;
}

/* ----- IDS ----- */

#container{
	width: 790px;
	font-size: 1.2em;
	float: left;
}
	#container h2 {
		background: transparent url(images/oneColDivider.gif) no-repeat bottom left;
	}
	#container a#mc {
		display: block;
		width: 210px;
		height: 39px;
		margin: 17px 0 0 10px;
		text-indent: -9000px;
	}
		#header {
			position: relative;
			margin-top: 48px;
		}
			#header h1 a {
				display: block;
				width: 254px;
				height: 49px;
				text-indent: -9000px;
			}
			#header ul {
				position: absolute;
				top: 18px;
				left: 270px;
			}
				#header ul li {
					padding: 0 0.6em;
					display: inline;
					float: left;
					border-left: 1px solid #dadada;
				}
				
				#header ul li:first-child {
					border-left: 0px;
				}
				#header ul li.left {
					margin: 0;
					border: none;
				}
					#header ul li a {
						color: #fff;
					}
					#header ul li a:hover {
						border-bottom: 2px solid #fcb115;
					}
			#header form {
				position: absolute;
				top: 15px;
				right: 0;
				width: 150px;
			}
				#header input.txt {
					width: 140px;
					border: none;
				}
				#header input.btn {
					padding-left: 0;
					color: #818583;
					background: none;
				}
	 #content {
		margin-left: 38px;
		margin-right: 20px;

	}
		#content div#author {
			position: relative;
			margin-bottom: 2em;
			font-weight: bold;
			color: #000000;
			background: transparent url(images/authorBox.gif) no-repeat top left;
		}
			#content #author #authorPic {
				width: 92px;
				height: 127px;
			}
			 #content #author #authorInfo {
				width: 240px;
				position: absolute;
				top: 20px;
				left: 100px;
			}
				 #content #author #authorInfo li {
					line-height: 2.3em;
					border-bottom: 1px solid #a5781c;
				}
				 #content #author #authorInfo strong {
					padding: 1px;
					font-weight: normal;
					color: #fff;
					background: #ac780b;
				}
			 #content #author #authors {
				margin-left: 366px;
				position: absolute;
				top: 20px;
			}
				 #content #author #authors ul {
					margin: 10px 0 0 0;
					float: left;
					display: inline;
					width:140px;
				}
					 #content #author #authors ul li {
						float: left;
						display: inline;
					}
						 #content #author #authors ul li a {
							margin-bottom: 5px;
							margin-right: 5px;
							float: left;
							display: inline;
							text-indent: -9000px;
							width: 25px;
							height: 22px;
							background: transparent url(images/authors/icons/author_tony.gif) no-repeat center left;
						}
						
						#content #author #authors ul li.aegaas a {
							background: transparent url(images/authors/icons/author_aaron.gif) no-repeat center left;							
						}
						
						#content #author #authors ul li.wprater a {
							background: transparent url(images/authors/icons/author_will.gif) no-repeat center left;							
						}
						
						#content #author #authors ul li.James a {
							background: transparent url(images/authors/icons/author_james.gif) no-repeat center left;							
						}	
					
						#content #author #authors ul li.pheed a {
							background: transparent url(images/authors/icons/author_phil.gif) no-repeat center left;							
						}	
						
						#content #author #authors ul li.tlutman a {
							background: transparent url(images/authors/icons/author_tanya.gif) no-repeat center left;							
						}	

						#content #author #authors ul li.sscheff a {
							background: transparent url(images/authors/icons/author_scott.gif) no-repeat center left;							
						}			
						
		#content #comments {
			padding: 4px 0;
			margin: 0 0 1em;
			font-size: 1em;
			color:#3a3c3b;
			background: none;
			width: 506px;
			background: transparent url(images/boxTop.gif) no-repeat top left;
		}
			#content #comments img {
				border: 2px solid #8f8f8f;
			}
			#content #comments li {
				padding: 16px 0;
				padding-left: 14px;
				padding-right: 2px;
				padding-bottom: 14px;
				color: #636363;
				background: transparent url(images/dropShadowMiddle.gif) repeat-y top right;
			}
			#content #comments li.alt {

			}
			
			#content #comments li.mc {
				xxbackground: transparent url(images/commentAuthorBG.gif) repeat-y top right;
			}
				#content #comments li .meta img {
					float: left;
					display: inline;
				}
				
				#content #comments li.mc .meta img {
					border: 2px solid #F86000;
				}
				
					#content #comments li span {
						float: left;
						display: inline;
						line-height: 1.3em;
						margin-bottom: 0.8em;
						margin-left: 8px;
						font-size: 95%;
					}
						#content #comments li span a, #content #comments li span strong {
							margin: 0;
							padding: 0;
							font-weight: bold;
							color: #262a28;
							background: none;
							display: inline;
							font-size: 110%;
						}
						#content #comments li span a {
							background: #ccd3d0;
						}

				#content #comments li.btm {	
					margin: 0;
					padding: 0;
					height: 8px;
					clear: left;
					background: transparent url(images/boxBtm.gif) no-repeat bottom left;
				}
				#content #comments li p {
					margin: 1em 20px 0 35px;
					margin-left: 0;
					padding-left: 35px;
					line-height: 1.6em;
					color: #3a3c3b;
					clear: left;
					background: transparent url(images/commentDivider.gif) repeat-x bottom left;
				}
		#content #form {
			margin: 10px 0;
			padding: 4px 0;
/*			background: transparent url(images/boxTop.gif) no-repeat top left;*/
			border: 1px solid #fff;
			background: #A8B5AF;
			width: 496px;
		}
			#content #form form {
				padding-top: 13px;
			}
				#content #form form p {
					margin: 0;
					padding: 14px;
					padding-top: 0;
					padding-left: 20px;
					padding-bottom: 9px;
				}
			#content #form form input.btn {
				margin-bottom: 10px;
				margin-left: 24px;
			}
			#content #form form div {
				margin-bottom: 1.6em;
				position: relative;
				top: 8px;
				height: 8px;
				background: transparent url(images/boxBtm.gif) no-repeat bottom left;
			}
		
		#content #pagination {
			margin: 12px;
			margin-top: -6px;
			text-align: right;
			float: left;
			display: inline;
			color: #fff;
		}
			#content #pagination a {

			}
			#content #pagination a:hover {
				color: #3e4341;
				background: #c7d1cc;
			}
	
	#content	ul {
		margin: 1em;
	}
	
	#footer {
		margin-top: 20px;
		width: 764px;
		margin-left: 15px;
		color: #b3b3b3;
		background: #262a28 url(images/footerBG.gif) repeat top left;
		border: 1px solid #a2a2a2;
		clear: both;
		overflow: auto;
	}
		#footer h3 {
			margin: 0;
			padding: 0;
			font-weight: normal;
			background: none;
			border: none;
		}
		#footer #links {
			margin: 16px 20px 24px 20px;
			float: left;
			display: inline;
			width: 200px;
		}
			#footer #links ul {
				margin-top: 10px;
			}
				#footer #links ul li {
					line-height: 1.3em;
					padding: 0.5em 0 0.5em 14px;
					background: transparent url(images/bullet.gif) no-repeat 1% 0.8em;
				}
					#footer #links ul li a {

					}
					#footer #links ul li a:hover {
						color: #3e4341;
						background-color: #c7d1cc;
					}
		#footer #topEntries {
			margin: 16px 20px 24px 20px;
			width: 477px;
			float: left;
			display: inline;
		}
			#footer #topEntries ul {
				margin-top: 6px;
			}
				#footer #topEntries ul li,
				#tpbc ul li {
					padding-top: 0.2em;
					line-height: 2.4em;
					background: transparent url(images/topEntriesBorder.gif) repeat-x bottom left;
				}
					#footer #topEntries ul li a,
					#tpbc ul li a {
						padding-left: 17px;
						background: transparent url(images/pageIcon.gif) no-repeat 2px 50%;
					}
					#footer #topEntries ul li a:hover {
						color: #3e4341;
						background-color: #c7d1cc;
					}
					#footer #topEntries ul li a.author,
					#tpbc ul li a.author {
						padding: 0;
						color: #fff;
						background: none;
					}
	#copy {
		position: relative;
		clear: both;
		margin: 0;
		margin-left: 15px;
		margin-bottom: 1em;
		font-size: 0.9em;
		color: #757575;
		background: transparent url(images/copyBG.gif) repeat-y top left;
	}
		#copy a.feed {
			margin-left: 20px;
			padding-right: 16px;
			color: #ff6600;
			background: transparent url(images/feedIcon.gif) no-repeat center right;
		}
		#copy span {
			position: absolute;
			top: 0;
			left: 267px;
		}
			#copy span a {
				margin-left: 0;
				color: #dadada;
			}



/* TWO COL */

.twoCol h2 {
	padding-left: 275px;
	background: transparent url(images/twoColDivider.gif) no-repeat bottom left;
}
	.twoCol  h2 strong {
		color: #fdd437;
		font-weight: normal;
	}
.twoCol #sideNav {
	position: relative;
	padding-left: 38px;
	float: left;
	display: inline;
}
	.twoCol #sideNav div {
		position: absolute;
		margin-top: 2em;
		margin-left: -39px;
		width: 254px;
		height: 23px;
		background: transparent url(images/sideDivider.gif) no-repeat top left;
	}
	.twoCol #sideNav h3 {
		width: 190px;
	}
		.twoCol #sideNav h3.archives {
			margin-top: 3em;
		}
	.twoCol #sideNav ul li {
		margin-bottom: 1em;
		line-height: 1.4em;
		list-style: none;
	}
		.twoCol #sideNav ul li a {
			padding-left: 12px;
			background: transparent url(images/bullet.gif) no-repeat center left;
		}
		.twoCol #sideNav ul li a:hover {
			color: #fef1bb;
		}
	.twoCol #sideNav ul li ul li {
		margin-bottom: 0;
	}
		.twoCol #sideNav ul.children {
			margin-bottom: 1em;
		}
			.twoCol #sideNav ul.children li a {
				padding-left: 16px;
				color: #e8e8e8;
				background: none;
			}
			.twoCol #sideNav ul li ul li a:hover {
				color: #fef1bb;
				text-decoration: underline;
			}
.twoCol #content {
	margin-right: 0;
	width: 506px;
	float: left;
	display: inline;
/*	overflow: auto;*/
}
	.twoCol #content h3 {
		margin-left: 4px;
		margin-bottom: 0.6em;
		background: none;
	}
	
	.twoCol #content dl {
		width: 500px;
		float: left;
		clear: left;
		display: inline;
	}
	
	.twoCol #content dl dt {
		overflow: auto;
	}
	
		.twoCol #content dl dt a {
			margin: 0;
			margin-right: 6px;
			padding: 12px 12px 0px 12px;
			display: block;
			color: #232323;

		}
		
		.twoCol #content dl dt p.cats {
			font-size: 10px;
			margin: 0;
			margin-right: 6px;
			padding: 6px 12px 8px 12px;
			line-height: 14px;
		  background: transparent url(images/darkDottedLine.gif) repeat-x bottom left;
		}
		
		.twoCol #content dl dt p.cats img {
			top: 3px;
			margin-right: 4px;
			border: 0;
		}
		
		.twoCol #content dl dt p.cats a {
			display: inline;
			background: none;
			padding: 0;
			margin: 0;
			color: #676c6a;
		}
		
		.twoCol #content dl dt p.cats a:hover {
			color: #ff6600;
			background: #e6edeb;
		}
		
		
	.twoCol #content dl dd {
		margin-bottom: 1.4em;
		width: 505px;
		float: left;
		clear: left;
	}
		.twoCol #content dl dd div.meta {
			position: relative;
			padding-left: 12px;
			padding-top: 22px;
			padding-bottom: 16px;
			color: #6d7170;
			background: transparent url(images/dropShadowBtm.gif) repeat-x bottom left;
		}
			.twoCol #content dl dd div a.author {
				margin: 0;
				padding: 6px;
				padding-left: 30px;
				padding-right: 0;
				font-weight: bold;
				color: #262a28;
				background: transparent url(images/authors/icons/tony.gif) no-repeat center left;
			}
			
			.twoCol #content dl dd div a.author.aegaas {
				background-image: url(images/authors/icons/aaron.gif);							
			}

			.twoCol #content dl dd div a.author.wprater {
				background-image: url(images/authors/icons/will.gif);							
			}

			.twoCol #content dl dd div a.author.pheed {
				background-image: url(images/authors/icons/phil.gif);							
			}

			.twoCol #content dl dd div a.author.James {
				background-image: url(images/authors/icons/james.gif);							
			}
			
			.twoCol #content dl dd div a.author.tlutman {
				background-image: url(images/authors/icons/tanya.gif);							
			}
		
			.twoCol #content dl dd div a.author.tyoo {
				background-image: url(images/authors/icons/tony.gif);							
			}
			
			.twoCol #content dl dd div a {
				font-weight: bold;
				color: #262a28;
			}
			.twoCol #content dl dd div a.bookmark {
				width: 50px;
				line-height: 19px;
				position: absolute;
				top: 20px;
				right: 17px;
				text-align: center;
				text-indent: -9000px;
				background: #b7bfbc url(images/shareBtn.gif) no-repeat top left;
			}
			
			* html .twoCol #content dl dd div a.bookmark {
				display: none;
			}
			.twoCol #content dl dd div a.bookmark:hover {
				background: #a7b1ad url(images/shareBtn.gif) no-repeat 0 -19px;
			}
			.twoCol #content dl dd div.meta div.sociable {
				font-size: 0.8em;
				background: #bbc1bf;
				border: 1px solid #98a29e;
				z-index: 99;
			}
				.twoCol #content dl dd div.meta div.sociable img {
					background: #fff;
					border: 1px solid #98a29e;
				}
		.twoCol #content dl dd div.pic {
			margin: 1em 0;
			padding: 0;
			position: relative;
			font-size: 1em;
			background: none;
		}
			.twoCol #content dl dd div.pic span {
				margin-bottom: 2px;
				display: block;
				padding: 1px;
				background: #939d99;
				border: 1px solid #696f6c;
			}
			.twoCol #content dl dd div.entry div.pic a {
				position: absolute;
				bottom: 0;
				right: 0;	
				border: none;
			}
			
			.twoCol #content dl dd div.entry div.pic span a {
				position: relative;
				line-height: auto;
			}
			
			.twoCol #content dl dd div.entry div.pic span a img {
				position: relative;
			}
		
		
		.twoCol #content dl dd div.entry {
			margin: 0;
			padding: 1em 19px;
			padding-right: 24px;
			padding-bottom: 0;
			line-height: 1.6em;
			color: #262727;
			background: transparent url(images/dropShadowMiddle.gif) repeat-y top left;
		}
			.twoCol #content dl dd div.entry p {
				margin-top: 0;
				margin-bottom: 0;
/*				xpadding-top: 0.4em;*/
				padding-bottom: 1em;
				line-height: 1.8em;
			}
			.twoCol #content dl dd div.entry a.more {
				margin: 0;
/*				xmargin-top: 0.4em;*/
				padding: 0;
				display: block;
				font-weight: bold;
				color: #000;
				border: none;
			}
			.twoCol #content dl dd div.entry a {
				color: #fff;
				border-bottom:1px solid #fff;
			}



/* three col */

.threeCol {
	
}
	.threeCol a:hover {
		color: #fef1bb;
	}
	.threeCol h2 {
		background: transparent url(images/threeColDivider.gif) no-repeat bottom left;
	}
	
	.threeCol #colOne ul li, .threeCol #colTwo ul li, .threeCol #colThree ul li {
		margin-bottom: 1em;
		line-height: 1.4em;
	}
		.threeCol #colOne ul li a, .threeCol #colTwo ul li a {
			padding-left: 12px;
			background: transparent url(images/bullet.gif) no-repeat center left;
		}
		.threeCol #colOne ul li a:hover, .threeCol #colTwo ul li a:hover, .threeCol #colThree ul li a:hover {
			color: #fef1bb;
		}
	.threeCol #colOne ul li ul li, .threeCol #colTwo ul li ul li {
		margin-bottom: 0;
	}
		.threeCol #colOne ul li ul li a, .threeCol #colTwo ul li ul li a {
			padding-left: 16px;
			color: #e8e8e8;
			background: none;
		}
		.threeCol #colOne ul li ul li a:hover, .threeCol #colTwo ul li ul li a:hover, .threeCol #colThree ul li ul li a:hover {
			color: #fef1bb;
		}
	
	.threeCol #colOne {
		margin-left: 34px;
		float: left;
		display: inline;
		width: 192px;
	}
	.threeCol #colTwo {
		margin-left: 38px;
		float: left;
		display: inline;
		width: 192px;
	}
	.threeCol #colThree {
		margin-left: 38px;
		float: left;
		display: inline;
		width: 280px;
		color: #888888;
	}
		.threeCol #colThree ul li {
			line-height: 1.2em;
		}
			.threeCol #colThree ul li a {
				padding-left: 14px;
				color: #fff;
				background: transparent url(images/pageIcon.gif) no-repeat center left;
			}
	.threeCol #footer {
		clear: both;
	}



/* ----- CLASSES ----- */

.hide{
}
.show{
}

/* ----- HEADINGS ----- */

h1{
	margin: 0;
	padding: 0;
}
h2{
	margin: 0;
	padding: 0;
	padding-bottom: 36px;
	margin-top: 34px;
	padding-left:32px;
	clear: both;	
	font-weight: normal;
	color: #dde3db;
}
h3{
	margin-top: 0;
	color: #fff;
	font-size: 1.2em;
	padding-bottom: 0.4em;
	font-weight: normal;
	background: transparent url(images/dottedLine.gif) repeat-x bottom left;
}
	h3 span {		
		padding-left: 12px;
		background: transparent url(images/plus.gif) no-repeat 0% 50%;
	}
h4{
	margin: 0.4em 0 0.6em 0;
	padding-bottom: 0.2em;
	font-size: 1.2em;
	color: #000;
	font-weight: normal;
	border-bottom: 1px solid #98a49f;
}
	h4.warning {
		margin-top: 0;
		font-size: 1.4em;
		color: #ffe1a7;
		border: none;
	}

/* ----- PARAGRAPHS ----- */

p{
	margin-bottom: 2em;
	line-height: 2.2em;
}
#primaryContent p{
}
#secondaryContent p{
}

/* ----- QUOTES ----- */

blockquote{
}
blockquote p{
}
cite{
}
blockquote cite{
}

/* ----- CODE ----- */

pre{
}
code{
}
p code{
}
pre code{
}

/* ----- LISTS ----- */

li{
}
li p{
}
ol{
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
ol li{
}
ul li{
}

#navigation li{
}

#navigation ul{
}

#navigation ul li{
}

#navigation ol{
}

#navigation ol li{
}

/* ----- IMAGES ----- */

img{
	border: 1px solid #fff;
}
img a{
}
img a:hover{
}

/* ----- BREAK ----- */

hr{
}

/* ----- TEXT FORMATTING ----- */

strong{
}
em{
}
b{
	background: #d7dcda;
}
i{
}

/* ----- LINKS ----- */

a{
	color: #fcb115;
	text-decoration: none;
	outline:none
}
a:hover{
}
a:visited, a:active, a:focus{
}
a:visited{
}
a:active{
}
a:focus{
}

p a{
}
cite a{
}
li a{
}
dt a{
}
dd a{
}

/* ----- TABLES ----- */

table{
}
caption{
}
thead{
}
tbody{
}
tfoot{
}
tr{
}
tr .alt{
}
th{
}
td{
}

/* ----- FORMS ----- */

form{
}
fieldset{
}
legend{
}
label{
	display: block;
	line-height: 1.6em;
	color: #5c615f;
}
input{
	border: none;
}
input.btn {
	padding-left: 9px;
	font-size: 1em;
	color: #000;
	background: none;
	border: none;
	background: transparent url(images/submitArrow.gif) no-repeat center left;
}
input.txt, textarea{
	width: 250px;
	padding: 3px;
	font-size: 1em;
	font-family: "Lucida Grande", arial, helvetica, verdana, sans-serif;
	background: #fff;
	border: 1px solid #909593;
}
textarea{
	width: 300px;
	height: 100px;
}
select{
}
optgroup{
}
option{
}

/* ----- DEFINITIONS ----- */

dl{
	margin: 0;
	padding: 0;
}
dl.latest {
	margin-bottom: 2.6em;
}
dt{
	margin: 0;
	font-size: 1.4em;
	color: #232323;
	background: transparent url(images/dropShadowTop.gif) no-repeat top left;
}
dd{
	margin: 0;
	padding: 0;
	color: #262727;
}


/* gravatar */

.gravatar {
        border: 1px solid #fff;
}

.postgrav {
        padding: 3px;
        margin-right: 5px;
        margin-left: 5px;
        border: 1px solid #000;
        background: #fff;
}

.user {
	padding-left: 20px;
	background: url(./images/authors/icons/author_tony.gif) top left no-repeat;
}

hr {
	visibility: hidden;
}


.col {
	float: left;
	display: inline;
	width: 175px;
	margin: 1%;
}

.col#tpbc {
	width: 330px;
	margin: 1% 0 0 1%;
}


#searchform input {
	float: right;
	display: inline;
	line-height: 0.9em;
	font-size: 11px;
}

#searchform input.btn {
	line-height: 0.8em;
	clear: both;
	float: right;
	text-align: right;
	display: inline;
	text-transform: uppercase;
	font-size: 9px;
	padding: 3px 0;
	margin: 0;
}


/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}


.sIFR-replaced {
	visibility: visible !important;
}


.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* 
  Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it.
  Conveniently, the object tab is always in a div, so we hide all divs directly inside the replaced element.
*/

.sIFR-replaced > div {
  display: none !important;
}


.sIFR-active h2.pagetitle {
	visibility: hidden;
	height: 12px;
}