/*
Theme Name: Delia
Description: A simple theme based on my badass cat.
Version: 2.1
Author: Trent Walton
Author URI: http://trentwalton.com/
*/

/* Reset
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}
table{border-collapse:separate;border-spacing:0;margin-bottom:1.4em;}
caption,th,td{text-align:left;font-weight:400;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
a img{border:none;}

/* Grid
-------------------------------------------------------------- */

.container_12,.container_16{margin-left:auto;margin-right:auto;width: 960px;} 
.grid_3left, .grid_3right, .grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:710px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.clear{clear:both;display:block;overflow:hidden;width:0;height:0}.clearfix:after{clear:both;content:'';display:block;visibility:hidden;height:0}.clearfix{display:inline-block}* html .clearfix{height:1%}.clearfix{display:block;}

.container_12 .grid_3left {margin-right: 30px; width:210px;text-align: right;}
.container_12 .grid_3right {margin-left: 30px; width:210px;text-align: left;}
body{min-width: 1000px;}



/* Post Style Sandbox
-------------------------------------------------------------- */
p, .spec_text, .headlinetext, #searchform input#s, .entry ol{color:#666666;}
.spec a{color:#666666;}
#footer{color:#666666;}


/* CSS3
-------------------------------------------------------------- */
a{-webkit-transition: color .3s ease-out;}



#footer .action_link a, .demo_link a{-webkit-transition: background-color .4s ease-out;}
.articles-list li{-webkit-transition: opacity .2s ease-out;}
#commentform #submit{-webkit-transition: background-color .4s ease-out;}
#logo {-webkit-transition: background-color .2s ease-out;}





/* Typography
-------------------------------------------------------------- */

/* Default font settings
   The font-size percentage is of 16px (0.75 * 16px = 12px) */
body {	font-size: 80%;line-height: 23px;color: #000; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}

p{ margin-bottom:30px;}
p.last      { margin-bottom: 0; }
p img       { float: left; margin:  0 1.5em .5em 0; padding: 0; }

strong      { font-weight: bold; }
em		    { font-style: italic; }

.alignleft {float: left;}
.alignright {float: right;}



/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold;color: #000;}

h1 {  }
h2 { font-size: 42px;color: #000; display: inline; line-height: 1.2;}
h3 { font-size: 26px;line-height: 26px;margin-bottom: 5px;text-align: left;}
h4 { font-size: 20px;line-height: 26px;margin-bottom: 7px;text-align: left;}
h5 { font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}


/* Links
-------------------------------------------------------------- */

a           	{ text-decoration: underline;color: #666; }
a:focus, 
a:hover     	{text-decoration: underline; color: #000;}
a:visited		{}
a:visted:hover 	{}



/* Page
-------------------------------------------------------------- */
#page_wrapper{padding-bottom: 20px;}
#page_wrapper_nopost{padding-bottom: 70px;}

.project_item{padding: 0px 0px 25px;clear: both;float: left;margin-bottom: 30px;}
.project_item img{padding: 0px;margin: 0px 0px 0px 0px;}
.project_item p{margin: 0 0 15px;}
.project_item h3{margin: 0 0 15px;}
.lastpg{margin-bottom: 40px;}

.articles-list{margin: 0px; padding: 0px;}
.articles-list ul{margin: 0;padding: 0;}
.articles-list li{ padding: 0px 0px 0px; margin: 0px 0px 0px;opacity: 1!important;}
.articles-list li:hover{opacity: 0.7!important;}
.articles-list a{text-decoration: none;}
.articles-list a:hover{}
.articles-list h3:hover{text-decoration: underline;}

.notes_entry{}
.notes{margin-bottom: 60px;}
.notes .grid_3left.alpha{margin-top: 8px;}
.notes h3{}
.notes h3 a{color: #000;text-decoration: none; }
.notes h3 a:hover{color: #000;text-decoration: underline;}
.notes img{margin-right: 0px;}
.notes p{text-align: justify;}
.contact-list li{margin: 0px; padding: 0px;line-height: 1.7;}
.fourofour{padding-top: 60px;background: url(img/staypuft.jpg) no-repeat right bottom;padding-bottom: 550px;margin-bottom: -400px;}



/* Header
-------------------------------------------------------------- */
#header { height:76px;border-bottom: 1px solid #000;}
#logo {float: left; margin: 20px 0px 0px 10px;background-color: #fff;}
#logo:hover{background-color: #afafaf;}

.bannerbox {min-height: 400px;border-bottom: 1px solid #000;margin-bottom: -28px;width: 960px;}
.banner {}
.nobanner{margin-top: 50px;}

.headline{min-height: 400px;border-bottom: 1px solid #000;margin: 0px;}
.pgheadline{border-bottom: 1px solid #000;margin-bottom: 0px;padding: 30px 0px 0px;background-color: #fff;}
.headline p{margin-bottom: 0;}



/* Navigation
-------------------------------------------------------------- */

#nav {	 font-size:12px;font-weight: bold;float: right;}
#nav ul { width:100%; margin: 0px;}
#nav ul li { list-style-type: none; margin:0px 0px 0px 35px; text-transform: capitalize;display: inline;}
#nav a { color:#000; text-decoration: none;padding:28px 0 20px;display: inline-block; height:25px;border-bottom: 0 solid #afafaf;}
#nav a:hover {border-bottom: 3px solid #afafaf;}





/* Main
-------------------------------------------------------------- */
.center_column{text-align: justify;}
.center_column p{margin-bottom: 36px;}
.entry{margin-bottom: 80px;}
.spec_detail{font-weight: bold;text-transform: uppercase;}
.spec_detail .notes_detail{}
.spec_text{}
.spec a{text-decoration:none;font-weight: normal;font-style: normal;}
.spec_line{display: block;height: 23px;background: url(img/grey_stripe.png) repeat-x 0 11px;}
.spec_margin_notes{width: 140px; float: right;}
.spec_reference_notes{width: 116px; float: right;}
.spec_dribbble_title{width: 135px; float: right;}
.spec_contact{width: 130px; float: right;}
.contact a{text-decoration: underline;}
.contact p{text-align: left;}
.spec_titled{width: 150px; float: left;}
.spec_postedin{width: 125px; float: left;}
.spec_postedon{width: 120px; float: left;}
.spec_next{width: 120px; float: left;}
.spec_previous{width: 130px; float: left;}
.spec_search{width: 145px; float: left;}
.top {margin-top: 8px;}



/* Footer
-------------------------------------------------------------- */
#footer{background-color: #000;padding-top: 45px;padding-bottom: 100px;}
#footer a{color: #fff;text-decoration: none;}
#footer a:hover{color: #fff;text-decoration: underline;}
.spec_subfoot{width: 742px;float: left;margin-right: 15px;text-align: right;}
.sub_footer .spec .spec_subfoot .spec_subfootdetail{text-align: right;}
#footer .sub_footer{margin-top: 25px;margin-bottom: 25px;}
#footer .spec_line{background: url(img/white_stripe.png) repeat-x 0 11px;display: block;height: 23px;}
#footer .spec_detail{color:#fff;}
.spec_paravel{width: 137px; float: right;}
.spec_twitter{width: 137px; float: left;}
.spec_quicknotes{width: 400px; float: right;}
.twitter_bird{margin-top: -58px;margin-right: 75px;margin-bottom: -15px;}
.twitter_status{height: 164px;}
.aktt_tweet_time{display: block;}
.footer_portfolio{margin-top: -11px;margin-bottom: 10px;}
#footer .action_link a{-moz-border-radius: 3px;-webkit-border-radius: 3px;background-color: #484848;padding: 4px;font: bold 13px sans-serif, Helvetica, "Helvetica Neue", Arial, Geneva;color: #000;font-weight: bold;}
#footer .action_link a:hover{background-color: #5d5d5d;text-decoration:none}
#footer p{margin-bottom: 25px; color: #666666; opacity: 1;}

#footer .center_column ul{margin: 0 0 25px;}
.widget_customdisplayposts .widgettitle{display: none;}
.widget_customdisplayposts h2{font-size: 100%;font-weight: normal;font-style: normal;margin-right: 8px;}
.widget_customdisplayposts ul{margin: 0;}


.demo_link a{color: #fff;-moz-border-radius: 3px;-webkit-border-radius: 3px;background-color: #484848;padding: 4px;font: bold 13px sans-serif, Helvetica, "Helvetica Neue", Arial, Geneva;border-style: none;width: auto;float: left;margin-bottom: 40px;}
.demo_link a:hover{background-color: #000}
.demo_link a, .demo_link a:hover{color: #fff;text-decoration: none;}



/* Comments
-------------------------------------------------------------- */
.commentlist {margin-bottom: 60px;margin-right: 0;}
.commentlist li, .commentlist ul{margin: 0px 0 0px 0px;}
.commentlist .says{display: none;}
.commentlist .avatar{float: left;margin-right: 10px;}
.commentlist a.url {font-weight: bold;display: block;color: #000;text-decoration: none;}
.commentlist a.url:hover{text-decoration: underline;}
.commentlist cite {font-weight: normal;font-style: normal;}
.commentmetadata{font-size: 10px;color: #9a9a9a;line-height: 5px;margin-bottom: 15px;}
.commentmetadata a{color: #9a9a9a;text-decoration: none;}
.comment-body p{margin-top: 15px;text-align: justify; margin-bottom: 23px;}


.comment-body {background: url(img/grey_stripe.png) repeat-x 0 top;padding-top: 15px;margin-bottom: 60px; }
.depth-1  .comment-body, .depth-1 #respond{float: left;width: 460px;margin-right: 10px;display: inline-block;}
li .comment-author-admin  {float: right;width: 210px; }
li .comment-author-admin .comment-body{width: 210px!important;margin: 0!important;text-align: left;!important}
li .comment-author-admin .comment-body p{text-align: left;!important}
li .comment-author-admin .depth-2   {background: url(img/grey_stripe.png) repeat-x 0 top;display: block;padding-top: 15px;margin-bottom: 60px; width: 210px;float: right;clear: both;}
li .comment-author-admin .reply{display: none;}
.depth-2 .comment-body  {width: 410px!important;margin-left: 50px;}
.comments, .search_side{margin-top: 100px;margin-bottom: 130px;}
.spec_comments{width: 620px; float: right;}
.spec_trent{width: 335px; float: right;}
.spec_websiteinfo{width: 344px; float: right;}
.spec_trackbacks{width: 610px; float: right;}
#commentlist p{ margin-bottom:0px;}


small{font-size: 11px;}
#commentform input {padding: 5px;height: 100%;border: 1px solid #e1e1e1;font-size: 11px;width: 45%;}
#commentform p{margin-bottom: 5px;}
#commentform textarea {width: 95%;padding: 10px;height: 100%;border: 1px solid #e1e1e1;}
#commentform #submit{margin: 0px 0px 40px;float: right;color: #fff;-moz-border-radius: 3px;-webkit-border-radius: 3px;background-color: #484848;padding: 4px 6px;font: bold 13px sans-serif, Helvetica, "Helvetica Neue", Arial, Geneva;border-style: none;width: auto;}
#commentform #submit:hover{background-color: #000; cursor:pointer;}

#extended_text2 ul{margin: 0px;}




/* Tables - You still need cellspacing="0" in the markup
-------------------------------------------------------------- */

table		{}

thead		{}
tbody		{}
tfoot       { font-style: italic; }

th,td       { padding: 4px 10px 4px 5px; }
th          { border-bottom: 2px solid #ccc; font-weight: bold; background: #eee; }
td          { border-bottom: 1px solid #ddd; }
tr			{}

caption     { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; }

tr.even td  { background: #eef; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: none; margin:0 1.5em 1.5em 0; }
ul + li		{}

ol          { list-style-type: decimal; }
ol + li		{}

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; width:80px; margin-right:20px; float:left;  }
dd          { margin-left:100px; margin-bottom:0.25em;}

ul.bulleted {list-style-type:disc; margin-left:1.5em;}

/* Forms
-------------------------------------------------------------- */

form			{}
fieldset		{padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc;}

legend			{font-weight: bold; font-size:1.2em;}
legend .span	{}

label { width:120px; float:left; margin:10px 20px 5px 0px;color: #000;font-size: 18px;font-weight: bold;}
label.error { margin-top:0px; margin-left: 140px; float:none; display: block; width:auto;}

input[type='text']		{ width: 300px; font-size:1.2em; padding:10px; }
input[type='checkbox']	{}
input[type='radio']		{}
input[type='file']		{}

textarea      	{ width: 400px; height: 150px; padding:5px; }

select        	{ width:200px; }
option			{}
optgroup		{}

.input { clear:both;}
.required { }

#url{}

input:focus,textarea:focus,select:focus {	border:1px solid #fff;}
input,textarea, select { margin:0.5em 0;border:1px solid #fff;}





#searchsubmit{margin: 0px 0px 0px;color: #fff;-moz-border-radius: 3px;-webkit-border-radius: 2px;background-color: #484848;padding: 7px 8px 5px;font: bold 13px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;border-style: none;width: auto;}
#searchsubmit:hover{background-color: #000; cursor:pointer;}

.fourofour .container_12 .project_item .grid_9 #searchform input#s, .sorry_no #searchform input#s{padding: 6px 6px 2px 0;margin-right: 15px;background-color: transparent;border-top-style: none;border-right-style: none;border-left-style: none;font: bold 18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;color: #000;text-align: left;}
.fourofour .container_12 .project_item .grid_9 #searchbox, .sorry_no #searchbox {float:right;clear:both;position:relative;display:inline;z-index:-100;margin-top:-3px;padding:0px 10px;margin-right:10px;}
.fourofour .container_12 .project_item .grid_9 #searchform #s, .sorry_no #searchform #s {width: 500px;padding: 0px;border-bottom: 1px solid #000;}
.fourofour .container_12 .project_item .grid_9 #searchform label, .sorry_no #searchform label{width: auto;}


#searchform input#s{padding: 4px;background-color: transparent;border-top-style: none;border-right-style: none;border-left-style: none;font: 13px/16px "Helvetica Neue",Helvetica, Arial,  Geneva, sans-serif;text-align: right;margin: 0;}
#searchbox {float:right;clear:both;position:relative;display:inline;z-index:-100;margin-top: 0;padding:0px 10px;margin-right:10px;}
#searchform #s {width: 202px;padding: 0px;border-style: none;}
#searchform label{width: auto;}


/* Other Elements
-------------------------------------------------------------- */

blockquote  { margin: 0 1.5em; color: #666; font-style: italic; }
dfn         { font-style: italic;font-weight: bold; background: #ffc; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { }
address     { margin: 0 0 1.5em; font-style: normal; font-size:1.2em; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }
pre,code,tt { font: 13px/.9 'andale mono', 'lucida console', monospace;background-color: #f5f5f5;}

hr			{ margin:18px 0px; border-color:#f8f8f8;}


/* Dribbble
-------------------------------------------------------------- */
ol.dribbbles{list-style-type:none;margin:2px 0px 0px;}
ol.dribbbles li{font-size:15px;position:relative;width:210px;padding:0;margin:0 0 21px 0;}
ol.dribbbles .dribbble{font-family:"Helvetica Nueue", Helvetica, Arial, sans-serif;position:relative;clear:left;padding:0 0 10px 0; no-repeat bottom left;}
ol.dribbbles .dribbble-shot{padding:3px;background: #404040;}
ol.dribbbles .dribbble-over{position:absolute;top:4px;left:4px;z-index:1;width:182px;height:103px;margin:0!important;padding:10px;font-size:0.8em;line-height:2em;text-decoration:none;color: #484848;background:url(/wp-content/plugins/wp-dribbble/images/zoom-bg-white.png) no-repeat bottom right;}
ol.dribbbles .dribbble-link{position:relative;z-index:2;}
ol.dribbbles .dribbble-link img{width:204px;height:auto;opacity:1;-webkit-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;margin-top: -13px;}
ol.dribbbles .dribbble-link:hover img{opacity:0.1;-webkit-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;}
ol.dribbbles strong{display:block;font-weight:bold;font-size:1.4em;line-height:1.2em;color: #484848;}
ol.dribbbles .dim{font-weight:bold;color: #484848;display: none;}
ol.dribbbles em{font-style:normal;color: #484848;}
ol.dribbbles .dribbble-img{width:204px;height: 125px;overflow:hidden;}