/* -- screen.css for jeenaparadies.net called »western« -- */
/* -- last update  -- */
/* -- written on Dez 20th 2004 by Jeena Paradies-- */

/* -- colors --
Hintergrund #main  #e3e0c1
Hintergrund #nav   #c9c6ab
Text               #201C17
a:link             #535932
a:visited          #3B4023
a:hover            #676d47
*/

/* Monospace from http://www.levien.com/type/myfonts/inconsolata.html */
@font-face {
  font-family: Inconsolata;
  src: url('Inconsolata.otf');
}

.date.meta { display: none; } /* bugfix */

/* basic design */
body {
 background: url(header.png) black top left no-repeat;
 font-family: verdana, arial, sans-serif;
 font-size: 100.01%;
 color: #201C17;
 margin: 0; padding: 0;
 min-width: 630px;
}
#container {
 margin: 0 5% 0 0;
 padding: 0;
 background: url(nav-back.png) repeat-y 0 0 #e3e0c1;
 font-size: 0.8em;
 max-width: 1500px;
}
#top{
 margin: 0; padding: 0;
 height: 139px;
 width: 100%;
 background: url(header.png) black top left no-repeat;
}
object.small { position: absolute; top: 139px; left: 0; }
#nav {
 margin: 0 0 0 33px;
 padding: 25px 13px 25px 23px;
 width: 197px;
 float: left;
 background: url(header.png) -33px -140px no-repeat;
}
#nav ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}
#main {
 margin: 0 0 0 285px;
 padding: 13px 31px 13px 13px;
 background: url(cow.png) 100% 0 no-repeat;
}
h1 {
 margin: -13px 105px 0 -31px;
 padding: 40px 0 0 32px;
/* background: url(h1-corner.png) -10px 0 no-repeat #e3e0c1;*/
 font-size: 250%;
 line-height: 1em;
 font-weight: normal;
 min-height: 90px;
 min-width: 7em;
}

.weblog h1 { background: url(h1-corner.png) -10px 0 no-repeat #e3e0c1; }

h1 span, h2 span, h3 span { font-size: 0.5em; display: block; line-height: 1em; font-weight: normal; text-indent: 1em; }
h1 span.searchword { font-size: inherit; display: inherit; line-height: inherit; font-weight: inherit; text-indent: inherit; }
h1 a { text-decoration: none; font-family: Western; }
h1.not-first { background: none; }

#main div, #main p, #main ul, #main ol, #main blockquote,
#main h2, #main h3, #main h4, #main h5, #main table, #main #entryform p,
#main h6, #main address, #main dl, #main pre { min-width: 9em; max-width: 600px; margin-left: auto; margin-right: auto; }
#main ol, #main ul { padding-left: 6em; }
#main div.mainitem { max-width: none; background: transparent; }

#main div#preview { max-width: none; }

/* -- the menu -- */
#mainnav { line-height: 0; background: url(menu.png) no-repeat; width: 200px; height: 262px; position: relative; }
.webdesign #mainnav { background: url(back-webdesign.png); }
.articles #mainnav { background: url(back-articles.png); }
.weblog #mainnav { background: url(back-weblog.png); }
.contact #mainnav { background: url(back-contact.png); }
#mainnav #menu-webdesign { width: 134px; height: 27px; position: absolute; top: 54px; left: 35px; }
#mainnav #menu-articles { width: 105px; height: 27px; position: absolute; top: 85px; left: 54px; }
#mainnav #menu-weblog { width: 98px; height: 20px; position: absolute; top: 119px; left: 37px; }
#mainnav #menu-contact { width: 95px; height: 21px; position: absolute; top: 148px; left: 61px; }

/* -- subnavigation -- */
#nav { font-size: 85%; }
#nav a img, #gosearch { border: none; vertical-align: middle; }
#nav #subnav { margin: 30px 0 0 0; padding-left: 5px;}
#subnav { background:  #c9c6ab; }
#subnav h4 { background: url(short-hr.png) top left no-repeat; margin: 1.5em 0.5em 0.5em 0; padding-top: 1.5em; font-family: Verdana, arial, sans-serif; }
#subnav img { vertical-align: baseline; }
#subnav input.submit { width: 38px; height: 36px; vertical-align: middle; border: 0; }
#subnav input { width: 130px; background: #c9c6ab; font-size: 1em; padding-left: 2px;
 border-top: 1px solid #9C9985;
 border-left: 1px solid #9C9985;
 border-bottom: 1px solid #D4D1B4;
 border-right: 1px solid #D4D1B4; 
}
#subnav li ul li { margin: 0; }
#subnav li ul.com li { margin-bottom: 0.3em; }
#subnav li p { margin-top: 0.6em; }
#subnav iframe { margin: auto; }

/* -- accessibility tweaks -- */
.hide { position: absolute; top: 0; left: -990px; width: 990px; }

/* -- basic html -- */
#main img { max-width: 93%; }
a:link { color: #535932; }
a:visited { color: #3B4023; }
a:hover { color: #676d47; }
a.extlink, a.intlink, a.mail { background: no-repeat left center; padding-left: 12px;}
a.extlink { background-image: url(extlink.png); }
a.intlink { background-image: url(intlink.png); }
a.mail { background-image: url(mail.png); }
a img { border: none; vertical-align: middle;}
hr { background: url(long-hr.png) no-repeat center; color: #e3e0c1; border: 0; height: 20px; }
.fr, #main .fr { float: right; margin: 0 0 1em 1em; }
.fl, #main .fl { float: left; margin: 0 1em 1em 0; }
.photo { border: 10px solid #efebd6; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5); }
.clear { clear: both; }
dt { font-weight: bold; margin-top: 1.3em; margin-bottom: 0.7em; }
dd { margin-left: 1em; }
address { font-style: normal; padding-left: 3%; }
span.searchword { background: yellow; font-weight: normal; }

input, textarea {
 width: 40%;
 background: #d7d4b7;
 font-size: 1em;
 font-family: verdana, arial, sans-serif;
 padding-left: 2px;
 border-top: 1px solid #b0ae96;
 border-left: 1px solid #b0ae96;
 border-bottom: 1px solid #eeecda;
 border-right: 1px solid #eeecda; 
}
textarea {  width: 81%; height: 15em;}
fieldset { border: 1px solid #b0ae96; padding: 1em; }
.checkbox input, input.send, input.checkbox, input.jlog_bbcode {
 width: auto;
 border-top: 1px solid #eeecda;
 border-left: 1px solid #eeecda;
 border-bottom: 1px solid #b0ae96;
 border-right: 1px solid #b0ae96;
 background: #c3c0a5;
}
input.send { padding: 2px; }
button.jlog_bbcode { padding: 0.1em 0.5em 0 0.5em; margin-right: 0.1em; font-size: 0.9em; font-family: verdana, sans-serif; }
blockquote, #commentslist pre, #preview pre {
 background: #d7d4b7;
 border-top: 1px solid #eeecda;
 border-left: 1px solid #eeecda;
 border-bottom: 1px solid #b0ae96;
 border-right: 1px solid #b0ae96;
 padding: 0.65em 1em 0.65em 1em;
}
ol.abc { list-style-type: lower-alpha; }
#main .beispiel { background: white; border: 1px solid #aaa; padding: 1em; }
#main .beispiel div, #main .beispiel p, #main .beispiel ul, #main .beispiel ol, #main .beispiel blockquote,
#main .beispiel h2, #main .beispiel h3, #main .beispiel h4, #main .beispiel h5, #main .beispiel table, #main .beispiel #entryform p,
#main .beispiel h6, #main .beispiel address, #main .beispiel dl { background: white; }
.icon { width: 20px; height: 15px; padding-right: 3px;}
.map { border: 1px solid #9e988c }
.archive-link, .archivelink { clear: right; }

h1, h2, h3, h4, h5, h6 { max-width: 46em; font-family: georgia, "Times New Roman", Times, serif; font-weight: normal; }
h4, h5, h5 { font-weight: bold; }
h2 { font-size: 200%; }
h3 { font-size: 160%; }
h4 { font-size: 130%; }
h5 { font-size: 100%; }
h6 { font-size: 90%; }
li { margin-bottom: 0.6em; }

/* -- search -- */
#search input, #nohits input { width: 75%; }
input#gosearch { width: 38px; height: 36px; border: 0; background: transparent; }
#search #main { background-image: url(search-treffer.png); }
#nohits #main { background-image: url(search-kein-treffer.png); }

/* -- three column layout on homepage  and archive-- */
.spalte { width: 46%; min-width: 11.5em; background: transparent; padding: 4em 0 0 0; margin: 2.5em 0 15px 0; }
#main ul.spalte, #main .spalte ul { list-style-type: none; padding-left: 0; }
#main .spalte ul { margin-left: 0; padding-left: 0; }
.spalte h2 { margin-top: 0;}
.spalte h3, .archive h3, .teaser h3 { margin: 0;  line-height: 110%; }
.spalte h3 a, .archive h3 a, .teaser h3 { text-decoration: none; }
.spalte h3 span, .archive h3 span, .teaser h3 span { font-size: 0.8em;  line-height: 90%; }
.spalte p, .archive p, .teaser p { margin: 0.7em auto 2.5em auto; }
.archive p { max-width: 20em; }
.archive .teaser { padding-left: 3%; }
.flickr img { background: #c9c6ab; border: 6px solid #efebd6; margin: 0 10px 10px 0; width: 75px; height: 75px; }
div.spalte.first { margin-top: 0; padding-top: 0;}
/* -- comments -- */
ul#commentslist, ul#preview, .comments { list-style-type: none; padding: 0; margin: auto; max-width: 46em; }
#commentslist h5, #preview h5, .comments h5 { margin: 0 0 1.5em 100px; }
#commentslist h5 span, #preview h5 span, .comments h5 span { display: block; font-weight: normal; font-size: 95%; text-indent: 13px; }
#commentslist li, #preview li {
 background-color: #e3e0c1;
 margin: 3em 7% 4.5em 0;
 list-style-type: none;
}
#commentslist h5 a img, #preview h5 a img { vertical-align: middle; }
#commentslist p, #commentslist blockquote, #commentslist pre, #preview p, #preview blockquote, #preview pre { margin: 0.65em 0 0.65em 100px; }
#commentslist blockquote p, #preview blockquote p { margin: 0.65em 0 0.65em 0; }
#commentslist a.permalink, #preview a.permalink {
 font-size: 4em;
 text-decoration: none;
 color: #D7D4B6;
 font-family: georgia, "Times New Roman", serif;
 margin: 0 4% 10px 10px;
 line-height: 0.3em;
}
.hidecomments { text-align: right; font-size: 0.8em; }
pre { overflow: auto; font-family: Inconsolata, monospace; font-size: 1.3em; }
code { font-family: Inconsolata, monospace; }
#commentslist img {
 width: 80px;
 height: 80px;
}


/* -- non-recurring --*/
#satzung ol { list-style-type: lower-alpha; }
#satzung h3 { text-align: center; }
.screenshot { border: 1px solid #c9c6ab; }
#main ul.bbcode, #main ul.bbcode li { list-style-type: none; margin: auto; padding: 0.5em 0 0.5em 0; max-width: 46em; }
.freeicons li { padding-left: 20%; }
#rss #main ul, #rss #mail ul li { list-style-type: none; padding-left: 0; }
#rss #main ul li img { margin: auto 5% auto 1%; vertical-align: middle; }
#rss #main h2 { margin-top: 2em; }
#rss img { vertical-align: middle; }

#main .twtr-widget div { min-width: 1px !important; }

/* -- tables -- */
table {
 empty-cells: show;
 border-spacing: 0;
 max-width: 46em;
}
table tr td, table tr th {
 padding: 3px 8px;
 border-left: 1px solid #c9c6ab;
 vertical-align: top;
}
table tr th { background: #c9c6ab; }
table a, table a img { border: none; }
table.noborder th, table.noborder td { border-left: 0; }

/* -- admincenter -- */
#admin .long { width: 90%; }
#admin form .small { height: 4em; }
#admin textarea { width: 90%; }
#admin select { background: #c9c6ab; border: 0; }
#admin div.preview { margin: auto; padding: 0; }