/*
THEME NAME: jonasschneider.de standard theme
THEME URI: http://www.jonasschneider.de
DESCRIPTION: standard theme for www.jonasschneider.de
VERSION: 0.9
AUTHOR: <a href="http://www.jonasschneider.de">Jonas Schneider</a>
AUTHOR URI:
TAGS: 
*/


/* Two-column with sidebar on left from the /examples/ folder  */
@import url('examples/2c-r.css');



/* Basic Styling */

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

body {
  margin:0;
  padding:0;
  text-align:center;
  background:url(images/playa.jpg) top center no-repeat #070707;
  color:#ccc;
}

body.volcano{
  background:url(images/volcano.jpg) top center no-repeat #030404;
}

body.pattern{
  background:url(images/pattern.jpg);
}

/* Safari */
::selection{ 
  background: #ff5900; 
  color: white;
}
body.pattern ::selection{ 
  background: #8e0053; 
  color: white;
}
/* Firefox */
::-moz-selection{ 
  background: #ff5900; 
  color: white;  
}
body.pattern ::-moz-selection{ 
  background: #8e0053; 
  color: white;  
}

div#wrapper {
  padding:0;
  margin:0 auto;
  text-align:left;
  width: 800px;
  background:url(images/transparent_070707_40.png) transparent;
/* background:url(line.png) transparent; */
}

div#content {
  width: 500px;
  margin:0 250px 0 0;
  float:left;
  padding:0 25px;
}
div#sidebar {
  width: 175px;
}


/* Basic Typography */

body{
  font:87.5% "Courier New",Courier, monospaced;
  line-height:1.4285em;
}

a{
  color:#fff;
  text-decoration:none;
  border-bottom:1px dotted #fff;
}

a:hover,a:active,a:focus{ 
  color: #ff5900;
  outline:0;
}

body.pattern a:hover,body.pattern a:active,body.pattern a:focus{ 
  color: #8e0053;
  outline:0;
}

h1,h2,h3,h4,h5,h6 {
  color:#fff;
  font-family: Georgia, "Times New Roman", Times, serif;
}
/* nav styling */

span.meta-nav {
  display:none;
}
div.nav-next a{
  float:right;
  padding-right:44px;
  background:url(images/arrow_next.png) no-repeat 100% 5px;
}

div.nav-previous a{
  padding-left:44px;
  float:left;
  background:url(images/arrow_prev.png) no-repeat 0% 5px;
}

/* standard theme nav:hover */
div.nav-next a:hover, div.nav-next a:focus, div.nav-next a:active{
  background:url(images/arrow_next_over.png) no-repeat 100% 5px;
}

div.nav-previous a:hover, div.nav-previous a:focus, div.nav-previous a:active{
  background:url(images/arrow_prev_over.png) no-repeat 0% 5px;
}

/* pattern theme nav:hover */
body.pattern div.nav-next a:hover, body.pattern div.nav-next a:focus, body.pattern div.nav-next a:active{
  background:url(images/pattern_arrow_next_over.png) no-repeat 100% 5px;
}

body.pattern div.nav-previous a:hover, body.pattern div.nav-previous a:focus, body.pattern div.nav-previous a:active{
  background:url(images/pattern_arrow_prev_over.png) no-repeat 0% 5px;
}

/*Styling of entry elements*/

div.entry-content p{
/* one line of space (20px standard) underneath each paragraph */
  text-indent:1.1428em; /* standard = 16px = 2 chars width*/
}

.dropcap{
  font-size:2.8571em;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding:0 .1em .1em 0;
  float:left;
  display:block;
  height:1em;
  position:relative -10px 0;
}

/* remove indents after headings because they're not needed there */
div.entry-content p:first-child, div.entry-content h2 + p, div.entry-content h3 + p, div.entry-content h4 + p{
  text-indent:0;
}
div.entry-content p acronym{
  text-transform:lowercase;
  font-variant:small-caps;
  color:#fff;
}

div.entry-content p abbr{
  text-transform:lowercase;
  font-variant:small-caps;
  letter-spacing:.2em;
}

div.entry-content ol{
  list-style:decimal inside;
  margin:0 0 1.4285em 0;
  padding:0 1.1428em;
}
div.entry-content ol li{
}

div.entry-content ul{
  list-style:inside square;
  margin:0 0 1.4285em 0;
  padding:0 1.1428em;
}

div.entry-content blockquote {
  clear:both;
  margin:0 10px;
  margin-top:1.4285em;
  padding:.7142em; 0 0 30px; /* standard = 10px */
  width:450px;
  background: url(images/openquote.png) no-repeat top left;
}

div.entry-content blockquote p{
  font: italic 2em Georgia, "Times New Roman", Times, serif;
  line-height:1.4285em; /* 20px standard */
  margin:0;
  padding:0 30px .3571em 0;
  background: url(images/closequote.png) no-repeat bottom right;  
}

div.entry-content h1{
  letter-spacing:-1px;
  font-weight:normal;
  font-size:2.1428em; /* 30px standard */
  line-height:1.3333em; /* 40px standard */
  margin:1.3333em 0 .6667em 0; /*40px + 20px standard */
}

div.entry-content h2, h2.page-title, div#comments h3{
  font-weight:bold;
  letter-spacing:.075em;
  font-size:1.4285em; /* 20px standard */
  margin:1em 0 1em 0; 
  font-variant:small-caps;
  text-transform:lowercase;
}

div.entry-content h3, h3.entry-title{
  font-weight:normal;
  letter-spacing:.075em;
  font-variant:small-caps;
  text-transform:lowercase;
  font-size:1.2857em; /* 18px standard */
  margin:1.1111em 0; /* 20px standard */
}

div.entry-content h4{
  font:1.1428em Georgia, "Times New Roman", Times, serif; /* 16px standard */
  font-style:italic;
  font-weight:normal;
  margin:1.25em 0;
  line-height:1.25em;
}
/* Header Styling */
div#header{
  margin:0;
  padding:0;
  height:218px;
  background:url(images/header.png) no-repeat bottom center transparent;
}

h1#blog-title{
  margin:0;
  padding:0;
  text-indent:-9999px;
  text-align:center;
}
div#header span a.home-link{
  display:block;
  margin-left:118px;
  width:563px;
  height:218px;
  border:0; /* removing default link border */
}

div#blog-description{
  text-indent:-9999px;
}


/* Main Entry Styling */

h2.entry-title{
  color:#fff;
  line-height:1em;
  letter-spacing:-2px;
  font-size:2.8571em;
  font-weight:normal;
  margin-bottom:.5em;
}
div.entry-date {
  margin:0 100px 0 0;
  padding:0 1em; /* 16px = same as entry-content.p text-indent */
  font-size:1.2857em;
  line-height:16px;
}
div.entry-cat {
  background:url(images/line.png) top right no-repeat;
  line-height:24px;
  font-size:.8571em;
/* this margin is (20-1)/12(font-size) | the -1 is because of the 1px border used by the abbr.published item*/
  margin:0 100px 1.5833em 0;
  padding:0 1.3333em 0;  /* 16px = same as entry-content.p text-indent */
}
div.entry-content {
  margin-bottom:2.8571em;  
}

div.entry-opener {
  background:url(images/finisher_line.png) bottom center no-repeat;
  width:480px;
  height:7px;
  padding-top:10px;
  margin:0px 10px 23px;
}

div.entry-finisher {
  clear:both;
  background:url(images/finisher_line.png) top center no-repeat;
  width:480px;
  height:7px;
  margin:0 10px 73px;
}

div.entry-date {
  display:block;
  border:none;
  font-family: Georgia, "Times New Roman", Times, serif;
}
span.edit-link a{
  border:none;
  text-indent:-9999px;
  display:inline-block;
  width:16px;
  height:16px;
  background:url(images/edit.gif)
}

div.entry-comments {
  background:url(images/floral1.png) no-repeat left bottom;
  width:90px;
  text-align:right;
  line-height:.75em;
  height:48px;
  padding:0 10px 0 0;
  float:right;
  font-size:2.8571em;
  font-family: Georgia, "Times New Roman", Times, serif;
}
div.entry-comments a{
  border:0; /* removing default link border */
}

div.no-comments {
  padding:0 10px 0 0;
  float:right;
  width:24px;
  height:40px;
  background:url(images/no_comments.png) no-repeat left center;
}
div.no-comments span{
  display:block;
  width:100%;
  height:100%;
}

/* Adjustments for the Archive-Pages */

.category h2.page-title, .archive h2.page-title{
  margin: 0 0 2em 0; /* standard = 20px */
}

.category div.entry-date {
  line-height:1.1111em; /* standard = 20px */
  margin-bottom:1.0556em;
}

.category div.entry-comments {
  line-height:.75em;
}

.category div.entry-content, .archive div.entry-content, .search div.entry-content {
  margin-bottom:1.4285em; 
}

div.skip-link {
  display:none;
}

div#menu {
  height:1.4285em;
  margin:0;
  width:100%;
  text-align:center;
  list-style:none;
  white-space:nowrap;
}

div#menu ul{
  float:left;
  position:relative; 
  left:50%;
  list-style:none;
  line-height:1em;
  margin:0 auto;
  padding:0;
}
div#menu ul li{
  position:relative; 
  right:50%;
  float:left;
  display:table-cell;
}

div#menu ul a{
  font:normal 1.2857em Georgia, "Times New Roman", Times, serif;
  font-variant:small-caps;
  display:inline;
  margin-right:1em;
  text-decoration:none;
  border:0; /* removing default link border */
}

/* Supporter-Link only */
#menu ul li.page-item-21 a{
  margin:0;
  border-bottom:2px solid #ff5900;
}

body.pattern #menu .page-item-21 a{
  margin:0;
  border-bottom:2px solid #8e0053;
}

.entry-title,.entry-meta {
  margin:0;
  padding:0;
  clear:both;
}

/*entry-meta Styling */
.entry-meta {
  padding:40px 65px;
  height:120px;
  width:370px;
  background:url(images/metabox.png) center center no-repeat;
}
.entry-meta ul {
  list-style:none;  
}

.entry-meta abbr.published{
  display:inline;
}
.entry-meta li.meta-trackback {
  padding-right:100px;
  white-space:nowrap;
}

input.trackback-url{
  width:100%;
  padding:1px;
}
.entry-meta span.inactive{
  color:red;
}
div.sociable {
  margin:0;
  height:1.4285em;
}

div.sociable a{
  border:0;
}

div#container {
  margin-top:3.8571em; /* standard = 54px */
}

.page div#container {
  margin-top:6.5714em; /* standard = 92px */
}

div#primary{
  width:175px;
  padding:0 25px 0 0;
/*This margin is the one from above 4em + 2 * (20/14) ,which are the two lines height used by the nav-above item*/  
/*  margin-top:6.8571em; */
}
div#secondary {
  width:175px;
  padding:0 25px 0 0;
}

div.formcontainer{
  height:28.5714em; /* standard = 400px */
}

/* Size differs when loggend in because of less form fiels */
.loggedin div.formcontainer{
  height:21.4285em; /* standard = 300px */ 
}

form#commentform{
  margin:0 25px 0;
}

form#commentform span.required {
  color:#ff5900;
}

form#commentform,form#commentform p {
  padding:0;
}

input#author,input#email,input#url,textarea#comment {
  padding:0.2em;
}
div.form-textarea {

}


div.comments ol{
  list-style: decimal-leading-zero inside;
  margin:0 25px;
  padding:0;
}

div.comments ol li {
  padding:.5556em 10px 0 10px;
  font:normal 1.2857em Georgia,"Times New Roman",Times,serif; /* 18px standard */
  line-height:1.1111em; /*20 px standard */
  margin:0 0 1.6667em 0; /* 30px standard */
  background:url(images/transparentblack40.png);
  border:1px solid #808080;
  -moz-border-radius: 8px; 
  -webkit-border-radius: 8px;
}

div.comment-author {
  text-transform:lowercase;
  font-style:italic;
  color:#fff;
  border-bottom:1px dotted #ccc;
  margin-bottom:-2px;
}

div.comment-author a{
  border:0;
}

div.comments ol li p, div.comment-meta, div.comments span.unapproved{
  font:normal .7778em "Courier New", Courier, monospaced; /* 14px standard */
  line-height:1.4285em;
}
div.comments span.unapproved{
  color:#ff5900; 
}
div.comment-meta{
  margin:0 0 .7142em 0;
}
div.comments ol li p{
  padding:0 0 .7142em 0;
}

div.comment-author img{
  display:none;
}

textarea#comment {
  height:13em;
  margin:0 0 0.5em;
  overflow:auto;
  width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 1em 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 1em 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}
div.wp-caption{
  text-align:center;
  background:#444;
}

div.wp-caption a{
  margin:0 auto;
  border:none;
}

div.wp-caption img{  
  padding:5px 5px 0 5px;
  display:block;
  border-bottom:0;
}
.entry-content p.wp-caption-text{
  font:italic .8214em Georgia,"Times New Roman",Times,serif; /* 18px standard */
  color:#ccc;
  text-transform:lowercase;
  text-indent:0;
  text-align:right;
  padding:0 5px 5px 5px;
  display:block;
  border-bottom: 1px dotted #ccc;
}
.entry-content p.wp-caption-text:first-line{
  color:#fff;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
  line-height:1.4285em;
  margin-bottom:1.4285em;
  height:1.4285em;
  overflow:hidden;
}

div#nav-below {
  height:1.4285em;
  overflow:hidden;
  margin:1.4285em 0;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
  height:1.4285em;
}

div.navigation div.nav-next {
  float:right;
  text-align:right;
}

div.sidebar li h3 {
  display:block;
  line-height:1em;
  margin-bottom:1em;
  font-weight:bold;
  letter-spacing:.075em;
  font-size:1.4285em; /* 20px standard */
  text-transform:lowercase;
  font-variant:small-caps;
}
li#search h3{
  display:none;
}
li#search {
  text-align:center;
  width:179px;
  height:88px;
  height:7.1428em; /* standard = 100px */
  margin-bottom:2.2142em;  /* standard = 31px */
}

li#search input#s{
  background:transparent;
  padding:34px 20px 34px 20px;
  font:normal 1.4285em Georgia, "Times New Roman", Times, serif;
  color:#fff;  
  display:block;
  border:0;
  width:139px;
  background:url(images/searchfield_bg.png) no-repeat -179px 0;
}

/*The mouseover-effect is applied to the container-div of the searchform */

li#search input#s:hover, li#search input#s:focus{
  background:url(images/searchfield_bg.png) no-repeat 0 0;
}

/*The Button is hidden, instead there is a hint to hit "Enter" for searching */
li#search input.button {
  display:none;
}
div.sidebar input#s {
width:7em;
}
div.sidebar ul {
  list-style:none;
}

div.sidebar ul ol{
  padding:0;
  margin:0;
}

div.sidebar ul li {
  clear:both;
  margin:0 0 1.4285em;
}

div.sidebar li form {
  margin:0.2em 0 0;
  padding:0;
}

div.sidebar ul ol {
  font-family: Georgia;
  font-size:1.2857em; 
  line-height:.5556em;
  list-style: decimal-leading-zero inside; 
}
div.sidebar ul ol li{
  cursor:pointer;
  height:2.2222em;
  margin-bottom:0em;
  padding:0 10px;
}
div.sidebar ul ol li:hover{
  color: #ff5900;
  background:url(images/transparentblack40.png) transparent;
}

body.pattern div.sidebar ul ol li:hover{
  color: #8e0053;
}

div.sidebar ul ol li a, body.pattern div.sidebar ul ol li a{
  float:left;
  display:block;
  width:100%;
  color:#ccc;
  border-top:1px dotted #ccc;
  margin-top: -1px;
  font-size:.7777em;
  font-family: "Courier New";    
  border-bottom:0; /* removing default link border */  
}

html:first-child div.sidebar ul ol li a,html:first-child body.pattern div.sidebar ul ol li a {
  text-indent:-10px;
  color:red;
}

div.sidebar ul ul li {
  display:block;
  border-bottom:1px dotted #ccc;
  margin:-1px 10px 0 10px;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

/* flickr-rss styling*/
div.sidebar ul li#flickr-rss ul{
  clear:both;
  padding:0 7px;
}

div.sidebar ul li#flickr-rss ul li{
  display:inline;
  border:none;
  margin:0 3px 3px 0;
  padding:0;
}
div.sidebar ul li#flickr-rss ul li a{
  border:0;
}

div.sidebar ul li#flickr-rss ul li a img{
  border:1px dotted #ccc;
}

div.sidebar ul li#flickr-rss ul li a:hover img{
  border:1px dotted #ff5900;
}

body.pattern div.sidebar ul li#flickr-rss ul li a:hover img{
  border:1px dotted #8e0053;
}

/* Archives Widget Styling*/

div.sidebar li#archives {
  height:59px; /* standard = 60px */
  
}

/* Latest entries Styling*/

div.sidebar li#latest-entries a{
  border:0;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#footer {
  position:relative;
  height:72px;
  background:url(images/footer_bg.png) no-repeat 50% 40px;
  text-align:center;
  font:normal 1.2857em Georgia, "Times New Roman", Times, serif;
  font-variant:small-caps;
  padding:20px 0 0 0
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

div#img404 {
  background:url(images/404.jpg) no-repeat top left;
  width:500px;
  height:275px;
}

span a.gototop-link {
  text-indent:-9999px;
  border:0;
  display:block;
  background:url(images/top_button.png);
  position:absolute 50% 0px;
  width:59px;
  height:42px;
  margin:0 auto;
}
span a.gototop-link:hover{
  background:url(images/top_button_over.png)
}
body.pattern span a.gototop-link:hover{
  background:url(images/pattern_top_button_over.png)
}