/*
Theme Name: BarnStretch
Theme URI: http://barnstretch.com/
Description: Theme for the BarnStretch.com Website
Version: 0.1
Author: Dustin Filippini

Stuff about the theme
*/

a {color:#000000}

body { 
	font-size: 14px;
	margin: 0px; 
	padding: 0px; 
	font-family: 'Lucida Grande', Verdana, Arial, Helvetica, Sans-Serif;
	background-color: #ccff99;
	text-align:left;
}

div.padder { 
	padding: 15px;
}


#header { 
	position: relative; 
	width: 100%; 
	height: 503px; 
	background-color: #ccff99;
	text-align: right; 
	margin: 0px;
	background: url(horsebg1.jpg);
}

#content { 
	position: relative; 
	margin: 0px; 
	height: auto; 
	width: 760px; 
	background-color:#ccff99;
}

#contenttop {
	height: 15px;

}

#contentbottom {
	height: 23px;
}

#contentSection { 
	position: absolute;
	top: 130px;
	left: 260px;
	height: auto; 
	margin: 0px 200px 0px 0px;
	width: 500px;
        float:left;
}

#menuSection { 
	position: absolute; 
	top: 470px; 
	left: 30px; 
	height: auto; 
	width: 190px; 
	background: url(rightbg.png);
        float:left;
}

#righttop {
	height: 20px;
	background: url(righttop.png);
}

#rightbottom {
	height: 20px;
	background: url(rightbottom.png);
}

#footer { 
	position: relative; 
	width: 500px;
	height: 40px; 
	margin: 15px 15px 0px 15px; 
	padding-top: 4px; 
	border-top: 1px solid #000000;
	font-size: 10px;
	color: #000000;
        float:left;
        clear:both;
}
.featured {
        border: 1px solid #000000;
        background: url(titlebg.jpg);
        font-variant: small-caps;
	font-family: 'Century Gothic', 'Lucida Grande',  'Lucida Sans Unicode', Verdana, Sans-Serif;
	font-size:1.5em;
	letter-spacing:-1px;
	font-weight: bold;
        height: 24px;
        position:relative;
}

#middlemain {
        position:relative;
}
.leftfloater {
        width:47.5%;
        float:left;
        position:relative;
}

.rightfloater {
        width:47.5%;
        float:right;
        position:relative;
        clear:right;
}

.post {
        border: 1px solid #000000;
        padding: 10px;
        position:relative;
}
        
#banner {
	text-align: center;
	width: 760px;
	height: 128px;
	background: url(banner.png);
}

div.titles {
	font-variant: small-caps;
	font-family: 'Century Gothic', 'Lucida Grande',  'Lucida Sans Unicode', Verdana, Sans-Serif;
	font-size:1.5em;
	letter-spacing:-1px;
	font-weight: bold;
}

.picture1 {
	float: right; 
	margin: 10px;
	border: 1px solid black;
	padding:5px;
        background-color: #ffffff;
}

.picture2 {
	float: right; 
	margin: 10px;
	padding:5px;
}

#dhtmltooltip{
	position: absolute;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	visibility: hidden;
	z-index: 100;
        font-size:12px;
}


.navbar,.navbar li,.navbar ul{margin:0;padding:0;list-style-type:none;}
.navbar{position:absolute;left:0;top:0;z-index:20000;width:7.2em;cursor:default !important;border:none;text-align:left;}
.navbar{float:none;width:100%;}
@media screen,projection{.navbar{float:left;}}
@media screen,projection{.navbar:not(:nth-child(n)){float:none;}}
.navbar{margin-top:75px;}
.navbar>li:first-child{margin-left:285px;}
@media Screen,Projection{.navbar>li:first-child{margin-left:0;margin-right:0;}}
@media screen,projection{.navbar:not(:nth-child(n))>li:first-child{margin-left:250px;}}
.navbar li{left:285px;}
@media screen,projection{.navbar li{position:relative;}}
ul[class^="navbar"] li{left:0;position:static;}
@media Screen,Projection{ul[class^="navbar"] li{left:285px;position:relative;}}
@media screen,projection{.navbar:not(:nth-child(n)) li{position:static;}}
.navbar li{display:block;width:auto;float:left;}
.navbar li a{position:static;display:block;float:left;white-space:nowrap;}
@media screen,projection{.navbar l\i a{position:relative;float:none;}}
ul[class^="navbar"] li a{position:relative;float:none;}
@media screen,projection{* html .navbar li a{position:relative;float:none;}}
@media screen,projection{.navbar li a:not(:nth-child(n)){position:static;float:left;}}
.navbar li,.navbar li:first-child{margin-right:1px;}
.navbar li a{margin-bottom:1px;}
ul[class^="navbar"] li a{margin-bottom:0;}
ul[class^="navbar"] li{margin-bottom:1px;}
.navbar a,.navbar a:link{background-image:none;background-color:#ffc;cursor:pointer !important;z-index:1000;text-align:left;border-style:solid;border-color:#ead4a4 #edbb85 #edbb85 #ead4a4;padding-left:9px;padding-right:9px;padding-top:5px !important;padding-bottom:5px !important;text-decoration:none;color:#008000;border-width:1px;font-style:normal;font-family:"century gothic",sans-serif;font-weight:bold !important;}
.navbar a{font-size:75%;}
.navbar li a,.navbar li a:link,.navbar li a:visited{letter-spacing:1px !important;}h
.navbar li a:visited{background-image:none;background-color:#ffc;border-width:1px;color:#008000;font-style:normal;border-style:solid;border-color:#ead4a4 #edbb85 #edbb85 #ead4a4;}
.navbar li a:hover,.navbar li a:focus,.navbar li a.nohref:hover,.navbar li a.nohref:focus{font-style:normal;background-image:none;background-color:#ffe;text-decoration:none;color:#b05010;border-color:#ead4a4 #ead4a4 #fae4b4 #fae4b4;border-style:solid;border-width:1px;}
* html .navbar li a:active{font-style:normal;background-image:none;background-color:#ffe;text-decoration:none;color:#b05010;border-color:#ead4a4 #ead4a4 #fae4b4 #fae4b4;border-style:solid;border-width:1px;}
@media screen,projection{* html .navbar li{display:inline;}}
@media screen,projection{* html .navbar li{display/**/:block;float/**/:left;}}
@media screen,projection{* html .navbar li{clear:none;}}