/*
Theme Name: Happy Horse
Theme URI: http://lightsourcecreative.com
Description: A theme based on the twentyten theme custom for Happy Horse.
Version: 1
Author: David Alberts
Author URI: http://arbitercreative.com
Tags: Happy, Horse

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php
*/


@import "style/reset.css";
@import "style/ie.css";
@import "editor-style.css";

/*Utility Styles************************/
.alignright {
	float: right;
}

.alignleft {
	float: left;
}
.aligncenter {
	display:block;
	margin:0 auto;
}

.left{
    float:left;
    margin-right: 10px;
}
.right{
    float:right;
    margin-left: 10px;
}

/*
THIS IS WHERE EDITS TO THE GENERAL LAYOUT OF CONTENT IS PERFORMED. ANY CSS STYLES APPLIED HERE TO TEXT WILL NOT APPEAR IN THE CMS EDITOR.
*/

body{
    background: url('images/HappyHorseUltraBKG.png') center top no-repeat scroll #631A1D;
    text-align: center;
}

div#container{
    background: #C1A769;
    width:800px;

    text-align: left;
    margin: 0 auto;
}

div#left-sidebar{
    float:left;
    position: relative;
    width:172px;
    top: 0;
    left: 0;
    background: #C1A769;
}
div#Content{
    float:left;
    position: relative;
    width:628px;
}

div.clear{
    clear:both;
}



/*HEADER*/

div#Header{

       background: url('images/HappyHorseLayout_header.png') repeat-x top left scroll;
       height: 200px;
       position: relative;

}

a{
    border: none;
}

div#Header a#logo{
background:url("images/logo.png") repeat-x scroll left top transparent;
display:block;
height:135px;
left:60px;
position:relative;
text-indent:-999em;
top:45px;
width:329px;
float:left;
}

div#Header img#rightMenu{
float:left;
left:111px;
position:relative;
}



/*FOOTER*/

div#Footer{
background:url("images/HappyHorseLayout_footer.png") repeat-x scroll left top transparent;
color:#FFFFFF;
font-size:16px;
height:38px;
padding:20px 10px 0;
position:relative;
font-family: Cambria, serif;
}


/*MAIN CONTENT*/

div#MainContent{
    min-height: 400px;

}

 .typography{
     padding: 30px 10px 5px;
}

div#frameHolder{
float:right;
position:relative;

overflow: hidden;
}

a.frames{

  position:relative;
  overflow:hidden;
}

a.frames img{

}



div#mapArea{
    display:none;
}

div#gmap{
    width:600px;
    height: 400px;

}

div#mapArea input, div#mapArea select{
    margin: 5px 0px;
}


/*LINKS*/

div.links{
    margin: 0px 0px 20px;
}

div.links span.link{
    display:block;
    margin: 5px 0px;
}


/*PRODUCTS*/


div#product-right{
    float:right;
    margin:0px 0px 10px 10px;

}

div#product-right div#product-price{
    font-size:3.5em;
    margin:15px 0px 0px 0px;
    text-align:center;
}

div#product-info{
    width: 300px;
    font-size: 1.1em;
}

div#product-info span{
    margin: 0px 0px 20px 0px;
    color: #000;
    display: block;
}

div#product-info h3{
border-bottom:1px solid #631A1D;
margin:0 0 3px;
padding:0 0 3px;
}


.floatright{
    float:right;
}

.floatleft{
    float:left;
}

.absolute-right{
    position:absolute;
    right:0px;
}

.absolute-left{
    position:absolute;
    left:0px;
}


.linkcat,.blogroll li{
    list-style-type:none;
}
ul.blogroll {margin:0; padding: 0}
.blogroll li{margin:5px 0px; padding:0px;}
a.staff-email{
    display:block;
    text-align: center;
}

div.nextprev{
clear:both;
font-size:12px;
height:20px;
}

span.next{
    float:right;
}
span.prev{
    float:left;
}