/*
Theme Name: Barnhart
Theme URI:
Description: Version 1 of the Barnhart Wordpress theme
Version: 1
Author: Legwork Studio
Author URI: 

*/


body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Sans-Serif;
	background: #d3d3b9 url('images/bg.jpg') repeat-x;
	color: #000;
	margin:0;
	padding:0;
	height: 99%;
}

h1 {
	margin:96px 0 47px;
	padding:0;
}	
	
h1 a {
	outline: none;
	display: block;
	width: 127px;
	height: 21px;
	text-indent: -4000px;
	background: url('images/logo_icons.gif') no-repeat -96px;
}

img {
	border:0;
}


#nav {
	top:0;
	right:0;
	z-index:500;
	position:absolute;
}
	
#nav-stories {
	z-index:-1;
	left:71px;
	top:25px;
	right:100%;
	height:110px;
	width:150px;
	float:left;
	background: url('images/stories-gallery-over.gif') no-repeat;
	position:absolute;
}

#nav-gallery {
	z-index:-2;
	left:231px;
	top:24px;
	width:140px;
	height:140px;
	float:left;
	background: url('images/stories-gallery-over.gif') no-repeat -160px;
	position:absolute;
}

#nav-about {
	z-index:-3;
	left:335px;
	top:29px;
	height:120px;
	width:100px;
	float:left;
	background: url('images/about-blog-over.gif') no-repeat;
	position:absolute;
}

#nav-blog {
	z-index:-4;
	left:530px;
	top:89px;
	height:60px;
	width:70px;
	float:left;
	background: url('images/about-blog-over.gif') no-repeat -195px -60px;
	position:absolute;
}

.nav-out {
	display:none;
}

.nav-over {
	display:inline;
}

#logo, #footer, #content, #content-bottom {	
	width: 960px;
	margin: 0 auto;
}

#content {
	position:relative;
}

			
#content-left {
	width: 160px;
	padding:0 9px 0 0;
	float:left;
}
	
#content-center {
	width: 771px;
	float:left;
}

#content-right {
	float:left;
	margin:0 0 0 6px;
}

#content-bottom	{
	float:left;
	margin:-25px 0 0;
}

#content-center.about, #content-center.blog {
	width: 504px;
	font-size: 14px;
	text-align:left;
	line-height:18px;
}

#blog-text {
	background: url('images/blog-text.png') no-repeat;
	margin:62px 0 0 50px;
	width:150px;
	height:134px;
}

#content-center.about p, #content-center.blog p {
	padding:6px 0 14px 0;
	margin:0;
}

.post {
	float:left;
}
	
#content-center.about h2 {
	line-height:36px;
	font-size: 36px;
	text-transform: uppercase;
	padding:22px 0 12px 0;
	margin:0;
}


/* blog styles */

#content-center.blog h2 {
	line-height:36px;
	text-transform: uppercase;
	font-size: 35px;
	margin:0 0 -1px -3px;
	padding:22px 0 12px 0px;
}

#content-center.blog h2 a {
	text-decoration: none;
	padding:0 3px;
	margin:0;
	color:#000;
}

#content-center.blog h2 a:hover {
	background-color:#de5726;
	color:#FFF;
}

#content-center.blog h3 {
	text-decoration: none;
	padding:0 3px;
	margin:-5px 0 21px -3px;
	color:#FFF;
	background-color:#000;
	font-size:11px;
	font-weight:normal;
	float:left;
}

#content-center.blog p {
	clear:left;
}

#content-center.blog .post-content a, #content-center .navigation a  {
	text-decoration: none;
	background-color:#de5726;
	color:#FFF;
	padding:0 3px;
}

#content-center .navigation a  {
	font-size: 23px;
	font-weight: bold;
}

#content-center .navigation a:hover  {
	color:#000;
}

.alignleft {
	float:left;
	margin:0 3px 0 0;
}

.navigation {
	margin: 30px 0;
	float:left;
	width: 450px;
}

#content-center.blog .post-content a:hover {
	color:#000;
}

hr {
	margin:43px 0 17px 0;
	border:none;
	float:left;
	clear:both;
	height: 1px;
	width:100%;
	background-color:#000;
}

#content-center.blog h3 a {
	padding:0;
	margin:0;
	text-decoration: none;
	color:#FFF;
}

#content-center.blog h3 a:hover {
	background-color:#de5726;
}

#content-center.blog h2.pagetitle {
	font-size:55px;
	text-transform: none;
	color:#d1d1bc;
	line-height:55px;
	margin:0 0 3px 0;
}

#search-text {
	width:126px;
	margin:0 0 3px 0;
}

/* end blog styles */


.arrow {
	display: block;
	width:14px;
	height:14px;
}
	
.arrow-top-left {
	float:right;
	background: url('images/logo_icons.gif') no-repeat  -81px -1px;
	padding:0;	
}
	
.arrow-top-left.home{
	padding:0 0 451px 0;

}

.arrow-top-right {
	float:left;
	background: url('images/logo_icons.gif') no-repeat  -65px -1px;
	padding:0 0 451px 0;
}

.arrow-bottom-left {
	float:left;
	margin:0 0 0 148px;
	background: url('images/logo_icons.gif') no-repeat  -33px -1px;	
}
	
	
.arrow-bottom-left.blog, .arrow-bottom-left.about, .arrow-bottom-right.blog, .arrow-bottom-right.about{
	display:none;
}
		
.arrow-bottom-right {
	float:right;
	background: url('images/logo_icons.gif') no-repeat  -49px -1px;
}
	
.arrow-bottom-right.narrow {
	margin:0 267px 0 0;
}
	
#footer ul {
	list-style: none;
	margin:0;
	padding:0;
}

#footer ul li{
	float: left;
	display: block;
	padding:0;
	text-indent: -4000px;
}

#footer a:focus {
    outline: none;
}

#footer a {
	display: block;
	margin:0;
	padding:0;
}

#footer ul li#slogan {
	display: block;
	background: transparent url(images/drawn-image-sprite.png) no-repeat scroll 0 -45px;
	width:530px;
	height:21px;
	margin:0 0 0 43px;
}
	
#share {
	margin:0 159px 0 0;
}

#share a {
	background: transparent url(images/drawn-image-sprite.png) no-repeat scroll -583px -46px;
	width:74px;
	height:42px;
}

#share a:hover {
	background-position: -583px -126px;
}

#footer ul li#address a {
	background: transparent url(images/drawn-image-sprite.png) no-repeat scroll 0px -5px;
	width:358px;
	height:32px;
}

#footer ul li#address {
	padding: 0 0 0 20px;
}

#footer ul li#address a:hover {
	background-position: 0px -85px;
}

#footer ul li#mailto a {
	background: transparent url(images/drawn-image-sprite.png) no-repeat scroll -358px -5px;
	width:128px;
	height:32px;
}

#footer ul li#mailto a:hover {
	background-position: -358px -85px;
}

#footer ul li#twitter-follow {
	float:right;
	margin:-17px 0 0;
}

#footer ul li#twitter-follow a {
	background: transparent url(images/drawn-image-sprite.png) no-repeat scroll -522px -45px;
	height:32px;
	
	width:55px;
}

#footer ul li#twitter-follow a:hover {
	background-position: -522px -125px;
}

#slider {
	padding: 21px 0 0 0;
    width: 771px;
    position: relative;
}

.scroll {
    height: 454px;
    width: 771px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}

a.view-work {
	text-decoration: none;
	font-size: 11px;
	color:#FFF;
	padding:0;
	margin:0;
	
}

/* simple css-based tooltip */ 
#tooltip { 
    background-color:#dd5a1a; 
    padding:0 4px 0 4px; 
	height:26px;
    color:#fff; 
	top:0;
	left:0;
	width:200px;
	text-transform: uppercase;
    text-align:center; 
    font-size:24px;
 	font-weight:bold;
	z-index:600;
	position:absolute;
}

.tool-tip-out {
	display:none;
}


.view-work-label {
	margin: 0;
	background-color:#de5726;
	padding:2px 5px;
	float:left;
}

a.view-work-video {
	font-size: 11px;
	background-color:#DE5726;
	color:#FFFFFF;
	float:left;
	margin:2px 0 0 0;
	padding:2px 5px;
	text-decoration:none;
}

.flashvideo{
	padding:0;
	margin:0;
}

a.view-work:hover, a.view-work-video:hover {
	color:#000;
	cursor:pointer;
}

.scroll-container div.panel {
    height: 434px;
    width: 771px;
}
.scroll-container p {
    margin:0;
	padding:0;
	float:left;
}
.scroll-container p br{
    display:none;
}
ul.sub-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 7px 0;
	width:160px;
	position:absolute;
	bottom:0;
	font-size:11px;
	line-height:17px;
}

#sub-nav-container {
	float:left;
	height:463px;
	position:relative;	
}

.home#sub-nav-container {
	height:489px;
}

ul.sub-nav li {
	text-align:left;
    display: inline;
	width:160px;
	float:left;
}

ul.sub-nav a {
    color: #000;
    text-decoration: none;
	padding:1px 3px;
	
}

ul.sub-nav a:hover, ul.sub-nav a.selected {
	
    background-color: #de5726;
	color: #fff;
}

ul.sub-nav a:focus {
    outline: none;
}

#scroll-button-container {
	float:right;
	margin:0 2px 0 0;
	padding:-12px 0 0 0;
	top:-12px;
	position:relative;
}

.scroll-buttons {	
    cursor: pointer;
	width:14px;
	height:14px;
}

.scroll-buttons.left {
	float:left;
	background: transparent url('images/logo_icons.gif') no-repeat  -17px -1px;
	margin: 0 4px 0 0;
}

.scroll-buttons.right {
	float:left;
	background: transparent url('images/logo_icons.gif') no-repeat  -1px -1px;
}

.hide {
    display: none;
}

/* sidebar styles */
#sidebar {
	margin:119px 0 0 0;
}

#sidebar ul {
	text-align:left;
	list-style: none;
	margin:0;
	padding:0;
}

#sidebar ul li{
	padding:7px 0;
}


#sidebar ul li li{
	padding:0;
}

#sidebar ul h2 {
	margin:1px 0;
	padding:0;
	font-size:15px;
}

#sidebar ul a {
	text-decoration:none;
	color:#000;
	font-size:11px;
	line-height:17px;
}

#sidebar ul a:hover {
	background-color: #de5726;
	color: #fff;
}
/* end sidebar styles */

.page #disqus_thread,
.page .dsq-brlink,
.dsq-dc-logo {
display:none;
}

.single .commentLink{
display:none;
}

/*
.dsq-login-button, .dsq-autheneticate-copy {
display: none !important;
}
*/

#dsq-content .dsq-login-button {
display:none !important;
}