/* CSS Document */

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	color: #666666;
}

body {
	background: url(images/bg-header.png) top center no-repeat #B0BBC8;
	margin: 0 auto;
}

/* Typography */
h1 {font: bold 28px Georgia, "Times New Roman", Times, serif;}
h2 {font: bold 24px Georgia, "Times New Roman", Times, serif;}
h3 {font: bold 20px Georgia, "Times New Roman", Times, serif;}
h4 {font: bold 18px Georgia, "Times New Roman", Times, serif;}
h5 {font: bold 16px Georgia, "Times New Roman", Times, serif;}
p {font: 16px Arial, Helvetica, sans-serif; line-height: 1.3em; margin: 20px 0 0 0;}

.entry-title a {font: italic bold 28px Georgia, "Times New Roman", Times, serif; text-decoration: none;}

blockquote p {margin: 20px 30px; padding: 20px 20px 20px 80px; font: italic 16px Georgia, "Times New Roman", Times, serif; background: url(images/bg-blockquote.png) 20px 20px no-repeat rgba(255,255,255,0.40); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; line-height: 1.3em; position: relative;}

/* Hyperlinks */
a {color: #0066CC;}
a:hover, a:focus {color: #379BFF; text-decoration: underline;}
a:active {color: #00CCFF; text-decoration: line-through;}
a:visited {color: #003366;}
a:visited:hover, a:visited:focus {color: #379BFF; text-decoration: underline;}

/* Images */
img a {border: none;}
img .alignright {float: right; margin: 10px 0 10px 10px; padding: 4px; border: 1px solid #666666;}
img .alignleft {float: left; margin: 10px 10px 10px 0; padding: 4px; border: 1px solid #666666;}

/* Classes */
.clear {clear: both;}
.alignright {float: right; margin: 10px 0 10px 10px; -margin: 10px 0 10px 5px; padding: 4px;}
.alignleft {float: left; margin: 10px 10px 10px 0; -margin: 10px 0 10px 5px; padding: 4px;}
#nav-above {}
#nav-below {}
.nav-previous {float: left; margin: 20px;}
.nav-next {float: right; margin: 20px;}
	.nav-previous a, .nav-next a {text-decoration: none; text-shadow: none; font: 14px Arial, Helvetica, sans-serif; padding: 4px 6px; border: 1px solid #FFFFFF; -moz-border-radius: 6px; -webkit--border-radius: 6px; border-radius: 6px; background: #eeeeee;}
	.nav-previous a:hover, .nav-next a:hover {text-decoration: none; background: #FFFFFF;}


/* Structure */
#top {background: url(images/bg-nav.png) bottom left repeat-x #073A6B;}
#topWrap {width: 960px; margin: 0 auto;}
	#nav {width: 500px; float: left;}
		#nav li {float: left; display: block; height: 40px; padding: 20px 0 0 0;}
			#nav li a, #nav li a:visited {font: 16px Arial, Helvetica, sans-serif; color: #EEEEEE; text-decoration: none; background: url(images/bg-nav-li.png) center right no-repeat; padding: 20px; margin: 0;}
			#nav li a:hover, #nav li a:focus {color: #FFFFFF; background: rgba(255,255,255,0.2); -background: #006699;}
	#search {float: right; width: 358px; display: table; margin: 14px 0 0 0;}
		.srch {background: #eeeeee; border: 1px solid #FFFFFF; width: 240px; height: 20px; font: 14px Arial, Helvetica, sans-serif; color: #379BFF; padding: 4px; display: table-cell; vertical-align: middle; float: left;}
		.btn {height: 30px; width: 100px; background: #eeeeee; border: 1px solid #ffffff; color: #666666; text-shadow: 1px 1px 0 #ffffff; margin: 0 0 0 8px; padding: 0 0 0 8px; display: table-cell; vertical-align: middle; font: 16px Arial, Helvetica, sans-serif; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; float: right;}
		.btn:hover, .btn:focus {background: #FFFFFF;} 
		.btn:active {-moz-box-shadow: 0 0 8px #ffffff;}
		
#header {width:960px; height: 112px; margin: 0 auto; /*background: rgba(255,255,255,0.5);*/}
	.logo {float: left; margin: 20px 0 0 55px;}
	.headerRight {float: right; width: 402px; margin: 0;}
		.social {}
		.social li {list-style: none; display: block; float: right; margin: 0 0 0 8px;}
			.twitter {height: 50px; width: 58px;}
				.twitter a, .twitter a:visited {display: block; height: 50px; width: 58px; background: url(images/sprite-twitter.png) top center no-repeat;}
				.twitter a:hover, .twitter a:focus {background: url(images/sprite-twitter.png) bottom center no-repeat;}
				.twitter span {display: none;}
			.facebook {height: 50px; width: 58px;}
				.facebook a, .facebook a:visited {display: block; height: 50px; width: 58px; background: url(images/sprite-facebook.png) top center no-repeat;}
				.facebook a:hover, .facebook a:focus {background: url(images/sprite-facebook.png) bottom center no-repeat;}
				.facebook span {display: none;}
		.slogan {text-align: center; margin: 20px 0 0 0;}

#page {width: 960px; margin: 0 auto; clear: both; text-shadow: 1px 1px 0 #FFFFFF;}
#container {float: left; width: 640px; background: #CCCCCC; margin: 0 0 20px 0;}
	#container table {border-collapse: collapse; font: 16px Arial, Helvetica, sans-serif; margin: 20px 0 0 0;}
	#container td {vertical-align: top; padding: 8px; margin: 8px;}
		.title {width: 100px;}
                .select {background: #f7f7f7; border: 1px solid #FFFFFF; padding: 8px; font: italic 16px Georgia, "Times New Roman", Times, serif; color: #999999; text-shadow: 1px 1px 0 #FFFFFF;}
                .select:active, .select:hover, .select:focus, .select-field:active, .select-field:hover, .select-field:focus {-moz-box-shadow: 0 0 15px #B0BBC8; border: 1px solid #B0BBC8;}
		.contact {background: #f7f7f7; border: 1px solid #FFFFFF; height: 20px; padding: 8px; font: italic 16px Georgia, "Times New Roman", Times, serif; color: #999999; text-shadow: 1px 1px 0 #FFFFFF;}
		.contact:active, .contact:hover, .contact:focus, .contact-field:active, .contact-field:hover, .contact-field:focus {-moz-box-shadow: 0 0 15px #B0BBC8; border: 1px solid #B0BBC8;}
		.contact-field {background: #f7f7f7; border: 1px solid #FFFFFF; padding: 8px; font: italic 16px Georgia, "Times New Roman", Times, serif; color: #999999; text-shadow: 1px 1px 0 #FFFFFF; width: 400px;}
	#content {position: relative;}
		.post {margin: 20px; padding: 20px; -padding: 20px 10px; background: #EEEEEE; border: 1px solid #FFFFFF; clear: both;}
		.entry-meta {font: italic 12px Georgia, "Times New Roman", Times, serif; text-align: right; padding: 4px 0; border-top: 1px solid #FFFFFF;}
		.hentry {margin: 20px; padding: 20px; -padding: 20px 10px; background: #EEEEEE; border: 1px solid #FFFFFF;}
		.hentry h1 {font: italic bold 28px Georgia, "Times New Roman", Times, serif;}
		.hentry h2 {margin: 20px 0 0 0; padding: 0 0 4px 0; border-bottom: 1px solid #ffffff;}
		/*** Post Entry Style ***/
		.entry-utility {margin: 20px 0 0 0; border-top: 1px solid #FFFFFF; padding: 12px 0 0 50px; font: italic 12px Georgia, "Times New Roman", Times, serif; background:url(images/bg-entry-utility.png) bottom left no-repeat;}
		.hentry ul, .entry-content ul {margin: 10px 20px 20px 20px;}
		.hentry li, .entry-content li {font: italic 16px Arial, Helvetica, sans-serif; margin: 0 0 8px 0; line-height: 1.3em;}
		.content-search {margin: 20px 0 0 0; padding: 10px; background: #cccccc; width: 360px;}
		.searchpages {/*float: left; margin: 20px 0 0 0;*/}
		.searchposts {/*float: right; margin: 20px 0 0 0;*/}

/****************** Six Revisions Slideshow ********************/
#slideshow #slidesContainer {margin:0 auto; width:960px; height:440px; overflow:auto; /* allow scrollbar */  position:relative;  background: #CCCCCC;}

#slideshow #slidesContainer .slide {margin:0 auto;  width:960px; /* reduce by 20 pixels to avoid horizontal scroll */  height:440px;}

/*** Slideshow controls style rules. */
.control {display:block; width:32px; height:80px; text-indent:-10000px; position:absolute; cursor: pointer; z-index: 100;}
#leftControl {position: absolute; top: 178px; left: -24px; padding: 4px; background: url(images/pageleft.png) center center no-repeat #EEEEEE; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 2px 2px 4px #666666; -webkit-box-shadow: 2px 2px 4px #666666; box-shadow: 2px 2px 4px #666666;}
	#leftControl:hover, #leftControl:focus {background: url(images/pageleft.png) center center no-repeat #FFFFFF;}
#rightControl {position: absolute; top: 178px; right: -24px; padding: 4px; background: url(images/pageright.png) center center no-repeat #EEEEEE; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 2px 2px 4px #666666; -webkit-box-shadow: 2px 2px 4px #666666; box-shadow: 2px 2px 4px #666666;}
	#rightControl:hover, #rightControl:focus {background: url(images/pageright.png) center center no-repeat #FFFFFF;}
	
	.inner {margin: 20px; background: url(images/bg-featured.png) top left no-repeat #EEEEEE;}
		.fp-left {float: left; padding: 20px; -padding: 20px 10px; width: 428px;}
			.fp-left img {margin: 26px 0 0 0; -margin: 13px 0 0 0;}
		.fp-right {float: right; padding: 20px; -padding: 20px 10px 20px 0; width: 412px;}

		
/* Social Info */
	
	.info {background: #CCCCCC; margin: 20px 0; clear: left;}
		.fudge {float: left; background: #EEEEEE; border: 1px solid #FFFFFF; width: 408px; padding: 20px; -padding: 20px 10px; margin: 20px 0 20px 20px; -margin: 20px 0 20px 10px;}
		.feed {float: right; width: 428px; min-height: 160px; padding: 0 20px 20px 0; margin: 20px 20px 20px 0; background: url(images/bg-feed.png) bottom right no-repeat;}
			.feed ul {list-style: none; padding: 0 94px 0 0;}
			.feed ul li {padding: 20px; background: rgba(255,255,255,0.5); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #FFFFFF; -moz-box-shadow: 3px 3px 10px #888888; -webkit-box-shadow: 3px 3px 10px #888888; box-shadow: 3px 3px 10px #888888;}
			.feed ul li a {font: italic 12px Georgia, "Times New Roman", Times, serif; color: #666666;}
			.feed ul li a:hover, .feed ul li a:focus {color: #0099FF;}
			.feed ul li span {font: italic 16px Georgia, "Times New Roman", Times, serif; color: #0099FF; line-height: 1.3em;}
		.voice {float: right; /*background: #eeeeee; border: 1px solid #FFFFFF;*/ width: 408px; padding: 20px; -padding: 20px 10px; margin: 20px 20px 20px 0; -margin: 20px 10px 20px 0; text-align: center;}
		.recentposts {float: left; background: #eeeeee; border: 1px solid #ffffff; width: 408px; padding: 20px; -padding: 20px 10px; margin: 20px 0 20px 20px; -margin: 20px 0 20px 10px;}
			.recentposts ul {margin: 20px 0 0 0;}
			.recentposts li {list-style: none; margin: 0 0 10px 0;}
			.recentposts h3 {font: bold 14px Georgia, "Times New Roman", Times, serif; margin: 0 0 4px 0; padding:0;}
			.recentposts p {font: 12px Arial, Helvetica, sans-serif; margin: 0; padding:0;}

/* Portfolio */
.portfolio {}
.portfolio li {list-style: none; display: block; margin: 20px; background: #EEEEEE; border: 1px solid #FFFFFF; padding: 20px; position: relative;}
.portfolio li:hover {background: #FFFFFF;}
	.portfolio a, .portfolio a:visited {text-decoration: none;}
	.portfolio a:hover, .portfolio a:focus {background: #FFFFFF;}
	.portfolio h1 {padding: 8px; background: #eeeeee; -moz-border-radius: 10px; position: absolute; bottom: 0; left: 0;}
	.portfolio h1:hover {background: #FFFFFF; -moz-box-shadow: 2px -2px 9px #ffffff;}
	

/* Sidebars */
#primary {float: right; width: 280px; background: #EEEEEE; border: 1px solid #FFFFFF; margin: 20px 20px 20px 0; padding: 20px 0 0 0;}
	.xoxo ul {margin: 10px 20px;}
	.xoxo li {list-style: none;}
	.widget-title {margin: 0 20px;}
	.gen-sidebar {text-align: center; margin: 0 0 20px 0;}

/* Footer */
#footer {width: 990px; margin: 0 auto; background: url(images/bg-footer.png) bottom center no-repeat; clear: both;}
	#footer p {margin: 0; color: #333333; font-size: 14px;}
	.footwrap {width: 960px; margin: 0 auto; background: #CCCCCC;}
	.copy {float: left; margin: 0; padding: 8px 10px;}
	.footnav {float: right; margin: 0; padding: 8px 10px;}
		.footnav li {list-style: none; display: inline;}
		.footnav li a, .footnav li a:visited {color: #333333; font: 14px Arial, Helvetica, sans-serif; margin: 0 0 0 20px; text-decoration: none;}
		.footnav li a:hover, .footnav li a:focus {color: #379BFF;}
	.footspace {height: 14px; clear:both;}
	
/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both; margin: 20px;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta {
	font-size: 12px;
	margin: 0 0 18px 0;
}
.comment-meta a:link,
.comment-meta a:visited {
	color: #888;
	text-decoration: none;
}
.comment-meta a:active,
.comment-meta a:hover {
	color: #ff4b33;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/* Comments form */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #e7e7e7;
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 9px;
	width: 98%;
}
#respond textarea {
	width: 98%;
}
#respond .form-allowed-tags {
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}
#respond .form-submit {
	margin: 12px 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}