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

TABLE OF CONTENTS

 * basic html
 * basic template
 * * * nav
 * specific by page
 * * * home
 * * * anna belle
 * * * show
 * * * paintings
 * * * contact

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



/*------------------------
--------------------------
BASIC HTML
--------------------------
------------------------*/


body, html, div, table, tr, td, tbody, p, ul, ol, span, li  {
font-size: 12px; 
font-family: Arial, Helvetica, Verdana, san-serif;
margin: 0px;
padding: 0px;
color: #3a363e;
}

body {
background-image: url(http://www.rabbityears.com/images/bg.jpg);
}

p {
line-height: 20px;
margin: 0px 0px 10px 0px;

}

h1 {
font-weight: normal;
font-size: 24px;
color: #726c78;
}

img {
border: 0px;
}

a:link, a:visited {
text-decoration: none;
color: #c99400;
}

a:hover {
text-decoration: underline;
color: #d6b65a;
}

#home, #annabelle {
margin: 0px;
padding: 0px;
}

#container {
width: 829px;
margin: 0px auto;
}

#top {
background-image: url(http://www.rabbityears.com/images/containerbg_top.gif);
background-repeat: no-repeat;
/*background-position: 14px bottom;
height: 200px;*/
background-position: 14px top;
height: 180px;
width: 815px;
}

#mainbody {
background-image: url(http://www.rabbityears.com/images/containerbg.gif);
background-repeat: repeat-y;
width: 689px;
padding: 0px 60px 0px 70px;
overflow: hidden;
}

#nav {
width: 110px;
float: right;
position: relative;
left: 45px;
margin: 0px 0px 20px 0px;
}

#bottom {
background-image: url(http://www.rabbityears.com/images/containerbg_bottom.gif);
background-repeat: no-repeat;
background-position: 14px 0px;
height: 106px;
width: 815px;
}

.footnote {
font-size: 10px;
color: #726c78;
}





/*------------------------
-----  NAV
------------------------*/

#nav ul {
list-style: none;
padding: 6px 0px 0px 0px;
}

#nav li {
list-style: none;
font-size: 16px;
line-height: 18px;
padding: 0px 0px 6px 0px;
}

#nav a {
}

#paintings #paintingslink a:link, #paintings #paintingslink a:visited, #annabelle #annabellelink a:link, #annabelle #annabellelink a:visited, #show #showlink a:link, #show #showlink a:visited, #statement #statementlink a:link, #statement #statementlink a:visited, #reviews #reviewslink a:link, #reviews #reviewslink a:visited {
color: #8DAF57;
}






/*------------------------
--------------------------
SPECIFIC BY PAGE
--------------------------
------------------------*/


/*------------------------
-----  HOME
------------------------*/



#home p {
line-height: 32px;
padding: 0px 50px;
width: 460px;
float: left;
}

#home #firstpara {
background-image: url(http://www.rabbityears.com/images/lquote.gif);
background-repeat: no-repeat;
background-position: left top;
margin-top: 20px;
}

#home #lastpara {
background-image: url(http://www.rabbityears.com/images/rquote.gif);
background-repeat: no-repeat;
background-position: right bottom;
}

#homestrip {
width: 720px;
height: 240px;
clear: both;
float: left;
display: block;
margin: 0px 0px 20px 0px;
background-image: url(http://www.rabbityears.com/images/homestrips/strip1.jpg);
background-repeat: no-repeat;
}




/*------------------------
-----  ANNA BELLE
------------------------*/

#headshot {
float: left;
margin: 3px 20px 10px 0px;
}


/*------------------------
-----  SHOW
------------------------*/

#address {
margin: 20px 0px;
}

#map {
margin: 40px 0px 0px 0px;
}


/*------------------------
-----  PAINTINGS
------------------------*/

#slideshow {
float: left;
}


/*------------------------
-----  CONTACT
------------------------*/

#contactform {
width: 500px;
}

#contactform input, #contactform textarea {
width: 400px;
border: 1px solid #726c78;
padding: 6px;
}

#contactform .formrow {
display: block;
margin: 0px 0px 10px 0px;
float: left;
}

#contactform .leftcol {
float: left;
width: 80px;
clear: left;
line-height: 20px;
}

#contactform .rightcol {
float: right;
}

#contactform #formbottom {
float: left;
clear: both;
display: block;
width: 500px;
}

#contactform #capthcarow {

}

#contactform #captcharow img {
float: left;
margin: 20px 10px 20px 80px;
}

#contactform #captcharow #captchainfo {
float: right;
display: block;
width: 200px;
}

#contactform #captcharow p {
margin: 12px 0px 6px 0px;
}

#contactform #captcharow input {
width: 180px;
margin: 2px 0px;
}

#contactform #links {

}


#contactform #formbuttons {
float: left;
clear: both;
margin: 6px 0px 6px 80px;
}

#contactform #formbuttons input {
width: 100px;
border: 0px;
background-color: #c99400;
color: #ffffff;
text-transform: uppercase;
padding: 3px;
}