/*

Styles for stephaniehargrave.com, May 2009.

*/

html, body {
margin: 0;
padding: 0;
background-color: 
/*#ffffff;*/
/*#57544C;*/
#736E64;
/*#4a525a;*/ /* Gruber gray */

}

/* 
per:

http://sonspring.com/journal/removing-dotted-links 

and better:

http://support.mozilla.com/tiki-view_forum_thread.php?locale=el&comments_parentId=117224&forumId=1

the following removes the dotted lines around links when you click them:
*/

a:focus, a:active { 
outline: none; 
} 

body {
text-align: center;
}

p {
margin: 0 10px 10px;
}

#header {
border-bottom: 3px solid #3a1b10;
width: 900px;
background-color: #99958a;
}

#header h1 {
font-family: Helvetica, Arial, 'Trebuchet MS', sans-serif;
font-size: 1.6em;
padding: 65px 0px 0px 0px;
margin: 0px 0px 15px 35px;
color: #3a1b10;
}

#header h1 a, #header h1 a:hover {
text-decoration: none;
border: 0;
color: #3a1b10;
}

#header #top_nav {
text-align: right;
margin: 0;
padding: 0px 0px 5px 0px;
}

#header #top_nav p {
font-family: Helvetica, Arial, 'Trebuchet MS', sans-serif;
font-size: 0.85em;
font-weight: bold;
margin: 0;
padding: 0px 55px 0px 0px;
}

#header #top_nav p a {
color: #3a1b10;
padding-left: 50px;
text-decoration: none;
}

#header #top_nav p a:hover {
color: #793623;
text-decoration: none;
}

body#portfolio #header #top_nav p a.portfolio,
body#shows #header #top_nav p a.shows,
body#about #header #top_nav p a.about,
body#contact #header #top_nav p a.contact {
color: #793623;
}

#container {
text-align: left;
width: 900px; 
margin: 0 auto;
background: #d6d5d0;
}

#content {
background: #d6d5d0;
float: right;
width: 515px;
padding: 40px 60px 5px 65px;
}

/* This is overwritten with dynamic CSS in portfolio.php if $url_statement variable is not empty */
body#portfolio #content {
height: 486px;
}


#content h1 {
font-size: 1.1em;
font-family: Helvetica, Arial, 'Trebuchet MS', sans-serif;
color: #3a1b10;
padding: 0;
margin: 25px 0px 15px 0px;
line-height: 1.4em;
border: 0;
}

#content p, #content ul li {
font-size: 0.75em;
font-family: Helvetica, Arial, 'Trebuchet MS', sans-serif;
color: #3a1b10;
padding: 0;
margin: 0px 0px 12px 0px;
line-height: 1.4em;
border: 0;
}

body#shows #content ul {
margin: 15px 0px 5px 0px;
/*border: 1px solid black;*/
padding: 0;
}

body#shows #content ul li {
list-style-type: none;
margin: 0;
padding: 0;
}


#content p a, #content ul li a {
color: #65585C;
text-decoration: none;
border-bottom: 1px dotted #65585C;
}

#content ul li {
list-style-type: square;
}

#content p a:hover, #content ul li a:hover {
color: #660011;
text-decoration: none;
border-bottom: 1px solid #65585C;
}

#content img {
border: 1px solid #3a1b10;
padding: 0;
margin: 0px 0px 10px 0px;
}

#left_navigation {
background: #d6d5d0;
float: left;
width: 250px;
/*border: 1px solid red;*/
height: 324px;
}

#left_navigation img {
border: 1px solid #3a1b10;
padding: 0;
margin: 11px 0px 0px 0px;
}

#student_work p {
text-align: center;
}

#student_work p img {
margin-right: 12px;
}




/* TRUE FOR ALL LISTS */
#left_navigation ul {
padding: 0;
list-style-type: none;
margin: 45px 0px 30px 35px;
}


/* LOOSE LIST %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
#left_navigation ul.loose li {
padding: 0;
font-size: 10pt; /* Using ems in nested lists seems to be hinky */
margin-top: 10px;
}

#left_navigation ul.loose li ul {
padding: 0;
margin: 0px 0px 20px 10px;
}

#left_navigation ul.loose li ul li {
padding: 0;
font-size: 10pt; /* Using ems in nested lists seems to be hinky */
}

#left_navigation ul.loose li a, #left_navigation ul.loose li ul li a {
color: #3A1B10;
text-decoration: none;
}

#left_navigation ul.loose li a:hover, #left_navigation ul.loose li ul li a:hover {
color: #793623;
text-decoration: none;
}
/* END LOOSE LIST %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */




/* TIGHTER LIST %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
#left_navigation {
font-family: Helvetica, Arial, 'Trebuchet MS',sans-serif;
color: #3a1b10;
}

#left_navigation ul.tight li {
padding: 0;
font-size: 10pt; /* Using ems in nested lists seems to be hinky */
margin-top: 3px;
}

#left_navigation ul.tight li.ind {
padding: 0;
font-size: 10pt; /* Using ems in nested lists seems to be hinky */
margin: 3px 0px 0px 6px;
}

#left_navigation ul.tight li ul {
padding: 0;
margin: 0px 0px 10px 10px;
}

#left_navigation ul.tight li ul li {
margin-top: 0px;
padding: 0;
font-size: 10pt; /* Using ems in nested lists seems to be hinky */
}

#left_navigation ul.tight li a, #left_navigation ul.tight li ul li a {
color: #65585C;
text-decoration: none;
}

#left_navigation ul.tight li a:hover, #left_navigation ul.tight li ul li a:hover {
color: #660011;
text-decoration: none;
}
/* END TIGHTER LIST %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */



/* TIGHT AND SMALL LIST %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
#left_navigation ul.tight_small {
padding: 0;
list-style-type: none;
margin: 40px 0px 30px 35px;
}

#left_navigation ul.tight_small li {
padding: 0;
font-size: 9pt; /* Using ems in nested lists seems to be hinky */
margin-top: 8px;
}

#left_navigation ul.tight_small li ul {
padding: 0;
margin: 0px 0px 20px 10px;
}

#left_navigation ul.tight_small li ul li {
padding: 0;
font-size: 8pt; /* Using ems in nested lists seems to be hinky */
}

#left_navigation ul.tight_small li a, #left_navigation ul.tight_small li ul li a {
color: #3A1B10;
text-decoration: none;
}

#left_navigation ul.tight_small li a:hover, #left_navigation ul.tight_small li ul li a:hover {
color: #793623;
text-decoration: none;
}
/* END TIGHT SMALL LIST %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

#left_navigation h2 {
font-size: 1.3em;
padding: 0px;
margin: 60px 0px 15px 35px;
color: #3a1b10;
}


#thumbnails {
padding: 0;
margin: 20px 0px 0px 35px;
float: left;
clear: left;
width: 215px;
}

#thumbnails table, #thumbnails table tr, #thumbnails table tr td {
padding: 0;
margin: 0;
border: 0;
}

#thumbnails img {
display: block;
}

#thumbnails table tr td.td1, #thumbnails table tr td.td3 {
border-right: 1px solid #B9BFB5; /*AEAAA2; ORIG #ccc9c4;*/
}

#thumbnails table tr td.td1, #thumbnails table tr td.end {
border-bottom: 1px solid #B9BFB5; /*AEAAA2; ORIG #ccc9c4;*/
}

#thumbnails table tr td.tdleft {
text-align: left;
padding-left: 2px;
}

#thumbnails table tr td.tdright {
text-align: right;
padding-right: 5px;
}

#thumbnails table tr td a img {
padding: 1px;
margin: 2px 4px 4px 1px;
border: 3px solid #d6d5d0;
background-color: #d6d5d0;
}

#thumbnails table tr td a:hover img {
padding: 1px;
margin: 2px 4px 4px 1px;
border: 3px solid #e5e9e6;
background-color: #82473b;
}

/*#thumbnails table tr td.chosen {
background-image: url('i/thumb-bkgd.jpg');
background-color: red;
}*/

/* For shows.php page */
li.hot {
color: #793623;
/*list-style-type: square;*/
}

#content p.painting_title_block {
font-size: 0.81em;
/*font-weight: bold;*/
}

#content p.painting_title_block em {
font-weight: bold;
}




#footer {
border-top: 5px solid #3a1b10;
background-color: #99958a;
font-family: Helvetica, Arial,'Trebuchet MS', sans-serif;
font-size: 0.85em;
color: #3a1b10;
clear: both;
width: 100%;
padding: 10px 0px 30px 0px;
margin: 0;
}

#footer_left {
width: 400px;
margin: 0px 0px 0px 35px;
text-align: left;
}

#footer_right {
width: 400px;
margin: 0px 55px 0px 0px;
float: right;
text-align: right;
}

#footer_right a {
color: #4A4043; 
text-decoration: none;
}

#footer_right a:hover {
color: #793623;
text-decoration: none;
}




#statement_detail_box {
/* border: 1px solid #000; */
font-family: Helvetica, Arial, 'Trebuchet MS', sans-serif;
font-size: 0.75em;
color: #3a1b10;
clear: both;
width: 100%;
padding: 0px 0px 30px 0px;
margin: 0px 0px 0px 0px;
}

#statement_detail_right_outer {
/* border: 1px solid green; */
width: 522px;
margin: 0px 55px 0px 0px;
float: right;
text-align: right;
}

#statement_detail_right_outer a {
color: #4A4043; 
text-decoration: none;
}

.main {
border-bottom: 1px dotted #3a1b10;
}

#statement_left {
/* border: 1px solid red; */
width: 100px;
margin: 0px 30px 0px 0px;
text-align: left;
}

#statement_left a {
color: #4A4043;
text-decoration: none;
}

#statement_left a:hover {
color: #793623;
text-decoration: none;
}

#detail_right {
/* border: 1px solid yellow; */
width: 250px;
margin: 0px 0px 0px 0px;
float: right;
text-align: right;
}

#detail_right a {
color: #4A4043; 
text-decoration: none;
}

#detail_right a:hover {
color: #793623;
text-decoration: none;
}

#arrows_left {
/* border: 1px solid blue; */
font-size: 1.7em; 
font-weight: normal;
font-family: serif;
/************
Don't declare font size again here - 
it seems to be cumulative 
(it already gets 0.75em 
from #statement_detail_box above) 
and so makes the font super small 
*************/
width: 235px;
margin: 0px 0px 0px 35px;
text-align: left;
padding: 0;
}

#right_arrow {
width: 50px;
float: right;
text-align: right;
line-height: 0.5;
/*margin-top: -6px;*/
}

#left_arrow {
width: 50px;
text-align: left;
line-height: 0.5;
/*margin-top: -6px;*/
}

#right_arrow a {
color: #3a1b10;
text-decoration: none;
}

#right_arrow a:hover {
color: #793623;
text-decoration: none;
}

#left_arrow a {
color: #3a1b10;
text-decoration: none;
}

#left_arrow a:hover {
color: #793623;
text-decoration: none;
}