html, body {font-size:13px;}
/** RESET **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; color:#4a463a; vertical-align:baseline; background:transparent; font-family: "Helvetica Neue", Arial, Verdana, sans-serif;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
/** General Styles **/
#skip_links {display:none;}
h1,h2,h3,h4 {margin:0 0 0.3em; color:#b5c01c; font-weight:bold;}
h1 {font-size:190%; letter-spacing: -1px;}
h2 {font-size:170%; letter-spacing: -1px;}
h3 {}
h4 {}
p {font-size:80%; line-height:1.4em; margin:1em 0;}
a {color:#d26500;}
a:hover {color: #b5c01c;}
hr {display:none;}
.hr {float:left; clear:both; height:1px; width:100%; margin:10px 0; border-top:1px solid #FFE2B8;}
/** Layout **/
#wrapper {width:963px; margin:0 auto; background:url(images/bg.jpg) top right no-repeat;}
/** Header **/
#header {float:left; position:relative; height:193px;}
#header h3 {margin:0; padding:22px 0 14px;}
#header h3 a {display:block; width:337px; height:53px; margin:0; text-indent:-9999px; overflow:hidden; border:none; background:url(images/human-radiator.gif) 0 0 no-repeat;}
#nav {}
#nav li {display:inline;}
#nav a {display:block; float:left; width:160px; height:90px; border:none; text-indent:-9999px; overflow:hidden; background:url(images/nav.png) 0 0 no-repeat;}
#nav #nav_abo {background-position:0 0;}
#nav #nav_abo:hover {background-position:0 -90px;}
#nav #nav_por {background-position:-160px 0;}
#nav #nav_por:hover {background-position:-160px -90px;}
#nav #nav_ser {background-position:-320px 0;}
#nav #nav_ser:hover {background-position:-320px -90px;}
#nav #nav_blo {background-position:-480px 0;}
#nav #nav_blo:hover {background-position:-480px -90px;}
#nav #nav_stu {background-position:-640px 0;}
#nav #nav_stu:hover {background-position:-640px -90px;}
#nav #nav_con {background-position:-800px 0;}
#nav #nav_con:hover {background-position:-800px -90px;}
#greeting {position:absolute; top:10px; right:70px; width:300px;}
#greeting h4 {margin:0 0 3px;}
#greeting p {font-size:70%; color:#A95300; line-height:1.2em;}
#timelypic {position:absolute; top:0; left:350px; width:227px; height:109px; background:url(images/timelypic.png) 0 0 no-repeat;}
#twitter_aim {position:absolute; bottom:0; left:12px; width:267px; height:16px; background:url(images/twitter-aim.gif) 0 0 no-repeat;}
/** Content **/
#content {float:left; background:url(images/primary-top.png) 0 0 no-repeat;}
#central {float:left; padding-bottom:16px; background:url(images/primary-bottom.png) left bottom no-repeat;}
/** Primary **/
#primary_wrapper {position:relative; float:left; }
#primary_outer {float:left; margin-top:123px; background:url(images/center.gif) 0 122px repeat-y;}
#primary {width:642px; float:left; display:inline; margin:-85px 0 16px; padding:0 30px; }
#primary_beta {float:left; margin-top:30px}
#recently_completed {float:left; width:289px; padding-right:28px; border-right:1px solid #C8C3B0;}
#recently_completed p {margin:5px 0 25px;}
#my_many_hats {float:left; width:285px; margin-left:28px;}
#my_many_hats li {min-height:40px; margin:5px 0; padding:8px 0 0 70px; font-size:80%; border-bottom:1px solid #C8C3B0;}
#my_many_hats h3 {display:inline; margin:0; font-size:160%; color:#FF9802; letter-spacing:-1px;}
#my_many_hats h3 a {color:#d26500; text-decoration: none;}
#my_many_hats h3 a:hover {color: #b5c01c; text-decoration: underline;}
#my_many_hats p {padding: 0px; margin: 0px;}
#hat_family {background:transparent url(images/hat-family.gif) left top no-repeat;}
#hat_web {background:transparent url(images/hat-web.gif) left top no-repeat;}
#hat_identity {background:transparent url(images/hat-identity.gif) left top no-repeat;}
#hat_dj {background:transparent url(images/hat-dj.gif) left top no-repeat;}
#hat_photo {background:transparent url(images/hat-photo.gif) left top no-repeat;}
#hat_wood {background:transparent url(images/hat-wood.gif) left top no-repeat;}
#hat_video {background:transparent url(images/hat-video.gif) left top no-repeat;}
#hat_planner {background:transparent url(images/hat-planner.gif) left top no-repeat;}
#hat_cheesehead {border:none !important; background:transparent url(images/hat-cheesehead.gif) left top no-repeat;}
#check_this_out {position:absolute; display:block; top:8px; left:633px; width:59px; height:59px; text-indent:-9999px; overflow:hidden; border:none; background:url(images/check-this-out.gif) 0 0 no-repeat;}
/** Secondary **/
#secondary {float:left; display:inline; margin:0 0 0 -5px; padding:0 0 30px; width:266px;}
#rss_feeds {width:266px; height:41px; margin:0; text-indent:-9999px; overflow:hidden; background:url(images/available-rss-feeds.jpg) 0 0 no-repeat;}
#feeds {}
#feeds li {}
#feeds li a {display:block; width:266px; border:none; text-indent:-9999px; overflow:hidden;}
#feeds li h4 {margin:0;}
#feeds li p {display:none;}
#feed_facebook {height:50px; background:url(images/feed-facebook.jpg) 0 0 no-repeat;}
#feed_flickr {height:50px; background:url(images/feed-flickr.jpg) 0 0 no-repeat;}
#feed_linkedin {height:50px; background:url(images/feed-linkedin.jpg) 0 0 no-repeat;}
#feed_magnolia {height:50px; background:url(images/feed-magnolia.jpg) 0 0 no-repeat;}
#feed_tumblr {height:50px; background:url(images/feed-tumblr.jpg) 0 0 no-repeat;}
#feed_twitter {height:50px; background:url(images/feed-twitter.jpg) 0 0 no-repeat;}
#feed_youtube {height:50px; background:url(images/feed-youtube.jpg) 0 0 no-repeat;}
#secondary h3 {margin:20px 30px 0px 30px; font-size:130%;}
#secondary #sidebar a {margin:20px 30px 0px 30px; font-size:74%;}
#secondary #sidebar form {margin:20px 30px 0px 30px; font-size:74%;}
#affiliates {padding:0 30px;}
#affiliates li {margin:3px 0; font-size:68%; color:#595549;}
#affiliates a {color:#d26500; font-size: 105%;}
#affiliates a:hover {color:#b5c01c;}
#servicebugs {padding:0 30px;}
#servicebugs li {margin:3px 0; font-size:68%; color:#595549;}
#servicebugs a {color:#d26500; font-size: 105%;}
#servicebugs a:hover {color:#b5c01c;}
/** Tertiary **/
#tertiary {float:left; clear:both; margin:0; padding:0; border-top:1px solid #FFE2B8; background:url(images/tert-bg.gif) 0 5px repeat-y;}
#tertiary_inner {float:left; width:960px; background:url(images/tert-bot.gif) left bottom no-repeat;}
#tertiary div {}
#journal_entries {float:left; display:inline; width:346px;}
#journal_entries_header {width:346px; height:36px; text-indent:-9999px; background:url(images/journal-entries.gif) 0 0 no-repeat;}
#journal_entries ul {margin:10px 30px 20px 30px;}
#journal_entries li {padding:3px 5px 3px 25px; border-top:1px solid #C9C2B0; background:url(images/journal-bullet.gif) left center no-repeat;}
#journal_entries li:first-child {border:none;}
#journal_entries li a {color:#d26500; font-size: 80%; border:none; text-decoration:none;}
#journal_entries li a:hover {color:#b5c01c; text-decoration:none;}
#wallpapers {float:left; display:inline; width:346px;}
#wallpapers_header {width:346px; height:36px; text-indent:-9999px; background:url(images/wallpapers.gif) 0 0 no-repeat;}
#wallpapers ul {float:left; margin:10px 25px;}
#wallpapers li {float:left;}
#wallpapers li a {margin:0 3px; border:none;}
#bugblock {float:left; display:inline; width:268px;}
#bugblock a {display:block; width:266px; height:169px; border:none; text-indent:-9999px; overflow:auto; background:url(images/bugblock.jpg) 3px 0 no-repeat;}
#bugblock a:hover {background-position:3px -169px;}
#bugblock h3 {margin:0;}
#bugblock p {display:none;}
/** Footer **/
#footer {clear:both; margin:0 0 20px; padding:10px 0; font-size:83%; text-align:center;}
#footer p {display:inline; margin:0 10px;}
#footer a {font-weight:bold;}
#copyright {}
#comments {}
#hosting {}
#templates {}
/** LIghtbox **/
#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
#lightbox a img{ border: none; }
#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
#imageContainer{
padding: 10px;
}
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#overlay{
position: absolute;
top: 0;
left: 0;
z-index: 90;
width: 100%;
height: 500px;
background-color: #000;
}
/* Min-Width */
.lbWidth { /* most browsers */
position: absolute;
top: 0px; left: 0px;
width: 100%;
min-width: 790px;
}
* html .lbContent { /* IE6 */
margin-left: -790px;
position:relative;
}
* html .lbMinWidth { /* IE6 */
padding-left: 790px;
}
/* Clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
#hidemeplease {display: none;}
#portfolio a {border-bottom: none; text-decoration:none;}
#portright {margin:0px 3px 0px 0px;}
#funstuffpage #nav #nav_stu {background-position:-640px -90px;}
#aboutpage #nav #nav_abo {background-position:0 -90px;}
#contactpage #nav #nav_con {background-position:-800px -90px;}
#blogpage #nav #nav_blo {background-position:-480px -90px;}
#portfoliopage #nav #nav_por {background-position:-160px -90px;}
#servicespage #nav #nav_ser {background-position:-320px -90px;}
#imagespace {padding: 10px;}
#nobottomdots a {border-bottom: none; text-decoration:none;}
textarea#comment { width: 400px; padding: 5px; }
.commentmetadata { font-size: 10px; }
#gravatar { float: left; padding: 0px 20px 5px 0px; }
#trackbacks {font-size:80%; line-height:1.4em; margin:1em 0;}