/* * * RESET * * */
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;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
*:active, *:focus { outline-width: 0px; }
img { max-width: 100% }
a {text-decoration: none; color: orangered; }
a:hover {text-decoration:underline;}
a img { border-width: 0px; }
strong { font-weight: bold; }
em { font-style: italic; }
section, article, header, footer, nav, aside, hgroup {
 display: block;
} 

/* * * IMPORT FONTS * * */
@font-face {
	font-family: "Titillium Web";
	font-style: normal;
	font-weight: 700;
	src: local("Titillium WebBold"), local("TitilliumWeb-Bold"), url("http://themes.googleusercontent.com/static/fonts/titilliumweb/v1/anMUvcNT0H1YN4FII8wpr_5rZpfU3XI-FvUPGDRT0xY.woff") format("woff"); /* Titillium Web is not hosted on Tumblr because because Firefox and IE don't accept fonts hosted on there directly */
  }
@font-face {
	font-family: "entypo";
	font-style: normal;
	font-weight: normal;
	src:url("http://static.tumblr.com/jhhfv1l/gTmmsilws/entypo.eot");
	src:url("http://static.tumblr.com/jhhfv1l/gTmmsilws/entypo.eot?#iefix") format("eot"), 
  		url("http://weloveiconfonts.com/api/fonts/entypo/entypo.woff") format("woff")/* entypo.woff is not hosted on Tumblr because Firefox and IE don't accept fonts hosted on there directly */, 
  		url("http://static.tumblr.com/jhhfv1l/lKTmsilw6/entypo.ttf") format("truetype"), 
  		url("http://weloveiconfonts.com/api/fonts/entypo/entypo.svg#entypo") format("svg")/* entypo.svg isn't hosted on Tumblr because Tumblr doesn't allow .svg files to be uploaded */;
  	}
  	
/* * * ENTYPO ICONS * * */
[class*="entypo-"]:before {
	font-family: "entypo", sans-serif;
	font-weight:normal;
	}
.share{margin-left:7px;font-size:16px;}		
.entypo-doc-text-inv:before{content:"\e731\A0\2009";font-size:15px;vertical-align:-1px;}
.entypo-calendar:before{content:"\1f4c5\A0";font-size:15px;vertical-align:-1px;}
.entypo-globe:before{content:"\1f30e\A0";font-size:15px;vertical-align:-1px;}
.entypo-arrows-ccw:before{content:"\1f504\A0";font-size:15px;vertical-align:-1px;}
.entypo-comment:before{content:"\e718"; font-size:17px;}
.entypo-twitter:before{content:"\f309";}
.entypo-facebook-squared:before{content:"\f30e";font-size:15px;vertical-align:1px;}

/* * * BASE STYLES* * */
body {
    -webkit-font-smoothing: antialiased;
    font-size: 16px;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 0;
    color:#444;
    }    
a{	text-decoration:underline;
	transition: 0.3s all;
	}  
.tumblr_blog{font-weight:bold;} 
p+p{margin-top:10px;}  
h2{
    font-size:41px;
    color:#333;
    font-weight:bold;
    line-height:1;}
h2 a{text-decoration:none;}    
h2 a:hover{text-decoration:none;}    
blockquote{
    margin: 10px 0 10px 10px;
    padding-left: 15px;
    border-left: solid 4px #dcdcdc;
    line-height:1.5;
    } 
.lowercase{text-transform: lowercase;}
.uppercase{text-transform: uppercase;}  
.fontsize_small{font-size:14px;}
.fontsize_medium{font-size:16px;}

/* * * COLOR SCHEMES * * */
.canvas_bluegray{background-color:#EDEBE6;}
.canvas_bluegray a{color:#22374C;}
.canvas_bluegray a:hover, .canvas_bluegray a:focus{color:#23384e;}
.sidebar_bluegray{background-color:#22374C;}
.sidebar_bluegray a, .sidebar_bluegray a:hover, .sidebar_bluegray a:focus{color:#fff;}
.sidebar_bluegray #links li{background-color:rgba(0,0,0,0.1);outline-color:rgba(0,0,0,0.1);}
.sidebar_bluegray #links a:focus li, .sidebar_bluegray #links li:hover, .sidebar_bluegray #links a.active li:hover, .sidebar_bluegray #links a.active:focus li{background-color:rgba(0,0,0,0.25); outline:4px solid rgba(0,0,0,0.25);} 
.sidebar_bluegray #links a.active li{
    background-color:rgba(0,0,0,0.1);
    border-left-color:#22374C;} 
.loading_bluegray{background-color:#EDEBE6;color:#888;}
.postnotes_bluegray, .postnotes_bluegray a{color:#888;}
.postnotes_bluegray a:hover, .postnotes_bluegray a:focus{color:#555;}
.postnotes_bluegray ol.notes blockquote a{color:#555;}
.cntnt_link_bluegray{border:1px solid #CED3D9;background-color:#EDEFF2;}

.canvas_tealsand{background-color:#EBE8DA;}
.canvas_tealsand a{color:#597F7F;}
.canvas_tealsand a:hover, .canvas_tealsand a:focus{color:#354C4C;}
.sidebar_tealsand{background-color:#597F7F;}
.sidebar_tealsand a, .sidebar_tealsand a:hover, .sidebar_tealsand a:focus{color:#fff;}
.sidebar_tealsand #links li{background-color:rgba(0,0,0,0.1);outline-color:rgba(0,0,0,0.1);}
.sidebar_tealsand #links a:focus li, .sidebar_tealsand #links li:hover, .sidebar_tealsand #links a.active li:hover, .sidebar_tealsand #links a.active:focus li{background-color:rgba(0,0,0,0.25); outline:4px solid rgba(0,0,0,0.25);} 
.sidebar_tealsand #links a.active li{
    background-color:rgba(0,0,0,0.1);
    border-left-color:#597F7F;} 
.loading_tealsand{background-color:#EBE8DA;color:#9E9D96;}
.postnotes_tealsand, .postnotes_tealsand a{color:#9E9D96;}
.postnotes_tealsand a:hover, .postnotes_tealsand a:focus{color:#85847E;}
.postnotes_tealsand ol.notes blockquote a{color:#85847E;}
.cntnt_link_tealsand{border:1px solid #CED9D9;background-color:#EDF2F2;}

.canvas_ocean{background-color:#5A6F78;}
.canvas_ocean a{color:#193D4C;}
.canvas_ocean a:hover, .canvas_ocean a:focus{color:#1E262B;}
.sidebar_ocean{background-color:#1E262B;}
.sidebar_ocean a, .sidebar_ocean a:hover, .sidebar_ocean a:focus{color:#fff;}
.sidebar_ocean #links li{background-color:rgba(0,0,0,0.1);outline-color:rgba(0,0,0,0.1);}
.sidebar_ocean #links a:focus li, .sidebar_ocean #links li:hover, .sidebar_ocean #links a.active li:hover, .sidebar_ocean #links a.active:focus li{background-color:rgba(0,0,0,0.25); outline:4px solid rgba(0,0,0,0.25);} 
.sidebar_ocean #links a.active li{
    background-color:rgba(0,0,0,0.1);
    border-left-color:#1E262B;} 
.loading_ocean{background-color:#5A6F78;color:#fff;}
.postnotes_ocean, .postnotes_ocean a{color:#fff;}
.postnotes_ocean a:hover, .postnotes_ocean a:focus{color:#fff;}
.postnotes_ocean ol.notes blockquote a{color:#fff;}
.cntnt_link_ocean{border:1px solid #CED5D9;background-color:#EDF0F2;}

.canvas_choco{background-color:#EDEAE6;}
.canvas_choco a{color:#453B31;}
.canvas_choco a:hover, .canvas_choco a:focus{color:#332B24;}
.sidebar_choco{background-color:#2D2620;}
.sidebar_choco a, .sidebar_choco a:hover, .sidebar_choco a:focus{color:#fff;}
.sidebar_choco #links li{background-color:rgba(0,0,0,0.1);outline-color:rgba(0,0,0,0.1);}
.sidebar_choco #links a:focus li, .sidebar_choco #links li:hover, .sidebar_choco #links a.active li:hover, .sidebar_choco #links a.active:focus li{background-color:rgba(0,0,0,0.25); outline:4px solid rgba(0,0,0,0.25);} 
.sidebar_choco #links a.active li{
    background-color:rgba(0,0,0,0.1);
    border-left-color:#2D2620;} 
.loading_choco{background-color:#EDEAE6;color:#888;}
.postnotes_choco, .postnotes_choco a{color:#888;}
.postnotes_choco a:hover, .postnotes_choco a:focus{color:#555;}
.postnotes_choco ol.notes blockquote a{color:#555;}
.cntnt_link_choco{border:1px solid #D9D4CE;background-color:#F2F0ED;}

/* * * LOADING SCREEN * * */
#loading{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0px;
    z-index:10;text-align:center;
    }
#loading_text{
    position:absolute;
    width:500px;
    top:50%;
    left:50%;
    height:25px;
    margin:-12px auto 0 -125px;
    text-align:center;
    font-weight:bold;
    font-size:20px;
    }

/* * * SIDEBAR * * */
#sidebar{
    position:fixed;
    left:0;
    top:0;
    height:100%;
    width:250px;
    z-index:100;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
    }
#sidebar a{text-decoration:none;}

/* * * SIDEBAR: HEADER * * */
header{
    margin:0 auto 0 auto;
    text-align:center;
    padding:40px 10px 20px 10px;
    font-weight:700;
    font-family:"Titillium Web", Helvetica Neue, Helvetica, Arial, sans-serif;
    }
.header_ifnotdisplayblogtitle{
	padding-bottom:10px;
	}    
header h1{
	font-size:30px;
    -webkit-font-kerning: normal;
    font-kerning: normal;
    }
header h1.above_none{margin-bottom:10px;}
header h1 a{
	color:#fff;
	text-decoration:none;
	} 
header h1 a:hover{
	text-decoration:none;
	color:#fff;
	}
header h1 a:focus{
	text-decoration:underline;
	color:#fff;
	}   

/* * * SIDEBAR: AVATAR * * */
 #av{
 	margin-bottom:20px;
 	width:128px;
 	height:128px;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
 	}        
#av:hover{box-shadow: 0px 0px 0px 8px rgba(255,255,255,0.1);}     
.avatar_1circle{
    -webkit-border-radius:128px;
    -moz-border-radius:128px;
    -ms-border-radius:128px;
    -o-border-radius:128px;
    border-radius:128px;
    }
.avatar_3rounded{
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
    }
.avatar_4none{display:none;}

/* * * SIDEBAR: DESCRIPTION * * */
#description{
	text-align: center;
	padding: 0px 20px;
    margin-bottom:40px;
    color:#fff;
    line-height:1.5;
    font-weight:bold;
	}
#description p{text-align:center;}    
#description a{
	padding-bottom:1px;
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,0.5);
	}    
#description a:hover{
	border-bottom:1px solid rgba(255,255,255,0.9);
	text-decoration:none;
	}

/* * * SIDEBAR: MENU * * */
#links{
    position:absolute;left:0;
    text-align: left;
    width:250px;
    color:#fff;
    text-transform:uppercase;
    font-size:15px;
    font-weight:700;
    font-family:"Titillium Web", Helvetica Neue, Helvetica, Arial, sans-serif;
	}      
.withcredit{bottom:20px;} 
.withoutcredit{bottom:0px;} 
#links li{
    padding:6px 14px 7px 14px;
    margin:4px 14px 14px 14px;
    -webkit-font-kerning: normal;
    font-kerning: normal;
    list-style-type: none;
    outline-width:4px;
    outline-style:solid;
    }    
#links a.active li{
    padding:12px 14px 13px 10px;
    border-left-width:4px;
    border-left-style:solid;}  
#links a{color:#fff;}
#links a:hover{text-decoration:none;}    
#credit{
	font-family:"Titillium Web", Helvetica Neue, Helvetica, Arial, sans-serif;
    color:rgba(255,255,255,0.3);
    text-transform:uppercase;
    font-size:10px;
    text-align:center;
    font-weight:bold;
    position:absolute;
    left:10px;
    bottom:10px;
    width:230px;
    text-shadow:none;
    }
#credit a{color:rgba(255,255,255,0.3);}
#credit a:hover, #credit a:focus{color:rgba(255,255,255,0.5);}
#credit.credit_tealsand a{color:rgba(255,255,255,0.5);}
#credit.credit_tealsand a:hover, #credit.credit_tealsand a:focus{color:rgba(255,255,255,0.7);}
#credit.credit_ocean a{color:rgba(255,255,255,0.1);}
#credit.credit_ocean a:hover, #credit.credit_ocean a:focus{color:rgba(255,255,255,0.3);}
/* * * BLOG CONTENT SECTION * * */
#content{
    margin: 0 0 0 250px;}    
#posts{
    margin:0 auto 0 auto;
    padding:40px 20px;
    list-style-type:none;
    position:relative;
	}   

/* * * INDIVIDUAL POSTS * * */	 
.post{
    margin:0 auto 30px auto;
    width:400px;
    padding:15px 15px 0 15px;
    background-color:#fff;
    position:relative;
    }
.permalink_page{width:700px;}    
.content{margin: 0 0 15px 0;}   
.cntnt_photo, .cntnt_audio, .cntnt_audio_art, .cntnt_panorama{line-height:0;}
.caption{padding: 0 0 14px 0;} 
.caption ul, .caption ol{
    margin:15px 0 15px 28px;
    }
.caption li+li{margin-top:10px;}     
   
/* * * INDIVIDUAL POSTS: QUOTES * * */
.cntnt_quote{
    padding: 0 0 0 0;
    font-style:oblique;
    font-weight:bold;
    line-height:1.3;
    }
.quote_short{font-size:24px;;text-align:center;}
.quote_medium{font-size:21px;text-align:left;}
.quote_long_small{font-size:14px;}
.quote_long_medium{font-size:16px;}
.quote_short:before, .quote_medium:before{content:"\201C";}
.quote_short:after, .quote_medium:after{content:"\201D";}
.quote_long p:first-of-type:before{content:"\201C";}
.quote_long p:last-of-type:after{content:"\201D";}

/* * * INDIVIDUAL POSTS: AUDIO * * */
.cntnt_audio_art + .cntnt_audio{margin-top:5px;}
.cntnt_audio{
	text-align:left;
	width:100%;
	background-color:#E4E4E4;
	}

/* * * INDIVIDUAL POSTS: LINKS * * */
.cntnt_link{border-radius:2px;padding:15px;text-align:center;}
.cntnt_link h2{font-size:30px;}
.cntnt_link h2 a{color:#333;}
.cntnt_link h2 a:hover{color:#222;}

/* * * INDIVIDUAL POSTS: QUESTIONS * * */
.ask_container_index, .ask_container_perma{
	background-color: #FAFAFA;
	border: 1px solid #eee;
	padding: 10px 14px 11px 14px;
	width: 316px;
	line-height:1.4;
	-webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
	}
.ask_container_perma{
    width:592px;
    }	
.ask_container_index:before, .ask_container_perma:before {
    content:""; 
    width: 0; 
    height: 0; 
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 9px solid #eee;
    display: block;
    position:absolute;
	}
.ask_container_index:before{
	top:27px;
	right:61px;
	}	
.ask_container_perma:before{
	top:27px;
	right:84px;
	}	
.ask_container_index:after, .ask_container_perma:after {
    content:"";
    width: 0; 
	height: 0; 
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #FAFAFA;
    display: block;
    position:absolute;
	}
.ask_container_index:after{
	top:28px;
	right:63px;
	}	
.ask_container_perma:after{
	top:28px;
	right:86px;
	}
.ask_asker{
    color: #a6a6a6;
    margin-bottom: 8px;
    font-size: 13px;}
.ask_question{
    font-size:14px;
    }    
.asker_avatar{
    position: absolute;
    top: 15px;
    right: 15px;
    }
.asker_avatar img{
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    }

/* * * INDIVIDUAL POSTS: CHATS * * */    
.cptn_chat{line-height:1.3;}
.label{
	font-weight:bold;
	padding-right:15px;
	}
.cptn_chat td{padding-top:5px;}
table.cptn_chat{margin-top:-5px;}

/* * * POST INFO, TAGS AND SHARING OPTIONS * * */
.meta, .tags{
    background-color:#fff;
    position:relative;
    color:#ccc;
    font-weight:bold;
    border-top: 1px solid #eee;
    width:400px;
    margin: 0 0 0 -15px;
    font-size:12px;
    }
.meta{
    padding:5px 15px 11px 15px;
    min-height:24px;
    text-transform:capitalize;
    }
.meta a, .tags a{
	color:#ccc;
	text-decoration:none;
	}
.meta a:hover,.meta a:focus, .tags a:hover, .tags a:focus{
	text-decoration:none;
	color:#969696;
	}
.meta_element{
	position:relative;
	overflow:hidden;
	white-space: nowrap;
	text-overflow:ellipsis;
	float:left;
	}
.meta_trim{max-width:180px;}
.meta_trim_perma{max-width:350px;}
.meta_trim_double{max-width:80px;}
.meta_trim_double_perma{max-width:170px;}
.meta_element + .meta_element, script + .meta_element {margin-left:17px;}
.meta_buttons_right{
	position:absolute;
    top:11px;
    right:15px;
    text-align:right;
    width:120px;
    } 
.meta_left, .meta_left_index{
	padding:0;
	line-height:2;
	margin-bottom:-6px;
	}   
.meta_left_index{width:275px;}	
.clearfix{clear:both;}
.reblog_button{
	float:right;
	margin-left:7px;
	opacity:0.21;
	}
.like_button{
	float:right;
	margin-left:7px;
	opacity:0.21;
	}
.like_button:hover, .like_button:focus, .reblog_button:hover, .reblog_button:focus{opacity:0.4;}
.liked{opacity:1;}
.liked:hover{opacity:1;}
.tags{
    padding: 8px 15px 8px 15px;
    overflow:hidden;
    line-height:2;
    }
.tags_3hide{display:none;}    
.tag_1icon, .tag_2hashtag{margin-right:17px;}  
.tag_1icon:before{
    content:"\e70c\A0";
    font-family: "entypo", sans-serif;
    font-weight:normal;
    }
.tag_2hashtag:before{content:"\23"}
.permalink_meta{width:700px;}
.permalink_tags{width:700px;}

/* * * POST NOTES * * */
.postnotes, .postnotes_disqus{
    font-weight:bold;
    margin:20px auto;
    }
.postnotes{width:700px;}    
.postnotes_disqus{width:730px;}    
ol.notes{list-style:none;}   
ol.notes a{text-decoration:underline;} 
ol.notes blockquote{
	border:0;
	padding:0;
	margin:3px 0 0 0;
	text-indent: -4px;
	line-height:1.2;
	}
ol.notes blockquote a{
	color:#555;
	text-decoration:none;
	}
ol.notes blockquote a:hover, ol.notes blockquote a:focus{text-decoration:underline;}
li.note{
	padding:8px 0;
    line-height:1.2;
    text-indent: -24px;
    margin-left: 24px;
    }
li.note img.avatar {
    vertical-align: -3px;
    margin-right: 4px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    }
span.answer_content{
    color:#555;}    

/* * * DISQUS COMMENTS * * */
#disqus_thread{width:730px;margin:0px auto;padding:15px 0;}

/* * * PAGINATION * * */
#pagination{
	width:500px;
	font-weight:bold;
	color:#888;
	margin:0px auto 0px auto;
	padding-bottom:85px;
	}
#pagination a{
	color:#555;
	text-decoration:none;
	}
#pagination a:hover, #pagination a:focus{text-decoration:underline;}
.page_previous, .page_next, .page_current {float:left;}
.page_current{
	width:160px;
	text-align:center;
	padding:0 15px;
	}
.page_previous{
	width:155px;
	text-align:right;}
.page_next{
	width:155px;
	text-align:left;
	}
   
/* * * INFINITE SCROLLING * * */    
#infscr-loading{
	text-align:center;
	color:#888;
	font-weight:bold;
	padding:0 0px 20px 0;
	position:fixed;
	bottom:0;
	left:50%;
	width:300px;
	opacity:0.5;
	margin-left: -25px;
	}

/* * * RESPONSIVE CHANGES * * */
@media screen and (max-height: 750px) {  
	header{padding-top:30px;}
	#posts{padding-top:30px}
	#av{width:110px;
   		height:110px;
   		}
   }
@media screen and (max-height: 600px) {  
   	header{padding-top:25px;}
   	#posts{padding-top:30px}
   	#av{width:95px;
   		height:95px;
   		}
   	#description{
   		font-size:15px;
   		line-height:1.3;
   		}
   }