/*
Theme Name: Elastic Fluidum
Theme URI: http://www.wordpress.dotflare.com
Description: "Elastic Fluidum" Theme for Wordpress
Version: 1.0
Author: Christian Fischer
Author URI: http://www.dotflare.com/
*/

/* ============ Elastic Fluidum Layout / Media Screen ========== */

/* ==== General Stuff ==== */

* {
border:0 solid;
margin:0;
padding:0;
}

html {
height:100.1%;
font-size:100.1%;
}

body {
height:100%;
font:.8em/1.6em arial, helvetica, sans-serif;
color:#000;
background:#D4CDC2 url(images/bodybg.gif) left top repeat-x;
}

a {
text-decoration:none;
color:#3B8593;
background:#FCFBF9;
}

a:hover,
a:focus,
a:active {
color:#BD252B;
background-color:inherit;
}

h1 a,
h2 a,
h3 a,
h4 a {
color:#3E8897;
background-color:inherit;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover {
color:#BD252B;
background-color:inherit;
}

h1,
h2,
h3,
h4 {
color:#85846D;
background-color:inherit;
}

p {
margin:0;
padding:4px 0 4px 0;
}

ul {
margin:0 0 0 1.4em;
padding:0 0 18px 0;
}

acronym {
color:#666;
background:#FCFBF9 url(images/dotline.gif) left bottom repeat-x;
cursor:help;
}

code {
display:block;
border-left:8px solid #ACAB97;
margin:16px 0 16px 0;
padding:1em;
font-size:1em;
font-family:"courier new", courier, monospace;
color:#303030;
background:#FEF9D5;
}


/* ==== Container ==== */

#container {
position:relative;
min-width:588px;
width:59.53em;
max-width:98%;
margin:0 auto;
padding:0;
text-align:left;
color:#000;
background:#FCFBF9 url(images/content-left.gif) left top repeat-y;
}

#containerbgwrapper {
background:url(images/content-right.gif) right top repeat-y;
}


/* ==== Header ==== */

#header {
height:275px;
color:#000;
background:#D4CDC2 url(images/header-bg.gif) left top repeat-x;
}

#headerleft {
float:left;
min-width:420px;
width:420px;
max-width:420px;
height:275px;
background:url(images/header-left.gif) left top no-repeat;
}

#hdleftbg {
min-width:420px;
width:auto;
max-width:420px;
height:275px;
background:url(images/header-left-teaser.jpg) 41px 102px no-repeat;
}

#headerright {
float:right;
min-width:168px;
width:168px;
max-width:168px;
height:275px;
background:url(images/header-right.gif) right top no-repeat;
}


/* ==== Content ==== */

#content {
width:auto;
max-width:59%;
min-height:545px;
margin:0 6px 0 0;
padding:18px 0 5.8em 36px;
color:#000;
background:#FCFBF9 url(images/content-left.gif) left top repeat-y;
}

#content p {
padding-left:1px;
}

#content h1 {
margin:0 0 20px 0;
font:normal normal 1.8em georgia, serif;
}

#content h2 {
margin:0 0 10px 0;
font:normal normal 1.6em georgia, serif;
}

html>body #content h2:first-letter,
html>body #content h2 a:first-letter {
font-size:1.1em;
color:#3E8897;
background-color:inherit;
}

#content h2 a:hover:after {
content: '\0000A0' '\0000BB';
}

#content h3 {
margin:10px 0 10px 0;
font:bold 1.2em georgia, serif;
}

#content h4 {
margin:12px 0 0 0;
font-size:1em;
}

#content ul {
margin:0;
padding:8px 0 8px 0;
list-style-type:none;
}

#content ul li {
margin:0;
padding:0 0 6px 16px;
line-height:1.6em;
background:url(images/listbullet.gif) 0 .55em no-repeat;
}

#content ul.sitemap {
margin:0 0 0 1.8em;
}

#content ul.sitemap li {
padding:0 0 6px 4px;
margin:0 0 0 8px;
list-style-image:url(images/navibullet-article.gif);
background-image:none;
}

#content ul.sitemap li ul {
padding:6px 0 0 0;
margin:0 0 0 10px;
}

#articlenavi {
height:2.4em;
padding:16px 0 16px 0;
margin:0 0 20px 0;
background:url(images/dotline.gif) left top repeat-x;
}

.backward a {
float:left;
padding:0 16px;
background:url(images/backward.gif) left center no-repeat;
}

.forward a {
float:right;
padding-right:16px;
background:url(images/forward.gif) right center no-repeat;
}

.editarticle a {
color:#EA0000;
background-color:inherit;
}


/* ==== Articles ==== */

.article {
margin:0 0 18px 0;
padding:0 0 18px 0;
background:url(images/dotline.gif) left bottom repeat-x;
}

.article.last {
background-image:none;
}

.article.single {
padding:0;
margin:0;
background-image:none;
}

.article a.readmore, a.readmore {
padding-left:16px;
background:url(images/linkintern.gif) left center no-repeat;
}

.article .topbar {
margin:0 0 8px 0;
padding:3px;
font-size:.88em;
background-color:inherit;
color:#333;
}

.article .topbar .postedby {
padding-left:16px;
background:url(images/postedby.gif) 0 .1em no-repeat;
}

.article #savedin {
margin:16px 0 0 0;
padding:6px 3px 5px 3px;
color:#000;
background:#F8F8F7 url(images/dotline.gif) left top repeat-x;
}

.article #savedin a {
padding:2px 3px 2px 18px;
color:#3B8593;
background:#F8F8F7 url(images/linkintern.gif) 3px 50% no-repeat;
}

.article #savedin a:hover {
color:#BD252B;
background:#F8F8F7 url(images/linkintern.gif) 3px 50% no-repeat;
}


/* ==== Forms ==== */

form {
padding:6px 0;
}

form p {
padding:6px 0;
}

form label {
color:#8C8B73;
background:inherit;
}

form label em {
font-style:normal;
color:#729953;
background:inherit;
}

form select,
form input,
form textarea {
border:1px solid #C0BAB2;
width:200px;
padding:3px;
font-family: arial, helvetica, sans-serif;
font-size:100%;
color:#666;
background-color:#FFF;
}

form select:hover,
form select:focus,
form input:hover,
form input:focus,
form textarea:hover,
form textarea:focus {
color:#666;
background-color:#FFFFCD !important;
}

form textarea {
overflow:auto;
}

#kontakt,
#kommentare {
margin-bottom:0;
}

#kontakt p,
#kommentare p {
padding:0 0 3px 0;
}

#kontakt input,
#kontakt textarea,
#kommentare input,
#kommentare textarea {
margin:0 0 8px 0;
}

#mediasubmit,
#kontakt .submit,
#kommentare .submit {
border-color:#FFF;
width:auto;
padding:3px 6px;
font-size:92.5%;
font-weight:bold;
color:#FFF;
background-color:#A6A09B !important;
}

#mediasubmit:hover,
#mediasubmit:focus,
#kontakt .submit:hover,
#kontakt .submit:focus,
#kommentare .submit:hover,
#kommentare .submit:focus {
color:#FFF;
background-color:#F39642 !important;
}

#kontakt #csubject,
#kontakt textarea,
#kommentare textarea {
width:28em;
max-width:98%;
}


/* ==== Sidebar ==== */

#sidebar {
float:right;
min-width:8em;
width:16em;
max-width:24%;
padding:16px 30px 28px 16px;
font-size:1em;
line-height:1.63em;
}

#sidebar h3 {
clear:both;
margin:0 0 0 -16px;
padding:12px 0 12px 16px;
font:bold .985em/1em georgia,serif;
color:#85846D;
background:inherit;
}

#sidebar ul {
margin:0;
padding-bottom:20px;
color:inherit;
background-color:#FCFBF9;
list-style-type:none;
}

#sidebar ul li {
margin:0;
padding:0;
line-height:1.65em;
}

#sidebar ul li ul {
margin:0;
padding:0;
}

#sidebar li a {
display:block;
padding:3px 4px 3px 10px;
font-weight:normal;
text-decoration:none;
color:#767560;
background: #F7F5F2 url(images/dotline.gif) repeat-x left bottom;
}

#sidebar li li a {
padding:3px 4px 3px 16px;
}

#sidebar li.pagelev1active a.pagelev1current,
#sidebar li.pagelev2active a.pagelev2current,
#sidebar li.current-cat a {
color:#FFF;
background:#BD252B url(images/navi-arrow-active.gif) right center no-repeat;
}

#sidebar li a:hover, 
#sidebar li a:focus,
#sidebar li a:active {
color:#fff;
background-color:#3F8E9E !important;
}

#sidebar form {
float:right;
width:10.5em;
max-width:200px;
padding:0;
margin:0;
text-align:right;
}

#sidebar #designswitch {
float:none;
width:100%;
max-width:100%;
margin:0 0 16px 0;
text-align:left;
}

#sidebar #designswitch select {
width:70%;
border:1px solid;
border-top-color:#63605B;
border-left-color:#63605B;
border-bottom-color:#D4D0C8;
border-right-color:#D4D0C8;
padding:0;
color:inherit;
background-color:#FDFBE7;
}

#sidebar #designswitch select option {
padding:0 4px;
}

#sidebar #designswitch p {
width:70%;
padding: 10px 0 0 0;
text-align:right;
}

#sidebar #s {
width:10.2em;
max-width:200px;
margin:0;
padding:2px 0 2px 0;
}

#sidebar #searchsubmit,
#sidebar #designsubmit {
border:1px solid #fff;
width:auto;
padding:3px 6px;
color:#fff;
background-color:#A6A09B !important;
font-size:92.5%;
font-weight:bold;
text-align:center;
}

#sidebar #designsubmit:hover,
#sidebar #designsubmit:focus,
#sidebar #searchsubmit:hover,
#sidebar #searchsubmit:focus {
color:#FFF;
background-color:#F39642 !important;
}

#sidebar p#rssfeed {
width:60%;
margin:0 0 0 16px;
padding:20px 0 0 0;
}

#sidebar p#rssfeed a {
display:block;
float: right;
width:65px;
height:19px;
text-align: center;
color:#000;
background:#FCFBF9 url(images/rss20.gif) left top no-repeat;
}


/* ==== Footer ==== */

#footer {
clear:both;
min-height:39px;
height:3em;
color:#666;
background:#D4CDC2 url(images/footer-right.gif) right top repeat-y;
}

#footer p {
font-size:.92em;
}

#footerleft {
float:left;
min-width:180px;
width:auto;
max-width:45%;
min-height:37px;
padding:2px 0 0 36px;
line-height:3.3em;
color:#000;
background:#D4CDC2 url(images/footer-left.gif) left top repeat-y;
}

#footerright {
float:right;
clear:right;
min-width:180px;
width:auto;
max-width:45%;
min-height:37px;
padding:2px 30px 0 0;
line-height:3.3em;
text-align:right;
color:#000;
background:#D4CDC2 url(images/footer-right.gif) right top repeat-y;
}

#footer a,
#footer a:visited {
border:1px solid #857F77;
margin:0 4px 0 0;
padding:2px 20px 3px 6px;
color:#FFF;
text-decoration:none;
background:#928C84 url(images/footerarrow.gif) right center no-repeat;
}

#footer a.pagetop,
#footer a.pagetop:visited {
padding:2px 18px 3px 6px;
color:#FFF;
background:#928C84 url(images/footer-pagetop-arrow.gif) right center no-repeat;
}

#footer a:hover,
#footer a:focus,
#footer a:active {
border:1px solid #fff;
padding:2px 20px 3px 6px;
color:#FFF;
text-decoration:none;
background:#3F8E9E url(images/footerarrow.gif) right center no-repeat !important;
}


#footer a.pagetop:hover,
#footer a.pagetop:focus,
#footer a.pagetop:active {
padding:2px 18px 3px 6px;
color:#FFF;
background:#3F8E9E url(images/footer-pagetop-arrow.gif) right center no-repeat !important;
}

/* ==== Additional Formatting ==== */

ul.nobullet li {
padding-left:0 !important;
list-style-type:none;
background-image:none !important;
}

ul.links li a img {
margin:0 0 2px 0;
vertical-align:middle;
}

img.left {
float:left;
margin:0 12px 0 0;
}

img.right {
float:right;
margin:0 0 0 12px;
}

.linkext {
padding-left:16px;
background:url(images/linkextern.gif) left center no-repeat;
}

#headerleft h1,
#headerright p a span,
#sidebar p#rssfeed a span,
legend,
legend em {
position:absolute;
top:-500px;
left:-999px;
}

#basenavi {
display:block;
float:none;
clear:both;
width:auto;
height:0;
margin:0;
padding:0;
line-height:0px;
font-size:0;
}

.topspace-xsmall {
margin-top:6px !important;
}

.topspace-small {
margin-top:12px !important;
}

.topspace-middle {
margin-top:24px !important;
}

.grey {
color:#707070;
background-color:inherit;
}

.lightgrey {
color:#93927B;
background-color:inherit;
}

.red {
color:#B44040;
background-color:inherit;
}

.darkgreen {
color:#729953;
background-color:inherit;
}


/* ==== Specific Stuff ==== */

ul#skipnav {
margin:0;
padding:0;
height:0;
}

ul#skipnav li {
list-style-type:none;
display:inline;
}

ul#skipnav li a {
position:absolute;
top:-500px;
left:-999px;
text-decoration:none;
}

ul#skipnav li a:focus,
ul#skipnav li a:active {
z-index:5;
display:block;
position:absolute;
top:28px;
left:34px;
width:21em;
border:1px solid #fff;
margin:0;
padding:0 0 1px 4px;
font-family:"Lucida Sans Unicode, Lucida Grande", geneva, verdana, sans-serif;
font-size:.9em;
font-weight:bold;
line-height:2em;
text-align:center;
color:#fff;
background-color:#BD252B;
}

ul#skipnav li a:hover {
border:1px solid #fff;
color:#fff;
background-color:#3F8E9E;
}

#textzoom {
z-index:4;
position:absolute;
top:0;
left:14px;
border:1px solid #B0ABA6;
padding:0;
line-height:0em;
color:#000;
background-color:#FCFBF9;
}

#textzoom a {
margin:0;
line-height:0em;
font-size:0;
}

#textzoom a img.middle {
margin:0 3px;
}

#textzoom a img:hover,
#textzoom a:focus img {
color:#666;
background:#FFE4AC !important;
}

#mediaswitch {
margin:0;
padding:22px 30px 0 36px;
text-align:left;
}

#mediaswitch select {
width:23%;
padding:0;
border:1px solid;
border-top-color:#63605B;
border-left-color:#63605B;
border-bottom-color:#D4D0C8;
border-right-color:#D4D0C8;
color:inherit;
background-color:#FDFBE7;
}

#mediaswitch select option {
padding:0 4px;
}

#mediaswitch p {
padding:10px 0 0 0;
text-align:left;
}