/*
Theme Name: twodays
Theme URI: http://2daysgone.net/
Description: two days gone default
Version: 1.0
Author: Kim Phillips
Author URI: http://edge3sixty.com/
*/
/*global resets*/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,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-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
ul,ol{list-style:none}
 /* Begin Typography & Colors */
body{font-size:1em;/* Resets 1em to 10px */font-family:Arial, Helvetica, Sans-Serif;color:#3E454F;text-align:center;text-transform:lowercase;}
#page{text-align:left}
#headerimg{display:none}
#sidebar{font-size:1em}
.widecolumn .entry p, .widecolumn .entry ul li{font-size:.85em;text-transform:none;}
#footer p,.commentlist p {font-size:.8em}
#notes p{line-height:1.125em;color:#CFD3D6;font-size:1em;font-weight:700;text-align:center}
.widecolumn .entry p{margin-bottom:10px}
.widecolumn .entry p a:link,.widecolumn .entry p a:visited, .widecolumn .entry li a:link,.widecolumn .entry li a:visited{font-weight:700;color:#FD3C28}
small{font-size:.9em;line-height:1.5em}
h1,h2,h3,h4{font-weight:700;letter-spacing:normal}
h1,h2,h3{color:#7c848a}
h1{font-size:3em;margin:0}
h1.title{font-size:3em;letter-spacing:-.04em}
h2{font-size:4.25em;letter-spacing:-.06em;text-transform:lowercase;margin:20px 0 0;padding:0}
h2.pagetitle,h3#comments,h3#respond{font-size:2.75em}
h2.phototitle{font-size:2.5em}
.shrink{font-size:.8em}
h3#respond{margin:30px 0 0 20px}
#sidebar h2{font-size:2em;border-bottom:1px solid #DADCDC;margin:0;padding:0}
h3{font-size:3.25em;text-transform:lowercase;letter-spacing:-.05em;padding:0;margin:0}
h4{color:#FD3C28;text-transform:lowercase;margin:5px 0;font-size:1.5em;letter-spacing:-.04em}
h5{color:#FD3C28;margin:5px 0}
h1,h1 a,h1 a:hover,h1 a:visited,#headerimg .description{text-decoration:none}
h2,h2 a,h2 a:visited,h3,h3 a,h3 a:visited{color:#7c848a}
.post h2,.post h2 a,.post h2 a:visited,.post h3,.post h3 a,.post h3 a:visited{padding:0 3px 0 0;margin-bottom:10px}
h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited,#sidebar h2,#wp-calendar caption,cite{text-decoration:none}
.red{color:#FD3C28}
.capitalize{text-transform:none}
.nocomments,.postmetadata,.postmetadata_feature,blockquote,strike,p.tags{color:#646A6F}
code{font:.875em 'Courier New', Courier, Fixed;white-space:nowrap}
pre code{display:block;clear:both;background-color:#F5F5F5;padding:10px;color:#369;border:solid 1px #ccc;overflow:auto;line-height:140%;margin:5px 0 10px;
white-space:pre;
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
width:92%}
acronym,abbr,span.caps{font-size:1em;letter-spacing:.1em;font-variant:small-caps}
strong{font-weight:700}
/*links*/
a{color:#FD3C28;text-decoration:none}
a:hover{text-decoration:underline}
h2 a:hover,h3 a:hover{color:#FD3C28;text-decoration:none}
#sidebar a:link,#sidebar a:visited{color:#7c848a}
#sidebar a:hover{color:#FD3C28;text-decoration:none}
p.tags{margin-top:30px;padding-top:10px;border-top:1px solid #DADCDC}
p.tags a{font-size:1.2em}
p.cloud{font-weight:700;line-height:1.6em;text-align:center}
p.tags a:link,p.tags a:visited{color:#FD3C28;text-transform:lowercase;font-weight:700;letter-spacing:normal}
p.tags a:hover{text-decoration:underline}
/* End Typography & Colors */
/* Begin Structure */
body{margin:0;padding:0;background:#fff url(images/body2.gif) no-repeat fixed center top}
#page{margin:0 auto;padding:0;width:980px}
/*header*/
#header{background:url(images/header2.gif) no-repeat;margin:0;padding:0;height:174px;width:980px}
ul.colors{float:right;display:inline;margin:0 46px 0 0}
ul.colors li{display:inline;padding:0 5px 0 0;font-size:.625em;text-transform:uppercase}
ul.colors li a:link,ul.colors li a:visited{}
ul.colors li a:hover{}
.date_display{float:left;display:inline;background-color:#FD3C28;padding:2px 0 0 20px;height:12px;text-transform:uppercase;margin:0 0 0 260px;width:651px;color:#FD3C28;font-size:.375em}
/*content*/
.widecolumn{float:left;display:inline;padding:8px 0 15px;margin:0 0 8px 260px;width:671px}
.widecolumnlinks,.widecolumnarchive,.widecolumnsearch,.widecolumn404{float:left;display:inline;clear:both;border-left:1px solid #FD3C28;border-bottom:14px solid #FD3C28;padding:0 0 30px 20px;margin:20px 0 8px 260px;width:650px}
.widecolumnlinks ul li.linkcat{float:left;display:inline;width:180px;clear:none;margin:0 30px 10px 0}
.widecolumnlinks ul li.linkcat li,.widecolumnarchive ul.tag-archive li{font-weight:700;padding-left:2px}
/*home box*/
.home_box{float:left;display:inline;width:664px;background:url(images/box.gif) no-repeat;margin:0 0 25px 3px;padding-bottom:0}
#notes{float:left;display:inline;width:180px;height:253px;margin:10px 0 0;padding:0 135px 0 25px}
h2.notes{text-indent:-9999px;margin:0 0 10px;padding:0;font-size:3em}
#twitter_div{float:right;display:inline;width:292px;height:140px;margin:10px 25px 0 0}
#twitter_update_list li{background-color:#fff;margin:0 10px 10px 50px;padding-top:20px;font-size:1em;font-weight:700;letter-spacing:normal}
#twitter_update_list li a:link,#twitter_update_list li a:visited{display:block;font-weight:400;color:#A6ADB5;letter-spacing:.0875em;padding-top:8px}
/*posts and feature*/
.post hr{display:block}
.widecolumn .entry{line-height:1.425em;margin-left:160px;padding:30px 20px 10px 30px;border-left:1px solid #DADCDC}
.widecolumn .post_feature .entry{margin-left:0;border:none;padding:0 5px 10px 5px}
.widecolumn .post,.widecolumn .post_feature{padding:0 0 0 20px;margin-top:25px;clear:both;border-left:1px solid #FD3C28;border-bottom:14px solid #FD3C28}
.widecolumn .entry_wide{line-height:1.425em;margin-left:5px;padding-bottom:20px}
.widecolumn ul.postmetadata{margin:0 3px;float:left;display:inline;width:150px;text-transform:lowercase}
.widecolumn .post_feature ul.postmetadata_feature{color:#fff;float:left;display:inline;width:120px;height:256px;margin:0 0 0 5px;text-indent:-9999px}
.widecolumn ul.postmetadata li,.widecolumn .post_feature ul.postmetadata_feature li{font-size:.72em;display:block;padding:0 0 4px}
.widecolumn ul.postmetadata li.number{background:url(images/bubble.gif) no-repeat;font-size:4.325em;font-weight:700;height:140px;width:95px;padding:1px 10px 10px 24px;margin-top:5px}
.widecolumn ul.postmetadata li.number a{color:#7c848a}
.widecolumn ul.postmetadata li.number a:hover{color:#FD3C28;text-decoration:none}
.widecolumn .smallattachment{text-align:center;float:left;width:128px;margin:5px 5px 5px 0}
.widecolumn .attachment{text-align:center;margin:5px 0}
.postmetadata{clear:both}
.clear{clear:both}
.more-link{float:right;}
/*footer*/
#footer{clear:both;margin:0 auto;width:880px;}
#footer .asides{background-color:#FD3C28;display:inline;float:left;margin:30px 0 0 211px;padding:20px 20px 20px 30px;width:619px;}
#footer .asides h2,#footer .bsides h2{border-bottom:1px dotted #FFAE9F;color:#FFAE9F;font-size:3em;margin:0 0 5px;letter-spacing:-.04em}
#footer .asides p,#footer .bsides p{color:#FFC9BF;margin-bottom:10px;}
#footer .asides p a,#footer .bsides p a{color:#E0E0E0;}
#footer .asides ul li,#footer .bsides ul li{list-style:none outside;margin:0;padding:0;}
#footer .asides ul ul,#footer .bsides ul ul{margin-bottom:10px}
#footer .asides ul ul li a:link,#footer .asides ul ul li a:visited,#footer .bsides ul ul li a:link,#footer .bsides ul ul li a:visited{color:#FFC9BF}
#footer .asides ul ul li a:hover,#footer .bsides ul ul li a:hover{color:#fff;text-decoration:none;}
#footer .asides .leftaside p{font-size:100%;}
#footer .bsides{background-color:#FD3C28;display:inline;float:left;margin:0 0 0 211px;padding:20px 20px 20px 30px;width:619px;}
#footer #linkcat-3 li{list-style:none outside;}
#footer .info{background:url(images/footer.gif) no-repeat 0 bottom;clear:both;height:244px;}
#footer .info p{margin:0;padding:38px 0 0 225px;text-align:center;}
#footer .asides ul.leftaside,#footer .bsides ul.leftbside{display:inline;float:left;padding-right:20px;width:285px;}
#footer .asides ul.leftaside ul li,#footer .asides ul.rightaside ul li,#footer .bsides ul.leftbside ul li,#footer .bsides ul.rightbside ul li{color:#FFC9BF;font-size:.85em;list-style:square inside;padding:0 0 4px;}
#footer .asides ul.rightaside,#footer .bsides ul.rightbside{clear:none;display:inline;float:right;margin-right:10px;width:285px;}
/* End Structure */
/* Begin Images */
p img{margin-bottom:20px;padding:0;max-width:100%}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */img.centered{display:block;margin-left:auto;margin-right:auto}
img.design{display:block;margin-left:auto;margin-right:auto;margin-bottom:60px}
img.alignright{padding:4px;margin:0 0 2px 7px;display:inline}
img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline}
.alignright{float:right}
.alignleft{float:left}
.alignright_sm img,.alignleft_sm img{width:80px;height:80px;border:4px solid #DCDDE2}
.alignright_sm img{margin-right:155px;float:right}
.alignleft_sm img{margin-left:155px;float:left}
.attachment img{border:4px solid #DCDDE2}
/* End Images */
/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */
html>body .entry ul{margin-left:0;padding:0 0 10px 30px;list-style:square;padding-left:15px;text-indent:-5px}
html>body .entry li{margin:0 0 0 10px}
.entry ul{list-style:square inside;padding:0 0 10px 10px;}
.entry ol{padding:0 0 0 35px;margin:0}
.entry ol li{margin:0;padding:0}
.postmetadata ul,.postmetadata li{list-style-type:none;list-style-image:none}
#sidebar ul,#sidebar ul ol{margin:0;padding:0}
#sidebar ul li{list-style-type:none;list-style-image:none;margin-bottom:20px}
#sidebar p,#sidebar ul p,#sidebar ul select{margin:0 0 8px;padding:0 0 0 4px;color:#7C848A}
#sidebar ul ul,#sidebar ul ol{margin-top:5px}
#sidebar ul ul ul,#sidebar ul ol{margin:0 0 0 10px}
ol li,#sidebar ul ol li{list-style:decimal outside}
#sidebar ul ul li,#sidebar ul ol li{margin:0;padding:0 0 2px;font-size:.85em;color:#646A6F}
/* End Entry Lists */
/* Begin Form Elements */
/*search*/
#searchform{margin:10px 0;padding:10px 0 5px}
#footer #searchform{margin:10px 0;padding:15px 0 5px 58px;background:url(images/searchbg.gif) no-repeat;height:69px}
#searchform #s{width:170px;padding:6px 4px;background-color:#dee0e2;border:1px solid #7C848A}
#searchform #s:focus{border:1px solid #FD3C28;background-color:#EEEFF0}
#footer #searchform #s{background-color:#ffae9f;border:1px solid #fef3f2}
#footer #searchform #s:focus{border:1px solid #ffae9f;background-color:#fff}
#searchsubmit{background-color:#fff;margin-left:2px;height:30px;width:30px;cursor:pointer;border:none}
#footer #searchsubmit{background-color:#FD3C28;color:#ffae9f}
.entry form{/* This is mainly for password protected posts, makes them look better. */text-align:center}
select{width:130px}
#commentform{padding:10px 20px;background:url(images/form_bg.gif) no-repeat;height:400px;margin-bottom:50px}
#commentform label{float:left;clear:none;color:#7C848A;text-transform:uppercase;font-weight:700;padding-top:10px;margin-left:25px}
#commentform label small{color:#FFF}
#commentform input,#commentform textarea{float:left;width:460px;padding:5px;margin:5px 0;background-color:#DCDDE2;border-top:none;border-right:none;border-bottom:2px solid #ccc;border-left:none;text-transform:none}
#commentform textarea{height:150px;overflow:auto}
#commentform input:focus,#commentform textarea:focus{border-bottom:2px solid #FD3C28;background-color:#EFEFF1}
#commentform #submit{background:url(images/submit.gif) no-repeat center right;height:64px;width:60px;border:none;clear:left;margin:0 0 0 400px;cursor:pointer}
#commentform .subscribe-to-comments input{background-color:transparent;border:none;margin:0;padding:0}
#commentform .subscribe-to-comments label{font-size:.725em;margin:0 0 0 5px;padding:0;text-transform:lowercase}
.admin{clear:left}
/* End Form Elements */
/* Begin Comments*/
#comments{margin-left:20px}
.commentlist{padding:0;margin-bottom:40px;}
h3#comments{padding:0;margin:10px 0 20px 20px}
.comment_info{margin:15px 12px 0 0;padding:10px 0 10px 20px;border-left:1px solid #FFC9BF;border-bottom:1px solid #FFC9BF}
.text_box{background:#FFEDEA url(images/dot.gif) repeat;padding:5px 10px 10px 20px;margin:0 100px 3px 20px}
.commentlist li{font-weight:700;list-style:none}
.commentlist li .avatar{float:right;background:url(images/avatar_bg.gif) no-repeat;margin:10px 0 0 15px;padding:4px 7px 18px 4px}
.commentlist cite,.commentlist cite a{font-weight:700;font-style:normal;font-size:1.575em;letter-spacing:-.04em}
.commentlist cite a:hover{color:#7c848a;text-decoration:none}
.commentlist p{font-weight:400;line-height:1.5em;text-transform:none}
.commentmetadata a{color:#697176}
.commentlist p{margin:10px 5px 10px 0;font-weight:700}
#commentform p{margin:5px 0}
.nocomments{text-align:center;margin:0;padding:0}
.commentmetadata{margin:0;display:block;font-size:.675em}
/* End Comments */
/* Begin Sidebar */
#sidebar{background:url(images/sidebar2.gif) no-repeat;float:left;display:inline;padding:190px 0 0 50px;margin-left:-931px;width:195px}
#sidebar form{margin:0}
#sidebar li#meta{clear:both;margin-bottom:10px}
#sidebar li.recent ul li,#sidebar li.linkcat ul li,#sidebar li#meta ul li{color:#FD3C28;list-style:square inside}
#sidebar li.recent ul li a:link,#sidebar li.linkcat ul li a:link,#sidebar li.recent ul li a:visited,#sidebar li.linkcat ul li a:visited,#sidebar li#meta ul li a:link,#sidebar li#meta ul li a:visited{padding:0;margin-left:0}
#sidebar li.recent ul li a:hover,#sidebar li.linkcat ul li a:hover,#sidebar li#meta ul li a:hover{color:#FD3C28}
#sidebar li.recent h2{position:relative;width:195px;height:42px}
#sidebar li.recent h2 span{background: url(images/h2recent.gif) no-repeat;position:absolute;width:100%;height:100%}
#sidebar li#tagcloud h2{position:relative;width:195px;height:51px;margin-bottom:5px}
#sidebar li#tagcloud h2 span{background: url(images/h2tags.gif) no-repeat;position:absolute;width:100%;height:100%}
#sidebar li.last_fm h2{position:relative;width:158px;height:48px}
#sidebar li.last_fm h2 span{background: url(images/h2fm.gif) no-repeat;position:absolute;width:100%;height:100%}
#sidebar li#rss{margin:20px 0 6px;clear:none}
#sidebar li#rss a{display:block;background:url(images/rss.gif) no-repeat;width:125px;height:81px;text-indent:-9999px}
#sidebar li#rss a:hover{background:url(images/rss.gif) no-repeat 0 -81px}
#sidebar .flickr{margin:0 0 0 0}
#sidebar li.flickr h2{position:relative;width:158px;height:46px}
#sidebar li.flickr h2 span{background: url(images/h2flickr.gif) no-repeat;position:absolute;width:100%;height:100%}
/*#sidebar .flickr{background:url(images/flckr.gif) no-repeat left 25px;height:260px;width:190px}
#sidebar .flickr h2{text-indent:-9999px;border:none;margin:0;padding:0}*/
#sidebar .flickr a:link img,#sidebar .flickr a:visited img{width:150px;height:150px;margin:10px 0 0 0;filter:alpha(opacity=35);-moz-opacity:.35;opacity:.35;border:4px solid #AAAFB3}
#sidebar .flickr a:hover img{padding:0;border:4px solid #FD3C28;filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0}
/* End Sidebar */
/* Begin Various Tags & Classes */
acronym,abbr,span.caps{cursor:help}
acronym,abbr{border-bottom:1px dotted #FD3C28}
blockquote{margin:15px 30px 0 10px;padding-left:10px;color:#FD3C28;font-size:1.275em;font-family:"Century Gothic", Charcoal, Arial, Helvetica, sans-serif}
blockquote cite{margin:0 10px 0 0;display:block;text-align:right;font-size:0.75em}
.center{text-align:center}
.hidden{display:none}
hr{display:none}
a img{border:none}
.navigation{/*text-transform:uppercase;*/font-weight:700;letter-spacing:normal;display:block;text-align:center;margin-top:10px;margin-bottom:60px}
/* End Various Tags & Classes*/
/* Captions */.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{border:1px solid #A8ADB0;text-align:center;background-color:#F9F9F9;padding-top:4px;margin:10px;-moz-border-radius:3px;-khtml-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.wp-caption img{margin:0;padding:0;border:0 none}
.wp-caption p.wp-caption-text{font-size:12px;line-height:17px;padding:3px 4px;margin:0}
/* End captions */
/* Navigation Menu
--------------------------------------------------------------------- */
   /*  
    measurements for the image replacement:
    The distance from the top to the...
	normal  = 0
	hover  = 160
	selected  = 160
	
	The distance from the far-left to the...
	home  = 0
	blog  = 220px
	design  = 362
	photos  = 504
	links = 646
	contact = 788
	home width =220
	other widths = 142px
	*/

.menu{float:left;display:inline;width:935px;height:135px;margin:0 0 0 24px}
ul#navMenu{background:url(images/menu3.gif) no-repeat}
ul#navMenu li{float:left;list-style-type:none;display:inline}
ul#navMenu li a{height:135px;display:block;text-indent:-9999px;outline:none}
li#home a,li#blog a,li#design a,li#photos a,li#links a,li#contact a{background:url(images/menu3.gif) no-repeat}
li#home a{background-position:0 0;width:220px;left:0}
li#home a:hover, li#home a#current:hover{background-position:0 -160px}
li#home a#current{background-position:0 -160px}
li#blog a{background-position:-220px 0;width:142px;left:220px}
li#blog a:hover, li#blog a#current:hover{background-position:-220px -160px}
li#blog a#current{background-position:-220px -160px}
li#design a{background-position:-362px 0;width:142px;left:362px}
li#design a:hover, li#design a#current:hover{background-position:-362px -160px}
li#design a#current{background-position:-362px -160px}
li#photos a{background-position:-504px 0;width:142px;left:504px}
li#photos a:hover, li#photos a#current:hover{background-position:-504px -160px}
li#photos a#current{background-position:-504px -160px}
li#links a{background-position:-646px 0;width:142px;left:646px}
li#links a:hover, li#links a#current:hover{background-position:-646px -160px}
li#links a#current{background-position:-646px -160px}
li#contact a{background-position:-788px 0;width:142px;left:788px}
li#contact a:hover, li#contact a#current:hover{background-position:-788px -160px}
li#contact a#current{background-position:-788px -160px}



