@charset "utf-8";
/* ShellShockCSS CSS Document - created Dec 2009 */

/* general rules */
body {background:url(../images/wood.jpg); margin:0; padding:0px 0 20px 0; color:#666}
body * {border:0; margin:0; padding:0; font-family:Georgia, "Times New Roman", Times, serif; line-height:1.5em;}
a {color:#6B1901; text-decoration:underline;}
a:hover {color:#f90; text-decoration:none;}
a:active {color:#FFF; border:1px dotted #CCC;}
span {text-transform:none}
.floatright {float:right}
.floatleft {float:left}
.alignright {text-align:right}
img {margin:20px; border:none}
h1, h2, h3, h1 a, h2 a, h3 a {color:#6B1901; font-family:Georgia, "Times New Roman", Times, serif}
hr {border-top:1px dotted #999; margin:15px 20px 10px 20px;}

div#container {width:960px; margin:0 auto 0 auto; padding-bottom:0px}

/* header */
div#header {width:960px; margin:0px auto; min-height:120px;}
div#logo {width:960px; margin:0 auto; text-align:center; color:#FFF}
div#header h1 {margin:0; padding:0; text-align:left}
div#header h1 a {display:block; margin:0; padding:0; text-align:center; font-size:1.3em; text-decoration:none; color:#f90}
p.tagline {font-style:italic; font-size:1em; margin:0px 0 0 0; padding:0}
p.twitter {text-align:right}
p.twitter a {padding:0px 32px 1px 10px; display:block; margin-top:5px; background:url(../images/icons/twitter_bird.png) no-repeat right center; color:#FFF; font-size:0.7em; text-decoration:none; margin-right:5px}

/* top nav */
ul.nav {width:926px; padding:0; list-style:none; min-height:31px; margin:15px auto 0px auto; font-family:Georgia, "Times New Roman", Times, serif; font-size:1em; border:groove #000 2px; border-bottom:none; background:url(../images/bg.png); padding-left:30px;}
* html ul.nav {background:#600}
ul.nav li {display:inline; float:left; margin:0; padding:0; width:150px; text-align:center;}
* html ul.nav li {width:150px}
ul.nav li a {display:block; padding-top:2px; min-height:26px; color:#6B1901}
* html ul.nav li a {color:#FFF}
ul.nav li a:focus {border:none}

/* nav ul selected states */
#homePage a.nav_home, #profilePage a.nav_profile, #contactPage a.nav_contact, #portfolioPage a.nav_portfolio,  #blogPage a.nav_blog ,#businessPage a.nav_business {color:#6B1901; font-style:italic; text-decoration:none; background:#FFF; padding:3px 0 2px 0; border:1px solid #000; border-bottom:none}

/* main content area */
h2 {margin:10px 0; text-align:left; text-decoration:none; padding:0 0 10px 0; font-size:1.2em}
h3 {margin:0 0 10px 0; font-size:1em}
div#content {clear:both; text-transform:lowercase; padding:20px; background:#FFF; margin-bottom:10px; border:groove #000 2px; border-top:none}
div#content p {margin:0 0 15px 0; font-size:1em}
div#content img {border:1px solid #CCC}
div#content ol, div#content ul {margin-left:20px; margin-bottom:10px}

/* twitter widget */
#twtr-widget-1 {display:block; float:right; margin:20px 0 20px 20px; width:200px; padding-right:10px}
#contactPage #twtr-widget-1 {margin-right:0}
#twtr-widget-1 img {margin:0;}

/* home page */
div.clearer {clear:both}
div.linkboxes {margin-top:30px}
* html div.linkboxes {margin-left:-50px}
div.linkbox {width:225px; float:left; margin-left:45px; text-align:center; line-height:1.5em; border:#999 1px dotted; font-size:0.8em; padding:10px}
div.linkbox h2 {margin:0px 0 10px 0; background:none; text-align:center; padding:0}
div.linkbox h2 a {display:block}
p.boxtext a {text-decoration:none; color:#666}
p.boxtext a:hover {font-style:normal}
div#content div.linkbox p {margin:0 0 10px 0}
p.boxlink {padding-top:0; margin-top:-20px}

/* portfolio */
div.portfolio {margin-top:10px}
* html div.portfolio {margin-left:-50px}
div.site {width:225px; float:left;margin:0 0 20px 55px; text-align:center; }
div.site h3 {margin-bottom:10px ; margin-bottom:5px}
div#content div.site img {margin:0; padding:0 0 20px 0; background:url(../images/portfolio/bg_site.jpg) bottom no-repeat; border:none}
div#content div.site p {margin-top:10px; font-size:0.8em}
#portfolioPage hr {clear:both; display:block}

/* blog */
div.blogpost {border:1px solid #CCC; padding:10px 20px 10px 20px; margin:20px; width:600px; min-height:150px; float:left}
div.blogpost h3 {margin-bottom:0}
div#content p.blogdate {font-size:0.8em; float:right; margin-bottom:10px}
div#content p.blogtext {clear:both; margin-top:0; margin-bottom:5px}
div#content p.bloglinks {margin-top:0}
p.bloglinks a {padding-left:20px; font-size:0.8em; color:#666; margin-left:5px}
p.bloglinks a.diggblog {background:url(../images/icons/digg_small.png) left no-repeat; margin:0}
p.bloglinks a.fbblog {background:url(../images/icons/facebook_small.png) left no-repeat}
p.bloglinks a.tweetblog {background:url(../images/icons/twitter_small.png) left no-repeat}

/* scripts */
#crashForm #crashBtn {display:block; clear:both; margin-top:50px}

/* contact page */
form {margin-top:20px}
fieldset {margin-bottom:15px}
label {float:left; padding:5px}
input, textarea, select {margin-left:10px; border:1px dotted #999; color:#6B1901; font-size:1em; width:250px; padding:5px}
#email {margin-left:12px}
#phone {margin-left:8px}
#whenLabel {display:block; clear:both; width:100%; margin-bottom:10px}
#when, #submitButton {margin-left:68px}
#submitButton {color:#FFF; background:#6B1901}
#submitButton:focus {color:#6B1901; background:#FFF}

/* footer */
div#footer {min-height:60px; padding:10px 0; width:960px; margin:0 auto; font-size:1em; color:#999; background:#FFF; border:groove #000 2px}
blockquote {width:760px; margin:0 auto; font-size:1em; text-align:center; padding:0 10px; margin-top:5px; font-style:italic}
p.copyright a {color:#666}
p.copyright, p.w3c  {width:760px; margin:20px auto; text-align:center; margin-top:10px; font-size:0.8em}
p.w3c img {margin:0}

/* floating footer links menu */
.footermenu {position:fixed; bottom:0; width:98%; height:25px; background:url(../images/bg.png); border-top:1px #999 solid; font-size:0.8em; padding:0 1%; z-index:2; display:none}
html > body .footermenu {display:block} /* hide in non-compliant browswes */

/* footer links */
.footermenu p {display:inline; width:50%; padding-top:1px}
.footermenu a {display:block; height:24px; width:24px; float:right; text-indent:9999px; margin:-2px 0 0 10px; color:#666; padding:0}
.footermenu a:hover, .footermenu a:active {border:none;}
.footermenu a.rss {float:left; background:url(../images/icons/feed.png) no-repeat; text-indent:0; padding:1px 0 0 30px; width:auto; text-decoration:none; margin-left:0}
.footermenu a.digg {background:url(../images/icons/digg.png) no-repeat}
.footermenu a.facebook {background:url(../images/icons/facebook.png) no-repeat}
.footermenu a.twitter {background:url(../images/icons/twitter.png) no-repeat}