/* RESET *//* ----------------------------------------- *//* Global reset *//* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */html {
}
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin:0;
	padding:0
}
table {
	border-collapse:collapse;
	border-spacing:0
}
fieldset, img {
	border:0
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal
}
ol, ul, li {
	list-style:none
}
caption, th {
	text-align:left
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:''
}

/* Global reset-RESET *//* The below restores some sensible defaults */
strong {
	font-weight: bold
}
em {
	font-style: italic
}
a img {
	border:none
} 
hr {
	float: left;
	width: 100%;
	margin: 0;
	padding: 0px;
	border-top: 2px solid #d36402;
	border-left: 1px solid #d36402;
	border-bottom: 1px solid #f9ca8a;
	}
/* Gets rid of IE's blue borders */
BODY {
	/* font-family: Arial, Verdana, "Segoe UI", "Lucida Sans Unicode" ; */
     	/* font: 14px Verdana, Arial, 'Helvetica', sans-serif; */
        font-family: Verdana, Arial, 'Helvetica', sans-serif;
	font-size: 13px; 
	background: #FFF;
}
a {
	color: #000;
	outline: none;
	text-decoration: none;
}
p {
	line-height: 18px;
}

/*headings*/
h1 {
	font-size: 28px;
	margin-bottom: 10px;
	padding-bottom: 4px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}
h5 {
	font-size: 28px;
}
h6 {
	font-size: 22px;
	}

h3.archive-title {
	font-size: 15px;
	padding-top: 20px;
	font-weight: bold;
	color: #777;
}
/*header*/
#header{
	height: 148px;
	}
	#logo{
		background: #1b1c1b;
		}
		#logo .wrapper{
			height: 148px;
			width: 940px;
			margin: 0 auto;
			}
		#logo a#capsunlock{
			display:block;
			height: 148px;
			width: 940px;
			background: url(images/logo.jpg) center no-repeat;
			}
	#banner{
		background: #0c0c0c url(images/banner-bg.jpg) top center no-repeat;;
		}
		#banner .wrapper{
			height: 220px;
			margin: 0 auto;
			}

/*header*/

#nav{
	height: 50px;
	border-bottom: 4px solid #717571;
	background: #343c34 url(images/nav-bg.jpg) repeat-x;
	}
	#nav .wrapper{
		width: 940px;
		height: 100%;
		margin: 0 auto;
	}
	#nav #search{
		width: 240px;
		height: 100%;
		float: right;
		background: url(images/search-bg.jpg) center no-repeat;
		}
		#search input{
			width: 170px;
			margin: 17px 0 0 26px;
			background: none;
			color: #8b988b;
			border: none;
			}
	#nav #menu{
		width: 700px;
		height: 100%;
		/* font-size: 12px; */
                font-size: 14px;
		float: left;
		}
		#nav #menu ul{
			padding-left: 0px;
			color: #ddd;
			}
		#nav #menu ul li{
			float: left;
			}
		#nav #menu ul a{
			display: block;
			float: left;
			height: 34px;
			font-weight: bold;
			color: #aaa;
			padding: 16px 30px 0;
			}
			#nav #menu ul a:hover{
				color: #fff;
				}
			#nav #menu ul a#current{
				color: #fff;
				}

#body{
	background: none;
	padding-bottom: 20px;
	}
	#body .wrapper{
		width: 940px;
		margin: 0 auto;
		overflow: auto;
		}
		#sidebar{
			width: 240px;
			float: right;
			margin-top: 0px;
			}
			#custombox{
				background: #f08316 url(images/custombox-bg.jpg) top left repeat-x;
				padding: 20px;
				}
			#custombox .imgholder{
				text-align: center;
				}
			#custombox .linebreak{
				clear: both;
				height: 22px;
				background: url(images/custombox-linebreak.jpg) repeat-x center;

			}
			#custombox img{
				margin: 0 auto;
				padding: 4px;
				}
				#custombox #quick-contact{
					font-size: 11px;
					text-align: left;
					}
				#widgetbar{
				}
				#widgetbar h5{
					height: 36px;
					padding: 14px 0 0 20px;
					background: url(images/sidebar-heading-bg.jpg);
					color: #CCC;
					font-size: 16px;
					font-weight: bold;
					}
				#widgetbar ul{
					margin: 12px 0;
					}
				#widgetbar ul ul{
					padding-left: 14px;
					margin: 0;
					}
				#widgetbar ul li{
					padding: 5px 10px 5px 34px;
					background: url(images/sidebar-bullet-orange.jpg) no-repeat 16px 10px;
					_display: inline-block;
					_clear: left;
					}
				#widgetbar ul a{
					padding: 0;
					color: #777;
					}
					#widgetbar li a:hover{
						color:#111;
					}
		#content{
			width: 650px;
			float: left;
			}
			.post{
				padding-top: 50px;
				padding-bottom: 30px;}
			.post-heading{
				float: left;
				}
				.post h1{
					width: 530px;
					float: left;
					/* font-size: 28px; */
                                        font-size: 20px;
					border-right: 3px solid #969797;
					font-weight: bold;
					color: #222;
					}
				.post h2{
					width: 530px;
					float: left;
					/* font-size: 28px; */
					font-size: 20px; 
					border-right: 3px solid #969797;
					font-weight: bold;
					color: #222;
					}
				.post h2 a{
					color: #555;
				}
				.post h2 a:hover{
					color: #111;
				}
				.post h1 a{
					color: #222;
				}
				.post h1.page-title {
					border: none;
				}
				
				.post p {
					padding: 10px 0px;
				}
				.post h3{
					width: 530px;
					font-size: 18px;
					font-weight: bold;
					}
					
				.post ul li{
					display: block;
					color: #777;
					padding: 5px 10px 5px 24px;
					background: url(images/sidebar-bullet-orange.jpg) no-repeat 10px center;
					line-height: 18px;
					height: 18px;
					}
				
				.post-date{
					width: 110px;
					float: right;
					color:#999;
					font-weight: bold;
					text-align: center;
					}
				.post-month{
					color: #222;
					}
			.post-body{
				line-height: 1.6em;
				clear: left;
				padding: 16px 0;
				}
				.post-body a{
					font-weight: bold;
					color: #519DBD;
					}
			.post-tail{
				border-top: 2px solid #b1bbb1;
				text-align: right;
				padding-top: 6px;
				}
				.post-tail a{
					padding: 0 8px;
					}
					.post-readmore{
						color: #f08316;
						font-weight: bold;
						}
					.post-comments-link{
						font-weight: bold;
						}
#footer{
	background: #292e29 url(images/footer-whitetop.gif) top repeat-x;
	color: #d8d8d8;
	padding-bottom: 30px;
	overflow: auto;
	}
	#footer .wrapper{
		width: 940px;
		margin: 0 auto;
		}
	#aboutme{
		float: left;
		width: 540px;
		padding: 20px 20px 40px 20px;
		background: #343c34 url(images/aboutme-rounder.jpg) bottom right no-repeat;
		}
		#aboutme h5{
			color: #fff;
			padding: 10px 0 10px;
			}
		#aboutme hr{
			border-top: 2px solid #555;
			border-left: 1px solid #555;
			border-bottom: 1px solid #aaa;
			}
		#aboutme-info{
			line-height: 1.6em;
			float: left;
			width: 330px;
			}
		#aboutme-photo{
			margin-top: 10px;
			float: right;
			}
		a#viewcomplete{
			display: block;
			height: 34px;
			width: 146px;
			background: url(images/aboutme-but-viewprofile.png) 0 0 no-repeat;
			float: left;
			margin: 20px 0 0 0;
			}
			a#viewcomplete:hover{
				background-position: 0 -34px;
				}

	#extraspace{
		float: right;
		width: 320px;
		height: 240px;
		margin-top: 40px;
		}
		#extraspace h6{
			font-size: 18px;
			color: #fff;
			padding-bottom: 10px;
			}
		#extraspace ul{
			border-bottom: 1px solid #4c514c;
			}
		#extraspace ul li{
			border-top: 1px solid #4c514c;
			}
		#extraspace ul a{
			padding: 10px 10px 10px 30px;
			display: block;
			color: #8ea28e;
			background: url(images/sidebar-bullet-orange.jpg) no-repeat 12px 14px;
			}
			#extraspace li a:hover{
				color: #FFF;
				background-color: #191d19;
				background-position: 16px 14px;
			}
	#logospace{
		clear: left;
		}
	#logospace .linebreak{
		width: 100%;
		clear: both;
		height: 2px;
		background: url(images/footer-linebreak.jpg) repeat-x center;
		padding: 20px 0;
		}
	#logospace a{
		display: block;
		}
	#logospace a#capsunlock{
		width: 326px;
		height: 52px;
		float: left;
		background: url(images/footer-logo-cu.jpg) center no-repeat;
		}
	#logospace a#webiscuits, #logospace a#webiscuits:visited{
		width: 52px;
		height: 52px;
		float: right;
		background: url(images/footer-logo-webiscuits.png) 0 -52px no-repeat;
		}
		#logospace a#webiscuits:hover{
			background-position: 0 0;
			}


.comments{
	margin: 26px 0 20px 0;
	padding: 10px 0;
	border-top: 2px solid #222;
	border-bottom: 2px solid #222;
	}
	.comments h5{
		/*font-size: 22px; */
                font-size: 18px;
		padding-bottom: 10px;
		}
	.comments p{
		padding-bottom: 8px;
		}
	.comment-block{
		padding: 10px 0;	
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
		clear: left;
		}
	.comment-id {
		padding: 8px;
		overflow: auto;}
		.comment-id .user-date{
			font-size: 13px;
			width: 100%;	
			}
		.user{
			font-weight: bold;
			}
		.comment-id .user-date .user a{
			font-weight: bold;
			color: #519DBD;
			}
		.comment-id .user-date .user a:hover{
			color: #267394;
			}
		.comment-id .user-date .date{
			font-size: 11px;
			color: #bbb;
			}

		.comment-body{
			line-height: 1.6em;
			padding: 10px 10px 0 10px;
			}

			.gravatar{
				height: 40px;
				width: 40px;
				background: #ddd;
				border: 1px solid #aaa;
				margin: -1px;
				float: left;
				}
			.comment-says{
				margin: 0 0 14px 48px;
				padding-left: 18px;
				background: url(images/comment-bubble.jpg) top left no-repeat;
				}
			.comment-says a{
				color: #519DBD;
				font-weight: bold;
				}
			.comment-says a:hover{
				color: #267394;
				}

	.comment-form{
		width: 610px;
		background: #dadfda;
		margin: 10px 0;
		padding: 10px 20px 20px 20px;
		overflow: auto;
		}
		.comment-form .input-userinfo{
			width: 230px;
			overflow: visible;
			float: left;
			}
		.comment-form .input-userinfo li{
			padding: 4px 0px;
			}
		.comment-form .input-userinfo li span{
			font-weight: bold;
			}
		.comment-form .input-userinfo input{
			width: 222px;
			padding: 4px;
			border: 0px solid #aaa;
			}
		.comment-form textarea{
			float: right;
			width: 352px;
			height: 140px;
			padding: 4px;
			margin-top: 8px;
			border: 0px solid #aaa;
			overflow: auto;
			}
		.comment-form .submit-button{
			text-align: center;
			padding: 20px 0 0 240px;
			clear: left;
			}
			.comment-form .submit-button input{
				padding: 4px 20px;
				background: #c8c8c8;
			}
			
	.comment-form .linebreak{
		clear: both;
		height: 14px;
		background: url(images/comments-linebreak.jpg) repeat-x center;
		}
#searchform{
	padding: 10px 14px;
	}
	#searchform #s{
		background: #f2f2f2;
		width: 120px;
		border: 1px solid #aaa;
		padding: 2px 5px;
		}
	#searchform #searchsubmit{
		outline: none;
		border: 1px solid #aaa;
		background: #d8d8d8 url(images/searchsubmit-bg.jpg) repeat-x top;
		height: 22px;
		padding: 0px 5px;
		}