@charset "utf-8";
/* CSS Document */

/* Reset browser defaults */
@import url('reset.css');

::selection { background: #69842f; color: #FFF;}
::-moz-selection { background: #69842f; color: #FFF;}

body{ background-color:#292929; font-family:Georgia, "Times New Roman", Times, serif;}

a, a:visited{color:#69842f; font-style:italic; text-decoration:none;}
a:hover{text-decoration:underline;}

.container{width:1020px; margin:0 auto 0 auto;}

/*#bgtest{background-image:url(images/test_home2.jpg); height:768px; width:1020px; position:absolute; opacity:0.5;}
*/
/* ---------- Left Column ---------- ---------- */
.leftcol{width:290px; height:506px; background:url(images/nav_bg.jpg) 5px 0 no-repeat; position:absolute;}

.logo{width:215px; height:93px; margin:16px 0 20px 34px; cursor:pointer; font-size:24px;}
.logo a{cursor:pointer;}
.logo span{background:url(images/jennifervoss.jpg) no-repeat; position:absolute;width:215px; height:93px;}

.tagline{width:145px; height:30px; margin:24px 0 40px 73px; font-size:11px;}
.tagline span{background:url(images/tagline.gif) no-repeat; position:absolute; width:145px; height:30px;}

.nav ul{width:195px; list-style:none; margin:0 0 0 42px; }
.nav li{font-size:16px; cursor:pointer;}
.nav li a{height:65px;width:195px; display:block; cursor:pointer;}
.nav li a span{width:195px; height:65px;position:absolute;}

.nav li a.ln_about span{background:url(images/leftnav.gif) 0 0;}
.nav li a.ln_portfolio span{background:url(images/leftnav.gif) 0 -65px;}
.nav li a.ln_contact span{background:url(images/leftnav.gif) 0 -130px;}

.nav li a.ln_about:hover span{background:url(images/leftnav.gif) -195px 0;}
.nav li a.ln_portfolio:hover span{background:url(images/leftnav.gif) -195px -65px;}
.nav li a.ln_contact:hover span{background:url(images/leftnav.gif) -195px -130px;}

/* ---------- Content ---------- ---------- */
.content{width:705px; margin-left:290px; padding:190px 0 25px 0; position:absolute; background:url(images/parrano.jpg) 0 26px no-repeat; min-height:575px;}

h1{height:35px; font-size:24px; color:#505050; border-bottom:#505050 1px solid; margin-bottom:14px;}
h1 span{position:absolute; height:35px;}
h1.latestwork span{background:url(images/headlines/latestwork.gif); width:197px; background-repeat:no-repeat;}
h1.aboutme span{background:url(images/headlines/aboutme.gif); width:191px; background-repeat:no-repeat;}
h1.portfoliohl span{background:url(images/headlines/portfolio.gif); width:157px; background-repeat:no-repeat;}
h1.contactme span{background:url(images/headlines/contactme.gif); width:191px; background-repeat:no-repeat;}

h2{height:29px; font-size:20px; color:#505050; margin-bottom:12px;}
h2 span{position:absolute; height:29px;}
h2.whatido, h2.whatido span{background:url(images/headlines/whatido.gif); width:128px; background-repeat:no-repeat;}
h2.needawebsite, h2.needawebsite span{background:url(images/headlines/needawebsite.gif); width:223px; background-repeat:no-repeat;}
h2.whatisthat, h2.whatisthat span{background:url(images/headlines/whatisthat.gif); width:412px; background-repeat:no-repeat;}

h3{font-size:20px; margin-bottom:12px; color:#69842f; font-weight:bold;}

p{font-size:14px; color:#CCCCCC; line-height:1.7em;}
.shadow{background-image:url(images/divider_shadow.gif); width:100%; height:11px; margin-bottom:12px;}
.parens{color:#999999;}
.blanksep{height:50px;}

/* ---------- Home ---------- ---------- */
.ss_feat{width:220px; height:195px; float:left; margin-right:33px; font-size:14px;}
.ss_feat a img{border:7px solid #4a4a4a; width:220px; height:195px; margin-bottom:12px;}
.ss_feat a:hover img{border:#606060 7px solid; width:220px; height:195px;}
.ss_feat a.textlink{padding-right:16px; background:url(images/arrows.gif) 100% 2px no-repeat; font-style:normal; display:block; padding-bottom:2px; width:138px;}
#feat{margin-left:253px; margin-bottom:10px;}
.feat_seemore{text-align:right; margin-top:16px;}

#comte{width:326px; margin-right:24px; padding-right:24px; padding-bottom:24px;margin-bottom:24px; border-right:#4a4a4a 1px solid; float:left;}
#gruyere{margin-left:374px;}

#footer{border-top:#393939 1px solid; width:705px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#555555; clear:both; padding-top:5px; margin-top:24px;}
#footer .email{float:right;}
#footer .email a{color:#4f6236; font-style:normal;}

/* ---------- Portfolio ---------- ---------- */
#portfolio li{float:left; width:214px; text-align:center; margin-bottom:36px; font-size:12px; color:#CCCCCC; line-height:1.4em;}
#portfolio li a{margin-bottom:3px; font-size:14px; display:block; font-style:normal;}
#portfolio li img{padding:7px; background-color:#3a3a3a; width:200px; margin-bottom:0;}
#portfolio li img:hover{background-color:#505050; text-decoration:none;}

.cola{margin-right:21px;}
.colb{margin-right:11px; margin-left:10px;}
.colc{margin-left:21px;}

.w200{width:200px;}
.comments{width:400px; height:200px;}
#emailform td{padding:5px; vertical-align:top;}

.errormsg{font-size:14px; color:#990033;}