/* Tripoli
@import url("tripoli.base.css");
@import url("tripoli.type.css");
@import url("tripoli.visual.css");
*/

/* Eric Meyer's Reset
*/
@import url("stylesheets/reset.css");

body {position: relative; font-size: x-small; font-family: Garamond, serif; color: #070707; background: #d2cfc4;}
a {text-decoration: none; color:#999999}
a:hover {text-decoration: underline;}
strong {font-weight: none;}
strong, h1, h2, h3, h4, h5 {color: #392205;}
h1, h2, h3, h4, h5 {font-weight: bold;}
p {margin-bottom: 1.4em;}

.clear {clear: both;}

.panel {background: url(images/panel_bg_top.jpg) repeat-x top left; border-bottom: 1px solid #070707;}
.panel .liner {padding: 32px 32px 32px 205px; background: url(images/panel_bg_bottom.jpg) repeat-x bottom left;}
.panel .content {width: 1200px;}
.panel .imageWell {float: left; margin-right: 32px; position:relative;}
.panel .caption {float: left; width: 192px;}
.panel h3 {margin-bottom: 0.6em; font-size: 1.5em;}
.panel p {color: #392205; margin-bottom: 3em; font-size: 1.2em; line-height: 1.4em;}
.panel a {color: #a86b14;}
.panel a:hover {text-decoration: none; color: #392205;}
.panel em {font-style:italic;}
.panel strong {font-weight:bold;}

#header {position: fixed; top: 32px; background: url(portfolio/NavBar.png) no-repeat top left; width:172px; height:400px;}
#header .logo a {display: block; width: 155px; height: 108px; margin: -5px;}
#header .logo span {display: none;}
#header .nav {padding: 0.25em 0; font-size: 1.25em; line-height: 1.4em; margin-left: 15px;}
#header .nav li a {display: block; color: #392205;}
#header .nav li a:hover {text-decoration: none; color: #a86b14;}
#header .contact {font-size: 1.3em; line-height: 1.2em; margin-left: 15px; padding-top:80px;}
#header .contact a {color: #9a271a; text-decoration: none; margin-left: 15px;}

#footer {padding: 32px 32px 32px 205px; background: url(images/panel_bg_top.jpg) repeat-x top left;}

body.home .hero {position: relative; margin-bottom: 4em; height: 412px;}
body.home .hero img {display: block; position: absolute; top: 0; left: 0;}
body.home #content .content {width: 816px;}
body.home #content .info {width: 420px;}
body.home #content .info h2 {font-size: 1.5em;}
body.home #content .contact {float: right; margin: 0 32px;}