/**
 * Default CSS template for equine.
 */

body {
    font-family : Verdana, Arial, sans-serif;
    line-height : 16px;
    background : #928C69;
    background-attachment : fixed; 
    font-size : 0.8em;
    color : #fff;
    font-weight : normal;
    margin : 0;
    padding : 0; 
}

/************************************ header stuff */

#header #h1 {
    position : absolute;
    top : 0;
    left : 0;
    background : url(../img/header/lefthorse_01.jpg) no-repeat scroll top left; 
    height : 657px;
    width : 216px;
    z-index : 1;
}
	
#header #h2 {
    position : absolute;
    top : 0;
    left : 216px;
    background : url(../img/header/header_02.jpg) left no-repeat;
    height : 134px;
    width : 569px;
    z-index : 2;
}	
	
#header #list3 {
    position : absolute;
    top : 76px;
    width : 248px;
    text-align : left;
    left : 281px;
    font-size : 0.85em;
    z-index : 7;
}

#header #list4 {
    position : absolute;
    top : 76px;
    width : 300px;
    text-align : left;
    left : 591px;
    font-size : 0.85em;
    z-index : 7;
}
	
#header #list2 {
    font-size : 0.9em;
    line-height : 120%;
    overflow : hidden;
    position : absolute;
    top : 122px;
    left : 224px;
    height : 140px;
    text-align : left;
    width : 525px;
    text-indent : 3px;
    z-index : 3;
}	

#header #list1 {
    position : absolute;
    top : 5px;
    width : 210px;
    text-align : left;
    left : 7px;
    font-size : 0.85em;
    z-index : 7;
}


#header #list5 {
   position : absolute;
   top : 320px;
   width : 210px;
   text-align : left;
   left : 7px;
   font-size : 0.85em;
   z-index : 7;
}


/************************************ content stuff */

#content {
    position : absolute;
    scroll : auto;
    top : 145px;
    left : 216px;
    font-size : 12px;
    text-align : justify;
    width : 531px;
    z-index : 4;
line-height: 1.6em;
}

#tablecell {
    top : 0px;
    left : 0px;
    scroll : auto;
    font-size : 11px;
    text-align : justify;
    width : 531px;
    height : relative;
    border : 1px solid #A5264B;
    z-index : 4;
    font-weight : normal;
}

a:link, a:visited {
    color : #f3e2b4;
    text-decoration : none;
    border-bottom : #f3e2b4;
}

a:hover, a:active {
    color : #fff;
    border-bottom : #fff dotted 1px;
}

/*
 * Thumbnail link, maybe others.
 */
a.image:link, a.image:visited, a.image:hover, a.image:active { }

/************************************ form */

form {
    border : 1px solid #A5264B;
    background : #888260;
    width : 531px;
}

form.noborder {
    border : 0;
}

form.short {
    border : 0;
    background : transparent;
}

form fieldset { border : 0; padding : 0; margin : 0; }

form div.item {
    width : 264px;
    margin-top : 10px;
    margin-bottom : 10px;
    float : left;
    overflow : hidden;
}

form.short div.item {
    margin-top : 5px;
    margin-bottom : 5px;
}

form div.first { clear : both; }

form div.short { width : 40%; }
form div.short2 { width : 48%; }

form div.medium { width : 57%; }

form div.long { clear : both; width : 100%; }

form div.item span.note,
form div.item div.note,
form div.banner-note {
    font-style : italic;
    margin-left : 10px;
}

form div.item p {
    margin-left : 10px;
    margin-right : 10px;
}

form div.legend,
form div.legend2
{
    background : #693c29;
    width : 100%;
    font-weight : bold;
}

form div.legend2 { background : #a5264f; }

form div.legend span,
form div.legend2 span
{
    display : block;
    padding : 10px;
}

form div.legend span.thin,
form div.legend2 span.thin {
    padding : 2px;
}

form div.banner-note {
    clear : both;
    margin-left : 30px;
    margin-bottom : 10px;
}

form div.separator-note,
form div.separator-note2,
form div.separator-note3,
form div.separator-note4,
form div.submit {
    clear : both;
    background : #693c29;
    width : 100%;
    text-align : center;
    border-top : 1px solid #924e30;
    border-bottom : 1px solid #924e30;
}

form div.separator-note2,
form div.separator-note4
{
    background : #a5264f;
    padding-top : 10px;
    padding-bottom : 10px;
    border : 0;
}

form div.separator-note4 {
    padding-top : 2px;
    padding-bottom : 2px;
}

form div.separator-note3 {
    background : #924e30;
    padding-top : 10px;
    padding-bottom : 10px;
    border : 0;
}

form div.submit {
    text-align : right;
    padding-bottom : 8px;
}

form.short div.submit {
    width : 50%;
}

form label {
    width : 104px;
    text-align : right;
    display : block;
    float : left;
    padding-right : 3px;
    padding-top : 2px;
}

form label.long { width : 250px; }

form div.short label { width : 60px; }

form div.short2 label { width : 90px; }

form label.required { font-weight : bold; }

input.text,
input.password,
input.file,
select,
textarea {
    border : 0;
    background : #F3E2B4;
    color : #300;
    padding : 3px;
    font-size : 100%;
}

input.file { margin-left : 10px; }

input.submit,
input.reset
{
    margin-top : 4px;
    background : transparent;
    border : 0;
    color : #f3e2b4;
    text-decoration : none;
    border-bottom : 1px solid transparent;
    font-weight : bold;
    font-size : 95%;
}

input.submit:hover,
input.reset:hover
*/
{
    color : #fff;
    border : 0;
    border-bottom : #fff dotted 1px;
}

input.submit.disabled
{
    color : white;
    text-decoration : none;
    border : 0;
    border-bottom : transparent solid 1px;
    font-weight : bold;
    font-size : 95%;
}

input.submit.disabled:hover
{
    color : #fff;
    border : 0;
    border-bottom : transparent solid 1px;
}

div.checkboxes {
    margin-left : 20px;
    overflow : hidden;
}

div.checkboxes div.box {
    width : 32%;
    float : left;
    margin-bottom : 5px;
    font-weight : normal;
    overflow : hidden;
}

div.checkboxes input.checkbox { }*/
div.checkboxes span.checkbox_description { }

label.buddy { clear : both; }
.buddy { margin-top : 5px; float : left; }
select.buddy
/*
input[type=checkbox].buddy,
input[type=radio].buddy
*/
{ margin-top : 10px; }

fieldset.alt { background : #54270e; }

/****************************** tables */
table.pedigree tr,
table.pedigree td { padding : 0; margin : 0; }
table.pedigree tr.middle_top td { padding-bottom : 20px; }

/****************************** photos, videos */

#photo div.item,
#video div.item {
    margin-bottom : 10px;
    padding-bottom : 10px;
    border-bottom : 2px solid #693C29;
    overflow : hidden;
}

#photo img,
#video object {
    padding-left : 10px;
}

/*********************** ERRORS */

/*
 * These are the error messages that come up under
 * erroneous input items.
 */
div.error_message {
    color : white;
    font-size : 110%;
    border : 1px solid #ccc;
    background : #ac8c6a;
    padding : 3px;
}

/*********************** MESSAGES */
#main_error_message,
#main_success_message {
    border : 1px solid white;
    padding : 8px;
    font-weight : bold;
    width : 500px;
    font-size : 120%;
    margin : 10px;
}

#main_error_message {
    color : white;
    background : #B6325A;
}

#main_success_message {
    color : white;
    background : #ac8c6a;
}


/****************************** cancellors */
.nobold { font-weight : normal; }
.noitalic { font-style : normal; }
.clear { clear : both; }
.center { text-align : center; }