/* @override 
	http://rmwebsite.com/jorybrigham/wordpress/wp-content/themes/jorybrigham/style.css
	http://www.craftslo.com/wp-content/themes/jorybrigham/style.css
*/

/*
Theme Name: Jory Brigham Default
Theme URI: http://jorybrigham.com
Description: The default theme for Jory Brigham.
Version: 2.0
Author: Rosemont Media
Author URI: http://rosemontmedia.com/
*/
/*-------------------------------------------------------------------------------------*/
/* undo some default styling of common (X)HTML browsers
/*------------------------------------------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td,html,label,table,tr,td {margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,a img,:link img,:visited img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}

/* ------------------------ GLOBAL ELEMENTS ------------------------ */

/* ------------------------ type selectors ------------------------ */
body { 
	background:#9c9764 url("images/bgBody.jpg") top repeat-x;
	text-align:center; 
	font:12px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; 
	color:#fff;
	}

blockquote { margin-left:10px; margin-right:10px; }

h1	{ font-size:1.2em; color:#000; }
h2	{ font-size:1.1em; color:#000; }
h3	{ font-size:1.0em; color:#000; }

h1 span,h2 span,h3 span	{ display:none; }

a:link,a:visited	{ color:#fff; text-decoration:underline; outline:none; }
a:hover,a:active	{ color:#ffca70; text-decoration:none; outline:none; }

ul {
	list-style-image:url(images/bullet.jpg);
	margin-left:35px;
	margin-right: 40px;
}

li {
	margin: 10px 0;
}

/* ------------------------ classes ------------------------ */
.clear	{ 
	clear:both;
	}

div.clear	{ 
	height:.01em; 
	overflow:hidden; 
	}

p.back-to-top {
	text-align:right;
	display:block;
	padding-right:15px;
	background:url("images/bullet-back-to-top.jpg") right no-repeat;
	}

img.img-left { 
	float:left; 
	margin:2px 10px 10px 0px;
	}

img.img-right { 
	float:right; 
	margin:5px 0px 10px 10px; 
	}

/* ------------------------------- CONTENT FRAMEWORK ------------------------------- */

/* ------------------------ main framework ------------------------ */
#wrap {
	width:978px;
	margin:0 auto;
	text-align:left;
	}

#logo {
	float: left;
}

#logo a {
	background: url("images/logo.jpg") no-repeat;
	width: 486px;
	height: 126px;
	text-indent: -9999px;
	display: block;
}

/* ------------------------ horizontal sprite nav ------------------------ */
#nav { 
	background:url("images/nav.jpg") no-repeat; 
	width:492px; 
	height:116px; 
	margin:10px 0 0;
	float: left;
	position: relative;
	overflow: hidden;
	z-index:1;
	}

#nav ul {
	margin: 0 0 0 12px;
}

#nav li, #nav a {
	height:18px;
	display:block;
	line-height: 18px;
	z-index: 10;
}

#nav a {
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0 5px;
	background: none;
	position: relative;
	text-decoration: none;
}

#nav li {
	float:left;
	list-style:none;
	display:inline;
	position:relative;
	margin:  10px 0 0 0;
	padding: 0 0 0 5px;
}

#nav li.back {
	background:transparent url("images/bgButton.jpg") repeat scroll right top;
	height:18px;
	position:absolute;
	z-index: -1;
}

/* ------------------------ son of suckerfish: horizontal sprite nav ------------------------ */
#nav li ul {
	position:absolute;
	left:-9999px;
	padding-right:1px;
	overflow: visible;
	background-color:#9C9764;
	}

#nav li ul li { 
	height:25px;
	border:1px solid #2A2811;
	border-top:none;
	margin: 0;
	padding: 0;
	z-index: 9999 !important;
	}	

#nav li ul li a {
	width:100%;
	height:25px;
	line-height:25px;
	display: block;
	padding: 0;
	text-indent: 5px;
	}

#nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
	font-size:1.0em;
	color:#fff;
	text-decoration:none;
	}

#nav li:hover ul, #nav li.sfHover ul	{ left: auto; }

.page_item ul a:hover { 
	background-image:none;
	background-color:#6a572e;
	color:#fff;
	text-decoration:none;
	}

/* width of drop down nav - choose width that allows items to display on one line */
.page-item-7 ul, .page-item-7 li { width:125px; }	

#flashPiece {
	background: url("images/flashPiece.jpg") no-repeat;
	height: 258px;
	clear: both;
}

#masthead {
	height: 258px;
	width: 978px;
	clear: both;
		background: url("images/mastheadAbout.jpg") no-repeat;
}

.about #masthead {
	background: url("images/mastheadAbout.jpg") no-repeat;
}

.services #masthead {
	background: url("images/mastheadLines.jpg") no-repeat;
}

.blog #masthead {
	background: url("images/mastheadOrganic.jpg") no-repeat;
}

.order #masthead {
	background: url("images/mastheadKubota.jpg") no-repeat;
}

.contact #masthead, .home #masthead {
	background: url("images/mastheadParker.jpg") no-repeat;
}

.the-lines #masthead {
	background: url("images/mastheadLines.jpg") no-repeat;
}
.the-torino #masthead {
	background: url("images/mastheadTorino.jpg") no-repeat;
}
.the-parker #masthead {
	background: url("images/mastheadParker.jpg") no-repeat;
}
.the-kubota #masthead {
	background: url("images/mastheadKubota.jpg") no-repeat;
}
.the-kagan #masthead {
	background: url("images/mastheadKagan.jpg") no-repeat;
}
.the-ozark #masthead {
	background: url("images/mastheadOrganic.jpg") no-repeat;
}
.the-brewster #masthead {
	background: url("images/mastheadAbout.jpg") no-repeat;
}

#subhead {
	background: url("images/subhead.jpg") no-repeat;
	height: 59px;
}

#breadcrumb {
	display: table;
	position: relative;
	left: 170px;
	top:  15px;
	color: #6a572e;
	font-size: 11px;
}

#breadcrumb a {
	color: #6a572e;
}

#btnBlog {
	float: right;
	width: 75px;
	height: 20px;
	text-indent: -9999px;
	position: relative;
	top: 15px;
	right: 100px;
}

#contentWrap {
	background: url("images/bgWrap.jpg") repeat-y;
}

#contentWrapInside {
	background: url("images/bgContentWrap.jpg") repeat-y;
}

#contentWrapTop {
	background: url("images/contentWrapTop.jpg") no-repeat;
}

#contentWrapBtm {
	background: url("images/contentWrapBtm.jpg") bottom left no-repeat;
	padding: 0 0 90px 70px;
}

#title {
	background: url("images/bkgdTitle.jpg") no-repeat;
	margin-left: 28px;
	text-indent: 5px;
	color: #fff;
	font-size: 19px;
	font-weight: normal;
	text-indent: -9999px;
}

.about #title {
	background: url("images/titleAboutUs.jpg") no-repeat;
}
.gallery #title {
	background: url("images/titleGallery.jpg") no-repeat;
}

.projects #title {
	background: url("images/titleProjects.jpg") no-repeat;
}

.services #title {
	background: url("images/titleProjects.jpg") no-repeat;
}
.selected-work #title {
	background: url("images/titleSelectedWorks.jpg") no-repeat;
}

.blog #title {
	background: url("images/titleBlog.jpg") no-repeat;
}

.order #title {
	background: url("images/titleOrder.jpg") no-repeat;
}

.contact #title {
	background: url("images/titleContact.jpg") no-repeat;
}

.the-lines #title {
	background: url("images/titleLines.jpg") no-repeat;
}

.the-torino #title {
	background: url("images/titleTorino.jpg") no-repeat;
}

.the-parker #title {
	background: url("images/titleParker.jpg") no-repeat;
}
.the-kubota #title {
	background: url("images/titleKubota.jpg") no-repeat;
}

.the-kagan #title {
	background: url("images/titleKagan.jpg") no-repeat;
}

.post {
	width: 600px;
	float: left;
	border-bottom: 1px solid #edb769;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.post h3 a {
	font-size: 1.5em;
	color: #edb769;
	margin-left: 30px;
	font-weight: normal;
}

.metaData {
	font-size: .9em;
	margin:  0 0 20px 30px;
}

#sidebar {
	float: right;
	margin-right: 100px;
	display: inline;
	width: 200px;
}

#sidebar h2 {
	color: #BD832F;
	font-weight: normal;
	font-size: 1.3em;
}

/* ------------------------ column-left framework ------------------------ */
#homeColLeftWrap {
	background: url("images/bgHomeColLeftWrap.jpg") repeat-y;
	width:343px;
	float:left;
}

#column-left {
	background: url("images/bgHomeColLeft.jpg") no-repeat;
	}

#column-left p, #column-left h1, #column-left h2, #column-left h3, #column-left ul, #column-left dl {
	margin:0px 0px 10px 0px;
}

#homeColLeftBtm {
	background: url("images/bgHomeColLeftBtm.jpg") left bottom no-repeat;
	padding: 61px 61px 5px 84px;
}

#titleLatestProject {
/*	background: url("images/titleLatestProject.jpg") no-repeat;*/
		background: url("images/samquote.jpg") no-repeat;
	height: 209px;
	text-indent: -9999px;
	width: 192px;
}

.imgBig {
	margin-bottom: 5px;
}

.readMore {
	background: url("images/btnReadMoreLeft.jpg") no-repeat;
	height: 7px;
	text-indent: 14px;
	line-height:5px;
	display: block;
	float: right;
	margin: 10px 0;
}

.readMore a {
	background: url("images/btnReadMoreRight.jpg") right 4px no-repeat;
	padding-right: 14px;
}

#imgThumbs {
	margin: 0 -54px 0 -11px;
	clear: both;
}

.imgSmall {
	float: left;
	margin: 0 3px 0 0;
	clear: right;
}

.latest {line-height:18px;}
 #column-left h3 a{text-decoration:none;}
 #column-left h3 a:hover {text-decoration:none;}
.small {font-size:10px; line-height:10px;}
.latestperma {}

#followuson {
	background: url("images/subheader-followus.jpg") no-repeat;
	width:194px;
	height:22px;
	margin:0px 0 0 0px; 
}
a#btn-twitter {
	background: url("images/twitter-icon.jpg") no-repeat;
	width:26px; 
	height:24px;
	display:inline;
	margin-left:128px;
	margin-top:5px;
	float:left;
}
a#btn-facebook {
	background: url("images/facebook-icon.jpg") no-repeat;
	width:26px; 
	height:24px;
	display:inline;
	margin-left:10px;
	margin-top:5px;
	float:left;
}

a#btn-twitter-inside {
	background: url("images/twitter-icon.jpg") no-repeat;
	width:26px; 
	height:24px;
	display:block;
	margin-top:5px;
	float:left;

}
a#btn-facebook-inside {
	background: url("images/facebook-icon.jpg") no-repeat;
	width:26px; 
	height:24px;
	display:block;
	margin-top:-10px;
	float:left;
}

/* ------------------------ column-right framework ------------------------ */
#homeColRightWrap {
	width:635px;
	float:left;
	background: url("images/bgHomeColRightWrap.jpg") repeat-y;
}

#column-right {
	background: url("images/bgHomeColRight.jpg") no-repeat;
	}

	#column-right p, #column-right h1, #column-right h3, #column-right ul, #column-right dl {
		margin:0px 0px 15px 0px;
		}

#homeColRightBtm {
	background: url("images/bgHomeColRightBtm.jpg") left bottom no-repeat;
	padding: 63px 95px 125px 0px; 
}

#titleOurPhilosophy {
	background: url("images/titleOurPhilosophy.jpg") no-repeat;
	text-indent: -9999px;
	width: 221px;
	height: 19px;
	margin: 0 0 15px 21px;
}

.paragraphWrap {
	background: url("images/bgParagraphWrap.jpg") repeat-y;
	margin: 0 0 10px 5px;
	display: block;
}

.paragraphTop {
	background: url("images/bgParagraphTop.jpg") no-repeat;
}

.paragraphBtm {
	background: url("images/bgParagraphBtm.jpg") left bottom no-repeat;
	padding: 0 68px 2px 23px;
}

.paragraphBtm h3 {
	color: #ffc36b;
	font-size: 1.3em;
	margin: 10px 0;
	border-bottom: 1px solid;
	width: 775px;
}

.paragraphBtm p {
	margin-bottom: 10px;
	margin-right: 20px;
}

#titleFinestQuality {
	background: url("images/titleFinestQuality.jpg") no-repeat;
	text-indent: -9999px;
	width: 219px;
	height: 20px;
	margin: 0 0 15px 21px;
}

#column-right ul {
	list-style-image: url("images/bullet.jpg");
	margin-left: 35px;
}

#column-right ul li {
	margin-bottom: 10px;
}

#titleMethodology {
	background: url("images/titleMethodology.jpg") no-repeat;
	height: 20px;
	width: 380px;
	display: block;
	text-indent: -9999px;
	margin: 0 0 10px 18px;
}

.photoGallery {
	float: right;
	margin: 0 69px 10px 10px;
	width: 390px;
	display: inline;
}

.photoGallery .bigImage, .photoGallery .bigImage2 {
	float: left;
	width: 341px;
}

.photoGallery #controls, .photoGallery #controls2 {
	float: right;
	width: 47px;
	margin-top: 62px;
}

#controls .title, #controls2 .title {
	background: url("images/imgMore.jpg") no-repeat;
	height: 22px;
	display: block;
	text-indent: -9999px;
	margin-left: 0;
}

#controls, #controls2 {
	margin-left: 0px;
	margin-right: 0px;
}

#controls li, #controls2 li {
	list-style-image: none;
}

#controls li a, #controls2 li a {
	background: url("images/btnPlus.jpg") no-repeat;
	height: 17px;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
}

#controls li a:hover, #controls2 li a:hover {
	background: url("images/btnPlus.jpg") bottom left no-repeat;
}

/* ------------------------footer framework ------------------------ */
#footer {
	width:980px;
	margin:0 auto;
	text-align:center;
	background: url("images/bgFooter.jpg") no-repeat;
	min-height: 81px;
}

#footerInside {
	width:978px;
	margin:0 auto;
	text-align:center;
	background: url("images/bgFooterInside.jpg") no-repeat;
	min-height: 81px;
}

#footer p {
	color:#009900;
	margin-bottom:10px;
	}

#footer a:link, #footer a:visited { color:#009900; }
#footer a:hover, #footer a:active { color:#000; }

#footer ul {margin:10px;}
	#footer li { /* if your li's float, you can adjust border height w/ line-height */
		padding:0 5px 0 7px; /* adjusts the spacing between each li display and border-left */
		display: inline;
		border-left: 1px solid #009900;
		}
	#footer li.first { border: none; }
	
.wp-caption {
	border: 1px solid #656;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	/*-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
	color: #656;
}

.wp-caption img {
	margin: 0 0 5px 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0 0 5px 0;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
#footerContent {
	width:940px;
	margin:10px auto;
	text-align:center;
}

#footerContent p {
	margin-bottom:10px;
}

#footerContent ul {margin:10px;}

#footerContent li {
	padding:0 5px 0 7px;
	display: inline;
	border-left: 1px solid;
}

#footerContent li:first-child { border: none; }