/*
 * 5d2a2f maroon
 * eecd86 yellowish
 * e18942 orange
 * b95835 rust
 * 3d3242 purple
 *
 */
body { text-align:center; background-color:#eaeace; padding:0; margin:0; font-family:arial, tahoma, sans-serif; }
h1 { color:#ccc; text-shadow: -1px -1px #666, 1px 1px #FFF; font-size:55px; font-family:georgia, "times new roman", serif; margin:60px 50px 0 0; float:right; }
a { color:#e18942; }
a:hover { color:#b95835; }
ul.nav { display:inline; }
ul.nav li { float:left; list-style:none; padding:6px 26px; height:24px; }
ul.nav li:hover, ul.nav li.active { background-color:#5d2a2f; color:#fff; }
ul.nav a { color:#000; text-decoration:none; }

#wrapper { width:960px; margin:0 auto; text-align:left; }
#header { width:100%; height:150px; background:url("images/header-bg.jpg"); }
#nav { width:100%; height:36px; background-color:#eecd86; border-top:1px solid #fff; border-bottom:1px solid #666; }
#main { background-color:#fff; color:#000; min-height:550px; padding:10px; text-align:left; }
#footer { background-color:#5d2a2f; color:#fff; height:50px; font-size:12px; }
#footer p { float:right; clear:both; margin:6px 14px 0 0; }

.section { width:100%; min-height:240px; border-bottom:1px solid #555; margin-bottom:10px; }
.image-holder { width:300px; float:left; }
.image-holder img { border:1px solid #555; }
.image-holder span { float:left; }
.add-image { float:left; border:1px solid #555; width:300px; }
.text-holder { width:600px; float:right; }
.text-holder div.comments { width:100%; min-height:100px; }
table.animals { width:100%; border-collapse:collapse; margin-bottom:15px; }
table.animals td { width:450px; border:1px solid #ccc; padding:4px; }
table.animals td.col1 { width:100px; background-color:#ddd; }
.disclaimer { font-size:12px; color:#5d2a2f; }
.new { /*font-weight:bold; color:#b95835;*/background-color:#eecd86; padding:3px; }
#popup { display:none; position:absolute; top:190px; left:50%; margin-left:-400px; width:800px; height:600px; border:1px solid #000; z-index:10; }
#pImage { z-index:11; }

#fade {position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ccc; opacity:0.7;filter: alpha(opacity=70);display:none; clear:both;}
#modal {position:fixed; top:10%; left:50%; margin-left:-400px; width:800px; height:620px; background-color:#000; padding:20px; opacity:1; filter: alpha(opacity=100); border-radius:5px; border:1px solid #333; box-shadow: 0 5px 30px #000; display:none; z-index:20;}
.modal a {color:#fff}