/*--------------------------------------------------------------------------------------------------

OVER THE HILL FARM Stylesheet
(c) Copyright 2008 Over The Hill Farm

This is the default stylesheet site-wide.

--------------------------------------------------------------------------------------------------*/


/* BASIC FORMAT
--------------------------------------------------------------------------------------------------*/

body                  { margin:0 0 25px 0; padding:0; background: #999966; color: #000000; }
body, table           { font-family:verdana; font-size:12px; line-height:160%; }

#header1              { margin:0 auto; background: #000033 url(../images/head01.jpg); width: 776px; height: 325px; }
#header2              { margin:0 auto; background: #000033 url(../images/head02.jpg); width: 776px; height: 325px; }
#center               { margin:0 auto; width:776px; background: #ffffff; }
#wrap                 { margin:0; width:760px; padding: 0 8px 8px 8px; background: #ffffff; }
#nav                  { background: #cccc99; height: 20px; padding: 15px 0; text-align: center; }
#content              { background: #ffffee; padding: 20px; }

#main                 { background: #ffffee; padding: 0px; }
#full                 { background: #ffffee; padding: 20px; text-align: left; }
#media                { background: #ffffee; padding: 20px; width: 475px; float: left; clear: right; text-align: right; }
#left                 { background: #ffffee; padding: 20px; width: 475px; float: left; clear: right; text-align: left; }
#side-right           { background: #ffffee; width: 200px; text-align: left; padding: 20px; float: left; border: 1px #cccc99 solid; border-width: 0 0 0 1px; }
#sidebar              { background: #ffffee; width: 200px; text-align: left; padding: 20px; float: left; border: 1px #cccc99 solid; border-width: 0 1px 0 0; }
#sidebar .item        { width: auto; display: row; clear: right; }
#sidebar .lable       { }
#sidebar .entry       { }
#contact_sidebar      { background: #ffffee; width: 200px; text-align: right; margin-left: 10px; margin-right: 0px; margin-top: 60px; padding: 10px; float: right;}
#footer               { margin:0px auto; background: #000033; border: 8px white solid; border-width: 0 8px 8px 8px; margin-top: -8px; width: 760px; height: 40px; }
#copy                 { margin: 5px auto 0px auto; width: 776px; background: #999966; text-align: left; color: white; font-size: 11px; }

cite.flickrcite       {font-size:11px;text-transform:uppercase;color:#999;text-align:right;display:block;}

/* TYPOGRAPHY 
--------------------------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,
pre,table,blockquote  { margin:0 0 1em 0; padding:0; }
h1,h2,h3,h4,h5,h6			{ line-height:1.1em; margin-bottom:.5em; }
em                    { font-weight: bold; text-decoration: none; font-style: normal; }
small                 { font-size:10px; line-height:12px; font-style: italic; }
sup                   { font-size:10px; line-height:10px; vertical-align:30%;  }
sub                   { font-size:10px; line-height:10px; vertical-align:30%;  }
del										{ text-decoration: line-through; }
ins										{ text-decoration: none; }

h1                    { font: bold 215%/100% Georgia; letter-spacing: -1px; color: #000033; }
h2                    { font-family: Georgia; font-weight: normal; font-size: 22px; color: #000033; margin-bottom: 0px; }
h3                    { font-family: Georgia; font-weight: normal; font-size: 16px; color: #000033; margin-bottom: 0px; }
h4                    { font-family: Verdana; font-weight: normal; font-style: italic; font-size: 12px; color: #FF0000; margin-top: 5px; margin-bottom: 0px; }

.serif                { font-family: Georgia; }
.sans                 { font-family: Verdana; }
.bold                 { font-weight: bold; color: #000033; }
.red                  { font-weight: bold; color: #FF0000; }

/* IMAGE
--------------------------------------------------------------------------------------------------*/
a img                 { border:none; }
.left                 { float: left; border: 1px #999966 solid; margin-right: 10px; margin-bottom: 10px; }
.right                { float: right; border: 1px #999966 solid; margin-left: 10px; }


/* LINKS
--------------------------------------------------------------------------------------------------*/
a                     { text-decoration: none; color: #000033; }
a:hover               { text-decoration: underline; }
#copy a               { color: white; text-decoration: underline; clear: both; }
a.button              { border: 1px #000033 solid; padding: 5px; line-height: 10px; font-size: 10px; color: #000033; font-weight: bold; }

/* FORMS
--------------------------------------------------------------------------------------------------*/

form                  { margin:0; padding:0; margin-bottom:1em;  }
input,textarea,select	{ border:1px solid #aaa; font-family: Georgia; background: #eee; font-size:1em; }


/* PAGES
--------------------------------------------------------------------------------------------------*/
.entry                { margin: 0 0 20px 0; }
.category             { margin-bottom: 3px; width: 690px; background: #000033; color: #ffffff; padding: 5px 15px; font-weight: bold; }
.horse                { clear: both; padding: 20px 0 10px 0; border: 1px #D2B48C solid; border-width: 1px 0 0 0; }
.horse img            { padding: 5px; border: 1px #D2B48C dashed; margin-right: 15px; width: 140px; float: left; }
.horse h1             { font-family: Georgia; font-size: 22px; margin-bottom: 0; color: #000033; }
.horse small          { font-family: Verdana; font-size: 10px; color: #333333; }
.horse em             { font-family: Verdana; font-size: 10px; font-weight: bold; }
.column-sm            { float: left; width: 140px; padding: 5px 5px 0 0;  font-family: Verdana; font-size: 12px; }
.column-md            { float: left; width: 175px; padding: 5px 5px 0 0;  font-family: Verdana; font-size: 12px; }
.column-lg            { float: left; width: 250px; padding: 5px 5px 0 0;  font-family: Verdana; font-size: 12px; }

.thumb                { float: left; padding-right: 10px; width: 120px; }
.name                 { float: left; width: 500px; }
 

#search_bar           { margin: 0 -40px; border: 1px #cccc99 solid; border-width: 1px 0; background: #ececc6; width: 100%; }
#search_content       { padding: 10px; }

/* NAV
--------------------------------------------------------------------------------------------------*/
#nav ul               { margin:0; padding:0; list-style:none; }
#nav ul li            { margin:0; padding:0; margin-right:1em; display:inline; }
#nav a                { padding: 0 10px; color: #000033; font-family: Georgia, Trebuchet MS; letter-spacing: -.04em; text-transform: uppercase; font-size: 20px; }
#nav a:hover          { color: #999966; text-decoration: none; }
#nav .selected        { color: #ffffff; }

/* CONTACT
--------------------------------------------------------------------------------------------------*/
#contact              { width: 400px; float: left;  }
#contact ul           { margin:0; padding:0; list-style:none; }
#contact ul li        { margin:0; padding:0; margin-right:1em; display:inline; }
#contact .submit      { width: 75px; position: relative; background: #cccc99; left: 337px; padding: 5px;}
#contact .input       { width: 400px; padding: 5px; margin-bottom: 10px; background-color: rgb(255,255,222); }



/* LISTS
--------------------------------------------------------------------------------------------------*/
ul                    { margin:0; padding:0; padding-left:2em; margin-bottom:1em; }
ul li                 { margin:0; padding:0; }          
ol                    { margin:0; padding:0; padding-left:2em; margin-bottom:1em; }
ol li                 { margin:0; padding:0; }
ol ol									{ margin-bottom:0; list-style:lower-roman; }
ol ol	li							{ list-style-type:lower-roman; }