/*  
Theme Name:Bwd1
Theme URI:http://www.bogeywebdesign.com/
Description:A clean, compliant two column design with web 2.0 inspiration.
Author:Bogey Web Design
Author URI:http://www.bogeywebdesign.com/
Tags:fixed width, clean, valid XHTML, 2 column, widget ready, gravatar, right sidebar.
Version:1.0
*/

body{
	font:62.5%/1.2em Verdana, Helvetica, Arial, sans-serif;
	padding:1em;
	background:url(images/hdrBckgrd.gif) repeat-x;
}

*{
	margin:0;
	padding:0;
}

a{
	text-decoration:none;
	color:#6c6;
}

a:hover{
	text-decoration:underline;
	color:#39c;
}

a img{
	border:0;
}

p, dt, dd{
	font:1.4em/1.4em Verdana, Helvetica, Arial, sans-serif;
	text-indent:1.5em;
	margin:0 0 1em;
}

fieldset{
	border:0;
}

	fieldset input, fieldset textarea{
		border:1px solid #ccc;
		margin:0 0 1em;
	}

	fieldset input.submit{
		background:#eee;
		padding:.5em;
		text-align:center;
	}

	fieldset input.submit:hover{
		background:#ccc;
	}
	
	fieldset legend{
		font-size:1.2em;
		font-weight:bold;
	}

label{
	font-weight:bold;
	margin:0 0 .5em;
}

.clear{
	clear:both;
}

#content{
	float:left;
	width:79%;
}

	#content h1{
		color:#555;
		font-size:2em;
		padding-bottom:1em;
	}

	#content h2{
		color:#006;
		border-bottom:1px solid #ccc;
		float:left;
		clear:left;
		padding-bottom:.3em;
		font-size:1.5em;
		font-variant:small-caps;
	}
	
	#content h2.archive{
		font-size:1.75em;
		margin-bottom:1em;
	}
	
	#content h2 a{
		color:#006;
	}
	
	#content h3{
		color:#006;
		float:left;
		clear:left;
		font-size:1.2em;
		padding:0 0 1em 1.5em;
	}
	
	#content hr{
		clear:left;
		margin:0 2em;
	}
	
	#content .post{
		margin-bottom:1.5em;
	}
	
	#content p{
		color:#666;
		clear:left;
		padding:0 2em 0 0;
		line-height:2em;
	}
	
		#content p.date{
			text-indent:0;
			font-weight:bold;
			font-size:1em;
		}
	
		#content p a:visited{
			color:#39c;
		}
		
		#content p.meta{
			margin:1em 0 -1em;
		}
		
		#content p.feedback{
			padding-bottom:1em;
		}
		
		#content li p{
			float:none;
			font:1.1em/1.3em Verdana, Helvetica, Arial, sans-serif;
		}
		
	#content ul, #content ol, #content dl{
		float:left;
		clear:left;
		margin:0 3em 1em;
	}
	
		#content ul li, #content ol li, #content dd, #content dt{
			color:#666;
			font:1.3em/2em Verdana, Helvetica, Arial, sans-serif;
			margin:0 0 1em;
		}
		
	#content ul.postInfo{
		list-style:none;
		margin:1em 0 1em .5em;
	}
	
		#content ul.postInfo li{
			background:url(images/bullet.gif) .7em center no-repeat;
			margin-bottom:.5em;
			padding-left:1.25em;
			font-size:1.2em;
		}
	
			#content ul.postInfo li span{
				font-weight:bold;
			}
		
	#content textarea{
		width:50em;
		height:10em;
	}
	
	#content span.delicious-network-username,
	#content span.delicious-network-add{
		float:left;
		clear:both;
	}
		
	#content.mashup div.deliciousLinks{
		margin:0 0 1em;
		width:49%;
		float:left;
	}
	
		#content.mashup ul li{
			float:left;
			clear:left;
		}
		
	#content .video{
		clear:left;
		text-align:center;
	}
	
	#content #page404 ul li{
		float:left;
		list-style-type:none;
		margin:0 1em 1em 0;
	}
	
	#content #comments, #content #trackBacks{
		clear:both;
	}
	
		#content #comments h4, #content #trackBacks h4{
			font-size:1.2em;
			margin:0 3em 1em 0;
			padding-bottom:.5em;
			border-bottom:0.1em solid #ccc;
			color:#69c;
		}
	
		#content #comments p, #content #trackBacks p, #content fieldset p{
			text-indent:0;
		}
		
		#content #comments p.commentAuthor{
			font-size:1em;
			margin-bottom:0;
		}
		
		#content #comments p.messageTime, #content #trackBacks p.commentAuthor{
			font-size:1em;
		}
	
		#content #comments li, #content #trackBacks li{
			margin-bottom:0;
			padding:1em;
		}
	
		#content #comments .avatar{
			float:right;
			padding:.5em;
			margin-left:1em;
			border:1px solid #ccc;
		}
		
	#content label, #content textarea{
		display:block;
	}
	
	#content p.backToTop{
		font-size:1.2em;
		text-indent:0;
	}

#right{
	float:left;
	width:20%;
}

	#right h3{
		color:#69c;
		font-size:1.5em;
		border-bottom:.1em solid #ccc;
		padding-bottom:.5em;
		margin:.2em 0;
	}
	
		#right h3 a{
			color:#69c;
			margin-right:10px;
		}

	#right h4{
		color:#69c;
		font-size:1.25em;
		padding:0 0 .5em 1em;
		margin:.2em 0;
	}
		
	#right #search{
		margin-bottom:2em;
	}
	
		#right #search div{
			margin-top:.5em;
		}
		
			#right #search input{
				padding:.2em 0;
			}
			
			#right #search input.submit{
				padding:.1em .5em;
			}
			
	#right p#tagCloud{
		text-indent:0;
	}
	
		#right p#tagCloud a{
			line-height:1.1em;
		}
	
	#right ul{
		list-style-type:none;
		margin-bottom:2em;
	}
	
		#right ul li{
			line-height:1.5em;
		}
	
			#right ul li a{
				background:url(images/bullet.gif) .7em center no-repeat;
				color:#9c9;
				padding:.3em 0 .3em 2em;
				display:block;
				font-size:1.4em;
			}
			
			#right ul li a:hover{
				background:#333 url(images/bullet2.gif) .2em center no-repeat;
				color:#6f6;
				text-decoration:none;
			}

#wrapper{
	position:absolute;
	width:1000px;
	top:170px;
	left:50%;
	margin-left:-500px;
	padding-bottom:6em;
}

#header{
	position:absolute;
	width:100em;
	top:0;
	left:50%;
	margin-left:-50em;
}

	#header h1{
		background:url(images/titleGraphic.gif) top left no-repeat;
		padding:3.5em 0 0 0;
		color:#fff;
		font-size:1.2em;
		text-align:right;
		height:4.75em;
	}
	
	#header ul{
		list-style-type:none;
		width:100%;
		display:block;
		text-align:center;
		line-height:4.75em;
	}
	
		#header li{
			display:inline;
		}
	
		#header ul li a{
			text-decoration:none;
			margin:0 .5em;
			font-variant:small-caps;
			font-size:1.8em;
			font-weight:bold;
		}
		
		#header ul li a:hover, #header ul li a.home{
			color:#39c;
			text-decoration:none;
		}
		
	#header p{
		float:right;
		color:#39c;
	}
		
#footer{
	position:absolute;
	bottom:0;
	text-align:center;
	width:100%;
}

	#footer p#copyright{
		margin-bottom: .5em;
	}

	#footer p#credit{
		font-size:1.2em;
	}

.magnolia-linkroll, #magnolia-tags-cloud, .magnolia-linkroll dl{
	clear:both;
}

.magnolia-linkroll, #magnolia-tags-cloud{
	padding:0 2em 3em 0;
}

	#magnolia-tags-cloud a{
		line-height:1em;
	}

	.magnolia-linkroll dt, .magnolia-linkroll dd{
		text-indent:0;
	}

	.magnolia-linkroll h2, dd.magnolia-mark{
		margin:0 0 1em;
	}