body {background-image:url(images/treefooter.jpg); background-repeat:repeat-x; background-position:bottom; min-width: 800px; max-width: 1200px; background-attachment:fixed;}
div#content {width: 600px; margin: auto; margin-top: 10em; text-align:justify; font-family:"Myriad Pro", Helvetica, Arial, sans-serif; font-size:18px; color:#999;}

/*This is the header*/
h1 {color:#000; font-size:5em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top:0.35em; font-weight:100; float:left; }
strong {color: #d36; font-weight:100; margin-top:0; margin-left:0;}
div#header { border-bottom: 2px dashed #d36; background-color:#fff; position:absolute; position: fixed; top:0; left: 0; margin: 0; width: 100%; height: 100px; }
img#head {float: left; margin-left: 2em; outline: none; border:none; }

/*This is for the Front Page Content*/
img#kirsten {float: right; border: 1px solid #000; margin-left: 1em;}
a.checkitout{ font-size: 18px; color: #d36; text-decoration: none;}
a.checkitout:hover {border-bottom: 2px dashed #d36;}

/*This is the Navigation*/
/*span.alt {display: none;}
a#homeh { background-image:url(images/home.gif); height: 81px; width:128px; display: inline-block;}
a#homeh:hover { background-image:url(images/homeh.gif); height: 81px; width:128px;}
a#workh { background-image:url(images/work.gif); height: 83px; width:127px; display: inline-block;}
a#workh:hover { background-image:url(images/workh.gif); height: 83px; width:127px;}
a#conth { background-image:url(images/contact.gif); height: 81px; width:145px; display: inline-block;}
a#conth:hover { background-image:url(images/contacth.gif); height: 81px; width:145px;}
a#blogh { background-image:url(images/blog.gif); height: 81px; width:137px; display: inline-block;}
a#blogh:hover { background-image:url(images/blogh.gif); height: 81px; width:137px;}*/
ul#nav {margin: auto; margin-bottom: 1.2em; border-bottom: 2px dashed #d36; position:absolute; position: fixed; top:110px; left: 0; margin: 0; width: 100%; height: 30px; color:#000; }
ul#nav li {display:inline;}
ul#nav li:first-child{ margin-left: 10em;}
ul#nav li img {border:none; outline:none;}
ul#nav li a {outline: none; text-decoration: none; padding: 0.5em; font-family:"Myriad Pro", Helvetica, Arial, sans-serif; font-size:larger; color:#000; }
ul#nav li a:hover {color: #CCC;}

/*Multiple Page Content - Decorative Paranthasis & titles*/
img#openparenth {float:left;}
img#closeparenth {float:right; margin-bottom:3em;}
h3 {color: #d36; padding-top: 0.5em;}

/*Gallery*/
div#gallerywrapper { height: 350px; }
#jgal { list-style: none; width: 200px; margin-left: -100px; }
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
#jgal li img { position: absolute; top: 180px; left: 400px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/*This  is the Gallery Navigation*/
ul#work {position:absolute; position: fixed; top:115px; left: 30em; margin: 0; width: 100%; height: 30px; color:#000; }
ul#work li {display: inline; }
ul#work li a {outline: none; text-decoration: none; padding: 0.5em; font-family:"Myriad Pro", Helvetica, Arial, sans-serif; font-size:smaller; color:#000; }
ul#work li a:hover {color: #CCC;}

/*ul#work {width: 500px; text-align:center; margin:auto;}
ul#work li { list-style-type:none; display: inline; text-align:center;}
ul#work li a {padding: 1em; text-transform:uppercase; text-decoration:none; font-family:"Myriad Pro", Helvetica, Arial, sans-serif; color:#999;}
ul#work li a:hover {background-color: #d36; color:#FFF; }*/

/*This is the about page*/
div.contact {width: 560px; border: 1px dashed black; margin-top: 1.5em; padding: 2em; height: 260px;}
ul#skills li:first-child { margin-left: -0.5em; color: #d36; list-style: none;}
p#about{margin-top: -1em; }
div#leftlist {width: 160px; float: left; display: table-cell; margin-left: -2em; margin-top: -1em;}
div#rightlist {width: 100px; display: table-cell; margin-left: 3em; text-align: right; margin-top: -1em; }
ul.list { list-style-type: none;}
ul.list li:first-child { margin-left: -0.5em; color: #d36;}
img#kirsten2 {float: right; margin-left: 0; position: relative; left: 2em;}

/*This is the blog*/
div#wrapper {margin:auto; width: 800px; }
div#blog {width: 600px; margin: 1em;}
div#blog p {margin: 1em; text-align:justify;}
div#sideblog {width: 200px; float:right; margin-left: 2em;}
h4 {color: #999;}

/*This is the site map*/
img#swirl {float: left; margin-top: -2em;}
ul#sitemap {margin-top: 7em;}
ul#sitemap li { margin:1em;}
div#sitemap {width: 200px; margin:auto; text-align:left;}

/*This is the footer*/
div#footer ul {margin-top: 5em; text-align:center; color: #000; font-size:medium;}
div#footer ul li {display:inline; font-family:"Myriad Pro", Helvetica, Arial, sans-serif; font-weight:lighter;}
div#footer ul li a {color:#999; text-decoration:none;}