/*
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: relative;
	top: -370px;
	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;
        
}
.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;
        float:left;
}
.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;
}

.navbar,.navbar li,.navbar ul{
    margin:0;
    padding:0;
    list-style-type:none;
}
.navbar{
    position:absolute;
    top:0;
    right:0px;
    left:250px;
    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;}}

.navbar{
    margin-top:85px;
}


@media screen,projection{.navbar>li:first-child{margin-left:0;margin-right:0;}}


.navbar li{
    left:0px;
}

@media screen,projection{.navbar li{position:relative;}}

ul[class="navbar"] li{
    left:0;
    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;}}


.navbar li,.navbar li:first-child{
    margin-right:1px;
}

.navbar li a{
    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;
}

.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;}}