/*
Theme Name: Revolution Blog
Description: 
Version: 2 (WP2.6.2)
Author: FireHost Inc.
Author URI: http://www.firehost.com
Tags: revolution, blog, firehost
*/

/*	dark gray = #4C4C4C 
	red = #AC3028
	almost black = #16171A */


/***********************************
		=Normalization
***********************************/

/* Normalizes Margin, padding */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;font-weight:normal;
}
/* Removes list-style from lists */
ul {
	list-style: none;
}
/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
/* Removes border styles from tables */
table {
	border-spacing: 0;
	border-collapse: collapse;
}
/* Removes border from fieldset and img */
fieldset, img {
	border: 0;
}
/* Left aligns text in caption and th */
caption, th {
	text-align: left;
}
/* Removes quotation marks from q */
q:before, q:after {
	content: '';
}


/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold;color:#333; }
em { font-style: italic }
a img { border:none;border-bottom:0 none; } /* Gets rid of IE's blue borders */



/***********************************
		=Global
***********************************/

.left { 
	float:left;
	}
	
.right { 
	float:right; 
	}

.border {border:1px solid #16171A;}

.light {color:#666;}

/* You might find the following useful */
.clearfix:after {
  	content: ".";
  	display: block;
  	height: 0;
  	clear: both;
  	visibility: hidden;
	}

.clearfix {
  	display: inline-block;
	}

/* Hides from IE-mac \*/
.clearfix {display:block;}
/* End hide from IE-mac */

div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */

h1,
h1 a {
	color:#16171A;
	font-size:30px;
	border-bottom:0 none;
	text-transform:uppercase;
	}
	h1 a:hover {
		border-bottom:0 none;
		color:#AC3028;
		}



/* Normalize Links for Netscape when image replacements are used (text decorates the whole page width up to the IR'd link with an underline) */
a,
p.comment-date a.comment-edit-link {
	text-decoration: none;
	color: #AC3028; 
	outline: none;
	border-bottom:1px dotted #666666; 
	}
	a:hover,
	p.comment-date a.comment-edit-link:hover {
		text-decoration: none;
		color: #333; 
		border-bottom:1px solid #333;
		}


/***********************************
		=Layout
***********************************/
html {
	
	}
	body {
		color:#4C4C4C;
		font:13px/1.5em Arial, 'Helvetica Neue', Helvetica, sans-serif;
		}
		#wrapper {
			width:100%;
			background:url(/images/revBlogBG.png) center top repeat-y;
			}			
			#page-wrap {
				width:960px;
				margin:0 auto;
				}
		#wrapper-footer {
			width:100%;
			background:url(/images/footer.png) center bottom no-repeat;
			
			}
	
/***********************************
		=Header & Nav
***********************************/
#header {
	background:url(/images/nav-back.png) left bottom no-repeat;
	height:151px;
	margin-bottom:8px;
	padding-top:20px;
	width:640px;
	}
	#header #nav {
		clear:right;
		float:right;
		padding-top:0;
		width:auto;
		}
		#header #nav li {
			float:left;
			}
			#header #nav li a,
			#header #nav li.off a {
				border-bottom:0 none;
				color:#333;
				display:block;
				font-size:11px;
				font-weight:bold;
				height:20px;
				padding:3px 15px 6px;
				text-transform: uppercase;
				width:auto;
				}
				#header #nav li a:hover,
				#header #nav li.current_page_item a {
					color:#AD3029;
					background:url(/images/nav-bottom.png) center bottom no-repeat;
					width:auto;
					}
	#section #header h2 {
		margin:0;
		text-indent:-9999px;
		}
		#section #header h2 a {
			border-bottom:0 none;
			display:block;
			height:122px;
			width:640px;
			}
			#section #header h2 a:hover {background-color:transparent;}
	#section #header p {
		color:#666;
		font-weight:bold;
		font-size:12px;
		margin-right:15px;
		float:right;
		width:auto;
		}
	
/***********************************
		=Section
***********************************/	
#section {
	background-color:#fff;
	float:left;
	min-height:793px;
	padding-bottom:12px;
	width:640px;
	}
	/* Post */
	.post {
		margin-bottom:50px;
		}
		#section img.left,
		#section img.right {
			margin-bottom:10px;
			position:relative;
			top:5px;
			}
			#section img.right {margin-left:17px; }
			#section img.left {margin-right:17px; }
		#section ul,
		#section ol,
		#section p {
			width:576px;
			}
		#section p {
			margin-bottom:.75em;
			}
			#section p.date {
				border-bottom:1px solid #ccc; 
				color:#999;
				font-size:11px;
				font-weight:bold;
				line-height:1.25em;
				text-transform:uppercase;
				width:100%;
				}
				#section p.date a {
					background:url(/images/section-comment-back.png) top left no-repeat;
					border-bottom:0 none;
					color:#191919;
					display:block;
					float:right;
					font:bold 11px Verdana;
					height:35px;
					margin-right:20px;
					padding:5px 0 0 0;
					position:relative;
					text-align: center;
					top:11px;
					width:23px;
					}
			span.post-op,
			a.addtoany_share_save,
			a.post-edit-link,
			a span.post-comment {
				color:#999;
				font-size:11px;
				font-weight:bold;
				text-transform: uppercase;
				}
				span.post-op.light {
					color:#666;
					position:relative;
					top:3px;
					}
				span.post-op a,
				a.stbutton,
				a.post-edit-link,
				a span.post-comment {
					border-bottom:0 none;
					color:#000;
					/* margin-right:8px; */
					}
					span.post-op a:hover,
					a span.post-comment:hover {
						color:#AC3028;
						}
					a span.post-comment,
					a.post-edit-link,
					a.permalink,
					a.stbutton {
						/* margin-left:8px; */
						}
						a span.post-comment {
							background:url(/images/section-post-comment.png) left top no-repeat;
							padding-left:23px;
							}
							 span.post-comment em {
								color:#AC3028;
								font-style:normal;
								font-weight:bold;
								}
						.stbuttontext {
							background:#ffffff url(/images/share-this-icon.png) left top no-repeat !important;
							padding-left:23px;
							margin-right:0;
							}
						a.stbutton {padding:0 !important;}
.post-bar { margin-left:8px; margin-right:8px; }

		#section h1 {
			margin:.25em 0;
			}
			#section h2#comments {
				border-bottom:1px solid #ccc;
				color:#000;
				font-size:30px;
				margin-bottom:.5em; 
				}
				#section h2#comments a {
					background:url(/images/comments-plain.png) top left no-repeat;
					border-bottom:0 none;
					display:block;
					float:right;
					height:35px;
					margin-right:20px;
					position:relative;
					text-indent:-9999px;
					top:26px;
					width:23px;
					}
					
		.post ol {
			margin:0 0 .75em 15px;
			}
			.post ol li {
				margin-left:15px;
				font-weight:bold;
				color:#AD3029;
				font-size:12px;
				}
				.post ol li span {
					font-weight:normal;
					color:#4C4C4C;
					font-size:13px;
					margin-left:0;
					}					
		.post ul {
			margin:0 0 .75em 15px;
			}
			.post ul li {
				background:url(/images/list-star.png) left .35em no-repeat;
				padding-left:13px;
				}
		ul.post-meta {
			background-color:#EEE;
			border:1px solid #E0E0E0;
			margin:1em 0;
			padding-left:7px;
			width:570px;
			}
			ul.post-meta li {
				background:url(/images/pull-quote-star.png) left top no-repeat;
				color:#151719;
				font-size:13px;
				font-weight:bold;
				line-height: 1.25em;
				padding:10px 20px 10px 29px;
				position:relative;
				top:-2px;
				}
				ul.post-meta li .post-meta-key {
					display:none;
					}
					
	/* Comments */				
	ol.commentlist {
		width:575px;
		list-style:none;
		}
		/*#section ol.commentlist p {margin-bottom:0;}*/
		ol.commentlist li {
			clear:both;
			}
			ol.commentlist li .comment-body {
				border-bottom:1px solid #DFDFDF;
				margin-bottom:15px;
				padding-bottom:0;
				}
			ol.commentlist li img {
				margin-right:8px;
				float:left;
				width:36px;
				height:36px;
				}
			ol.commentlist cite,
			ol.commentlist cite a {
				color:#000;
				font-size:11px;
				font-weight:bold;
				position:relative;
				text-transform:uppercase;
				top:7px;
				}
				ol.commentlist cite a {
					top:0;
					border-bottom:0 none;
					}
				ol.commentlist cite a:hover {
					color:#AC3028;
					}
			ol.commentlist .bypostauthor {
				background:url(/images/post-author-back-long.png) right 4px no-repeat;
				}
			ol.commentlist .bypostauthor.depth-2 {
				background:url(/images/post-author-back-short.png) 30px 4px no-repeat;
				}
				ol.commentlist .bypostauthor .comment-author cite,
				ol.commentlist .bypostauthor.depth-2 .comment-author cite a{
					color:#8C241C;
					}
				ol.commentlist .comment-meta,
				ol.commentlist li a.comment-reply-link  {
					color:#999;
					font-size:10px;
					font-weight:bold;
					margin-bottom:3px;
					text-transform:uppercase;
					}
					ol.commentlist .comment-meta a {
						border-bottom:0 none;
						color:#999;
						}
						ol.commentlist .comment-meta a:hover {}
			ol.commentlist li .reply {
				float:right;
				position:relative;
				top:-16px;
				}
				ol.commentlist li a.comment-reply-link {
					background:url(/images/reply-back.png) left center no-repeat;
					border-bottom:0 none;
					font-size:11px;
					padding-left:14px;
					}
					ol.commentlist li a.comment-reply-link:hover {
						color:#000;
						}
		span.says {display:none;}
		
		/* Threaded */
		ol.commentlist li.parent {
			border-bottom:0 none;
			}
			ol.commentlist ul.children li.comment > div.comment-body {
				border-bottom:1px solid #DFDFDF;
				margin-bottom:20px;
				padding-bottom:0;
				width:553px;
				}
				ol.commentlist ul.children li.comment ul.children li.comment > div.comment-body{
					padding-bottom:0;
					width:533px;
					}
		ol.commentlist li ul.children {
			margin-left:20px;
			}
			ol.commentlist li ul.children li {
				}
				ol.commentlist li ul.children li .comment-body {
					border-left:1px solid #dfdfdf;
					}
					#section ol.commentlist li ul.children li .comment-body p {
						width:541px;
						}
						#section ol.commentlist li ul.children li ul.children li .comment-body p {
							width:531px;
							}
					ol.commentlist li ul.children li .comment-body .comment-author {
						background:url(/images/reply-arrow.png) left top no-repeat;
						padding-left:14px;
						position:relative;
						left:-3px;
						}
					ol.commentlist li ul.children li .comment-body p {
						padding-left:14px;
						}
			ol.commentlist li ul.children li.depth-3 {
				padding-bottom:0;
				}
				ol.commentlist li ul.children li.depth-3 p {
					/*padding-bottom:17px;*/}
	#cancel-comment-reply-link span {
		font-weight:bold;
		color:black;
		}
	h3#respond {
		background:url(/images/post-comment-bubble.png) left center no-repeat;
		color:#141719;
		font-size:12px;
		font-weight:bold;
		padding-left:21px;
		text-transform:uppercase;
		}
	
	ul.footer-links {
		border-top:1px solid #DFDFDF;
		margin:10px 0 40px 0;
		}
		ul.footer-links li {
			background:none;
			line-height:1.15em;
			margin-top:10px;
			padding-left:0;
			position:relative;
			width:45%;
			}
			ul.footer-links li.right {
				text-align:right;
				}
				ul.footer-links li em{
					display:block;
					height:15px;
					position:absolute;
					top:0;
					width:13px;
					}
					ul.footer-links li.left em{
						background:url(/images/left-arrow.png) left center no-repeat;
						left:0;
						}
					ul.footer-links li.right em{
						background:url(/images/right-arrow.png) right .25em no-repeat;
						right:0;
						}
				ul.footer-links li a {
					display:block;
					font-size:12px;
					font-weight:normal;
					border-bottom:0 none;
					}
					ul.footer-links li.right a{
						margin-right:15px;
						}
					ul.footer-links li.left a{
						margin-left:15px;
						}
				
	
/***********************************
		=Aside
***********************************/
#aside {
	background:url(/images/aside-back.png) left top repeat-y;
	margin-left:640px;
	padding:20px 0 0 0;
	width:320px;
	}
	#aside-footer {
		background:url(/images/aside-footer.png) left bottom no-repeat;
		padding-bottom:122px;
		}
	#aside h2 {
		color:#16171A;
		text-transform: uppercase;
		font-size:12px;
		font-weight:bold;
		}
	#aside ul {
		width:280px;
		}
		#aside ul li {
			background:url(/images/aside-list.png) left .35em no-repeat;
			padding-left:22px;
			margin-bottom:20px;
			}
			#aside ul li.widget_categories ul li,
			#aside ul li.widget_archive ul li {
				color:#7E7E7E;
				font-size:11px;
				font-weight:bold;
				overflow:auto;
				text-align:right;
				}
				#aside ul li.widget_categories ul li a,
				#aside ul li.widget_archive ul li a {
					float:left;
					text-align:left;
					}
			#aside ul li h2 {
				background:url(/images/aside-title.png) right center no-repeat;
				height:12px;
				padding-right:24px;
				display:inline;
				}
			#aside ul li ul {
				background:url(/images/aside-list-bottom.png) right bottom no-repeat;
				padding-bottom:8px;
				}	
				#aside ul li ul li {
					background:none;
					border-bottom:1px solid #DFDFDF;
					margin-bottom:0;
					padding-left:0;
					}
					
					#aside ul li ul li:last-child {border-bottom:0 none;}
					#aside ul li ul li a {
						font-size:11px;
						color:#666;
						text-transform:uppercase;
						border-bottom:0 none;
						display:inline-block;
						padding:3px 0;
						}
						#aside ul li ul li a:hover {color:#AC3028;}
			/* Revolution Logo/Mark */
			#aside ul li#text-3 {
				font-size:12px;
				font-weight:bold;
				color:#666;
				background:0 none;
				}
				#aside ul li#text-3 h2.widgettitle {
					display:block;
					text-indent:-9999px;
					background:url(/images/aside-logo.png) left top no-repeat;
					width:135px;
					height:17px;
					padding-right:0;
					margin-bottom:2px;
					}
					#aside ul li#text-3 .textwidget {
						width:185px;
						}
					#aside ul li#text-3 p {
						background:url(/images/red-star.png) right 3px no-repeat;
						}
						#aside ul li#text-3 small {
							font-size:10px;
							line-height: 1.5em;
							font-weight:normal;
							}
							#aside ul li#text-3 p a.badge {
								background:url(http://www.firehost.com/protected/rev-blog-fh-badge.png) left top no-repeat;
								border-bottom:0 none;
								display:block;
								height:43px;
								margin-top:20px;
								position:relative;
								left:-16px;
								text-indent:-9999px;
								width:187px;
								}
			/* About C Drake */
			#aside ul li#text-4 {
				width:300px;
				padding-left:0;
				}
				#aside ul li#text-4 h2 {
					padding-left:22px;
					}
					#aside ul li#text-4 .textwidget {
						margin-top:.35em;
						overflow: hidden;
						width:314px;
						}
						#aside ul li#text-4 .textwidget img {
							margin-left:22px;
							display:block;
							margin-bottom:6px;
							}
							#aside ul li#text-4 p {
								color:#333;
								font-size:11px;
								line-height:1.35em;
								margin-left:125px;
								}
								#aside ul li#text-4 p a {
									border-bottom:0 none;
									display:block;
									font-weight:bold;
									margin-top:.25em;
									text-transform:uppercase;
									}
					#aside ul li#text-4 ul {
						background:url(/images/icon-back.png) left top no-repeat;
						height:35px;
						clear:left;
						
						padding:4px 20px 0 22px;
						width:272px;
						}
						#aside ul li#text-4 ul li {
							border-bottom:0 none;
							float:left;
							}
							#aside ul li#text-4 ul li.right {float:right;}
							#aside ul li#text-4 ul li a {
								background-image:url(/images/icons.png);
								background-repeat:no-repeat;
								display:block;
								height:26px;
								margin-right:6px;
								padding:0;
								text-indent:-9999px;
								width:26px;
								}
								#aside ul li#text-4 ul li a.twitter {background-position:0 0;}
								#aside ul li#text-4 ul li a.facebook {background-position:-26px 0;}
								#aside ul li#text-4 ul li a.linkedin {background-position:-52px 0;}
								#aside ul li#text-4 ul li a.email {background-position:-78px 0;}
								#aside ul li#text-4 ul li a.rss {background-position:-104px 0;width:55px;}
			/* Twitter */
			#aside ul li#twitter-1 {
				}
				#aside ul li#twitter-1 h2 {
					background:none;
					
					}
					#aside ul li#twitter-1 h2 a {
						background:url(/images/aside-twitter-title.png) left center no-repeat;
						border-bottom:0 none;
						color:#AC3028;
						height:12px;
						padding-left:24px;
						}
						#aside ul li#twitter-1 h2 a:hover {color:#333;}
						#aside ul li#twitter-1 h2:before
							{
							content: "RECENT TWEETS ";
							}
						#aside ul li#twitter-1 h2 a em {
							color:#7A7A7A;
							}
							li.twitter-item {
								line-height:1.25em;
								font-size:11px;
								padding:5px 0;
								}
							.twitter-timestamp {
								border-bottom:0 none;
								display:block;
								margin:5px 0 0 0;
								}
							.twitter-timestamp abbr {
								border-bottom:0 none;
								color:#999;
								}
							#aside ul li ul li a.twitter-link {
								color:#AC3028;
								text-transform:none;
								}
								#aside ul li ul li a.twitter-link:hover {color:#000;}

/***********************************
		=Forms
***********************************/
input,
textarea {
	color:#666;
	font:13px/1.5em Arial, 'Helvetica Neue', Helvetica, sans-serif;
	outline:none;
	}

#aside ul li#search-3 {
	padding-left:0;
	background:none;
	}
	#searchform {
		background:url(/images/search-back.png) left top no-repeat;
		width:294px;
		height:38px;
		padding:0 0 0 20px;
		position:relative;
		}
		#searchform label {
			display:none;
			}
		#searchform input {
			border:0 none;
			height:20px;
			width:197px;
			margin-right:1px;
			padding-left:2px;
			position:relative;
			top:6px;
			}
	#section #searchform {background-image:url(/images/section-search-back.png);}
		
/* Comment Form */
#respond h3 {
	background:url(/images/post-comment.png) left center no-repeat;
	border-bottom:1px solid #DFDFDF;
	color:#151719;
	font-size:12px;
	font-weight:bold;
	margin-bottom:14px;
	padding-left:26px;
	text-transform:uppercase;
	}
	#respond h3 small,
	p.disclaimer small {
		color:#7E7E7E;
		font-size:11px;
		font-weight:normal;
		margin-left:5px;
		text-transform: none;
		}
		#respond h3 small em,
		p.disclaimer small em {
			color:#AC3027;
			font-size:13px;
			}
#commentform {
	}
	#commentform label {
		color:#797979;
		display:block;
		font-size:12px;
		font-weight:bold;
		text-transform:uppercase;
		}
		#commentform label em {
			color:#AC3028;
			font-size:13px;
			}
		#commentform #recaptcha_table label {
		font-size:8pt;
		font-weight:normal;
		display:inherit;
			text-transform:none;
			}
	#commentform input,
	span#ta-back,
	#commentform span.contact {
		background:url(/images/text-area.png) left top no-repeat;
		border:0 none;
		display:block;
		margin-bottom:18px;
		padding:10px;
		width:516px;
		height:148px;
		}
		#commentform input {
			background:url(/images/text-input.png) left top no-repeat;
			height:23px;
			padding:1px 10px 0 10px;
			}
		textarea#comment,
		textarea#wpcf_msg,
		textarea#wpcf_message {
			border:0 none;
			height:148px;
			overflow:auto;
			width:516px;
			}
			/* Contact Form Specific */
			#commentform.contactform label,
			.contactform label {
				float:left;
				}
			#commentform.contactform input {
				clear:left;
				}	
			/* Move notifier above submit */
			#commentform input#subscribe,
			#commentform p.notifierLabel label {
				display:inline;
				}	
				#commentform input#subscribe {background:none;margin-bottom:0;}	
				input#submit {
					position:relative;
					bottom:-20px;
					}
				#commentform p.notifierLabel {
					position:relative;
					top:-50px;
					}
					#commentform p.notifierLabel label {
						position:relative;
						top:-5px;
						}
	
/*********************************** 
		=Buttons
***********************************/
#searchform #searchsubmit,
#commentform #submit,
#commentform #contactsubmit {
	cursor:pointer;
	height:20px;
	text-indent:-9999px;
	}
	#searchform #searchsubmit {
		background:url(/images/btn-search.png) top left no-repeat;
		width:73px;
		}
	#commentform #submit {
		background:url(/images/btn-submit-comment.png) top left no-repeat;
		width:180px;
		}
	#commentform #contactsubmit  {
		background:url(/images/btn-submit.png) top left no-repeat;
		width:70px;
		}
		#commentform #contactsubmit:hover,
		#commentform #submit:hover,
		#searchform #searchsubmit:hover {
			background-position:0 -20px;
			}


/*********************************** 
		=ReCaptcha
***********************************/
#recaptcha_widget_div {margin-bottom:10px;}
.recaptchatable a {border-bottom:0 none;}