body{
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}
input:focus, textarea:focus{outline: none;}
body{background:#6AB5D0 url(../images/bg_pattern.png) repeat; color:#586264; color:rgba(0,0,0,0.8); font:62.5%/1.5 AllerRegular,"Helvetica Neue",Helvetica,Arial,sans-serif}

/* fonts */
h1, h2, h3, h4, h5, h6{ color: black; font-weight:normal}

h1{font-size:500%}
h2{font-size:400%}
h3{font-size:300%}
h4{font-size:200%}
h5{font-size:150%}
h1, h2, h3, h4, h5, h6{font-family:Titillium,"Helvetica Neue",Helvetica,Arial,sans-serif}
h6, p, ul, ol, dl, table,
legend, label, select, input, textarea, button, address, pre, code{font-size:140%}
small{font-size:inherit}

ol li{list-style: decimal; margin-bottom: 5px; margin-left: 0;}
ol li p{font-size: 100%;}
ul li p {font-size: 100%;}
ul li, ol li{margin: .6em 0 .6em 0;}
ul li ul {font-size: 100%;}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 4, 2010 */
@font-face{font-family:'Titillium'; src:url('../fonts/titilliumtext22l002-webfont.eot'); src:local('☺ '),url('../fonts/titilliumtext22l002-webfont.woff') format('woff'),url('../fonts/titilliumtext22l002-webfont.ttf') format('truetype'),url('../fonts/titilliumtext22l002-webfont.svg#webfontNPk0Fk0p') format('svg'); font-weight:normal; font-style:normal}

@font-face{font-family:'AllerRegular'; src:url('../fonts/aller_rg-webfont.eot'); src:local('☺ '),url('../fonts/aller_rg-webfont.woff') format('woff'),url('../fonts/aller_rg-webfont.ttf') format('truetype'),url('../fonts/aller_rg-webfont.svg#webfontAuJi9W9g') format('svg'); font-weight:normal; font-style:normal}

/* links */
a:link, a:visited{color:#4895A8}
a:hover, a:active{text-decoration:underline}

/* self-clear floats */
.group:after{content:".";     display:block;     height:0;     clear:both;     visibility:hidden}

.article ul li{background:url(../images/bullet.png) 0 4px no-repeat; padding-left:18px}

#archives ul li, .aside ul li, .figure ul li{background:none; padding-left:0}

.aside ul li{margin-left:5px}

/* General */
#infscr-loading{display: none !important; }
.loading{text-indent: -1000em; background: url('../images/ajax-loader.gif') center no-repeat; display: block;}
form.loading{background-position: center right;}
.content img {max-width: 520px;}

/* page structure 
--------------------------------------------- */
#wrap{margin:0 auto; padding-bottom:80px; width:940px}
#main{float:left; width:640px}
#main.loading-content{opacity: .5;}
#secondary{float:right; width:220px}
.article{clear:both; margin-bottom:5em}
.aside{float:left; width:100px; margin-top:1px}
.aside ul{font-size:110%}
.aside ul li a{background:url(../images/type_icons.png) no-repeat; color:#6AB5D0; color:rgba(106,181,208,1); display:block; padding:1px 0 1px 20px; margin-bottom:8px; text-decoration:none}
.aside ul li a:hover{color:rgba(106,181,208,.7); text-decoration:none}
.aside li.time a{background-position:0 0}
.aside li.tweet a{background-position:0 -29px}
.aside li.comments a{background-position:0 -57px}
.aside li.permalink a{background-position:0 -87px}

.header h1, 
.content, 
.older-posts{float:right; width:520px; }
.older-posts{float: left; margin-left: 120px}
.content, .older-posts, .aside, #footer{}
.header{margin-bottom:16px; min-height: 110px;}
.code-post .header{margin-bottom:32px}
.header h1{line-height:1em; margin-bottom:0; margin-top:34px; }
.header h1 a{color:black; text-decoration:none}
.header h1 a:hover{color:#414141; color:rgba(0,0,0,0.6)}
#filters .back_to_homepage{padding-top: 6px; display: block; color: rgba(0,0,0,.3); font-size: 12px; }

/* card nav logo info-button */
.card{background-image:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(48,48,48,.8)),to(rgba(0,0,0,.9)) ); background-image:-moz-linear-gradient(0% 100% 90deg,rgba(0,0,0,0.9),rgba(48,48,48,0.8)); border-top:1px solid #3F4547; border-left:1px solid #3F4547; border-right:1px solid #3F4547; border-bottom:1px solid #1a1a1a; position:relative; margin-bottom:20px; padding:0; padding-top:20px; padding-bottom:10px; z-index:1; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px}
.card:before{border-top:1px solid rgba(255,255,255,0.2); content:''; display:block; height:5px; width:100%; position:absolute; top:1px; z-index:2; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px}

.card p, 
.card ul{font-size:130%}
.card, .card a{color:#aaa}
.card a:hover{color:#eee}
.card ul{clear:both; margin-left:18px}

#nav li{margin-left:0}
#nav li a{background-image:url(../images/nav_icons-2.png); background-repeat:no-repeat; display:block; padding:1px 0 1px 21px; margin-bottom:8px; text-decoration:none; text-shadow:0px -1px 0px #222}
#nav li.archives a{background-position:0 3px}
#nav li.projects a{background-position:0 -25px}
#nav li.tweets a{background-position:0 -51px}
#nav li.search a{background-position:0 -80px}
#nav li.rss a{background-position:0 -108px}
#nav li.archives a:hover{background-position:-285px 3px}
#nav li.projects a:hover{background-position:-285px -25px}
#nav li.tweets a:hover{background-position:-285px -51px}
#nav li.search a:hover{background-position:-285px -80px}
#nav li.rss a:hover{background-position:-285px -108px}

.logo a{background:url(../images/identity.png) no-repeat; display:block; float:left; height:0; padding-top:22px; margin-left:18px; margin-bottom:13px; overflow:hidden; width:123px}
.logo a:hover{background-position:0 -22px}
.info-button a{background-image:url(../images/about_button.png); background-repeat:no-repeat; background-position:0 1px; display:block; float:right; height:0; padding-top:32px; margin-top:-5px; margin-right:8px; overflow:hidden; width:32px; text-decoration:none}
.info-button a:hover{background-position:0 -31px; padding-top:32px}
.info-button a:active{background-position:0 -63px}

/* about */
.portrait, 
#about p{margin-left:20px; margin-right:20px; margin-bottom:10px}
#about #logo a{background:url(../images/about_dev_thought.png) no-repeat; width:160px}

.portrait {
  width: 180px;
  height: 180px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

/* social */
#social{margin-bottom:20px; margin-top:30px; position:relative; height:5em}
#social li{margin:0}
#social li a{background-image:url(../images/social_icons.png); background-repeat:no-repeat; height:0; float:left; opacity:.8; overflow:hidden; position:absolute; padding-top:32px; width:32px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; transition:all .2s ease}
#social li a:hover{opacity:1; z-index:4}
#social .rss a{background-position:0 0; z-index:2}
#social .email a{background-position:0 -128px; left:19px; top:19px; z-index:3}
#social .git a{background-position:0 -96px; left:38px; top:0; z-index:2}
#social .vcard a{background-position:0 -32px; left:56px; top:19px; z-index:3}
#social .twitter a{background-position:0 -64px; left:76px; top:0; z-index:2}
#social .connect{background-color:rgba(255,255,255,0.2); line-height:80px; text-align:center; left:100px; top:-16px; position:absolute; height:80px; width:80px; z-index:1; -webkit-border-radius:80px; -moz-border-radius:80px; -o-border-radius:80px; border-radius:80px}

/* flip effect */
#flip{-webkit-perspective:700; width:220px; position:relative}
#nav, #about{position:absolute; top:0; left:0; width:220px; box-shadow:0 15px 50px rgba(0,0,0,0.2); -moz-box-shadow:0 15px 50px rgba(0,0,0,0.2); -webkit-box-shadow:0 15px 50px rgba(0,0,0,0.2)}
body.webkit #nav{z-index:900; -webkit-transform-style:preserve-3d; -webkit-backface-visibility:hidden; transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out}
body.webkit #flip.flip #nav{z-index:900; -webkit-transform:rotateY(180deg);}

body.no-webkit #about { display: none; }
body.no-webkit #flip #nav { display: block; }
body.no-webkit #flip.flip #nav { display: none; }
body.no-webkit #flip.flip #about { display: block; }
body.webkit #about{z-index:800; -webkit-transform:rotateY(-180deg); -moz-transform: rotateY(-180deg); -webkit-transform-style:preserve-3d; -moz-transform-style:preserve-3d; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -webkit-transition:all .4s ease-in-out}
body.webkit #flip.flip #about{z-index:1000; -webkit-transform:rotateY(0deg); -moz-transform:rotateY(0deg); }
body.no-webkit #about {  }


/* live-filters */
#filter-form{overflow: hidden; width: 400px; padding: 0;}
#filter-form fieldset{ padding: 0;}
#filter-form.loading{background-position: right 12px ;}
#live-filters{background:rgba(255,255,255,0.5); color:#6AB5D0; height:40px; line-height:28px; margin-bottom:36px; width:100%}
#live-filters #filters{margin:0 auto;  width:940px}
#live-filters #filters a{text-decoration: none;}
#live-filters #filters form{padding-top:12px;}
#live-filters #filters form .filter{display: none;}
#live-filters #filters form #save{border: 0; display: none;}
#live-filters legend{background:url(../images/filters_icons.png) no-repeat 0 0; padding-top:16px; width:80px; margin-left:10px; margin-right:28px; height:0; overflow:hidden; float:left}
#live-filters fieldset{float: left;}
#live-filters:hover { background: #fff; }

#live-filters #filters form ul, #live-filters #filters form ul li{margin: 0; padding: 0; display: inline;}
#live-filters #filters  .chk{width:38px; height:16px; cursor:pointer; float:left; margin:0; padding:0; margin-right:15px; text-indent: -1000em;  background:transparent url(../images/filters_icons.png) no-repeat;}
#live-filters #filters #code-post-filter{background-position:-116px 0}
#live-filters #filters .selected #code-post-filter{background-position:-116px -16px}
#live-filters #filters #note-post-filter{background-position:-170px 0}
#live-filters #filters .selected #note-post-filter{background-position:-170px -16px}
#live-filters #filters #quote-post-filter{background-position:-222px 0}
#live-filters #filters .selected  #quote-post-filter{background-position:-222px -16px}
#live-filters #filters #video-post-filter{background-position:-278px 0}
#live-filters #filters .selected #video-post-filter{background-position:-278px -16px}
#live-filters #filters #photo-post-filter{background-position:-334px 0}
#live-filters #filters .selected #photo-post-filter{background-position:-334px -16px}

#filters.filters-shown .back_to_homepage { display: none; }
#filters.homepage-shown form { display: none; }

/* article-icon */
.code-post .article-icon{background-image:url(../images/code_large.png)}
.note-post .article-icon{background-image:url(../images/note_large.png)}
.photo-post .article-icon{background-image:url(../images/photo_large.png)}
.project-post .article-icon{background-image:url(../images/project_large.png)}
.quote-post .article-icon{background-image:url(../images/quote_large.png)}
.video-post .article-icon{background-image:url(../images/video_large.png)}
#archives .article-icon{background-image:url(../images/archive_large.png)}
#search_page .article-icon{background-image:url(../images/search_large.png)}


/* Overwritting jquery-syntax*/
.code .syntax-container{padding: 0; margin: 0;}

span.comment { word-break: break-all; width: 100px; }

/* code-post */
/*.code-post .code{background:url(../images/code_top.png) top left no-repeat,url(../images/code_bottom.png) bottom left no-repeat,url(../images/code_repeat.png) top left repeat-y;width:522px;text-shadow:none;padding:15px 0 50px 0;}
.code-post .code {margin-bottom:20px;}
.code-post .code .syntax-container pre.raw, .code-post .code div.fixed.syntax .code-column .source{font-family: monospace; font-size:12px; padding-left:6px; color:#ccc; white-space:pre; }
.code-post .code .toolbar, .syntax-container .toolbar{margin-left:50px; padding: 0; font-size:110%; bottom: -30px; position: absolute;}
.code-post .code .toolbar a{padding-top:4px; margin-left:0;margin-right:15px; display: inline-block; font-style:italic;color:#aaa;text-decoration:none;}
.code-post .code .toolbar a:hover{color:#fff;}
.code-post .code .toolbar a.download{padding-top:0; background:url(../images/down_arrow.png) no-repeat, -moz-linear-gradient(#252827, #161818) no-repeat; background:url(../images/down_arrow.png) no-repeat, -webkit-gradient(linear,0% 0%,0% 50%,from(#252827),to(#161818),color-stop(.2,#313433)) no-repeat;border-bottom:1px solid #373939;border-top:1px solid #161818;border-left:1px solid #161818;border-right:1px solid #161818;color:#eee;display:block;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;padding:3px 15px 3px 20px;}
.code-post .code .syntax .function, .code-post .code .syntax .keyword, .code-post .code .syntax .type, .code-post .code .syntax .css .selector{font-weight: normal;color:#7af1f8;}
.code-post .code .syntax .constant,.code-post .code .syntax  .string, .code-post .code .syntax .css .properties a{text-decoration: none;color:#feffbf;}
.code-post .code .syntax .operator{color:#fff;}


.code-post .code div.fixed.syntax .numbers-column div.line, .code-post .code  div.fixed.syntax .code-column .source{ height: 20px;  display: block;}
.code-post .code .code-column{margin-left:50px;}
.code-post .code  div.fixed.syntax .numbers-column{width: 30px; text-align: center; margin-left: 6px;display: block;}
.code-post .code table{margin-bottom: 0;}

.code-post  ul li .code .toolbar{font-size: 82%;}
.code-post blockquote{font-size: 140%; font-style: italic;}

.code-column{width: 450px;}
.syntax-container pre.raw{ margin: 0 18px 0px 50px !important;}
.syntax-container pre.raw{background-color: transparent !important; border: 0 !important;}

.code-post .code .syntax-container pre.raw{ padding: 2px 0 3px 0px; line-height: 20px; margin-right: 22px;}
.syntax{ padding-top: 5px;}

div.fixed.syntax .numbers-column{ float:left;  text-align:right;  margin-right:0em;  color:#979797}
div.fixed.syntax .numbers-column div{ padding:0 0.4em 0 !important}
div.fixed.syntax .code-column{ overflow:auto}
div.fixed.syntax .code-column table{ border-collapse:collapse;  width:100%;  white-space:pre}
div.fixed.syntax .code-column .source{ padding:0 0.4em 0 0 !important}

.code-post  ::-webkit-scrollbar{ width:5px;  height:5px;}
.code-post  ::-webkit-scrollbar-track-piece{ -webkit-border-radius:100px; background: #353838; }
.code-post  ::-webkit-scrollbar-thumb:horizontal{ width:50px;  background:  #6C6E6E;  -webkit-border-radius:100px}
.code-post  ::-webkit-scrollbar-thumb:vertical{ width:50px;  background:  #6C6E6E;  -webkit-border-radius:100px; }
.code-post  ::-webkit-scrollbar-thumb:vertical:end{margin-bottom: 20px;}
.code-post  ::-webkit-scrollbar-corner {  background: transparent;}
*/



/* code-post */
.code .prettyprint ol, .code .prettyprint ul{padding: 0;}
.code pre{margin:  0; width: 100%; white-space:pre-wrap;}
.code .prettyprint ol.linenums {padding-left: 26px; margin-left: 7px;}
.code pre.prettyprint,  .code .prettyprint ol.linenums li{border: 0 }
.code .prettyprint li > *{font-size: inherit;}

.content .code{background-color:#444; background:url(../images/code_top.png) top left no-repeat,url(../images/code_bottom.png) bottom left no-repeat,url(../images/code_repeat.png) top left repeat-y; padding:15px 8px 5px 8px; margin-bottom:20px; width:506px; text-shadow:none; }
.content .code ol.linenums{width: 443px;line-height:20px; margin-bottom:20px; list-style-type:decimal; color:#5A5C5C; color: rgba(255,255,255,.3); white-space:pre}
.content .code ol.linenums li{ white-space:pre-wrap;padding-left: 10px; margin: 0; font-size: 100%;}
.content .code ul{margin-left:35px; font-size:110%}
.content .code ul li{margin-left:0; margin-right:15px; float:left; font-style:italic}
.content .code li a{color:#aaa; text-decoration:none}
.content .code li a:hover{color:#fff}
.content .code li.download{padding-top:0}

.code li.download a{border-bottom:1px solid #373939; border-top:1px solid #161818; border-left:1px solid #161818; border-right:1px solid #161818; color:#eee; display:block; padding:4px 10px 4px 0; background-image: url(../images/down_arrow.png),-webkit-gradient(linear,0% 0%,0% 50%,from(#252827),to(#161818),color-stop(.2,#313433)); background-image:url(../images/down_arrow.png),-moz-linear-gradient(0% 100% 90deg,#161818,#252827); background-repeat:no-repeat; padding:3px 15px 3px 20px; -webkit-border-radius:20px; -moz-border-radius:20px; -o-border-radius:20px; border-radius:20px}

.content p code, .content li code { font: 13px AllerRegular; background: #c4e7f2; text-shadow: 0 1px 0 #fff; padding: 1px 3px; }

.edit-link{padding: 20px 0 0 0; display: block;}

/* annotations */

.content .annotations { position: relative; }
.content .annotations .annotation { font-family: 'Indie Flower', cursive; font-size: 18px; -webkit-text-stroke: .2px black; color: #EC5F5F; position: absolute; }

/* photo-post */
.photo-post .figure, .photo-figure{background-color:#fff; border:1px solid #C6DDE3; border-bottom-color:#B6CBD1; position:relative; width:522px; margin-bottom: 1.5em; }
.photo-post .figure:after, .photo-figure:after{background:url(../images/bottom_shadow.png) no-repeat bottom left; content:''; display:block; position:absolute; width:522px; height:20px; bottom:-6px}
.photo-post .figure img, .photo-figure img{padding:5px; padding-bottom:0; margin:0; width: 512px;}
.photo-post .figcaption, .photo-figure .figcaption{background:url(../images/photo_bottom.png) no-repeat top left; color:#888; font-style:italic; font-size:120%; padding:4px 10px 10px 10px}

/* video-post */
.video-post .figure{background-color:#fff; border:1px solid #C6DDE3; border-bottom-color:#B6CBD1; position:relative; width:512px;padding:5px; padding-bottom:0; margin-bottom: 1.5em;}
.video-post .figure:after{background:url(../images/bottom_shadow.png) no-repeat bottom left; content:''; display:block; position:absolute; width:522px; height:20px; bottom:-6px}
.video-post .figcaption{background:url(../images/photo_bottom.png) no-repeat top left; color:#888; font-style:italic; font-size:120%; padding:4px 10px 10px 10px}
.video-post object, .video-post  embed{width: 512px !important; }

/* quote-post */
div.quote{background-color:#feffc0; background-image:url(../images/quote_lines.png),url(../images/quote_bg.png); background-repeat:repeat-y,repeat-x; background-position:top left,top left; border:1px solid #C6DDE3; border-bottom-color:#B6CBD1; position:relative; color:#9D9765; font-size:130%; font-family:georgia; font-style:italic; line-height:2.1em; margin-bottom: 1.5em;}
div.quote:before{background:url(../images/left_shadow.png) no-repeat top left; content:''; display:block; position:absolute; width:20px; height:200px; top:0; left:-21px}
div.quote:after{background:url(../images/bottom_shadow.png) no-repeat bottom left; content:''; display:block; position:absolute; width:522px; height:20px; bottom:-6px}
div.quote blockquote{background:url(../images/quote_post_quotes.png) no-repeat 30em 3em; padding:2.5em 11em .5em 1.25em}
div.quote .author { font-size: 13px; color: #7C7850; font-style: normal; text-shadow: 0 1px 0 #fff; }

/* older-posts button */
.older-posts{clear:both; font-size:110%}
.older-posts a{background-color:rgba(186,226,239,1.0); color: rgba(0,0,0,.5);  text-shadow: 0 1px 0 rgba(255,255,255,.2); display:block; font-weight:bold; padding:8px 0; text-align:center; text-transform:uppercase; text-decoration:none; -webkit-border-radius:100px; -moz-border-radius:100px; -o-border-radius:100px; border-radius:100px; }
.older-posts a:hover{background-color:rgba(186,226,239,0.7)}

/* project-post */
.project-post .section{background-color:#005D96; background:url(../images/project_top.png) no-repeat top left,url(../images/project_bottom.png) no-repeat bottom left,url(../images/project_repeat.png) repeat-y top left; border-bottom:1px solid #B6CBD1; margin-bottom:20px; position:relative}
.project-post .section:before{background:url(../images/left_shadow.png) no-repeat top left; content:''; display:block; position:absolute; width:20px; height:200px; top:0; left:-20px}
.project-post .section:after{background:url(../images/bottom_shadow.png) no-repeat top left; content:''; display:block; position:absolute; width:522px; height:20px; bottom:-21px}
.project-post h2{font-style:italic}
.project-post .comments{background:url(../images/projects_comments_icon.png) no-repeat 0 2px; padding-left:20px}
.project-post .downloads{background:url(../images/projects_downloads_icon.png) no-repeat 0 3px; padding-left:18px}
.project-post .watchers { background: url(../images/projects_watchers.png) no-repeat left; padding-left: 18px; }
.project-post .forks { background: url(../images/projects_forks.png) no-repeat left; padding-left: 18px; margin-left: 10px; }
.project-post .section h2{ margin:0 0 20px 20px; padding-top:18px; padding-left:60px}
.project-post .section#wordpress h2{background:url(../images/wordpress_logo.png) no-repeat 0 20px;}
.project-post .section#nodejs h2{background:url(../images/nodejs_logo.png) no-repeat 0 20px}
.project-post .section#jquery h2{background:url(../images/jquery_logo.png) no-repeat 0 20px}
.project-post .section#php h2{background:url(../images/php_logo.png) no-repeat 0 20px}
.project-post .section#mootools h2{background:url(../images/moo_logo.png) no-repeat 0 20px}
.project-post .section, 
.project-post h2{color:rgba(255,255,255,0.6); text-shadow:none}
.project-post .section .description{float:left; margin:0 0 0 20px; font-size:9px; line-height:1.6em; font-style:italic; width:220px}
.project-post .section .description p{line-height: 20px; }
.project-post .section .posts-list{float:left; margin-left:30px; margin-top:-60px; width: 240px; float: right;}
.project-post dt, .project-post dt a{color:rgba(255,255,255,0.8)}
.project-post .section dl{margin-bottom:40px}
.project-post .section a{text-decoration: none;}
.project-post .section dd{color:rgba(255,255,255,0.5); float:left; font-style:italic; font-size:12px; margin-left:0; margin-right:15px}
.project-post .section dd a{text-decoration:none}
.project-post .section h2{font-size:300%}


/* nav-articles */
#nav-articles { margin: 0;padding:0;height:0; }
#nav-articles li{margin:0}
#previous-article a, 
#next-article a{background:#fff url(../images/previous_article.png) no-repeat 13px center; display:block; height:0; overflow:hidden; padding-top:60px; width:44px}
#previous-article a{position:fixed; left:0; top:300px; z-index:1000; -moz-border-radius-topright:44px; -moz-border-radius-bottomright:44px; -o-border-top-right-radius:44px; -o-border-bottom-right-radius:44px; -webkit-border-top-right-radius:44px; -webkit-border-bottom-right-radius:44px; border-top-right-radius:44px; border-bottom-right-radius:44px}
#previous-article a:hover{left:-2px}
#next-article a{background:#fff url(../images/next_article.png) no-repeat 23px center; position:fixed; right:0; top:300px; z-index:1000; -moz-border-radius-topleft:44px; -moz-border-radius-bottomleft:44px; -o-border-top-left-radius:44px; -o-border-bottom-left-radius:44px; -webkit-border-top-left-radius:44px; -webkit-border-bottom-left-radius:44px; border-top-left-radius:44px; border-bottom-left-radius:44px}
#next-article a:hover{right:-2px}

/* archives */
#archives{margin-bottom:20px}
#archives hr{background-color:#BCE8F1; clear:both; height:1px; margin-bottom:1em; border:5px solid #DBF4FB}
#archives .content ul{margin-bottom:1.5em}
#archives .content ul li a{text-decoration:none; font-size:15px}
#archives .content ul li a span{display:block; font-size:12px; float:left; margin-left:-120px; white-space: nowrap; margin-top:1px; visibility:hidden}
#archives .content ul li a:hover{color:rgba(0,140,180,0.6)}
#archives .content ul li a:hover span{visibility:visible}
#archives .content ul li .comments{display:block; float:right; font-size:12px}
#archives .time{background:url(../images/type_icons.png) no-repeat; background-position:0 0; padding-left:22px}
#archives .comments{background:url(../images/type_icons.png) no-repeat; background-position:0 -57px; padding-left:22px}
#archives li{margin-bottom:15px; margin-left:0}
#archives .link_archive{display: block;}
#archives .comments{float: right;}

#secondary-wrap { height: 500px; }
#secondary-wrap { -webkit-transform: translateY(-15px); -moz-transform: rotateY(-15px); -webkit-transition: -webkit-transform ease-in 150ms; -moz-transition: -moz-transform ease-in 150ms; }
#secondary-wrap.fixed { position: fixed; margin-top: -50px; -webkit-transform: translateY(0);  }

/* comments */
#comments{float: left;}
#comments .comment{margin-bottom:30px}

/* footer */
#footer{clear:both; margin-top:20px; text-align:center}

#footer p{color:#6AB5D0; font-size:110%; font-style:italic; margin-bottom:0}

code{display: inline-block;}

/* tipsy */

.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
  
  .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }