@import url(https://fonts.googleapis.com/css?family=Kreon:400,700|Tangerine:700|Inconsolata|Ubuntu:400,400italic,700,700italic&subset=latin&v2);
/* HTML 5 base */
header, footer, aside, nav, article {display: block;} 
/*
Reset CSS, Base CSS and Fonts CSS
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.1
build: 47
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;}em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],input[type=url],input[type=email],textarea{width:12.25em;*width:11.9em;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*
  <meta name="color:Background" content="#fff"/> 
  <meta name="color:Footer Background" content="#222"/> 
  <meta name="color:Text" content="#333"/> 
  <meta name="color:Lighter Text" content="#888"/> 
  <meta name="color:Darker Text" content="#111"/> 
  <meta name="color:Accent" content="#086E6E"/> 
  <meta name="color:Post Separator" content="#bbb"/> 
*/

html{background:#f0f0f0;}
body{background:#f0f0f0;border-top: 3em solid #328686;color:#333;margin:0;padding:0;
    font-family: 'Ubuntu', 'Helvetica Light', Helvetica, Verdana, Arial, sans-serif;}
a,a:visited,a:active{color:#2B2C2C;text-decoration:none;}
a:hover {color:#111;text-decoration:none;border-bottom:1px solid #086E6E;}
h1{font-size:182%;}h2{font-size:167%;}h3{font-size:153.9%;}
h1,h2,h3,h4,h5,h6{color:#333;font-family: "Kreon",Cambria,"Hoefler Text","Liberation Serif",Georgia,serif;}
p{margin:0.75em 0 .75em;line-height:1.5;font-size:116%;}
ul,ol{margin:0 0 1.5em;padding-left:2.5em;font-size:116%;}
li{margin-bottom: 0.25em}
blockquote{border-left:2px solid #888;color:#888;margin:0 1em 1.5em;padding:0 1em}
pre,code,kbd,samp,tt{font-size:116%;font-family:"Inconsolata",Consolas,monospace;}
pre{display:block;margin:0;}

a img{border:0;text-decoration:none;}
h1 a,h2 a, h3 a{border:0;text-decoration:none;}

/* LAYOUT */
#container{margin:0 auto;min-width:500px;width:55em;font-size:100%;}

/* HOME PAGE */
#outer-center {position: absolute; top: 50%; left: 0px; width: 100%; height: 1px; overflow: visible;}

#inner-center {
  width: 500px;
  height: 200px;
  margin-left: -300px;  /***  width / 2   ***/
  position: absolute;
  top: -100px;          /***  height / 2   ***/
  left: 50%;
  background-color: #C7E5EB;
}

#inner-center a{border:0;text-decoration:none;text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.5);}
#inner-center .name {width: 65%; height: 50%; padding: 0 15px 0 0 ;text-align: right; vertical-align:bottom;word-spacing: 0.5em;}
#inner-center .links {width: 65%; height: 50%;padding: 15px 15px 0 0;text-align: right; vertical-align:top;word-spacing: 0.5em;}
#inner-center .icons {text-align: left; vertical-align:top; font:normal 153.9% "Kreon",Cambria,"Hoefler Text","Liberation Serif",Georgia,serif;padding: 15px;}

#inner-center h1 {font:bold 331% Tangerine,"Monotype Corsiva","URW Chancery L",Zapfino,cursive;margin:0;}
#inner-center h2 {font:normal 153.9% "Kreon",Cambria,"Hoefler Text","Liberation Serif",Georgia,serif;margin:0;}

/* TOP NAV BAR */
#nav {display:block; position: absolute; top: 0;margin:0.5em 0 0.5em; padding:0;
  color: #eee; word-spacing: 0.3em;
  font:bold 138.5% Kreon,Cambria,Georgia,serif;}
#nav a{color: inherit; border:0;font-size:inherit;text-decoration:none}
#nav a:hover{color: #fff; border-bottom-color:#086E6E;text-decoration:none}

/* ABOUT PAGE */
#mug {float:left;border:solid #444;margin:5px 1em 0.5em 0;}

/* POSTS */
.posts { clear: left; }
.post {border-bottom:1px dotted #bbb;margin-bottom:3em;}
/*.post h1 {font-weight:bold;font-size:167%;margin: 1em 0 1em 0;} */
.link .link-description{margin:0 0 1.5em}

.quotable{border: none;} 
blockquote .quote-text{color:#333;font:normal 138.5%/1.3 Kreon,Cambria,"Hoefler Text","Liberation Serif",Georgia,serif;margin: 0 0 1em;padding:0}
blockquote .quote-source {font-size:116%;color:#888;text-align: right;font-style: italic;font-variant: small-caps;white-space: nowrap;}

.photo,.video {text-align:center}
.photo .caption,.video .caption,.audio .caption{clear: right;margin-bottom:1.5em;margin-top:0.75em;text-align:left}
.photo a img{border:0;}

/* POST FOOTERS */
.post-footer{list-style:none;font-size:93%;margin:3em 0;padding:0;text-align:center;}
.post-footer li {display:inline;margin-left:1em;padding:0}

/* COMMENTS */
.comments { clear: left; }
.comment {border-bottom:1px dotted #bbb;margin-bottom:1.5em;}
.comment-footer {list-style:none;font-size:93%;margin:3em 0;padding:0;text-align:right;}
.comment-footer li {display:inline;margin-left:1em;padding:0}
/*.comments_title {font-family: Arial, sans-serif;} */

/* Form Stuff */
input[type=text], input[type=url], input[type=email], textarea {
    border: 2px solid #888; padding: 0.1em;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    width: 20em;
}
input[type=submit] {
    min-width: 5em;
}
textarea:hover, input:hover  {border-color: #086E6E;}
textarea:focus, input:focus  {border-color: #086E6E;}
.commentform label {display:block;float:left;text-align:left;font-size:100%;margin-right:0.5em;width:10em;}
.chupke {display: none;}

/* PAGES */
#page h1 {font-weight:bold;font-size:167%;margin: 1em 0 1em 0;}
#page nav {margin: 1.5em 0 1.5em 0; text-align: center;}
#page nav .navbox {padding: 0 1em 0 1em;text-align: center;border-right: 1px solid #888;}
#page nav .navbox-last {padding: 0 1em 0 1em;text-align: center;}
#page header {border: 1px solid #086E6E;padding: 0.5em;margin: 1em 0 1em 0;}
#page header h1 {margin:0 0 0.5em;font-size:167%;color:#111;}
#page header p {margin:0;/*font-size:100%;*/color:#111;}
#page header time {margin:0;font-size:77%;color:#111;}
#page pre {background-color:#eee;padding:0.5em;overflow: visible;}
#page code {background-color:inherit;}

/* REBLOG */
.post-footer li.reblog{color:#888;display:block;font-style:italic;margin-bottom:0.25em}

/* NOTES */
ol.notes { margin: 0; padding: 0; }
ol.notes li.note { margin: 0 0 0.75em 0; padding: 0 0 0.75em 0 }
ol.notes img.avatar { display: none; }

/* PAGINATION */
#pagination{margin:3em 0;font-size:116%;text-align:center;}
#pagination #pagecount{color:#888;margin:0 1.5em}

/* FOOTER */
#footer{border-top:5px solid #328686;background:#222;color:#888;float:left;overflow:visible;padding:0 0 1.5em;width:100%}
#footer a{color:inherit;text-decoration:none}
#footer a:hover{color:#fff;border:0;}
#footer h1, #footer h2 {border:0px;color:#888;}
#footer h1{font-size:167%;margin:1em 0 0.5em 0}
#footer h2{font-size:153.9%;margin:0.5em 0 0.5em 0}
#footer ul{list-style:none;padding:0}
#footer ul li{line-height:2}

/* FOLLOWING LIST */
#footer #following li { line-height: 30px; display: inline; }

/* FOOTER LAYOUT */ 
#footer-contain{margin:0 auto;padding:0;width:50em}
#footer-left{float:left;width:15em}
#footer-middle{float:left;margin-left:2.5em;width:15em}
#footer-right{float:left;margin-left:2.5em;width:15em}

/* SEARCH */
#search input{display:inline;}
#searchresultcount{font-style:italic;margin: 3em 0;text-align: center;}
#searchresultcount .query{font-weight:bold;}

/* Pygments Code Highlighting */
.highlight {background:#e0e0e0; overflow:auto; padding: 0.5em;}