/*
Theme Name: RH Media Theme
Theme URI: http://www.richmondhillwebdesign.com
Description: Richmond Hill Media Theme based upon the Wordpress Default theme.
Version: 1.0
Author: Doy Cave :: Richmond Hill Media
Author URI: http://www.richmondhillmedia.com
*/

/* -- CSS 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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ======================================================================= HTML and Setup === */

body{
	text-align: center; 
	background-color: #3b2415;
	line-height: 18px;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-size: 13px;
	color: #3b2415;
}

.bodWrap {
	background: url(images/body_bg.gif) top left repeat;
}

p{
	margin-bottom: 9px;
}

h2{
	font-size: 22px;
	line-height: 36px;
	font-weight: normal;
	color: #41250a;
	border-bottom: 1px dotted #3b2415;
	margin-bottom: 9px;
}

h3{
	font-size: 18px;
	color: #090948;
	font-family: Georgia, 'Times New Roman', Times, serif;
	line-height: 38px;
}

h4 {
	color: #006;
	line-height: 18px;
	font-family: Georgia, 'Times New Roman', Times, serif;
}

h2 a, h3 a{
	text-decoration: none;
	color: #3b2415;
}

hr{
	visibility: hidden;
	margin: 0;
	padding: 0;
}

/* ======================================================================= BANNER and styles === */

#banner {
	height: 135px;
	position: relative;
}	
	.home a {
		display: block;
		background: url(images/logo_bg.gif) top left no-repeat;
		height: 125px;
		width: 415px;
		position: absolute;
		top: 0;
		left: 0;
		text-indent: -999em;
	}
	
	.twitter {
		position: absolute;
		top: 24px;
		left: 340px;
		width: 635px;
		height: 111px;
		background: url(images/twitter_bg.gif) top right no-repeat;
	}
	
		.twitter a {
			color: #df772e;
			text-decoration: none;
			border-bottom: 1px dotted #df772e;
			float: right;
			margin: 9px;
		}
		
		.twitter span a {
			float: none;
			color: #3b2415;
			border-bottom: 1px dotted #3b2415;
			margin: 0;
		}
	
		#twitter_update_list {
			width: 490px;
			font-size: 16px;
			text-align: left;
			margin-top: 20px;
		}
		
		h2.twitter-title {
			line-height: 18px;
			font-size: 14px;
			text-align: left;
			margin-top: 12px;
			font-weight: bold;			
		}
	
/* ======================================================================= CONTAINER and styles === */

#container {
	width: 980px;
	margin: 0 auto;
}

	#content {
		border-top: 1px dotted #3b2415;
		border-bottom: 1px dotted #3b2415;
		background-color: #ebe1b7;
		margin: 36px 0;
	}
	
	.contentLeft {
		float: left;
		text-align: left;
		width: 550px;
		margin: 36px 0 36px 36px;
		display: inline;
	}
	
	.contentRight {
		float: right;
		text-align: left;
		width: 300px;
		margin: 36px 36px 36px 0;
		display: inline;
	}
	
	.contentWide {
		width: 908px;
		margin: 36px 0 36px 36px;
	}

/* ======================================================================= FEATURE and styles === */

#feature {
	width: 980px;
	height: 300px;
	background-color: #df772e;	
	padding-top: 7px;
	margin-bottom: 36px;
}

	.featureContent {
		width: 365px;
		float: left;
		margin: 24px 0 0 54px;
		text-align: left;
		font-size: 16px;
		line-height: 20px;
		color: #3b2415;
	}
	
		.featureContent a {
			color: #3b2415;
			text-decoration: none;
			border-bottom: 1px dotted #3b2415;
		}

	.flashObject {
		width: 490px;
		float: right;
	}
	.wrap {
		height: 287px;
		border-top: 1px dotted #FFF;
		border-bottom: 1px dotted #FFF;
	}


/* ======================================================================= FOOTER and styles === */

#footer {
	border-top: 1px dotted #FFF;
	background-color: #3b2415;
	padding: 50px;
}



/* ======================================================================= FRONTNAV and styles === */

#frontNav {
	height: 95px;
	width: 980px;
	background: #ebe1b7 url(images/hand.gif) top left no-repeat;
	border-top: 1px dotted #3b2415;
	border-bottom: 1px dotted #3b2415;
	margin-bottom: 36px;
}

	#frontNav ul {
		margin-left: 105px;
		padding-top: 14px;
	}
	
	#frontNav li {
		float: left;
		height: 60px;
	}

		#frontNav .work a {
			display: block;
			background: url(images/nav_work.gif) top center no-repeat;
			width: 158px;
			height: 60px;
			text-indent: -999em;
		}
		
		#frontNav .about a {
			display: block;
			background: url(images/nav_about.gif) top center no-repeat;
			width: 209px;
			height: 60px;
			text-indent: -999em;
		}
		
		#frontNav .quote a {
			display: block;
			background: url(images/nav_quote.gif) top center no-repeat;
			width: 163px;
			height: 60px;
			text-indent: -999em;
		}
		
		#frontNav .contact a {
			display: block;
			background: url(images/nav_contact.gif) top center no-repeat;
			width: 218px;
			height: 60px;
			text-indent: -999em;
		}
		
		#frontNav .blog a {
			display: block;
			background: url(images/nav_blog.gif) top center no-repeat;
			width: 121px;
			height: 60px;
			text-indent: -999em;
		}
		
		#frontNav .work a:hover, #frontNav .about a:hover, #frontNav .quote a:hover, #frontNav .contact a:hover, #frontNav .blog a:hover {
			background-position: center -59px;
		}

/* ======================================================================= INNERNAV and styles === */

		#innerNav {
			height: 49px;
			width: 695px;
			position: absolute;
			top: 43px;
			left: 285px;
		}

			#innerNav ul {
			}

			#innerNav li {
				float: left;
				height: 49px;
			}

				#innerNav .work a {
					display: block;
					background: url(images/innav_work.gif) top center no-repeat;
					width: 133px;
					height: 49px;
					text-indent: -999em;
				}

				#innerNav .about a {
					display: block;
					background: url(images/innav_about.gif) top center no-repeat;
					width: 168px;
					height: 49px;
					text-indent: -999em;
				}

				#innerNav .quote a {
					display: block;
					background: url(images/innav_quote.gif) top center no-repeat;
					width: 127px;
					height: 49px;
					text-indent: -999em;
				}

				#innerNav .contact a {
					display: block;
					background: url(images/innav_contact.gif) top center no-repeat;
					width: 165px;
					height: 49px;
					text-indent: -999em;
				}

				#innerNav .blog a {
					display: block;
					background: url(images/innav_blog.gif) top center no-repeat;
					width: 102px;
					height: 49px;
					text-indent: -999em;
				}

				#innerNav .work a:hover, #innerNav .about a:hover, #innerNav .quote a:hover, #innerNav .contact a:hover, #innerNav .blog a:hover {
					background-position: center -46px;
				}
				
/* ======================================================================= WORKITEMS and styles === */

.workItem {
	margin-bottom: 18px;
	text-align: left;	
}

	.workItem h3 {
		font-size: 24px;
		font-weight: normal;
		color: #3b2415;
		border-bottom: 1px dotted #3b2415;
		margin-bottom: 9px;
	}

.workContent {
	float: left;
	width: 500px;
}

	.workContent p {
		font-size: 16px;
		line-height: 24px;
	}

	.workContent .more a {
		display: block;
		background-color: #3b2415;
		color: #FFF;
		font-size: 14px;
		padding: 9px;
		text-decoration: none;
		width: 250px;
		margin-top: 36px;
	}
	
	.workContent .more a:hover {
		background: #df772e;
	}

.workThumb {
	float: left;
	background: #df772e;
	padding: 9px;
	margin-right: 18px;
	margin-bottom: 9px;
}

/* ======================================================================= MISCELLANEOUS and WORDPRESS styles === */

.contactForm {
	background: #3b2415;
	padding: 36px 18px;
	border-top: 1px dotted #ebe1b7;
	border-bottom: 1px dotted #ebe1b7;
	color: #FFF;
	margin: 18px 0;
}

	.contactForm label {
		display: block;
		float: left;
		width: 200px;
		margin-right: 9px;
		text-align: right;
	}
	
	.contactForm p {
		margin-bottom: 18px;
	}
	
.entry .alignleft {
	float: left;
}

.entry .alignright {
	float: right;
}

	.entry img.alignleft {
		margin: 0 18px 18px 0;
		border: 4px solid #df772e;
	}
	
	.entry img.alignright {
		margin: 0 0 18px 18px;
		border: 4px solid #df772e;
		
	}

.entry {
	
}
	.entry blockquote {
		background: #3b2415 url(images/Quotes.jpg) top left no-repeat;
		padding: 36px;
		color: #FFF;
		line-height: 24px;
		margin: 18px 0;
		border-top: 1px dotted #ebe1b7;
		border-bottom: 1px dotted #ebe1b7;
		font-size: 16px;
	}
	
	.entry blockquote cite {
		display: block;
		border-top: 1px dotted #FFF;
		padding: 9px 0;
		text-align: right;
		margin-top: 18px;
		font-size: 12px;
	}

	.entry blockquote.code {
	font-size: 14px;
	background: #eeebdf none;
	line-height: 20px;
	border-top: 1px dotted #3b2415;
	border-bottom: 1px dotted #3b2415;
	color: #3b2415;


	}
	
	.entry ul {
		margin-left: 15px;
		list-style: circle;
		margin-bottom: 18px;
	}

	.entry p a {
		text-decoration: none;
		color: #3b2415;
		border-bottom: 1px dotted #3b2415;
	}

.fourCol {
	float: left;
	width: 200px;
	margin-left: 18px;
	padding-right: 17px;
	border-right: 1px dotted #3b2415;
	height: 200px;
	margin-bottom: 36px;
}

.last {
	border-right: none;
}

.separate{
	clear: both;
	height: 0;
}

.widget {
	margin-bottom: 18px;
}

	.widget li a {
		display: block;
		padding: 9px;
		border-bottom: 1px dotted #3b2415;
		color: #df772e;
		text-decoration: none;
	}
	
	.widget li a:hover {
		color: #3b2415;
	}