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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
html { font-size: 62.5%; overflow-y: scroll; -webkit-text-size-adjust: 100%; 
-ms-text-size-adjust: 100%; }
table { border-collapse: separate; border-spacing: 0; border: thin solid #aaa;}
td {border: thin solid #aaa; } th {background: #aff; color:black; }
caption, th, td { font-weight: normal; text-align: center; }
pre { -ms-word-wrap: break-word; word-wrap: break-word; }
code, kbd, tt, var { font: 15px Footlight MT, Times New Roman, serif, monospace; }
abbr, acronym { border-bottom: 1px dotted #666;cursor: help; }
mark, ins { background: #fff9c0;text-decoration: none; }
sup, sub { font-size: 75%;height: 0;line-height: 0;position: relative;vertical-align: baseline; }
sup { bottom: 1ex; }
sub { top: .5ex; }
small { font-size: 75%; }
big { font-size: 125%;} img {
max-width: 100%;
height: auto;
-moz-box-sizing: border-box;
box-sizing: border-box;
} @media \0screen {
img { width: auto;}
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
} p, h1, h2, h3, h4, h5, h6{
margin: 10px 0; padding: 0;
}
h1, h2, h3, h4, h5, h6 { position: relative; }
h1{ font-size: 190%; }
h2{ font-size: 160%; }
h3{ font-size: 120%; }
h4{ font-size: 110%; }
h5{ font-size: 100%; }
h6{ font-size: 70%;  }
a { color:#1f58a8; font-weight:600; text-decoration:none; }
a:visited {}
a:hover { color:#1f58a8; text-decoration:underline; }
a img { border:0px; }
hr {
position: relative;
width: 93%;
height: 0.226em;
margin: 5px auto;
border-bottom: thin dotted #da7;
border-top: 1px solid #acc;
}
ul { list-style: none; }
ol { list-style: decimal }
ul li, ol li { position: relative; margin-left: 0.8882em; }
blockquote {
background: #f4f4f4;
padding: 5px 15px;
margin: 3px 30px;
} article, aside, details, figcaption, figure,footer, header, menu, nav, section { display: block; }
.clearfix { clear: both; margin: 0; padding: 0; display: block; } html {
height:          100% !important; 
overflow-x:      hidden;
}
body {
margin:          0;
padding:         0;  
color:           #000;
font-family:     Footlight MT, Footlight MT Light, Times New Roman, serif;
font-size:       15px;
line-height:     1.2;
}
#wrapper { width:           100%;
border:          2px solid rgba( 255, 255, 255, 0.7);
display:         inline-block;
height:          100%; 
min-height:      100%;
}
#masthead {
width:           70%;
margin:          0 auto 0 330px;
padding-top:     20px;
text-align:      center;
background:      transparent;
}
#masthead h1 a,
#masthead h2 {
display:         block;
margin-bottom:   0.5282em;
margin-top:      0.5898em;
padding:         11px 0;
color:           #ffffff;
background:      #152939;
opacity:         0.8;
}
#front-page {
display:         block;
background:      transparent;
min-height:      800px;
}
#main { margin:          1.2em auto 20px 330px;
width:           70%;
min-height:      685px; }
#content { display:         block;  
color:           #000000;
font-weight:     500;
margin:          0;
padding:         0.682em 1.238em;
background:      #999;
border-radius:   3px;
background:      #fcfcfc;
-ms-word-wrap:   break-word;
word-wrap:       break-word;
}
body.page #content {
padding:         0.682em 3em;
}
body.single #content {
padding:         0.682em 2.568em;
}
body.archive #content,
body.category #content {
height:          100%;
overflow:        hidden;
}
body.archive #content img:last-child,
body.category #content img:last-child {
margin-bottom:   1em;
}
.post { background:      #fafafa;
position:        relative;
padding:         0.412em 1.533em;   
}
.post p {
text-align:      justify;
line-height:     1.24;
margin-bottom:   0.862em;
}
#sidebar-container {
margin-bottom:   1em;
width:           290px;
float:           left;
min-height:      468px; } #sidebar {
position:        absolute;
top:             36px;
width:           235px;
padding:         0 0.328em;
margin:          0 2.25em;
background:      #15292c;
opacity:         0.8;
color:           #fff;
border-left:     thin solid #8c8c8c;
border-right:    thin solid #7a7a7a;
}
#sidebar:after{
content:         "";
position:        absolute;
left:            -1.2580em;
width:           245px; 
height:          60px; 
border-left:     20px solid transparent;
border-right:    20px solid transparent;
border-top:      25px solid #da0;
margin-top:      1px;
}
#sidebar-container:after {
content: "";
clear:both;
width: 100%;
display: block;
height: 1em;
background: rgba( 255, 255, 255, 0.1);
}
.logged-in.admin-bar #sidebar { top:             66px;
}
#footer {
width: 100%;
padding:         15px;
border-top:      2px solid #999;
border-bottom:      2px solid #999;
background:      #fafafa;
opacity:         0.8;
z-index: 1500;
}
#main img { max-width:       99.8992%;
background:      #ffffff; }
#navigation {
padding:         5px 15px;
background:      #e6e6e6;
}
#navigation:after {
content: "";
clear:           both;
} .temp {
margin-top:      0;
background:      #fafafa; 
font-size:       1.250em;  
padding:         17px;
color:           #333939;
}
.temp h4 {
font-weight:     800;
}
.temp ul {
list-style:      inside disc;
}
.temp blockquote {
color:           #578;
line-height:     1.333;
}
#content-center { display:         block;  
color:           #000000;
font-weight:     500;
margin:          0;
padding:         0.682em;
border-radius:   3px;
background:      transparent !important;
}
#front-page {
margin-top:      -1.688em;
position:        relative;
margin-left:     -5px;
}	
#front-page .widget li a,
.home .widget li a {
display:         block;
font-size:       1.122em;
background:      #2f2f3f;
width:           50%;
height:          1.22em;
line-height:     1.3;
padding:         2px 5px;
margin-bottom:   2px;
border-bottom:   thin dotted #f2f2f2;
border-radius:   0 7px 0 0;
opacity:         0.88;
}
#front-page ul,
#front-page li {
list-style:      none;
}
#front-page h3.widgettitle {
width:           50%;
line-height:     1.3;
padding:         2px 5px;
margin-bottom:   2px;
border-bottom:   thin dotted #2f2f2f;
border-radius:   0 7px 0 0;
opacity:         0.8;
}
#sidebar .sidemenu {
margin-bottom:   1.522em;
}
#sidebar #meta a {
color:           #a9d9ff;
text-decoration: none;
}
#sidebar #meta h4 {
position:        relative;
margin-left:     1em;
}
#sidebar #meta li:last-child {
padding-bottom:  1em;
}
.logo-left {
margin:          0 auto;
padding-bottom:  1em;
outline:         none;
border:          none;
}
.logo-left img {
position: relative;
top: -.75em;
left: 1.67em;
max-width:       100%;
height:          auto;
border:          none;
}
.logo-left img[alt] {
color:           transparent;
border:          none;
}
.sidemenu-hr {
height:          2px;
border:          1px solid #fff;
}
.site-info {
clear:           both;
width:           94%;
max-width:       1280px;
margin:          0 auto;
padding:         11px;
}
#footer .bot-right {
text-align:      right;
vertical-align:  top;
margin-top:      -2em;
}
#footer a {
font-weight:     100;
}
#footer .bot-right p span {
font-size:       small;
color:           green;
}
#credit p a, #credit p a:hover{
color:           #555;
font-weight:     100;
} .menu li,
.menu-item { padding:         0;
margin:          0;
}
.sidemenu {
width:           200px;
text-align:      left;
margin-left:     0.2222em; height:          100%;
}
.sidemenu a,
.sidemenu_item a {
font-size:       1.252em;
font-weight:     500;
display:         block;
padding:         3px 9px;
color:           #fff;
text-decoration: none;
}
.sidemenu a:hover{
text-decoration: none;
color:           #cff;
background:      #afafaf;
}
.sidemenu ul {
list-style:      none;
position:        relative;
margin:          0; 
padding:         0; 
}
.sidemenu li {
border-radius:   0 8px 0 0;
margin-bottom:   1px;
}
.sidemenu ul li {
position:        relative;
display:         block;
min-width:       200px;
width:           auto;
max-width:       200px;
border-bottom:   thin solid #d0d0d0;
background:      #7a7d7f;
}
.sidemenu ul li ul {
display:         none;
}
.sidemenu ul li:hover ul {
width:           180px;
position:        absolute;
display:         block; 
left:            110px;
top:             0px; 
display:         block;
z-index:         1;
}
.sidemenu ul li:hover ul li a {
background:      #5a6d7f;
border-radius:   0 8px 0 0; 
}
.sidemenu ul li:hover ul li ul {
display:         block;
position:        relative;
top:             2px;
left:            50px;
}
.sidemenu ul li:hover ul li ul li a {
position:        relative;
background:      #4a5d6f;
border-radius:   0 8px 0 0;
}
.sidemenu ul ul li {
min-width:       160px;
position:        relative;
}
.sidemenu li ul li,
.sidemenu li ul li ul ul li {
border-bottom:   none;
background:      none;
}
.sticky { 
font-size:       1em; 
color:           #1d1d1d; 
margin:          5px;
padding:         7px;
background:      #f2ffff;
border-left:     3px solid brown;
padding-left:    25px;
}
.sticky .entry img {
max-width:       750px;
margin:          3px 5px;
height:          auto; 
} .entry h1{  }
.entry h3{ margin-left: 0.1212em; }
.entry h4{ margin-left: 0.142em; }
.entry h5{ margin-left: 0.155em; }
.entry h6{ margin-left: 0.33em; }
.entry h2 a {
margin:          0;
padding:         7px 20px 3px 20px;
word-wrap:       break-word;
line-height:     1.24;
}
body.blog .entry {
border-bottom:   thin solid #aaa;
}
.entry header a {
color:           #12589f;
text-decoration: none;
font-weight:     600;
}
.bypostauthor { 
color:           #888;
line-height:     1.2;
}
.post h2 a:hover,
.entry h2 a:hover {
text-decoration: underline;
color:           #1f88c8;
}
.postmetadata, .categorymeta {
font-size:       90%;
padding:         1px 8px 1px 5px;
margin:          0;
line-height:     12px;
}
.postmetadata {
color:           #777;
}
.responses {
float:           right;
}
.cat-link,
.edit-link a,
.tag-link a,
.post-categories a {
font-weight:     200 !important;
}
p.edit-link:before {
content:         "\2611";
margin:          0 0.412em 0 1em;
color:           #999;
}
p.tag-link:before {
content:         "\2691";
margin:          0 0.412em 0 1em;
color:           #999;
}
.cat-link:before {
content:         "\2605";
margin:          0 0.412em 0 1em;
color:           #999;
}
.cat-link .post-categories li:first-child {
position:        relative;
display:         inline;
top:             -1.2160em;
left:            2.333em;
}
.cat-link a {
color:           #08a;
font-size:       1em;
}
.authorlinks {
position:        relative;
font-weight:     200;
margin-left:     1em;
color:           #777;
font-size:       1em;
}
.authorlinks a {
color:           #346;
font-size:       1em;
font-weight:     300;
text-decoration: none;
}
.authorlinks span:before {
content:         "\270E ";
margin:          0 0.412em 0 1em;
font-size:       1.10em;
color:           #999;
}
.entry-content img {
margin:          0 0 1.5em 0;
}
.alignleft, img.alignleft {
margin-right:    1.5em;
display:         inline;
float:           left;
}
.alignright, img.alignright {
margin-left:     1.5em;
display:         inline;
float:           right;
}
.aligncenter, img.aligncenter {
margin-right:    auto;
margin-left:     auto;
display:         block;
clear:           both;
}
.alignnone, img.alignnone {
float:           none;
}
.wp-caption {
margin-bottom:   1.5em;
text-align:      center;
padding-top:     5px;
}
.wp-caption img {
border:          0 none;
padding:         0;
margin:          0;
}
.wp-caption p.wp-caption-text {
line-height:     1.5;
font-size:       10px;
margin:          0;
}
.wp-smiley {
margin:          0 !important;
max-height:      1em;
}
blockquote.left {
margin-right:    20px;
text-align:      right;
margin-left:     0;
width:           33%;
float:           left;
}
blockquote.right {
margin-left:     20px;
text-align:      left;
margin-right:    0;
width:           33%;
float:           right;
}
.entry-content img,
img[class*="align"],
img[class*="wp-image-"],
div[class*="attachment_"] {
height:          100px; 
max-width:       100px;
margin:          3px 11px;
}
.alignnone, img.alignnone, .alignnone img {
max-width:       100px;
margin:          0 auto; 
}
.entry .size-large,
.entry .size-medium,
.entry .size-thumbnail {
height	   100px  ;
max-width	  100px   ;
margin:          3px 11px;
} #sidebar input {
background:      #444;
border:          1px solid #666;
color:           #fff;
}
#sidebar ul {
list-style:      none !important; 
list-style-type: none;
margin-left:     1em;
}
#subscribe {
text-align:      center;
}
#subscribe p {
margin:          3px 0 10px 0;
font-size:       1em;
}
#subscribe p a {
color:           #fff;
font-weight:     200;
}
#searchform {
margin-left:     1em;
} .gallery { display: block; clear: both; overflow: hidden; margin: 0 auto; }
.gallery .gallery-row { display:block; clear: both; overflow: hidden; margin: 0; }
.gallery .gallery-item { overflow: hidden; float: left; margin: 0; text-align: center;
list-style: none; padding: 0; position: absolute bottom: 0 }
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
max-width: 89%; height: auto; padding: 1%; margin: 0 auto; }
.gallery-caption { margin-left: 0; }
.gallery dl {}
.gallery dt {}
.gallery dd {}
.gallery dl a {}
.gallery dl img {} .format-aside header h2 { 
display:         none; 
}
.format-audio header h2 {}
.format-chat header h2 {}
.format-standard header h2 {}
.format-gallery header h2 { 
background:      url(//bergpoetin.eu/wp-content/themes/ontheside/images/icon_gallery.png) no-repeat left top;
background-size: 17px;
margin-top:      0;
}
.format-image header h2 {}
.format-link header h2 { 
background:      url(//bergpoetin.eu/wp-content/themes/ontheside/images/icon_external_link.png) no-repeat left top;
background-size: 17px;
}
.format-gallery .postmetadata .responses {
width:           100%;
margin-right:    0;
}.format-gallery .postmetadata .responses img {
display:         inline;
height:          16px;
width:           16px;
}
.single.format-standard {}
.single.format-image {}
.single.format-aside {}
.format-gallery article.entry img { 
border-top:      2px solid #ccc;
border-right:    2px solid #aaa;
border-bottom:   2px solid #aaa;
border-left:     2px solid #ccc;
}
.format-gallery article.entry:after {
clear:           both;
margin:          0;
}
body.blog .format-gallery img {
display:         none;
border:          none;
} #comments {
position:        relative;
padding-top:     1em;
margin:          0 3em;
}
#comments small {
position:        relative;
margin-left:     1.582em;
color:           red;
cursor:          pointer;
}
#comments small:after {
content:         " Comment-Status-Closed";
}
#comments .open:after {
content:         " ";
}
.responses {
text-align:      right;
margin-top:      -0.822em;
}
.reply {
position:        relative;
margin-top:      1em;
padding-top:     1em;
border-top:      0.226em solid #ddd;
margin-bottom:   -1.692em;
}
.reply a {
font-weight:     700;
background:      #e6e6e6;
border:          1px solid #999;
border-radius:   5px;
padding:         1px 17px;
font-size:       1.112em;
}
#reply-title {
color:           #efefef;
position:        relative;
top:             0;
left:            5em;
}
#respond form textarea {
height:          100px;
}
#respond form label,
.form-allowed-tags,
#respond p, 
#respond code {
display:         block;
width:           95.89%;
background:      #f7fcfc;
margin:          5px;
font-size:       12px;
color:           #888;
-ms-word-wrap:   break-word;
word-wrap:       break-word;
white-space:     pre-wrap;
}
p.form-allowed-tags {
padding-left:    7px;
}
#respond form textarea {
height:          100px;
}
h3#comments, h3#postcomment {
font-size:       100%;
font-family:     footlight mt, serif;
}	
ol#commentlist {
padding:         0 0 0 20px;
font-size:       90%;
list-style-type: none;
}
ol#commentlist li {
padding:         0px 3px;
margin:          0;
}
ol#commentlist li p.commentheader {
margin:          0px 0 0px 0;
display:         block;
padding:         1px 5px;
}
ul#commentlist {
padding:         0;
margin:          0;
list-style-type: none;
}
ul#commentlist li {
display:         block;
padding:         0;
margin:          0 15px 5px 15px;
font-size:       90%;
background:      #f2f2f2;
}
ul#commentlist p {
margin:          6px 0;
}
ul#commentlist li div.commentmeta {
margin:          1px;
padding:         1px;
}
ul#commentlist li div.gravatar {
width:           50px;
float:           left;
padding:         10px 0 0 10px;
}
ul#commentlist li div.gravatar img {
border:          2px solid #ccc;
}
ul#commentlist li div.commenttext {
padding:         0;
margin:          5px 10px 5px 65px;
}
ul#commentlist li div.commenttext div.commentwrapper {
margin:          0 0 0 5px;
padding:         3px 8px;
} .widget a {
color:           #acf;
font-weight:     500;
}
.widget li, .widget li a,
li.widget .textwidget {
padding:         2px 5px;
display:         block;
min-width:       233px;
width:           98%;
line-height:     1;
margin:          2px 0 1px -3px;
}
.widget {
word-wrap:       break-word;
position:        relative;
overflow:        hidden;
width:           98%;
margin:          0 auto;
margin-bottom:   1em;
}
.widget ul {
background:      none;
position:        relative;
left:            -1em;
padding:         2px 0;
width:           99%;
margin:          3px auto;
}
.widget #search {
width:           100%;
} .widgettitle {
padding-left:    0.5333em;
background:      #c8c8c8;
color:           #530;
border-radius:   0 5px 0 0;
}
.center-sidebar .widget{
width:           100%;
position:        relative;
color:           #000000;
font-weight:     500;
border-radius:   3px;
text-indent:     1em;
}
.center-sidebar h3.widgettitle,
.widget .post-date {
padding-left:    1em;
position:        relative;
left:            1em;
} .tagcloud {} 
.widget_tag_cloud a {
padding:         1px;  
border:          1px solid rgba(255,255,255,0.5);
}
#sidebar .post-date,
#sidebar a {
margin-top: 3px;
display: block;
width: 90%;
position: relative;
top: 3px;
white-space: pre-wrap;
overflow: hidden;
} #wp-calendar {
empty-cells:     show;
margin:          30px auto 0;
padding:         2px 5px;
width:           185px;
background:      #15292c;
color:           #f8f8f8;
}
#wp-calendar #next a {
padding-right:   10px;
text-align:      right;
}
#wp-calendar #prev a {
padding-left:    10px;
text-align:      left;
}
#wp-calendar a {
display:         block;
}
#wp-calendar caption {
text-align:      center;
width:           100%;
}
#wp-calendar td {
padding:         3px 0;
text-align:      center;
}