/* @override http://trentwalton.com/wp-content/themes/delia3/style.css */

/*
Theme Name: Trent Walton 3
Theme URI: http://trentwalton.com
Description: Starkers based awesomeness.
Version: 1.1
Author: Trent Walton
Author URI: http://trentwalton.com
Tags: starkers, html5, beginning, start, clean, basic
*/

/* 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:"";}
blockquote,q{quotes:;}
a img{border:none;}


/* Grid
-------------------------------------------------------------- */
.container_12{margin-left:auto;margin-right:auto;width:1020px}
.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12{display:inline;float:left;margin-left:10px;margin-right:10px;}
.alpha{margin-left:0}.omega{margin-right:0}
.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12{position: relative;float: left;}

.container_12 .grid_1{width: 65px;}
.container_12 .grid_2{width: 150px;}
.container_12 .grid_3{width: 235px;}
.container_12 .grid_4{width: 320px;}
.container_12 .grid_5{width: 405px;}
.container_12 .grid_6{width: 490px;}
.container_12 .grid_7{width: 575px;}
.container_12 .grid_8{width: 660px;}
.container_12 .grid_9{width: 745px;}
.container_12 .grid_10{width: 830px;}
.container_12 .grid_11{width: 915px;}
.container_12 .grid_12{width: 1000px;}

.container_12 .prefix_1{padding-left:85px;}
.container_12 .prefix_2{padding-left:170px;}
.container_12 .prefix_3{padding-left:255px;}
.container_12 .prefix_4{padding-left:340px;}
.container_12 .prefix_5{padding-left:425px;}
.container_12 .prefix_6{padding-left:510px;}
.container_12 .prefix_7{padding-left:595px;}
.container_12 .prefix_8{padding-left:680px;}
.container_12 .prefix_9{padding-left:765px;}
.container_12 .prefix_10{padding-left:850px;}
.container_12 .prefix_11{padding-left:935px;}

.container_12 .suffix_1{padding-right:85px;}
.container_12 .suffix_2{padding-right:170px;}
.container_12 .suffix_3{padding-right:255px;}
.container_12 .suffix_4{padding-right:340px;}
.container_12 .suffix_5{padding-right:425px;}
.container_12 .suffix_6{padding-right:510px;}
.container_12 .suffix_7{padding-right:595px;}
.container_12 .suffix_8{padding-right:680px;}
.container_12 .suffix_9{padding-right:765px;}
.container_12 .suffix_10{padding-right:850px;}
.container_12 .suffix_11{padding-right:935px;}

.container_12 .push_1{left:85px;}
.container_12 .push_2{left:170px;}
.container_12 .push_3{left:255px;}
.container_12 .push_4{left:340px;}
.container_12 .push_5{left:425px;}
.container_12 .push_6{left:510px;}
.container_12 .push_7{left:595px;}
.container_12 .push_8{left:680px;}
.container_12 .push_9{left:765px;}
.container_12 .push_10{left:850px;}
.container_12 .push_11{left:935px;}

.container_12 .pull_1{left:-85px}
.container_12 .pull_2{left:-170px;}
.container_12 .pull_3{left:-255px;}
.container_12 .pull_4{left:-340px;}
.container_12 .pull_5{left:-425px;}
.container_12 .pull_6{left:-510px;}
.container_12 .pull_7{left:-595px;}
.container_12 .pull_8{left:-680px;}
.container_12 .pull_9{left:-765px;}
.container_12 .pull_10{left:-850px;}
.container_12 .pull_11{left:-935px;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

::-moz-selection{ background: #db1010; color:#fff; text-shadow: none; }
::selection { background: #db1010; color:#fff; text-shadow: none; } 


/* Page
-------------------------------------------------------------- */
body {color: #000;background: #fff; /* text-rendering: optimizeLegibility; */}
#pagewrap {padding-top: 4px; min-width: 1020px;}
/* #header{background: url(img/dhoriz-grid.png) repeat-y center top;} */
/* body{ background: url(img/grid2.png) repeat left 8px;} */
#header {display: block;height: 115px; border-bottom: 1px solid; border-bottom-color: rgba(0, 0, 0, 0.2);margin-bottom: 3px; }

.archive #header, 
.note #header,
.page-template #header,
.error404 #header,
.search #header{margin-bottom: 76px;}

.archive .article,
/*.note .article,*/
.page-template .article,
.error404 .article,
.search .article{margin-bottom: 48px;}

.logo{margin-top: 18px;margin-left: 37px;width: 75px;height: 75px;}
.logo:hover{background-image: url(img/redd.png);}

.article{margin-bottom: 0px;display: block;float: left;}
.row{margin-bottom: 48px;}
.pagination{margin-bottom:110px ; margin-top: 23px;display: block;}
.details .pagination{margin-bottom: 12px;}
.details{margin-top: 12px;}
.pagination li{list-style-type: none;display: inline;}
.postmeta{margin-bottom:108px ;}
.postmeta a, .pagination a{font-style: italic;}
.referenced, .tags, .shorturl{display: block;}
.responses{padding-left: 23px;padding-bottom: 2px;font-style: italic;}

.tag_list{margin-bottom: 104px;display: block;}
.tag_list li{list-style-type: none; }
.tag_list ul {-webkit-column-count: 4;-webkit-column-gap:20px; -moz-column-count:4;-moz-column-gap:20px;-o-column-count:4;-o-column-gap:20px; column-count:4; column-gap:20px;}

/* Classes Generated by Wordpress
-------------------------------------------------------------- */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left;margin-right: 20px;}
.alignright { float:right;margin-left: 20px;}
img.alignright{margin-right: 0px;}
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
.screen-reader-text { display: none;}
img.attachment-article-post-thumbnail { border:1px solid rgba(0, 0, 0, 0.1);margin-bottom: 0;margin-top: 20px;}


/* Images
-------------------------------------------------------------- */
img.text-image, img.text-image-heading{float: none;display: block;}
p .text-image{margin-bottom:0;}
.article img{margin-top: 7px;margin-bottom: 48px;}
.archive .article img{margin-bottom: 24px;}
.article_thumb img{margin-top: 18px;border: 1px solid #ccc;}
img.project_thumb, img.note_image {margin-top: 10px;margin-bottom: 12px;}
.margined{position: absolute;}

/* Typography
-------------------------------------------------------------- */
body {color: #000;font: normal 17px/24px "ff-meta-serif-web-pro-1", "ff-meta-serif-web-pro-2", Georgia, "Times New Roman", Times, serif; }

p           { margin: 0 0 48px; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 0 0 24px; padding: 0; }
strong      { font-weight: bold; }
em		    { font-style: italic; }


/* Headings
-------------------------------------------------------------- */
h1 { font-size: 29px;line-height: 36px;}
h2, h3, h4, h5, h6 { font-size: 29px;line-height: 36px;margin-bottom: 11px; margin-top: 1px; color: #000;font-weight: normal;}

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

h2 a.article_title{color: #000;}
.banner h1{display:none;}


/* Links
-------------------------------------------------------------- */
a {text-decoration: none;color: #db1010;}

a.dribbble_link{color: #f64599;}
a.twitter_link {color: #2eb8e7;}
a.gowalla_link {color: #f7911f;}
a.flickr_link {color: #0061cb;}
a.zootool_link {color: #80ac3a;}
a.linkedin_link {color: #8fbfd7;}
a.facebook_link {color: #5574ad;}
a.rdio_link {color: #3c3c94;}
a:hover     	{color: #999;}

.responses {background: url(img/spriteicons.png) no-repeat -10px -2px;}
#footer .twitter{background: url(img/spriteicons.png) no-repeat -10px -40px;}
#footer .paravel{background: url(img/spriteicons.png) no-repeat -10px -73px;}
#footer .rss{background: url(img/spriteicons.png) no-repeat -10px -104px;}

#next, #prev, #previous{color:rgba(0, 0, 0, 0.4);}
.demo_link{margin: 0 0 48px;}

a, #nav a {-webkit-transition: color 0.2s ease-out; -moz-transition: color 0.2s ease-out;}
#send, #searchsubmit{-webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out;}


/* Navigation
-------------------------------------------------------------- */
#nav {}
#nav ul {padding-top: 20px;}
#nav ul li { list-style-type: none;  display: inline;}
#nav ul li a{padding-top: 21px;padding-bottom: 20px;padding-right: 30px;}
#nav a {color:#000; text-decoration: none;display: inline-block;}
#nav a:hover {color: #db1010;}

/* Fusion
-------------------------------------------------------------- */
/*.fusion_notes {
	position: absolute;
	left: -52%;
	top: 127px;
}*/

/*.fusion_notes #fusion_ad {
	width: 140%;
}*/

img.fusionimg {
	width: 100%;
	max-width: 130px;
	backgroudnd-color: rgba(0, 0, 0, 0.1);
	margin: 0 6px 0 0!important;
	float: left;
}

#fusion_ad {
	min-height: 100px;
	font-size: 0.667em;
	line-height: 1.45;
	width: 235px;
	background-color: rgba(0, 0, 0, 0.05);
	overflow: hidden;
	position: absolute;
	margin-left: 0px;
	margin-top: 5px;
	padding: 1px 6px 1px 1px;	
	z-index: 200;
}

#fusion_ad a {
	font-style: italic;
}

a.fusiontext {
	display: block;
	color: #000;
	font-weight: normal;
	font-style: normal!important;
	margin-bottom: 4px;
 	margin-top: 4px;}



/* Footer
-------------------------------------------------------------- */
#footer .omega{text-align: right;}
#footer {display: block; height: 111px; border-top: 1px solid rgba(0, 0, 0, 0.2);float: left;padding-top: 3px;margin-top: 6px;}
#footer .twitter{padding-left: 28px;padding-bottom: 2px;}
#footer .paravel{padding-left: 18px;padding-bottom: 2px;margin-right: 23px;}
#footer .rss{padding-left: 18px;padding-bottom: 2px;}


/* Lists
-------------------------------------------------------------- */
li ul,li ol{ }
ol{ margin: 0 0 48px; }
ul{ list-style-type: disc;margin-top: 0;margin-left: 0;margin-bottom: 48px;}
ul + li{}
ol{ list-style-type: decimal; }
ol + li{}

dl{ margin: 0 0 48px 0; }
dl dt{  width:80px; margin-right:20px; float:left;  }
dd{ margin-left:100px; margin-bottom:48px;}


/* Forms
-------------------------------------------------------------- */
textarea { width:400px;}
#send { clear:both; display: block;}
#respond {margin-bottom:114px;margin-top: 4px;float: left;}
#commentform p{margin-bottom: 12px;}


/* Other Elements
-------------------------------------------------------------- */
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;}
tt{ display: block; margin: 1.5em 0; line-height: 1.5; }
pre,code{ margin: 5px 0 5px; white-space: pre;}
pre,code,tt { font: 13px/6px 'andale mono', 'lucida console', monospace;background-color: #f0f0f0;display: inline-block;padding-top: 5px;padding-bottom: 6px;}
hr{ margin:23px 0px;}
code.paragraphcode{margin:0px; padding:3px 0px;}

blockquote {color:  rgba(0, 0, 0, 0.5);font-style: italic;margin-right: 33px;margin-left: 28px;}

/*blockquote:before {content: '"';font: italic 84px/84px Georgia, "Times New Roman", Times, serif;float: left;margin-right: 28px;}*/
/*#commentsection blockquote:before{display: none;font-size: 34px;line-height: 34px;margin-right: 11px;margin-top: 0px;}
#commentsection blockquote{margin: 11px 11px 11px 0;}*/


/* Comments
-------------------------------------------------------------- */
.comment_options{margin-bottom:111px;}
.commentslist {margin-bottom:103px; font-size: 15px;line-height: 24px;margin-top: -6px;}
.commentslist li{margin-bottom: 56px;list-style-type: none;position: relative;border-top: 1px solid rgba(0, 0, 0, 0.1);padding-top: 15px;}
.commentslist cite{font-weight: normal;font-style: normal;text-transform: uppercase;display: block;}
.commentslist cite a{color: #000;}
.commentslist time{font-style: italic;}
.commentslist p{margin-bottom: 12px;}
.reply a{font-style: italic;}
.avatar{float: left;margin-top: 7px;margin-right: 12px;border: 1px solid rgba(0, 0, 0, 0.1);padding: 1px;}
.commentmetadata a { cursor: pointer; }
.depth-2 {margdin-left: 85px; margin-top: 58px;}
.depth-3 {mardgin-left: 175px; margin-top: 58px;}

#commentform input {-webkit-appearance:none; font: 17px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", "Meta Serif Pro", Georgia, "Times New Roman", Times, serif;padding: 4px;border: 1px solid  rgba(0, 0, 0, 0.2);width: 235px;margin-right: 12px;-webkit-border-radius:0px;}
#commentform p{margin-bottom: 12px;}
#commentform textarea {-webkit-appearance:none; font: 17px "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", "Meta Serif Pro", Georgia, "Times New Roman", Times, serif;width: 640px;padding: 10px;height:184px;border: 1px solid  rgba(0, 0, 0, 0.2);margin-bottom: 12px;-webkit-border-radius:0px;}


/* Search & 404
-------------------------------------------------------------- */
#send, input#searchsubmit{ margin: 0;color: #fff;background-color: #000;font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", "Meta Serif Pro", Georgia, "Times New Roman", Times, serif;border:none;  -webkit-border-radius:0px;-webkit-appearance:none; font-size: 28px;float: left;}
#send:hover, #searchsubmit:hover{background-color: #db1010; cursor:pointer; }
input#searchsubmit{width: 100px;height: 55px;}
#send {width: 85px;font-size: 16px;height: 35px;}
#searchform input#s{padding: 0px 0px 0px 12px;font: 28px/0 "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", "Meta Serif Pro", Georgia, "Times New Roman", Times, serif;border: 1px solid rgba(0, 0, 0, 0.2);width: 546px;height: 53px;-webkit-border-radius:0px;-webkit-appearance:none;float: left;}
#searchform{margin-bottom: 12px;margin-top: 2px;}
.search_section{margin-bottom: 45px;}