/*  
Theme Name: Mifty
Theme URI: http://nebelschwade.kulturinventur.de/blog/?p=XX
Description: It's teh pink shit! Or the blue shit. Or the green shit, or... you get it.
Version: 0.9
Author: Steffen Becker
Author URI: http://nebelschwade.kulturinventur.de/

  The CSS, XHTML and design is released under GPL:
  http://www.opensource.org/licenses/gpl-license.php

*/

/* @group Default */

* {
  margin: 0;
  padding: 0;
  border: none;
  text-decoration: none;
  font: normal 16px/24px "Lucida Grande", Lucida, Verdana, sans-serif;
}

body {
  background: url(imgs/bg.gif) top left repeat-x #222;
}

/* @end */
/*********************************************************************/
/* @group Rounded Container Corners */

.corners {
  position: relative;
}

.middle {
  margin: 0 15px;
  height: 15px;
}

#tl, #tr, #bl, #br {
  width: 15px;
  height: 15px;
  position: absolute;
}

#tl {
  background: url(imgs/tl.gif);
  top: 0;
  left: 0;
}

#tr {
  background: url(imgs/tr.gif);
  top: 0;
  right: 0;
}

#bl {
  background: url(imgs/bl.gif);
  bottom: 0;
  left: 0;
}

#br {
  background: url(imgs/br.gif);
  bottom: 0;
  right: 0;
}

/* @end */
/*********************************************************************/
/* @group Container Layout */

#container {
  position: relative;
  width: 75%;
  margin: 2% auto;
  padding-bottom: 2%;
}

#header {
  text-align: right;
}

#content {
  clear: both;
  width: 90%;
  padding: 5%;
}

#menu {
  line-height: 48px;
}

#submenu, #footer {
  clear: both;
  text-align: right;
  line-height: 24px;
}

#back {
  padding-bottom: 32px;
}

#menu, #submenu, #footer, #bottom {
  padding: 0 5%;  
}

/* @end */
/*********************************************************************/
/* @group Default Text Formatting */

blockquote, pre, code {
  margin: 0 16px 16px 16px;
  padding: 16px;
  clear: both;
}

p {
  margin-bottom: 16px;
  text-align: justify;
  clear: both;
}

pre {
  font-family: "Courier New", Courier, mono;
}

a:hover {
  text-decoration: underline;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

/* @end */
/*********************************************************************/
/* @group Content & Comments List Formatting */

#content ol {
  margin-left: 5%;
}

#content ol li {
  font: normal bold 24px Georgia, serif;
}

#content ol li * {
  font: normal 16px/24px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#content ol, #content ul {
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 24px;
  clear: both;
}

#content ol.commentlist li {
  margin-bottom: 16px;
  padding: 16px;
}

#content ol.commentlist li p {
  padding: 0;
  margin: 0;
}

#content ol.commentlist li cite, 
#content ol.commentlist li cite a {
  font: normal 12px/24px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#content ol.commentlist li small {
  display: block;
  text-align: right;
}

#content ol.commentlist li small, 
#content ol.commentlist li small a {
  font: normal 12px/24px "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* @end */
/*********************************************************************/
/* @group Content Inputs & Other Formatting */

#content img {
  float: left;
  margin: 8px 16px 16px 0;
  max-width: 100%;
}

#content .attachment img {
  float: none;
}

#content h1, #content h1 a, #content h2, #content h2 a {
  font: normal bold 32px Georgia, serif;
  margin-bottom: 24px;
  clear: both;
}

#content h2, #content h2 a,
#content h3, #content h3 a,
#content h4, #content h4 a,
#content h5, #content h5 a,
#content h6, #content h6 a {
  font: normal bold 24px Georgia, serif;
}

#content textarea {
  width: 100%;
  padding: 16px;
}

#content input {
  padding: 8px 16px;
}

#content input#submit, #content input#contactsubmit {
  font: normal bold 24px Georgia, serif;
  background: transparent;
  float: right;
  margin-bottom: 48px;
}

/* @end */
/*********************************************************************/
/* @group Header Styles */

#header #s {
  width: 150px;
  padding: 2px;
  margin: 24px 0;
  text-align: left;
}

#header #searchsubmit {
  padding: 2px;
  margin: 24px 5% 24px 0;
  text-align: left;
}

#header h1 {
  position: absolute;
  top: 32px;
  left: 5%;
}

#header h1, #header h1 a {
  font-size: 24px;
}

/* @end */
/*********************************************************************/
/* @group Footer Styles */

#footer, #footer * {
  font-size: 12px;
}

#footer {
  text-align: left;
}

#footer ul {
  list-style: none;
}

#footer ul li {
  display: inline;
}

/* @end */
/*********************************************************************/
/* @group Divitis */

div.post, div.attatchment {
  position: relative;
  margin-bottom: 48px;
  padding-bottom: 24px;
}

div.smallrightbottom, div.smallrighttop {
  position: absolute;
}

div.smallrighttop {
  top: 12px;
  right: 0;
}

div.smallrightbottom {
  right: 0px;
  bottom: 0px;
}

div.smallrightbottom, div.smallrighttop,
div.smallrightbottom a, div.smallrighttop a {
  font: normal 12px/24px "Lucida Grande", Lucida, Verdana, sans-serif;
}

div.alignleft {
  float: left;
}

div.alignright {
  float: right;
}

div.alignleft a, div.alignright a {
  font: normal 32px "Lucida Grande", Lucida, Verdana, sans-serif;
}

/* @end */
/*********************************************************************/
/* @group Navigation */

#menu ul li {
  float: left;
}

#menu ul, #submenu ul {
  list-style: none;
}

#submenu a, #menu a {
  display: block;
  width: 100px;
  line-height: 48px;
  text-align: center;
}

#submenu ul li {
  float: right;
}

#submenu a {
  width: 80px;
  line-height: 24px;
}

#submenu, #submenu * {
  font-size: 12px;
}

/* @end */
/*********************************************************************/
/* @group Borders */

blockquote, code {
  border-left: 3px solid #ccc;
}

blockquote blockquote {
  border-left: 3px dotted #ccc;
}
  
#content img, #content ol.commentlist li,
#content input, #content textarea,
#header #s, #content #s, pre {
  border: 1px solid #ccc;
}

#submenu, #footer {
  border-top: 16px solid #fff;
}

#menu {
  border-top: 1px solid #222;
  border-bottom: 1px solid #222;
}

#submenu a {
  border-right: 1px solid #fff;
}

#menu a {
  border-left: 1px solid #fff;
}

#header #searchsubmit, #content #searchsubmit,
#content input#submit, #content input#contactsubmit {
  border: none;
}


/* @end */
/*********************************************************************/
/* @group Greys and Whites */

*, #header h1, #header h1 a  {
  color: #222;
}

#submenu, #footer, #menu a:hover, #submenu a {
  background: #222;
}

#menu a, #submenu a:hover, #menu a:hover, #submenu a {
  color: #fff;
}

#content ol li, #content h2, #content h2 a,
#content input#submit, #content input#contactsubmit, #footer * {
  color: #999;
}

#header, #content, #back, .middle,
#header #s, #content #s,
#header #searchsubmit, #content #searchsubmit {
  background: #fff;
}

#content ol.commentlist li.odd, pre {
  background: #eee;
}

/* @end */
/*********************************************************************/
/* @group Colors */

/*
  Here we go:
  There are different color schemes for this theme, which can be
  choosen in the Wordpress-Admin-Area and then are overwritten with
  an additional CSS in the header.php. The default colors for this
  theme are:
  
  Teh pink shit - color: #b07; 
  Blue          - color: #152e97;
  Purple        - color: #890e91;
  Red:          - color: #e21c2f;
  Orange        - color: #f97500;
  Green         - color: #188118;
  Brown         - color: #813b18;
  
  If you want other colors, don't change them here, do so in the
  Wordpress-Admin-Area, i made a function for that.
*/

#content h1, #content h1 a, a, pre {
  color: #b07;
}

#menu, #menu a, #submenu a:hover {
  background: #b07;
}

/* @end */