/*
Styles for Anderson Masonry & Restoration
Copyright: AMR, Inc.
Author: Adrienne Rice Adams
Company: Cloud Islands
Date Created: July 5, 2006
Last Modified: May 9, 2008
*/

/*
COLORS:
Black: #000000
White: #FBFDFB
Beige: #E1CDB0
Taupe: #A99C84
Lt. Brown: #71544D
Med. Brown: #523D38
Dk. Brown: #43322D
Dk. Green: #444433
Lt. Green: #666655
Brick Red: #983620
*/

* {
margin: 0;
padding: 0;
}
body {
background: #e1cdb0 url(../images/bg-3.gif);
color: #000000;
font-family: Georgia, Palatino, serif;
}

/*-----typography-----*/

h2.title {
clear: both;
color: #444433;
border-bottom: 1px solid #666655;
margin: 10px 25px 10px 25px;
font-size: 1.2em;
font-weight: normal;
}
h3 {
font-size: 1em;
font-weight: normal;
line-height: 1.6em;
}
h4 {
font-size: .9em;
}
p {
font-size: .9em;
line-height: 1.5em;
margin-top: 12px;
margin-bottom: 12px;
}
#main p {
margin-left: 25px;
}
#footer p {
color: #fbfdfb;
background: #523D38;
font-size: .75em;
text-align: center;
margin: 0;
padding: 5px;
}

/*-----links-----*/

a {
color: #600;
background-color: transparent;
}
a:visited {
color: #933;
}
a:hover {
color: #443;
}
#footer a {
color: #E1CDB0;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}

/*---main navigation---*/

#main_nav {
float: right;
margin: 10px 10px 0 0;
}
main_nav ul {
background: transparent;
margin: 5px 15px;
}
#main_nav li {
display: inline;
list-style-type: none;
}
#main_nav li a {
color: #43322D;
padding: 4px;
text-decoration: none;
}
#main_nav li a:hover {
color: #fbfdfb;
background: #523D38;
}
body#home #home_nav a,body#projects #projects_nav a,body#services #services_nav a,body#contact #contact_nav a {
color: #43322D;
background: url(../images/bullet-2.gif) no-repeat left center;
background-color: transparent;
padding-left: 20px;
font-weight: bold;
}

/*----branding---*/

#header {
color: #000;
background: #e1cdb0 url(../images/banner-2.jpg) no-repeat left top;
width: 785px;
height: 230px;
padding-bottom: 10px;
}
#header h1 {
margin-left: -2000px;
}
#header_small h1 {
margin-left: -2000px;
}
#logo {
color: #000;
background: url(../images/logo-1.gif) no-repeat left top;
width: 320px;
height: 190px;
position: relative;
top: 20px;
left: 35px;
}
#logo_small {
color: #000;
background: url(../images/logo-3.gif) no-repeat left top;
width: 530px;
height: 60px;
position: relative;
top: 15px;
left: 25px;
}
/*----- layout-----*/

#wrapper {
color: #000;
background-color: #E1CDB0;
border: 1px solid #fbfdfb;
width: 795px;
margin: 10px auto;
}
#content {
clear: both;
color: #000;
background: #fbfdfb;
width: 778px;
border: 1px solid #665;
margin: 8px;
line-height: 1.2; /*fixes IE peek-a-boo bug*/
}
#main {
float: left;
width: 45%;
}
#sidebar {
float: right;
display: inline; /*fixes IE double-margin float bug*/
}
#footer {
color: #000;
background: #523D38;
padding: 10px 0;
}
.clear {
clear: both;
}
/*---misc---*/

#sidebar img {
background: #A99C84;
border: 1px solid #666655;
margin: 30px 25px 5px 15px;
padding: 3px;
}
span.detail {
display: block;
font-size: .8em;
font-style: italic;
}
/*---homepage---*/

#home_thumbs {
clear: both;
margin: 0 5px;
}
#home_thumbs img{
margin: 8px 1px;
}
#home_message {
padding: 0 25px;
}
.thumb {
color: #000;
background: #E1CDB0;
padding: 3px;
border: 1px solid #71544D;
}

/*---project index page---*/

#gallery {
clear: both;
}
#gallery_main {
float: right;
width: 501px;
/*height: 501px;*/
margin-right: 25px;
display: inline; /*fixes IE double-margin float bug*/
}
#gallery_main img {
margin: 0;
padding: 0;
}
/*p#gallery_instructions {
text-align: center;
}*/
#gallery_thumb {
float:left;
width: 190px;
height: 501px;
margin: 0 10px 0 25px;
border: 1px solid #444433;
overflow: auto;
background-color: #A99C84;
display: inline; /*fixes IE double-margin float bug*/
}
#gallery_thumb img {
background: #fbfdfb;
border: 1px solid #444433;
margin: 0;
padding: 3px;
}
#gallery_thumb ul {
list-style-type: none;
margin-left: 5px;
}
#gallery_thumb a {
color: #000;
}
#gallery_thumb a:hover {
color: #443;
}
.thumb_caption {
font-size: .75em;
margin: -5px 0 10px 8px;
}
div#prev_next {
color: #fbfdfb;
background-color: #523D38;
height: 20px; /*--required to keep div open--*/
font-size: .85em;
padding: 5px 20px;
}
div#prev_next a{
color: #fbfdfb;
text-decoration: none;
}
div#prev_next a:hover{
font-weight: bold;
}
div#prev_next span.prev{
float: left;
display: inline; /*fixes IE double-margin float bug*/
}
div#prev_next span.next{
float: right;
display: inline; /*fixes IE double-margin float bug*/
}

/*---project pages---*/

div#project_summary {
clear: both;
padding: 10px 15px 10px 25px;
}
div.project_detail {
clear: both;
border-top: 1px solid #e1cdb0;
padding: 10px 8px;
}
div.figure_main {
float: right;
margin: 0 8px;
display: inline; /*fixes IE double-margin float bug*/
}
div.figureL {
float: left;
max-width: 50%;
margin: 0 0 0 8px;
display: inline; /*fixes IE double-margin float bug*/
}
div.figureL2 {
float: left;
max-width: 50%;
margin: 0 0 0 30px;
display: inline; /*fixes IE double-margin float bug*/
}
div.figureR {
float: right;
margin: 0 8px 0 0;
display: inline; /*fixes IE double-margin float bug*/
}
div.figureR2 {
float: right;
margin: 0 50px 0 0;
display: inline; /*fixes IE double-margin float bug*/
}
div.figureS {
float: left;
margin: 0 12px;
display: inline; /*fixes IE double-margin float bug*/
}
div.figure_main img,div.figureL img,div.figureL2 img,div.figureR img,div.figureR2 img,div.figureS img {
background: #A99C84;
border: 1px solid #666655;
padding: 3px;
}
p.cap_wide {
width: 350px;
margin: 5px 0;
font-size: .75 em;
font-style: italic;
text-align: center;
}
p.cap_narrow {
width: 260px;
margin: 5px 0;
font-size: .75 em;
font-style: italic;
text-align: center;
}
p.cap_square {
width: 220px;
margin: 5px 0;
font-size: .75 em;
font-style: italic;
text-align: center;
}

/*-----lists-----*/

ul {
font-size: .9em;
margin: 10px 0 10px 35px;
}
li {
margin: 7px;
}
ul.simple {
list-style-type: none;
}

/*---unused styles---*/

/*.leftimage {
float: left;
background: #A99C84;
border: 1px solid #666655;
margin: 15px;
padding: 3px;
display: inline;
}
h1,h2,h3,h4,h5 {
font-weight: normal;
}
h4.prev {
background: url(images/arrow-l.gif) no-repeat center left;
float: left;
margin-top: 10px;
margin-left: 25px;
padding-left: 18px;
font-weight: normal;
display: inline; 
}
h4.next {
background: url(images/arrow-r.gif) no-repeat center right;
float: right;
margin-top: 10px;
margin-right: 25px;
padding-right: 20px;
font-weight: normal;
display: inline;
}
h4.prev a,h4.next a {
color: #983620;
}
#describe {
margin-bottom: 15px;
}
h4.project_link {
position: relative;
left: 350px;
margin: 5px;
}
p.caption {
font-size: .75 em;
font-style: italic;
padding-right: 10px;
}
*/