/**********************************************

huntercreative.com
7/16/09

**********************************************/

body {margin:0;padding:2px 5px;background:transparent url(../img/scribble.png) no-repeat scroll 100% 100%;font-family:Georgia, Times, serif;font-size:14px;color:#494949;line-height:1.4em;}
h1, h2, h3, h4 {font-family:Helvetica, Arial, Verdana, sans-serif;}
h1 {font-weight:800;font-size:38px;}
h3 {margin: 0px;font-size:1.25em;font-weight:800;color:#dd178a}

.clear {clear:both;}

/*************************************
* Globals
*************************************/
#wrapper {width:960px;margin-top:30px;}

/****HEADER**************/
#header {height:80px;padding:10px;margin-bottom:10px;background:transparent url('../img/scribble.png')no-repeat scroll -200px -40px;border-bottom:1px dashed #ef8}
#header h1 {color:#ff0084;padding:0px;font-weight:800;vertical-align:top;}
#title {display:block;margin:0px 0px -6px -4px;line-height:80px;padding:0px;font-family:sans-serif;color:#e6e6e6;font-weight:800;font-size:90px;letter-spacing:-4pt;text-transform:uppercase;}
#title a {color:#e6e6e6;font-weight:800;text-decoration:none;}

div#sidebar {width:200px;float:left;}
#sidebar h3 {margin-bottom:10px;color:#585858}
#sidebar li {padding-bottom:.8em;}

div#content {float:left;margin-left:25px;width:625px;}
#content h2 {color:#ff0084;font-weight:800;font-size:16px;}
#content h3 {display:block;padding:0px;color:#ff0084;}

#footer-wrapper {bottom: 0px;right: 10px;position: fixed;padding:5px;min-height: 24px;font-size: 10px;text-decoration: underline;background-color:#ffffff;}

div#navigation {margin:0px;padding:0px;}
#navigation ul {margin:0px;padding:0px;list-style-type:none;}
#navigation li {display:inline;margin-right:20px;}
#navigation li a {text-decoration:none;font-family:Helvetica,Verdana,Geneva,Arial,sans-serif;color:#b3b3b3;font-weight:800;font-size:34px;letter-spacing:-1pt;text-transform:lowercase;}
#navigation li a:hover {text-decoration:underline;}


/*****************************************
* index page
*****************************************/
#index div#madlibContainer {width:900px;margin-bottom:25px;}
#index .madlibText {margin:0px;color:#8CC63F;font-family:Georgia, Times, serif;font-size:48px;font-weight:800;line-height:48px;letter-spacing:-1pt;}
#index #madlibInput {vertical-align:top;background-color:transparent;border:none;text-decoration:underline;margin:0px;color:#8CC63F;font-family:Georgia, Times, serif;font-size:48px;font-weight:800;line-height:48px;letter-spacing:-1pt;}
#index #madlibInput:hover {border:3px solid #ff0084;background:#ffffff;}
#index #madlibSpan {text-decoration:underline;}
#index #madlib {text-decoration:underline;border:none; background:transparent;}


/*****************************************
* blog pages
*****************************************/
.story {margin-bottom:20px;width:530px;}
.story h3 {margin-bottom:10px;font-weight:800;}
.story h3 a {color:#585858;text-decoration:none;}
.story h3 a:hover {color:#333333;text-decoration:underline;}
.details {margin-top:15px}
.details p {font-family:Helvetica,Verdana,Geneva,Arial,sans-serif;}

.read-on {padding:right:10px;}
.postBody {width:530px;margin:15px 0px}
div#postTitleArea {}
#postTitleArea h2 {font-size:20px;font-weight:800;margin-bottom:10px}

div#comments {margin:25px 0px;}
.comment {border:1px dashed #aaa;padding:10px;}
.comment_title {}
.comment {margin:15px 0px;}
.comment .date {font-family:Helvetica,Verdana,Arial,sans-serif;}
.comment p {}
.comment h5 {margin:5px 0px;font-weight:800;font-family:Helvetica,Verdana,Arial,sans-serif;}
.odd {background-color:#efefef;}
.even {background-color:#dfdfdf;}

/***************************************
* Projects pages
***************************************/
/*#projects .scroll {height: 300px;width: 900px;overflow: auto;overflow-x: hidden;position: relative;clear: left;}
#projects .scrollContainer div.panel {padding: 20px;height: 210px;width: 900px;}
*/

#slider {
    width: 740px;
    margin: 0 auto;
    position: relative;
}

.project_copy {width:350px;float:left;background-color:#efefef}


.project_images {width:330px;float:left;height:360px;background-color:#dfdfdf}

.scroll {
    height: 400px;
    width: 740px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background:transparent url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 360px;
    width: 700px;
}

#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}

ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 9px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
    padding: 10px;
    color: #000;
    text-decoration: none;
}

ul.navigation a:hover {
    background-color: #f6f6f6;
}

ul.navigation a.selected {
    background-color: #fff;
}

ul.navigation a:focus {
    outline: none;
}

.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

.scrollButtons.left {
    left: -20px;
}

.scrollButtons.right {
    right: -20px;
}

.hide {
    display: none;
}