@import 'reset.css';
@import '960.css';
@import 'thickbox.css';
/* Basic html elements */
html, body{font:normal 13px/20px "Trebuchet MS", sans-serif; height:100%; margin-bottom:1px; text-align:center;}
p,q{margin-bottom:10px;}ol,ul{list-style-type:circle;list-style-position:inside;display:block;}
h2, h3, h4, h5, h6{font:bold 13px/20px "Trebuchet MS", sans-serif;}
a, .email, #twitter-link, #twitter_update_list a{color:#0092b2;text-decoration:none;padding:0 2px;}
#content a:hover,  #twitter_update_list a:hover{border-bottom:1px dotted #0092b2;}
.thickbox, h1 a, #TB_window a{border:0;}
#content .thickbox:hover, h1 a:hover{border:none;}

/* Custom resuable classes */
.min{min-height:300px; height:auto !important; height:300px;}
.bold{font-weight:bold;}
.subhead{font-weight:bold;color:#000;}
.wrapper{width:100%;text-align:center;}
.inline_content{float:left;margin-right:15px;display:inline;}
.check{background:url("../images/check.gif") no-repeat top left;padding-left:25px;}
.top{background:#0092b2;}
.mid{background:url("../images/page-repeat.jpg") top center repeat-x;}
.hr{clear:both;height:7px;}
.grid_12 .hr{background:url("../images/onecol_hr.gif") no-repeat bottom left;}
.grid_8 .hr{background:url("../images/leftcol_hr.gif") no-repeat bottom left;}
.grid_4 .hr{background:url("../images/rightcol_hr.gif") no-repeat bottom left;}
.spacer20{padding-top:10px;margin-bottom:10px;}
a.thickbox{padding:0;}
#twitter_update_list,#twitter_update_list li{margin-bottom:12px;}
#email:hover, #twitter-link:hover{background-color:#0092b2;color:#fff;}
#email{background:url("../images/email.png") no-repeat center left;padding-left:28px;border:none;}
#content h2{padding:9px 0;text-indent:-9999px;}

/* Header & Footer */
#header{height:58px;}
#logo{background:url("../images/grant_wilkins.gif") no-repeat; float:left;text-indent:-9999px;width:230px;height:58px;margin:0 0 0 18px;display:block;}
#nav{width:439px;height:58px;position:relative;background-image:url("../images/nav.gif");margin:0 18px 0 0;padding:0;float:right;display:inline;z-index:2;}
#nav li{float:left;padding:0;margin:0;list-style:none;}
#nav li a{position:absolute;top:0;margin:0;padding:0;display:block;height:58px;background-image:url("../images/nav.gif");text-indent:-9999px;overflow:hidden;font-size:1%;}
#nav #nav-about a{left:0;width:101px;background-position:0 0;}
#about #nav #nav-about a, #nav #nav-about a:hover{background-position:0 -58px;}
#nav #nav-portfolio a{left:101px;width:131px;background-position:-101px 0;}
#portfolio #nav #nav-portfolio a, #nav #nav-portfolio a:hover{background-position:-101px -58px;}
#nav #nav-blog a{left:232px;width:89px;background-position:-232px 0;}
#blog #nav #nav-blog a, #nav #nav-blog a:hover{background-position:-232px -58px;}
#nav #nav-contact a{left:321px;width:118px;background-position:-321px 0;}
#contact #nav #nav-contact a, #nav #nav-contact a:hover{background-position:-321px -58px;}
#footer{height:35px;margin-top:25px;text-align:left;}

/* Page specific */
#twitter_update_list{list-style:none;}
#content, #main, #header{width:960px;margin:0 auto;text-align:left;}
#content{margin-top:20px;}
#discovery-list{margin:0 0 12px 26px;}
#welcome{text-align:center;background:#2d95c0;color:#fff;font-size:11px;font-weight:bold;width:100%;}
#welcome p{padding:6px;margin:0;}
#posts li a{color:#000;}
#posts li{line-height:25px;}
#about h1 a{display:block;height:290px;}
#about .mid{background:url("../images/home-repeat.jpg") top center repeat-x;}
#subhead_about{background:url("../images/bio-title.gif") center left no-repeat;}
#subhead_twitter{background:url("../images/twitter.gif") center left no-repeat;}
#subhead_featured_work{background:url("../images/my-latest-work.gif") no-repeat;background-position:265px 9px;}
#subhead_recent_posts{background:url("../images/recent_posts.gif") center left no-repeat;}
#subhead_current_status{background:url("../images/current_status.gif") center left no-repeat;}
#subhead_services{background:url("../images/services_i_provide.gif") center left no-repeat;}
#subhead_hire_me{background:url("../images/websites-title.gif") center left no-repeat;}
#portfolio #main, #contact #main, #thankyou #main, #blog #main{height:147px;display:block;}
#about #main h1{text-indent:-9999px;background:url("../images/home.jpg") no-repeat top left;height:290px;width:960px;}
#portfolio #main h1{text-indent:-9999px;background:url("../images/portfolio.jpg") no-repeat top left;height:150px;width:324px;}
#contact #main h1{text-indent:-9999px;background:url("../images/contact.jpg") no-repeat top left;height:150px;width:324px;}
#blog #main h1{text-indent:-9999px;background:url("../images/blog.jpg") no-repeat top left;height:150px;width:324px;}
#thankyou #main h1{text-indent:-9999px;background:url("../images/thank-you.jpg") no-repeat top left;height:150px;width:324px;}
#my-form fieldset input[type="text"]{width:350px; border:1px solid #ccc; height:20px;}
#my-form fieldset textarea{width:350px; height:150px; border:1px solid #ccc;}
#my-form input.error, #my-form textarea.error{border:1px dotted #930;}
#my-form label.error{color:#930; display:inline; margin-left:10px;}