/* ikiwiki local style sheet */

/* Add local styling here, instead of modifying style.css. */

ul {
padding-left:20px
}

img {
padding-right:2px
}

img.img {
margin:0 0 0 10%;
width:80%;
height:auto
}

#content,#comments {
padding-right:16em
}

.sidebar {
width:13em;
float:left;
margin-right:2ex;
margin-top:1ex;
margin-bottom:1ex;
border-right:1px solid #000;
border-bottom:1px solid #000;
background:#FFF;
color:#000!important;
padding:1ex
}

.notebox {
float:right;
border-left:1px solid #000;
border-bottom:1px solid #000;
width:200px;
background:#FFF;
color:#000!important;
padding:1ex;
margin:-17px -17em 1ex 2ex
}

.badge {
border:0
}

pre.hl {
color:#000;
background-color:#FFD700;
font-family:"Courier New";
padding-bottom:-1em
}

li.hl {
margin-bottom:-1.2em;
padding-left:1ex;
background:#eee
}

.hl.num {
color:#b07e00
}

.hl.esc {
color:#f0f
}

.hl.str {
color:#bf0303
}

.hl.pps {
color:#818100
}

.hl.slc {
color:#838183;
font-style:italic
}

.hl.com {
color:#838183;
font-style:italic
}

.hl.ppc {
color:#008200
}

.hl.opt {
color:#000
}

.hl.lin {
color:#555
}

.hl.kwa {
color:#000;
font-weight:700
}

.hl.kwb {
color:#0057ae
}

.hl.kwc {
color:#000;
font-weight:700
}

.hl.kwd {
color:#010181
}

.title {
display:block;
margin-top:.2em;
font-family:'Comfortaa',sans-serif;
font-size:30px;
font-weight:400
}

.social_share_privacy_area {
display:none
}

.micon {
background:url(/major_icons.png) top;
display:inline-block;
width:18px;
height:18px
}

#bitcoin {
background-position:0 0
}

#flattr {
background-position:0 -18px
}

#twitter {
background-position:0 -36px
}

#gplus {
background-position:0 -54px
}

#fb {
background-position:0 -72px
}

#xing {
background-position:0 -90px
}

a img.gallery {
padding:0;
margin:10px 20px 10px 0;
vertical-align:middle
}

a img.gallery:hover {
padding:0;
margin:10px 20px 10px 0;
vertical-align:middle
}

pre .comment {
border:none;
padding:0
}

table {
border-collapse:collapse
}

table,td,th {
border:1px solid #000
}

td,th {
padding:5px
}

.header {
font-size:140%;
line-height:1em;
display:block;
font-weight:400;
margin:0
}

.pageheader .header {
margin-left:3ex
}

@font-face {
font-family:'Comfortaa';
font-style:normal;
font-weight:400
}

#logo {
z-index:1000
}

.actions ul {
border-style:none;
padding:0
}

.pageheader .actions ul {
border-style:none
}

#pageinfo {
border-color:#999
}

img.img {
width:80%;
height:auto
}

#searchform {
position:absolute;
top:.5em;
right:2em
}

pre {
padding:.5em
}

div.recentchanges {
border-style:none
}

.recentchanges .pagelinks,.recentchanges .revert {
float:right;
width:60%;
margin:0
}

.blogform,#blogform {
border:1px solid #000;
background:#eee;
color:#000!important;
width:auto;
overflow:auto;
padding:10px
}

.inlinepage {
border:1px solid #000;
overflow:auto;
border-top:1px solid #000;
border-style:none;
margin:.4em 0;
padding:.4em 0
}

.host {
float:right
}

.sidebar {
float:left;
border-left:0;
border-top:0;
margin-top:.5ex;
margin-left:.5ex;
border-color:#000;
padding:0 1ex
}

.month-calendar-day-this-day,.year-calendar-this-month {
background-color:#eee
}

.month-calendar-day-head,.month-calendar-day-nolink,.month-calendar-day-link,.month-calendar-day-this-day,.month-calendar-day-future {
text-align:right
}

.month-calendar-arrow A:link,.year-calendar-arrow A:link,.month-calendar-arrow A:visited,.year-calendar-arrow A:visited {
text-decoration:none;
font-weight:400;
font-size:150%
}

li.L1 {
list-style:upper-roman
}

li.L2 {
list-style:decimal
}

li.L3 {
list-style:lower-alpha
}

li.L4 {
list-style:disc
}

li.L5 {
list-style:square
}

li.L6 {
list-style:circle
}

li.L7 {
list-style:lower-roman
}

li.L8 {
list-style:upper-alpha
}

.pagecloud {
text-align:center;
color:#000!important;
margin:0 0 1ex;
padding:0;
width:auto
}

.pagecloud li {
display:inline
}

.feedbutton {
padding:0 .5em
}

.feedbutton:hover {
color:#FFF!important;
background:#f90
}

a {
text-decoration:none;
color:#A52A2A
}

a:hover {
text-decoration:underline
}

hr {
background-color:#000;
height:1px;
border-style:none
}

code,pre {
background:#eee
}

body {
font-family:sans-serif;
color:#000;
background:#FFF;
margin:0;
padding:0
}

.pageheader {
height:9ex;
position:relative;
overflow:hidden;
background:#FFD700;
border-color:#000;
border-style:none none solid;
border-width:1px;
margin:0;
padding:4pt 3ex 8pt
}

.pageheader .header {
font-size:120%;
position:relative;
padding-left:10em
}

.pageheader .actions {
position:absolute;
bottom:0;
right:2em;
width:100%;
text-align:right;
padding:2px
}

#content,#comments,#footer {
margin:2em
}

#content,#comments {
margin-left:16em
}

.inlineheader {
font-size:120%
}

h1 {
font:120% sans-serif
}

h2 {
font:bold 100% sans-serif
}

h3,h4,h5,h6 {
font:bold 80% sans-serif
}

.inlinepage h1 {
font-size:110%
}

.pageheader .actions ul li {
background:#FFF;
border-color:#000;
border-style:solid solid none;
border-width:1px;
margin:0;
padding:.1em .5em 0
}

article,header,footer,nav,label.block {
display:block
}

.pagefooter,.inlinefooter,.comments,#openid_btns,#openid_btns br {
clear:both
}

.tags,#backlinks {
margin-top:1em
}

.inlinepage .tags,label.inline {
display:inline
}

.mapparent,.actions ul li a {
text-decoration:none
}

.align-left,#logo {
float:left
}

.align-right,.comment-avatar {
float:right
}

.recentchanges .desc,.recentchanges .diff,.popup .balloon,.popup .paren,.popup .expand,#openid_choice {
display:none
}

.comment .author,.microblog .author,.comment-subject,.fb_required {
font-weight:700
}

.normalPC,.inlinepage h2,.inlinepage h3 {
font-size:100%
}

@media print {
.actions,.tags,.feedbutton,#searchform,.blogform,#blogform,#backlinks {
display:none
}
}

.trail {
bottom:2ex;
left:27ex;
padding-bottom:2px;
position:absolute;
right:60ex
}

.trailprev {
position:absolute;
text-align:left;
z-index:100
}

.trailup {
position:absolute;
margin-left:auto;
margin-right:auto;
text-align:center;
width:100%;
z-index:90
}

.trailnext {
position:absolute;
right:0;
text-align:right;
z-index:100
}