|
|
/*Theme Description: AOE media www.aoemedia.de AOE media GmbH*/
|
|
|
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, font, ins, strong, 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; }
|
|
|
ol, ul { list-style: none; }
|
|
|
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: "" ""; }
|
|
|
/* Text decorations
|
|
|
*******************************/
|
|
|
.bold { font-weight: bold; }
|
|
|
.normal { font-weight: normal; }
|
|
|
.italic { font-style: italic }
|
|
|
.underline { text-decoration: underline; }
|
|
|
/* Float
|
|
|
*******************************/
|
|
|
.f-right { float: right; }
|
|
|
.f-left { float: left; }
|
|
|
.f-none { float: none; }
|
|
|
/* Text align
|
|
|
*******************************/
|
|
|
.t-right { text-align: right; }
|
|
|
.t-left { text-align: left; }
|
|
|
.t-center { text-align: center; }
|
|
|
.t-justify { text-align: justify; }/* Other
|
|
|
*******************************/
|
|
|
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden }
|
|
|
/* Main styles
|
|
|
*******************************/
|
|
|
html { height: 100%; margin-bottom: 1px;/* force vertical scrollbars */ }
|
|
|
body { background:#d3d3d3; color: #646464; font-size: 13px; text-align: left; }
|
|
|
/* Default fonts
|
|
|
*******************************/
|
|
|
body, input, select { font-family: Tahoma, Arial, Helvetica, sans-serif; }
|
|
|
textarea, pre, code { font-family:"Courier New", Courier, monospace; }
|
|
|
/* Header elements
|
|
|
*******************************/
|
|
|
h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#f21e1e; }
|
|
|
h1 { padding-bottom:8px; font-size: 2.5em; line-height:1; }
|
|
|
h2 { font-size: 1.83em; }
|
|
|
h3 { font-size: 1.5em; padding-bottom:.6em; }
|
|
|
h4 { font-size: 1.3em; line-height: 1.8em; }
|
|
|
h5 { font-size: 1.2em; line-height: 1.6em; }
|
|
|
h6 { font-size: 1.1em; line-height: 1.2em; }
|
|
|
/* Text elements
|
|
|
*******************************/
|
|
|
p { margin: 0 0 1em 0; text-align: left; line-height:1.4; }
|
|
|
p.last { margin-bottom:0; }
|
|
|
p.first { margin-top:1em; }
|
|
|
p.img { float: right; margin:0 0 1em 1em; padding:0; }
|
|
|
blockquote { margin: 0 0 1em 1em; padding-left:1em; border-left:2px solid #646464; }
|
|
|
strong { font-weight: bold; }
|
|
|
em { font-style: italic; }
|
|
|
pre { border: 1px solid #ddd; margin-bottom: 1.2em; padding:1.2em; }
|
|
|
ins { text-decoration:none; } /*remove underline from text*/
|
|
|
del { text-decoration:line-through; }
|
|
|
q, cite { font-style:italic; }
|
|
|
dl { line-height:1.4; margin-bottom:1em; }
|
|
|
/* decorate lists in posts */
|
|
|
#content .post ul, #content .post ol { margin: 0 0 1em 2em; }
|
|
|
#content .post ul { list-style-type:disc; }
|
|
|
#content .post ol { list-style-type:decimal; }
|
|
|
#content .post ul li, #content .post ol li { line-height:2; }
|
|
|
hr { color: #fff; background:transparent; margin: 0 0 0.5em 0; padding: 0 0 0.5em 0; border:0; border-bottom: 1px #000 dotted; }
|
|
|
/*links*/
|
|
|
a:link, a:visited, a:focus, a:hover, a:active { color: #707070; text-decoration: underline; cursor:pointer; }
|
|
|
a:hover { text-decoration:none; }
|
|
|
a:visited { }
|
|
|
a:active, a:focus { outline: 0; } /*remove border in ff*/
|
|
|
/* Images
|
|
|
*******************************/
|
|
|
img { outline:0; border:0; }
|
|
|
/* Form styles
|
|
|
*******************************/
|
|
|
input, select, textarea { font-size:1.0em;/*by default font-size is bigger*/ vertical-align:baseline; color:#828282; }
|
|
|
input.text, input.file { cursor:text; }
|
|
|
input.button { cursor:pointer; }
|
|
|
input.radio, input.checkbox { border: 0; padding: 0; }
|
|
|
/* Wordpress aligning
|
|
|
*******************************/
|
|
|
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
|
|
|
.alignleft { float:left; margin: 0 1em 1em 0; text-align:left; }
|
|
|
.alignright { float: right; margin: 0 0 1em 1em; text-align:right; }
|
|
|
.wp-caption { border:1px solid #ddd; text-align:center; padding:3px 0px 3px 0px; margin: 3px auto 3px auto; background-color: #F6F6F6; }
|
|
|
.wp-caption p { margin:3px auto 3px auto; }
|
|
|
.wp-caption img { margin: 0; padding: 0; border:1px solid #888; }
|
|
|
.wp-caption:hover { border:1px solid #888; background-color: #d0d0d0; text-align:center; /* font-weight: bold; */
|
|
|
color:#000; }
|
|
|
.wp-caption:hover img { border:1px solid #222; }
|
|
|
.wp-caption a:hover img { border:1px solid #F21E1E; background-color: #FE9494; padding: 4px; margin:-4px; }
|
|
|
.wp-caption p.wp-caption-text { font-size:.92em; text-align:center; }
|
|
|
/* Main styles
|
|
|
*******************************/
|
|
|
#root { width: 854px; margin:0 auto; }
|
|
|
|
|
|
/* Header
|
|
|
*******************************/
|
|
|
#header { overflow: hidden; }
|
|
|
#header .headers { text-align:center; color:#fff; font-size:.92em; line-height:3.2; margin-top:0px; height:1px;/* height:36px; */
|
|
|
}
|
|
|
#header .content { background:url(img/header-footer-root-back.gif) 100% 0 no-repeat; height:170px; position:relative; padding:10px 0 0 124px; }
|
|
|
#header h1 { margin-top:30px; }
|
|
|
#header .description { line-height:1.1; }
|
|
|
#searchform { position:absolute; right:40px; top:40px; font-size:.92em; }
|
|
|
#nav-bar { left:40px; bottom:2px; position:absolute; overflow:hidden; }
|
|
|
#nav-bar li { float:left; background:#F22323 url(img/nav_new.gif) 0 0 no-repeat; color:#fff; vertical-align:middle; margin-right:5px; }
|
|
|
#nav-bar li a { height:27px; float:left; text-decoration:none; font-weight:bold; color:#fff; padding:15px 18px 0; background:url(img/nav_new.gif) 100% 25% no-repeat; font-family:Arial, Helvetica, sans-serif }
|
|
|
#nav-bar li:hover { background:#FF9B32 url(img/nav_new.gif) 0 50% no-repeat; color:#8f0707; }
|
|
|
#nav-bar li:hover a { background:url(img/nav_new.gif) 100% 75% no-repeat; color:#8f0707; }
|
|
|
#searchform input.text { width:143px; border:0; background:transparent url(img/search-input.gif) 0 0 no-repeat; height:15px; padding:4px 3px; vertical-align:middle; margin-right:10px; }
|
|
|
#searchform input.button { height:21px; padding-bottom:2px; width:61px; background:transparent url(img/search-button.gif) 0 0 no-repeat; border:0; color:#fff; font-weight:bold; vertical-align:middle; }
|
|
|
#header h1 a { text-decoration:none; color:#f21e1e; }
|
|
|
/* Main
|
|
|
*******************************/
|
|
|
#main { background:url(img/header-footer-root-back.gif) 50px 0 repeat-y; overflow:hidden; margin-left:-50px; padding:5px 21px 10px 71px; }
|
|
|
#main-block { float:left; width:569px; min-height:600px; height:auto!important; height:600px; }
|
|
|
#content .post { /* overflow:hidden; */
|
|
|
background: #f6f6f6 url(img/post-header-footer-back.gif) 100% 0 no-repeat; padding-top:12px; margin-bottom:12px; }
|
|
|
#content .post .footer { height:11px; background:url(img/post-header-footer-back.gif) 100% 100% no-repeat; }
|
|
|
#content .post .content { padding:8px 26px; background:url(img/post-header-footer-back.gif) 0 0 repeat-y; position:relative; _position:inherit; }
|
|
|
#content .title h2 { padding-bottom:6px; }
|
|
|
#content .title a { text-decoration:none; color:#f21e1e; }
|
|
|
#content .title a:hover { color:#91adc1; }
|
|
|
#content .postdata { font-size:0.92em; padding-bottom:10px; margin-bottom:8px; background:url(img/post-delim.gif) 0 100% repeat-x; overflow:hidden; }
|
|
|
#content .category { float: left; }
|
|
|
#content .date { float: right; color:#919191; }
|
|
|
#content .comments { float:right; padding-right:10px; }
|
|
|
#content .comments, #content .comments a, #content .category, #content .category a { color:#91adc1; }
|
|
|
#content .entry { /* clear:both; */
|
|
|
overflow:hidden; }
|
|
|
#content .entry a { color:#e08105; }
|
|
|
a.more-link { font-weight:bold; color:#f78403; padding-right:18px; background:url(img/more-link.gif) 100% 5px no-repeat; font-size:140%; }
|
|
|
a.more-link:hover { color:#ffffff!important; background-color:#f78403; }
|
|
|
.nav-entries { font-size:.92em; overflow:hidden; }
|
|
|
.nav-entries .prev a { float:left; }
|
|
|
.nav-entries .next a { float:right; }
|
|
|
|
|
|
/* Comments
|
|
|
*******************************/
|
|
|
#leavecomment { padding-top:1em; }
|
|
|
.comments-list .avatar { margin-bottom:4px; }
|
|
|
#content ul.comments-list { margin:0; }
|
|
|
.comments-list li { padding:12px; line-height:1.2; list-style:none; background:url(img/post-delim.gif) 0 100% repeat-x; margin-bottom:12px; }
|
|
|
.comments-list li.graybox { background-color:#e5e5e5; }
|
|
|
.comments-list cite { font-weight:bold; font-style:normal; }
|
|
|
.comments-list small { font-size:.83em; }
|
|
|
.comments-list .comment { margin-top:8px; }
|
|
|
#commentform input.text, #commentform textarea { border:1px solid #646464; border-bottom-color:#eee; border-right-color:#eee; padding:2px; }
|
|
|
#commentform input.text { width:200px; }
|
|
|
#commentform input.button { width:115px; color:#fff; font-weight:bold; text-align:center; height:21px; padding-bottom:2px; background:transparent url(img/button-back.gif) 0 0 no-repeat; border:0; color:#fff; font-size:.92em; vertical-align:middle; }
|
|
|
#commentform textarea { width:500px; }
|
|
|
#right-block { float:right; width:223px; background-color:#fff; }
|
|
|
.box { background:url(img/box-header-footer-back.gif) 0 0 repeat-y; margin-bottom:8px; margin-left:-1px!important; }
|
|
|
.popular h3 { color:#eda33a; }
|
|
|
.blogroll h3 { color:#78ab5f; }
|
|
|
.archive h3 { color:#8fafc6; }
|
|
|
.box .header { background:url(img/box-header-footer-back.gif) 100% 0 no-repeat; height:34px; padding:16px 20px 0; }
|
|
|
.box ul { padding:0 15px 0px 15px;/* background:url(img/box-header-footer.gif) 0 100% no-repeat;
|
|
|
*/
|
|
|
}
|
|
|
.box ul li { padding:5px 15px 7px 5px; font-size:.92em; background:transparent url(img/cat.gif) no-repeat scroll 98% 50%; border:1px #fff solid; }
|
|
|
.box ul li:hover { background-image:url(img/cat-hover.gif); border:1px #E6DB55 solid; background-color:#FFFBCC; }
|
|
|
.box ul li a { padding:1px 0 1px; }
|
|
|
.box li a { }
|
|
|
.popular li a { background-image:url(img/popular.gif); }
|
|
|
.blogroll li a { }
|
|
|
.archive li a { background-image:url(img/archive.gif); }
|
|
|
.categories .children li a { background-image:url(img/cat-sub.gif); }
|
|
|
.box ul li a:hover { text-decoration:underline; }
|
|
|
.box li a:hover { color:#f21e1e; }
|
|
|
.popular li a:hover { background-image:url(img/popular-hover.gif); color:#eda33a; }
|
|
|
.blogroll li a:hover { color:#78ab5f; }
|
|
|
.archive li a:hover { background-image:url(img/archive-hover.gif); color:#8fafc6; }
|
|
|
.categories .children li a:hover { background-image:url(img/cat-sub-hover.gif); color:#f21e1e; }
|
|
|
.box ul ul { padding:0; background:none; }
|
|
|
.box li li { background:none; font-size:1em; padding:0 0 0 15px; }
|
|
|
.box .footer { padding:0 5px; height:24px; background:url(img/box-header-footer-back.gif) 100% 100% no-repeat; }
|
|
|
.box .tags, .box .textwidget, #sidesearch, #calendar_wrap { padding:12px 18px; }
|
|
|
.box input.text { border:1px solid #8A8A8A; width:140px; background:#fff; font-size:.92em; }
|
|
|
.box input.button { background:#F6F6F6; color:#8A8A8A; font-weight:bold; border:0; font-size:.92em; border:1px solid #8A8A8A; }
|
|
|
.box .tags, .box .textwidget { line-height:1.4; }
|
|
|
.box .tags a:hover { color:#F21E1E; }
|
|
|
.box .textwidget { font-size:.92em; }
|
|
|
#calendar_wrap, .box .textwidget { padding-bottom:0px; }
|
|
|
#recentcomments li { background:none; padding:5px 5px 7px 5px; }
|
|
|
#wp-calendar { width:190px; font-size:.92em; }
|
|
|
#wp-calendar caption { padding:4px 0; text-align:right; font-weight:bold; color:#F21E1E; }
|
|
|
#wp-calendar th, #wp-calendar td { padding:2px; text-align:center; }
|
|
|
#wp-calendar thead th { color:#4189C1; font-weight:bold; }
|
|
|
#wp-calendar #prev { text-align:left; padding-top:4px; }
|
|
|
#wp-calendar #next { text-align:right; padding-top:4px; }
|
|
|
#recentcomments { padding:0 15px 1px; line-height:1.4; }
|
|
|
#recentcomments li a, #recentcomments li a:hover { background:none; padding:0; border:0; }
|
|
|
/* Footer
|
|
|
*******************************/
|
|
|
#footer { background:url(img/header-footer-root-back.gif) 100% 100% no-repeat #c4c4c4; height:60px; font-size:.92em; padding:22px 27px 0; }
|
|
|
#footer img { vertical-align:middle; }
|
|
|
#footer .copyright { float:left; padding-top:5px; }
|
|
|
#footer .links { float:right; }
|
|
|
#footer .links a { padding-left:10px; margin-left:10px; background-repeat:no-repeat; background-position:0 2px; color:#518cb1; }
|
|
|
#footer .rss { background-image:url(img/rss.gif); }
|
|
|
#footer .login { background-image:url(img/login.gif); }
|
|
|
#footer a.powered { padding:0; }
|
|
|
#footer a.entries { margin:0; }
|
|
|
#img-cache { display:none; overflow:hidden; height:0; width:0; }
|
|
|
.navigation { display: block; text-align: center; margin-bottom: 0px; font-weight: bold; height:auto; overflow:hidden; }
|
|
|
.navigation_arrow { font-size:40px; text-decoration: none; }
|
|
|
.navigation_arrow a { text-decoration: none; }
|
|
|
.navigation div { line-height:1.4; width:240px; height:auto;/* border: solid 1px transparent;
|
|
|
_border: solid 1px #F6F6F6; */
|
|
|
}
|
|
|
.navigation a img { padding: 4px; border: 1px solid #cccccc; width: 75px; height: 75px; background-color: #fff; text-decoration: none; }
|
|
|
.navigation a:hover img { border-color: #F21E1E; background-color: #FE9494; width:90px; height:90px; }
|
|
|
.navigation a:hover { color:#F21E1E }
|
|
|
#translation_bar { padding:0 15px 0px 15px; text-align: center; }
|
|
|
#recent_posts_image { padding:0 10px 0; }
|
|
|
#recent_posts_image li { border: 1px solid transparent; background:transparent none repeat scroll 0 0; padding:2px; height: 85px; vertical-align: middle; overflow:hidden; }
|
|
|
#recent_posts_image li:hover { border: 1px solid #E6DB55; background-color:#FFFBCC; height: 110px; margin:0px -13px 0px -12px; }
|
|
|
#recent_posts_image li:hover img { background-color:#ffffff; width: 100px; height: 100px; }
|
|
|
#recent_posts_image li a { line-height:1.4; }
|
|
|
#recent_posts_image li img { width: 75px; height: 75px; padding: 4px; border: 1px solid #cccccc; background-color: #eeeeee; margin: 0 5px 0 0; }
|
|
|
#recent_posts_image li a:hover img { border-color: #F21E1E; background-color: #FE9494; }
|
|
|
.homepage_date { background: url(img/homepage_date2.png) no-repeat left top; width: 50px; height: 48px; text-transform: uppercase; color:black; text-align: center; position: absolute; left: -70px; top: 0; padding: 4px 0px 3px 0px; }
|
|
|
/* <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD>*/
|
|
|
.random_posts_image { display: -moz-inline-stack; display:inline-block; zoom: 1; *display: inline;
|
|
|
border: 1px solid transparent; padding: 0px; width: 86px; }
|
|
|
.random_posts_image .random_posts_image_link { padding: 0px 3px 0px 5px; vertical-align: middle; float: right; display:none; width: 75px; height: 83px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; text-align: left; line-height:1.4; }
|
|
|
.random_posts_image:hover .random_posts_image_link { display:block; }
|
|
|
.random_posts_image a:hover { color:#F21E1E; }
|
|
|
.random_posts_image:hover img { border-color: #ccc; background-color: #eee; }
|
|
|
.random_posts_image a:hover img { border-color: #F21E1E; background-color: #FE9494; }
|
|
|
.random_posts_image:hover { border: 1px solid #E6DB55; background-color:#FFFBCC; padding: 2px; width:168px; margin-left:1px; margin-right:1px; }
|
|
|
.random_posts_image img { padding: 4px; border: 1px solid #cccccc; background-color: #ffffff; width: 75px; height: 75px; }
|
|
|
/* ---------- <20><><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
|
|
.related_posts { list-style-type: none; margin:0 !important; }
|
|
|
.related_posts .related_posts_block { display: -moz-inline-stack; display:inline-block; zoom: 1; *display: inline;
|
|
|
width:163px; padding: 2px; overflow: hidden; height: 85px; position: relative; border: 1px solid #cccccc; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0px 0px 1px 0px; *+margin:0px 1px 1px 0px;
|
|
|
}
|
|
|
.related_posts .inline { *display:inline;
|
|
|
}
|
|
|
.layout { zoom:1; display:inline-block; }
|
|
|
.related_posts .related_posts_block .related_posts_link { width: 72px; margin-left:0px; height: 84px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; float: right; text-align:left; padding: 0px; line-height:1.4; display:block; }
|
|
|
.related_posts .related_posts_block .related_posts_link a:hover { text-decoration: none; color:#F21E1E; }
|
|
|
.related_posts .related_posts_block img { padding: 4px; border: 1px solid #cccccc; background-color: #ffffff; width:75px; height:75px; }
|
|
|
.related_posts .related_posts_block a:hover img { border-color: #F21E1E; background-color: #FE9494; }
|
|
|
.related_posts .related_posts_block:hover { border: 1px solid #E6DB55; background-color:#FFFBCC; height:110px; width:188px; margin:-12px -13px -12px -12px; *+margin:-15px -12px -13px -12px;
|
|
|
z-index:10; }
|
|
|
.related_posts .related_posts_block:hover img { width:100px; height:100px; }
|
|
|
.related_posts .related_posts_block:hover .related_posts_link { height:109px; }
|
|
|
.layout { zoom:1; display:inline-block; }
|
|
|
.ig_reset { margin:auto; }
|
|
|
.ig_reset td div { display:none; }
|
|
|
.entry iframe { border: 0px solid #333333; margin: 3px auto 3px auto; text-align:center; }
|
|
|
#google_ad_header { position: relative; left: -105px; top:23px; }
|
|
|
#translation_bar a img { width:16px; height:11px; border: 2px solid #fff; margin-left:3px; margin-right:3px; }
|
|
|
#translation_bar a:hover img { border-color: #F21E1E; }
|
|
|
/*.cat-item {font-size:14px;}*/
|
|
|
.cat-item a { font-size:17px; }
|
|
|
.wp-caption a .size-thumbnail { margin:5px; width:75px; htight:75px; }
|
|
|
.wp-caption a:hover .size-thumbnail { margin:1px; }
|