body {
font-family : Tahoma, sans-serif;
font-size : 14px;
font-style : normal;
font-variant : normal;
font-weight : normal;
line-height : 1.7em;
background: url('../images/bg.gif') repeat-x;

}

a {
/*border-bottom : 1px solid #000;*/
text-decoration : none;
color : #000;



}
a:hover {
color : #990000;
/*border-bottom : 1px solid #990000;
background-color : #f7f7f7;*/

}

.button a{
border:none;
background:none;

}
.button a:hover {
border:none;
background:none;
}

hr{
margin-top:35px;
border:0;
border-top: 1px solid #E8E8E8;
width:620px;
color:#fff;
background-color:#fff;
}
.center {
text-align:center;
}
.left {
text-align:left;
}
.right {
text-align:right;
}
#wrapper {
width : 900px;
margin : 0 auto;
}
#top{

}
#top .logotyp{
float:left;
}

.logotyp a{
border:none;
}
.logotyp a:hover{
border:none;
background:none;
}

#top .like{
padding-top:5px;
float:right;
}

#top .txt{
color: #fff;
padding: 4px 10px 2px 15px; 
float:right;
font-weight:bold;
font-size : 80%;
}

#top .txt a{
color: #fff;
text-decoration:underline;
}
#top .txt a:hover{
color: #990000;
background:#fff;
text-decoration:none;
}


#header {
float : left;
width : 900px;
/*border-bottom : 1px solid #E8E8E8;*/
/*padding-bottom : 30px;*/
margin : 0 0 0 0;
}
#logo {
float : left;
width : 400px;
padding : 12px 0 6px 0;
}
#logo a {
color : #990000;
font-family: "Trebuchet MS", "Tahoma";
font-size : 220%;
text-decoration : none;
border-bottom : none;
text-align : right;
background-color : #fff;
line-height : 1.2em;
}

#logo a sup {color:#808080;
}

#logo span.gr {
border-bottom:4px solid #999999;  
color:#990000;  
float:left;  
font-family:Impact,Arial,Verdana;  
font-size:140%;  
font-weight:100;  
margin:0pt;  
text-transform:uppercase;  
}  
#logo span.gr2 {
color:#990000;  
float:left;  
font-family:Impact,Arial,Verdana;  
font-size:140%;  
font-weight:100;  
margin:10px 0pt;  
padding-left:5px;
position:relative;  
text-transform:uppercase;  
}  

#logo h2 {

font-size : 90%;
text-align : left;
padding : 2px 0 0 0;
font-family: "Trebuchet MS", "Tahoma";
}
#nav {
float : right;
width : 500px;
padding : 9px 0 0;
}
#nav ul {
height : 50px;
float : right;
}
#nav li {
text-align : center;
float : left;
display : inline;
width : 120px;
}
#nav li a {
font-size : 100%;
font-weight : bold;
display : block;
padding : 15px 0 15px 0;
border-bottom : none;
}
#nav li a:hover {
background-color : #f7f7f7;
border-bottom: 2px solid #990000;
}

#nav li a.selected {
background-color : #f7f7f7;
color: #990000;
border-bottom: 2px solid #990000;
}
#slider {

height : auto;
border: 1px solid #E8E8E8;
float : left;

}
#breadcrumbs{
width : 100%;
float : left;

}

#blurb {

height : auto;
border-bottom : 1px solid #E8E8E8;
width : 100%;
float : left;
padding : 35px 0 35px 5px;
background-color : #f7f7f7;
}
#blurb h3 {
font-size : 200%;
font-weight : 400;
line-height : 120%;
}
#blurb h3:hover {
color : #990000;
}
#content {
width : 620px;
float : left;
border-right : 1px solid #E8E8E8;
padding : 0 0 30px 0;
min-height : 420px;

}
.post {
padding: 0 30px 0 0;
}
.post p:first-letter {
  font-size : 120%;


}
.post p {
margin : 14px 0 14px 0;
/*text-indent : 2em;*/
text-align:justify;

}
.post em{
font-style: italic;
}
.post h2 {
font-family: "Trebuchet MS", "Tahoma";
  font-size : 120%;
margin : 25px 0 10px 0;
font-weight:normal;
}
.post h1, .post h1 a{

font-size : 130%;
margin : 30px 0 10px 0;
font-weight:normal;
line-height:32px;
}
.post h3, .post h4 {

  font-size : 110%;
margin : 15px 0 10px 0;
font-weight:normal;
}
.post h4 {
  font-size : 110%;
}
.post h1:hover, .post h2:hover, .post h3:hover, .post h4:hover {
color : #e12000;
}
.post .indent {
padding-left: 10px;
}
.post .indent p {
padding-left: 10px;
}
.post small {
font-size : 12px;
}
.post small a {
font-weight:normal;
}
.post img.alignright {
	border: 1px solid #E8E8E8; padding: 2px; margin-top:7px;margin-left:7px;
	display: inline;
	}
.post img.alignleft {
	border: 1px solid #E8E8E8; padding: 2px; margin-top:7px;margin-right:7px;
	display: inline;
	}

.post .alignright {
float:right;
}
.post .alignleft {
float:left;
}
.post .aligncenter {
margin:0 auto;
display:block;
}
.post abbr {
font-weight:normal;
}
.post ul{
list-style:circle;
margin:0 0 0 25px;
}
.post ol{
list-style:decimal;
margin:0 0 0 30px;
}
.post .wp-caption {
background:#f7f7f7;
border:1px solid #E8E8E8;
margin:10px;
text-align:center;
padding:5px 0 0;
}
.post .wp-caption-text {
margin:0;
}
.post .wp-caption a, .post .wp-caption a:hover {
border-bottom:0;
}
.post blockquote {
color:#777;
border-left:5px solid #E8E8E8;
margin:15px 30px 0 10px;
padding-left:20px;
}
.post pre {
font-family:courier;
font-size:8px;
letter-spacing:-1px;
}
.post .portwrap h2, .post .portwrap h2 a, .post .portwrap  h3, .post .portwrap  h1, .post .portwrap  h1 a {
margin : 5px 0 10px 0;
font-weight:normal;
}

.post .portwrap {
border-bottom: 1px solid #E8E8E8;
min-height:220px;
width:620px;
}
.post .leftport {
width:204px;
float:left;
border-right: 1px solid #E8E8E8;
padding: 43px 0 43px;
}
.post .leftport a, .post .leftport a:hover{
border-bottom : 0;
text-decoration : none;
}
.post .rightport {
width:395px;
float:right;
padding:10px;
max-height:213px;
}
.post .contact {
margin-top:30px;
}
.post .contact input, .post .contact textarea {
padding:4px;
width:300px;
font-family:Arial;
margin:0 0 12px 0;
}
.post .contact li{
margin-bottom:16px;
overflow:hidden;
list-style-type:none;
}
.post .contact li.submitbutton {
padding-left:150px;
}
.post .contact li.special {
display:none;
}
.post .contact li.submitbutton input{
width:200px;
text-align:center;
background:#fff;
border:1px solid #aaa;
color:#000;
font-weight:normal;
font-size:24px;
}
.post .contact ul{
clear:both;
list-style-type:none;
margin:0;
overflow:hidden;
padding:0;
}
.post .contact label {
display:block;
float:left;
margin:0 10px 0 0;
text-align:right;
width:140px;
font-weight:normal;
font-size:24px;
}
.post .message ul {
margin: 12px 0 0 28px;
}
.post .message {
display:none;
background:#0F67A1;
margin-top:10px;
padding:20px;
color:#fff;
}

#comments{

}

#comments h3 {
font-size:24px;
margin:15px 0 0 78px;
font-weight:normal;
line-height:120%;

}
#comments h4{
font-size:24px;
margin:35px 0 5px;
font-weight:normal;
}
#comments cite{

font-size:18px;
font-weight:normal;
border-bottom:1px solid #E8E8E8;
}
#comments em {
font-style:italic;
text-align:right;
}
#comments ol.commentlist li {
margin-top:20px;
border:1px solid #E8E8E8;
border-right:0;
padding: 10px 5px 20px 10px;
min-height: 110px;
}
#comments p {
margin: 10px 20px 0 20px;
}
#comments span {
text-align:right;
position:relative;
display:block;
color:#eee;

font-size:150px;
font-weight:normal;
top:35px;
height:0;
z-index:-1;
}
#comments ul.formlist {
margin: 20px auto;
width:375px;
}
#comments ul.formlist li {
display: block;
margin: 10px 0 0;
}
#comments ul.formlist p{
margin: 10px 0 0;
text-align:center;
}
#comments input {

width:370px;
font-size:18px;
font-weight:normal;
}
#comments textarea {

width: 370px;
font-size:18px;
font-weight:normal;
}
#comments li.submitbutton input {
text-align:center;
background:#990000;
color:#fff;
border:1px solid #aaa;


font-weight:normal;
font-size:20px;
width: 374px;
}
#sidebar {
width : 250px;
float : right;
margin : 0 0 25px 0;
color: #000;
}
#sidebar h3 {
padding : 25px 0 3px 0;
font-size : 18px;
border-bottom : 1px solid #E8E8E8;
}
#sidebar .block li {
border-bottom : 1px solid #E8E8E8;

}
#sidebar .block li a {
font-size : 13px;
font-weight : normal;
padding : 2px 0 2px 15px;
display : block;
border-bottom : none;
}
#sidebar .block li a:hover {
background : #f7f7f7 url(../images/stmenu.png) no-repeat scroll 2% 52%;
}

#sidebar .block li a.selected {
background : #f7f7f7 url(../images/stmenu.png) no-repeat scroll 2% 52%;
color:#990000;
}

#sidebar .blockoff li {
border-bottom : 1px solid #E8E8E8;

}
#sidebar .blockoff li {
font-size : 12px;
font-weight : normal;
padding : 2px 0 2px 15px;
display : block;
border-bottom : none;
}

#footer {
width : 900px;
float : left;
border-top : 1px solid #E8E8E8;
text-align : center;
padding : 30px 0 40px 0;
font-size:90%;
}

#footer_inet {
width: 100%;
margin:0 auto;

border-top: 1px solid #CC0000;
text-align: center;
background: #990000;
font-size: 80%;
position: relative;
color: #fff;
clear: both;
}
#footer_inet a{
border-bottom: 1px solid #fff;
color:#fff;
}

#footer_inet a:hover{
color : #990000;
border-bottom : 1px solid #990000;
background-color : #f7f7f7;
}


/* Simple scalable breadcrumb by Veerle Pieters
------------------------------------------------------------------*/


#crumbs ul, li {
	list-style-type:none;
	padding:0;
	margin:0;
	}		
#crumbs {
	height:2.3em;
	border:1px solid #dedede;
	}
#crumbs li {
	float:left;
	line-height:2.3em;
	color:#777;
	padding-left:.75em;
	}		
#crumbs li a {
	background:url(../images/crumbs.gif) no-repeat right center;
	display:block;
	padding:0 15px 0 0;
	border:0;
	}							
#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	text-decoration:none;
	}	
#crumbs a:link, #crumbs a:visited,	
#crumbs li a:hover,
#crumbs li a:focus {
	color:#808080;
	text-decoration:underline;
	}	


.block ul li.blip {
			background:url(../images/blip_50px.png) no-repeat center left;
			}

.block ul li.facebook {
			background-image:url(../images/facebook_50px.png);
			}
/*Formularz*/

#contact-wrapper {
	width:550px;
	border:1px solid #e2e2e2;
	background:#f1f1f1;
	padding:20px;
	
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}

#contact-wrapper p.error {
	color: #990000;

}

#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}

#contact-wrapper label.error {
	color: #990000;
}

form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333;
}
form#contactform .submit {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#fff;
	background:#990000;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
}

/*blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}*/

/* 
The original version of this piece of CSS code has been seen at http://www.maxdesign.com.au/presentation/folder-metaphor/#. NMuD changed it a bit. Now it is possible to use it in CMSimple to generate a different sitemap layout.

Copy the few stylesheet lines to the bottom of your stylesheet.css file. If the expressions have the right priority it should work immediately. If not, you have to give them their priority. You also may have to push it a bit around that it fits.

Copy the four images into the image-folder of your template.
*/

ul#sitemap
{
	margin: 1em 0;
	list-style-type: none;
	background: url(../images/dot.gif) repeat-y 3px 0;
	padding: 0;
}

ul#sitemap li
{
	margin-bottom: .5em;
}

ul#sitemap li a
{
	background: url(../images/bullet1.gif) no-repeat 0 .4em;
	padding-left: 15px;
}

ul#sitemap li a.open, ul#sitemap li li a.open, ul#sitemap li li li a.open, ul#sitemap li li li li a.open
{
	background-image: url(../images/bullet2.gif);

}

/* second level */
ul#sitemap ul
{
	margin: .5em 0 0 0;
	padding: 0;
	list-style-type: none;
}

ul#sitemap li li
{
	background: url(../images/dot2.gif) no-repeat 2px .5em;
}

ul#sitemap li li a
{
	padding: 0 0 0 30px;
	background: url(../images/bullet1.gif) no-repeat 20px .3em;
}

/* third level */
ul#sitemap ul ul
{
	background: url(../images/dot.gif) repeat-y 30px 0;
}

ul#sitemap li li li
{
	background: url(../images/dot2.gif) no-repeat 30px .5em;
}

ul#sitemap li li li a
{
	padding: 0 0 0 60px;
	background: url(../images/bullet1.gif) no-repeat 50px .3em;
}

/* fourth level */
ul#sitemap ul ul ul
{
	background: url(../images/dot.gif) repeat-y 60px 0;
}

ul#sitemap li li li li
{
	background: url(../images/dot2.gif) no-repeat 60px .5em;
}

ul#sitemap li li li li a
{
	padding: 0 0 0 90px;
	background: url(../images/bullet1.gif) no-repeat 80px .3em;
}

/*
Theme Name: Mid Mo Design
Theme URI: http://midmodesign.com/
Description: The WordPress theme is just balling. <a href="http://midmodesign.com/">Mid-Mo Design</a>.
Version: 1.0
Author: Bryan Helmig
Author URI: http://midmodesign.com/
Tags: minimal, red, black,fixed width, one column, sidebar

	Mid Mo Design v1.0
	 http://midmodesign.com/

	This theme was designed and built by Bryan Helmig
	for Mid Mo Design at http://midmodesign.com/.

	The CSS, XHTML and design is released under CC:
	http://creativecommons.org/licenses/by-nc-sa/3.0/

*/


#hor-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 11px;
	margin: 5px;
	width: 600px;
	text-align: left;
	border:1px solid white;

}
#hor-zebra th
{
	font-size: 12px;
	font-weight: normal;
	padding: 10px;
	color: #FFFFFF;
text-align:center;
 background:#990000;
}
#hor-zebra td
{
	padding: 4px;
	color: #000000;
	text-align:center;
}
#hor-zebra .odd
{
	background: #F7F7F7; 
}