/*  
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 12px/24px "Lucida Grande", Lucida, Verdana, sans-serif;
}

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

#cformsform {
  width:700px;
}
/* @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: 1024px;
  margin: 2% auto;
  padding-bottom: 2%;
}


#content {
  clear: both;
  width: 700px;
  padding: 10px 0px 10px 80px;
  
}

#menu {
  line-height: 48px;
}

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

#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 {
  /*text-decoration: underline;*/
  text-decoration: none;
  font-weight:bold;
}

a:hover {
  /*text-decoration: underline;*/
  text-decoration: none;
  font-weight:bold;
  background-color:#cccccc;
}

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 12px/24px "Lucida Grande", Lucida, Verdana, sans-serif;
  text-align:left;
}

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

#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: 0px 16px 0px 0;
  max-width: 100%;
  border:none;
  vertical-align:middle;
}

#content img.alignright{
float:right;
}

#content .attachment img {
  float: none;
}

#content h1, #content h1 a, #content h2, #content h2 a {  
  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-size: 18px;
  font-weight:bold;
}




#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 {
  background: url(imgs/decart_logo_212x40.png);
  text-align: right;
}

#header_sitelogo {
  text-align:left;
  float:left;
}
#header_sitelogo a:hover{
  background-color:#ffffff
}

#header_stage{
     background-color:#cccccc;
     height:294px
}

#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: 50px;
  left: 5%;
}

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

#header h2, #header h2 a {
  font-size: 40px;
  color: #ffffff
}

#header p, #header p a{
  font-size: 14px;
  font-weight:bold;
  /*color: #ffffff ;*/
  padding-top:10px;
}

#header p a {
  color:#ffffff
}

#header_message {
  position:relative;
  top:25px;
  left:50px;
  width:350px;
  height:0px;
  text-align:left;
  color: #ffffff
}

#header_line {
  background-color: #003399;
  color: #ffffff;
  padding:5px;
  padding-left:47px;
}

/* header menu */
#headernav { 
  background: #fff url(imgs/agradient-30light.gif) repeat-x top left;
  position:relative;
  top:20px;
  margin-top: 15px;
  margin-left:590px;  
  border: 1px solid #ddd ;
  width:370px;
}
#headernav ul {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	list-style: none;
}
#headernav li {
	border-right: 1px solid #D8D8D8;
	padding: 4px 7px;
	margin: 0px;
	float: left;
}
#headernav li a, #headernav li a:visited, #headernav .page_item {
	text-decoration: none;
	color: #333333;
}

#headernav ul li ul li{display: none;}


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

#footer, #footer * {
  font-size: 12px;
  padding-left:5px;
  padding-top:5px;
  text-align: left;
}


#footer img{
  vertical-align:middle;
}

#footer ul {
  list-style: none;
}

#footer ul li {
  display: inline;
  color: #ffffff;
}

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

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

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

div.smallrighttop {
  top: 0px;
  left: 720px;
  width:100px;
}

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

div.smallrightbottom, div.smallrighttop,
div.smallrightbottom a, div.smallrighttop a {
  font: normal 09px "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: left;
  padding-left:20px;
  padding-right:20px;
}

#submenu ul li {
  float: left;
}

#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: #003399;
}

#submenu, #menu a:hover, #submenu a {
  background-color: #ff9900;
  color:#333333;
}

#footer {
    background-color: #003399;
}


#menu a, #submenu 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: #003399;
}

#content h2, #content h2 a, a, pre {
  color: #003399;
}

#menu, #menu a, #submenu a:hover {
  /*background: #fff url(imgs/agradient-30light.gif) repeat-x top left;
  height:31px;*/
  background-color: #003399;
}

#menu ul li.current_page_item a{
  background-color: #ff3300;
  color: #333333;
  font-weight:bold;
}
/* @end */


#main{}

#main_promo {
  width:1024px;
  height:450px;
  background-color:#ffffff;
  padding:0px;
  margin:0px;
}



div.dbx-box {
  border: 2px solid #bbb;
  margin:15px;
  padding:10px;
  width:250px;
  min-height:250px;
}

#headernav , .dbx-box {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
		



		
/* CLEARFIX */
	.fix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
	.fix{display:inline-block;} 
	* html .fix{height:1%;}
	.fix{display:block;}