/*
Theme Name: Splotch
Theme URI: http://serendipity.lascribe.net
Description: Ludique
Author: Chris Waigl
Author URI: http://serendipity.lascribe.net
Version: 0.1
*/

/* Copied default style sheet */

/* zero out all margins and paddings */
* {
  margin: 0;
  padding: 0 }

/* a reasonable font-size; element sizes to be specified with relative sizes */
body { 
  background: #fff url(bg1.png) repeat-y top left;
  font-size: 62.5%; /* Resets 1em to 10px starting with 16px */
  line-height: 1.4;
  font-family: "Gill Sans","Bitstream Vera Sans",Tahoma,Verdana,sans-serif; 
  color: #213 }
html>body { 
  font-size: 10px }
p {
  margin-bottom: 0.7em;
  line-height: 1.5 }
h1,h2,h4,h5,h6,pre,code {
  font-size: 1em }

/* no underlined or bordered links */
:link,:visited,:hover {
  text-decoration: none }
a img,:link img,:visited img,:hover image {
  border: none;
  text-decoration: none;
  background: transparent }
  
/* pre-set list margins,no bullets */

ul {
  list-style: none }
ul,ol,dl {
  margin-bottom: 1em }
li,dd {
  margin-left: 2em;
  line-height: 1.4 }
fieldset {
  padding: 1em }
input,textarea {
  padding: 3px }
  
a {
  font-weight: bold }
a:link {
  color: #7E7F00;
  background-color: #eef }
a:visited {
   color: #5A5B6F;
  background-color: #eef }
a:hover {
  background-color: #ecf;
  color: #223 }
a:active {
  color: #c2f }
a[hreflang]:after { 
  color: #979;
  content: " [" attr(hreflang) "] "; 
  font-size: smaller }

i,em,cite {
  font-family: "Lucida Sans","Verdana",sans-serif;
  font-size: 92.5% }
blockquote {
  font-size: smaller;
  letter-spacing: 0.04em;
  border-left: 6px solid #B692B6;
  padding-left: 1em;
  margin: 1em }
blockquote p {
  line-height: 1.3 }
ol#commentlist blockquote,ol#commentlist i,ol#commentlist em,ol#commentlist cite,blockquote i,blockquote em,blockquote cite {
  font-size: 100% }

h3 {
  font-family: "SylfaenARM",Sylfaen,Georgia,"Bitstream Vera Serif",Times,serif;
  font-size: 290%;
  font-weight: bold;
  line-height: 1.4;
  float: left;
  display: inline;
  width: 55%;
  padding-left: 3px;
  padding-right: 3px;
  margin-left: 147px }  
h3 a:link,h3 a:visited,h3 a:active {
  display: block;
  background: transparent;
  color: #112;
  padding: 0 }
h3 a:hover {
  background: #eef }
hr {
  width: 10em; 
  margin: 1em auto 0.5em 0; 
  text-align: left;
  border: none 0;
  border-top: 1px solid #cacade;
  height: 1px }

/* principal constituents */
#header {
  display: none }
#wrapper {
  margin: 0;
  /* hide from IE Mac \*/
  margin: 4em 5px 0 250px;
  /* end hide */
  text-align: center;
  background: transparent }
#content {
  position: relative;
  margin-left: 300px;
  margin-right: 10%;
  /* hide from IE Mac \*/
  max-width: 55em;
  margin: 0 auto; 
  /* end hide */
  text-align: left;
  line-height: 130% }
#footer { 
  display: none }


/* inside main wrapper */

div.prevnext {
  font-size: 130%;
  font-variant: small-caps;
  text-align: center }

div.post {
  position: relative;
  line-height: 1.4;
  margin-right: 5px;
  margin-bottom: 7em }
div.post a img {
  border: 1px solid #483D8B }
div.post a:hover img {
  border: 1px solid #979 }
div.post ul {
  list-style: square }
div.chapeau {
  background: url(splotchmid.png) no-repeat top left;
  padding-bottom: 70px;
  /* hide from IE Mac \*/
  padding-bottom: 50px;
  /* end hide */
  padding-top: 35px;
  margin-left: -200px;
  margin-bottom: 1em }
div.navlink {
  font-size: 130%;
  line-height: 1.5;
  font-variant: small-caps;
  padding: 1em 0.5em 2em 0;
  margin-top: -4em }
div.navlink a {
  border: none }
div.meta1 {
  background: #fff;
  font-size: 110%;
  float: left;
  display: inline;
  margin: 0 1em 1em -180px;
  width: 130px;
  border: 1px solid #C9C }
div.meta1 a:link,div.meta1 a:visited,div.meta1 a:hover,div.meta1 a:active {
  font-weight: normal } 
div.meta1 ul {
  list-style: none;
  margin-top: 5px;
  margin-bottom: 5px }
div.meta1 p,div.meta1 ul li {
  margin-left: 1em }
div.postbody {
  line-height: 1.4;
  letter-spacing: 0.01em }
div.meta,div.meta2 {
  clear: both;
  padding: 4px 0 5px 25px }
div.meta2 {
  border-top: 1px solid #111;
  border-bottom: 1px solid #111;
  padding-left: 25px }
div.storycontent {
  font-size: 140%;
  line-height: 1.8em }
div.otherexcerpt {
  font-size: 120%;
  color: #888;
  margin-left: 200px;
  padding: 0 5px;
  background-color: transparent }
div.langversion {
  font-size: 130%;
  font-variant: small-caps;
  line-height: 1.6;
  padding 4px }
div.storycontent ul,div.storycontent ol {
  text-align: left; 
  overflow: visible }
div.ttag {
  font-size: smaller;
  line-height: 1.3 }
div.ttag a {
  border: none;
  font-weight: normal }
  
/* comment area */ 

h4#comments,h4#postcomment {
  font-size: 120%;
  text-align: center;
  margin-bottom: 1em}
ol#commentlist {
  list-style-type: none }
ol#commentlist li {
  font-size: 110%;
  list-style-type: none;
  display: block;
  clear: both;
  padding: 1em;
  margin: 0 0 2em;
  border: 3px solid #edf;
  -moz-border-radius: 20px }
ol#commentlist li.odd {
  border: 3px solid #ece;
  background-color: #ede }
ol#commentlist li div.commentnumber {
  font-size: 150%;
  margin-right: 10px;
  background: #fff;
  color: #999 }
ol#commentlist li.odd div.commentnumber {
  background: #ede;
  color: #999 }
ol#commentlist div.commentnumber a {
  color: #7E7F00;
  background: #fff }
ol#commentlist li.odd div.commentnumber a {
  color: #7E7F00;
  background-color: #ede }
ol#commentlist div.commentfirstline {
  float: right;
  display: inline;
  margin-left: 1em;
  width: 30%;
  text-align: right;
  margin-bottom: 1em }
div#commentinput {
  font-size: 110%;
  background: #DFC3DF;
  margin-bottom: 3em;
  padding: 2em }
div#commentinput form textarea {
  width: 98% }
div#commentinput form textarea,div#commentinput form input {
  background: #eee0ee;
  font-size: 110%;
  border: 1px solid #ccc;
  font-family: "Lucida Sans Unicode","Lucida Grande","Bitstream Vera Mono",monospace;
  padding: 1px }
div#commentinput form input:focus,div#commentinput form textarea:focus {
  background: #fff }
div#commentinput form input#submit {
  background: #eee;
  border: 1px solid #666;
  border-top: 1px solid #ccd; 
  border-left: 1px solid #ccd;
  margin: 1em 0;
  padding: 3px 2px;
  float: right;
  display: inline }
div#commentinput div#commentPreview {
  clear: both; 
  padding: 0.5em;
  margin-top: 1em;
  margin-bottom: 1em;
  border: 1px solid #ddd; 
  background-color: #eee }
p.warning {
  margin-left: 10px }
div#commentinput p.warning {
  margin-left: 0 }


/* classes in main entries */

.clearing {
  height: 0;
  clear: both;
  margin: 0;
  padding: 0 }
/* see http://positioniseverything.net/easyclearing.html */
.clearfix:after {
  content: "-"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden }
/* Hides from IE-mac \*/
* html .clearfix { height: 1% }
/* End hide from IE-mac */

/* search pages and other hardcoded stuff */
.onpage postbody p {
  font-size: 110%;}
.titlelink {
  font-size: 120%;
  border-top: 1px dotted #111;
  font-style: italic }
.searchexcerpt {
  font-size: 120%;
  margin-left: 20px;
  color: #333 }
.readmore {
   font-size: 120%;
   margin-left: 20px }

/* archive pages */

div#archivelist a:link,div#archivelist a:visited,div#archivelist a:hover,div#archivelist a:active {
  font-size: 120%;
  color: #334 }

/* charset classes */

.greek {
  font-family: "Free Sans","Arial Unicode MS",Thryomanes,sans-serif,serif }
.ipa {
  font-family: "Lucida Sans Unicode","Arial Unicode MS","Doulos SIL",Thryomanes,Gentium, sans-serif }

/*LaughingLizard"s Image Shadow Quicktag extension */

.img-shadow {
  float:left;
  display: inline;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 2em 20px .5em 5px }
.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #B4B4D8;
  margin: -6px 6px 6px -6px;
  padding: 4px }
.img-shadowr {
  float:right;
  display: inline;
  background: url(shadowAlpha.png) no-repeat bottom right !important;
  background: url(shadow.gif) no-repeat bottom right;
  margin: 10px 2px 0 20px }
.img-shadowr img {
  display: block;
  background-color: #fff;
  border: 1px solid #B4B4D8;
  margin: -6px 6px 6px -6px;
  padding: 4px }
.imager {
  float:right;
  margin: 10px 2px 0 20px;
  padding: 4px;
  border: 1px solid #B4B4D8 }
.simpleimage { text-align: center; display: block; margin-bottom: 1em }
.simpleimage img {display: block; margin-left: auto; margin-right: auto; margin-top: 10px; 
  background-color: #fff }

/* clearfix properties apply */

.img-shadow:after,.img-shadowr:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden }
/* Hides from IE-mac \*/
* html .img-shadow,* html .img-shadowr {height: 1% }
/* End hide from IE-mac */

/* for centered images with a blod caption,all inside a dark grey frame */
div.img_centered {
  text-align: center;
  font-weight: bold;
  padding: 7px 0 10px 0;
  margin: 10px 2em 5px 2em;
  overflow: scroll }
div.img_centered img,img.bordered {
  padding: 5px; 
  border: 1px solid #B4B4D8;
  margin: 0;
  background-color: #fff }

/* for centering anything you like inside; you can wrap an img class="bordered" inside */

.centered {
  text-align: center; 
  overflow: scroll }

/* For left- and right-floated "teaser" blocks */

div.leftblock {
  float: left; 
  display: inline;
  width: 120px; 
  color: maroon; 
  font-weight: bolder; 
  padding-left: 1em; 
  padding-bottom: 3px; 
  margin-right: 1em;
  margin-top: 0.5em;
  text-align: left }
div.rightblock {
  float: right; 
  display: inline;
  width: 120px; 
  color: maroon; 
  font-weight: bolder; 
  padding-right: 1em; 
  padding-bottom: 3px; 
  margin-left: 1em;
  margin-top: 0.5em;
  text-align: right } 
  
/* other legacy stuff */

.left {
  float: left; 
  width: 40%;
  display: inline;
  text-align: left }
.right {
  float: right; 
  width: 40%;
  display: inline;
  text-align: right }
blockquote.poem  {
  font-size: 100%;
  letter-spacing: 0.01em;
  font-family: "andale mono","Bitstream Vera Sans Mono","Lucida Sans Mono",monospace;
  margin: 2em 0;
  padding: 0.5em 4em;
  color: #445;
  border-left: 4px solid #cacade;
  border-top: 4px solid #cacade }
blockquote.poem p {
  margin:  0.5em 0 0.7em 0;
  padding: 0 }
blockquote.poem p:first-child {
  margin:  0.5em 0 0.7em 0;
  padding: 0 }
blockquote.poem .title {
  font-weight: bold;
  text-transform: uppercase }
.grey {
  color: #ccc }