/*

Theme Name: Classy

Theme URI: http://benediktrb.de

Description: Fresh and Clean Wordpress Theme by <a href="http://benediktrb.de">BenediktRB</a>

Version: 1.0

Author: Benedikt Rieke-Benninghaus

*/





/* ------------------------------------------------------------------------------- Definitions */



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



body { 

	margin: 0;

	padding: 0;

	background: #fff; 

	font-family: "Myriad", Verdana, Arial, Helvetica, sans-serif;

	font-size: 80%;

	color: #3B3B3B;

	text-align: left;

}





h1,h2,h3,h4,h5,h6 {

	font-family: "Myriad", Verdana, Arial, sans-serif;

	font-weight: normal;

 	padding:0;

 	margin:0;

	color:#1E1E1E;

}



a:link, a:visited { color: #BB3030; text-decoration: none;}

a:hover, a:active {color: #450B0B; text-decoration: none;}

.nodisplay {left: -5000px; position: absolute;}

p, ul, ol {line-height: 23px;}

ol, ul {list-style-type: none;}





/* -------------------------------------------------------------------------------- Containerproperties */





#topline {

	background: #3B3B3B url(images/top.gif) repeat-x top left;

	height: 37px;

	width: 100%;

}



#header {

	background: #F5F5F6 url(images/header.gif) repeat-x top left;

	height: 104px;

   	width: 100%;

	margin: 0; padding: 0;

}





#wrap {

   	margin: 0px auto;

   	padding: 0;

   	width: 90%;

}



#content {

   	float: left;

   	width: 60%;

}



#infobox {

   	margin: 0px auto;

   	padding: 4px;

   	width: 100%;

	background:#F4F6FB;

	border:1px solid #AAAAAD;

	border-top:none;

}



#navigation {

   	float: right;

	background: #FDFDFD;

	margin: 0;

	padding:0;

   	width: 30%;

	line-height: 1.5em;

	display: inline;

	border:1px solid #AAAAAD;

	border-top:none;

}



#footer {

	background: #F5F5F6 url(images/footer.gif) repeat-x top left;

	margin: 15px 0 0 0;

	height:90px;

}





/* ------------------------------------------------------------------------------------------- Header */



#logo{

	background: url(images/logo.gif) no-repeat 0 0%;

	position: absolute;

	left: 150px;

	height: 104px;

}

#logo h1 {

	padding: 24px 0 0 80px;

	color:#1E1E1E;

	font-size:40px;

}

#logo h1 a{

	color:#1E1E1E;

}

#logo h1 a:hover{

	color:#585858;

}



#menu {	

	margin:0 0 0 100px;

}





#menu ul{

	list-style-type:none;

        float:left;

}



#menu li{

	display: inline;

}



#menu li a, #menu li a:visited{

        background:transparent url(images/top_link.gif) repeat-x;

	height: 29px;

        padding: 8px 8px 0 5px;

	color: #fff;

        font-weight: bold;

        text-align: center;

	text-decoration: none;

        float:left;

	margin-right: 5px;

	border-left:1px solid #4E4F4E;

	border-right:1px solid #4E4F4E;

}



#menu li a:hover{

        background:transparent url(images/top_link_hover.gif) repeat-x;

}



#search {

	float:right



}

input#typein{

        background:transparent url(images/search.jpg) no-repeat;

	height:37px;

	width:185px;

	padding:10px;



}



#infobox h2{

 	font-size:13px;

}





/* ------------------------------------------------------------------------------------- right Sidebar */



#rssfeed {

	background:#fff url(images/rss_bg.gif) no-repeat bottom right;

	height:79px;

	with:305px;

	padding:4px;

	margin:0 0 15px 0;

	border-bottom:1px solid #AAAAAD;

}



#rssfeed h2 {

	padding:4px;

	font-size:22px;

}



#navigation h2 {

	margin: 5px 0 8px 0;

	padding: 0 0 4px 0;

	color: #55543C;

	font-size: 19px;

}



#navigation ul {

	width:95%;

	margin: 0 0 15px 0;

	padding: 0 0 0 5px;

	list-style: none;

}





#navigation ul li {

	margin: 0;

	padding: 0;

	display: inline;

}



#navigation li {

	list-style: none;

}



#navigation ul li a {

	margin: 0;

	padding: 2px;

	display: block;

	color: #3B3B3B;

	text-decoration: none;

	border-bottom:1px dotted #2D2D2D;

}



#navigation ul li a:hover {

	background:#830F0F;

	color: #fff;

}





#navigation ul li.rss a {

	padding:0 0 0 25px;

	border:none;

	background: transparent url(images/rss.jpg) no-repeat 10px 50%;

}

#navigation ul li.rss a:hover {

	color:#000;

}



.laste, .category {



	padding: 0 0 0 5px;

}





#navigation .category h2 {

	padding: 0 0 0 25px;

	background: url(images/category.gif) no-repeat 0px 50%;

}





#navigation .laste h2 {

	padding: 0 0 0 25px;

	background: url(images/laste.gif) no-repeat 0px 50%;

}





#navigation .blogroll {

	float:;

	width:49%;

}



#navigation .blogroll h2 {

	padding: 0 0 0 25px;

	background: url(images/blogroll.gif) no-repeat 0px 50%;

}



#navigation .meta {

	float:right;

	width:49%;

}



#navigation .meta h2 {

	padding: 0 0 0 23px;

	background: url(images/metah.gif) no-repeat 0px 50%;

}



#navigation .archive {

	float:right;

	width:49%;

}



#navigation .archive h2 {

	padding: 0 0 0 25px;

	background: url(images/archive.gif) no-repeat 0px 50%;

}





/* --------------------------------------------------------------------------------------- Content Area */



.article {

	margin: 25px 0 0 0;

} 



.article h2 {

	padding: 0 0 0 30px;

	background: url(images/arrow.jpg) no-repeat 0px 50%;

	margin: 0 0 10px 0;

	font-size: 25px;

}





.article h2 a:link, 

.article h2 a:visited {

	color: #3B3B3B;

	text-decoration: none;

}



.article a:hover, 

.article a:active {

	color: #710D0D;

	text-decoration: none;

}



#content .postmetadata, 

#content .thecontent {

	margin: 15px 0 0 0;

}



.thecontent p{

	margin: 15px 0 0 0;

}



.postmetadata {

	border:1px solid #DADADA;

	height:32px;

	width: 100%;

	background: #fff url(images/meta.gif) repeat-x top left;

	}



.postmetadata p {

	padding:4px;

}



#content blockquote {

   	padding: 3px 0 0 50px;

   	margin: 5px 5px 5px 20px;

	background:#fff url(images/quote.gif) no-repeat top left;



}



#content code {

	min-height:60px;

	font-family: Fixedsys, Helvetica, "Lucida Grande", Verdana, sans-serif;

   	margin: 5px 5px 5px 20px;

   	padding: 0 0 0 45px;

	display: block;

	background:#fff url(images/code.jpg) no-repeat top left;



}



.searcherg {

   	padding: 5px;

   	margin: 5px 5px 5px 20px;

	background: #F5F6FB;

   	border-left: 4px solid #444;

}



#content ul {

	margin: 0 0 0 20px;

	padding: 0;

	list-style: none;

}



#content ul li {

	margin: 0;

	padding: 0 0 0 20px;

	display: block;

}



#content li {

	list-style: none;

	margin: 0;

	padding: 0 0 0 20px;

	background:transparent url(images/list.gif) no-repeat 0px 50%;

	display: block;

	text-decoration: none;

}



.pages {

	margin:15px 0 0 0;

	border:1px solid #DADADA;

	float: left;

	height:32px;

	width: 100%;

	background: #fff url(images/meta.gif) repeat-x top left;

	}



.page-previous {

	float: left;

	padding: 8px;

	}

.page-next {

	float: right;

	padding: 8px;

	}



/* ----------------------------------------------------------------------------------------- Content Icons */



.time {

	padding: 0 0 0 24px;

	background: url(images/time.gif) no-repeat 0 0;

}

.filed {

	margin:0 0 0 15px;

	padding: 0 0 0 24px;

	background: url(images/filed.gif) no-repeat 0 0;

}

.comments {

	margin:0 0 0 15px;

	padding: 0 0 0 24px;

	background: url(images/comments.gif) no-repeat 0 0;

}

.trackback {

	margin:0 0 0 15px;

	padding: 0 0 0 24px;

	background: url(images/trackback.gif) no-repeat 0 0;

}





.goon {

	margin: 5px 0 0 0;

	padding: 3px 3px 3px 30px;

	background: #F5F6FB url(images/goon.gif) no-repeat 10px 50%;

	font-weight: bold;

}



.thecontent {

	margin: 15px 0 0 0;

}





/* ------------------------------------------------------------------------------------- Comment Area */



.comment {

	margin: 40px 0 0 0;

}



.comment h3 {

	padding: 0 0 0 24px;

	background: url(images/ucomments.gif) no-repeat 0 60%;

	border-bottom: 1px solid #525D6B;

	font-size:20px;

}



.comment h4 {

	margin: 15px 0 10px 0;

	padding: 0 0 0 24px;

	background: url(images/write.gif) no-repeat 0 50%;

	font-size: 16px;

	border-bottom: 1px solid #525D6B;

}



.comment input,textarea {

   	margin: 2px;

   	padding: 4px;

	background:#fff url(images/com_bg.gif) repeat-x top left;

   	color: #3B3B3B;

   	border: 1px solid #5A5A5A;

}



.comment textarea {

   	width: 80%;

   	height: 150px;

}



.comment input:focus,

.comment textarea: focus {

   	background: #29303C;

}



.comment input[type=submit] {

   	font-weight: bold;

}



.comment ol.commentlist {

   	margin: 5px;

   	padding: 10px;

   	list-style-type: none;

}



.comment ol.commentlist li {

   	margin: 7px;

   	padding: 10px;

}



.comment li {

   	margin: 0 0 10px 0;

   	border-bottom:2px solid #323232;

}





/* ------------------------------------------------------------------------------------------------ Footer */



#footer p {

	padding: 52px 0 0 0;

	text-align: center;

	color: #F3F8F2;

}



#footer a{

	color: #EAEAEA;

	text-decoration:underline;

}

#footer a:hover{

	color: #EAEAEA;

	text-decoration:none;

}



.footer-left {

	padding: 8px 0 0 25px;

	background: url(images/creator.gif) no-repeat 5px 80%;

	float: left;

	}



.footer-right {

	float: right;

	padding: 8px;

	}



/* ------------------------------------------------------------------------------------------------------- */



.left {

   float:left;

   margin:10px;

   border:0;

}







































/*                                                    */

/*  main 'top-level' form elements                    */

/*                                                    */



.cform { 

	margin:10px auto 0 auto; 

	width: 550px; 

}



.cform fieldset	{ 

	margin-top:10px; 

	padding:5px 0 0 0; 

	border:none;

	background:none; }



.cform fieldset.cf_hidden { 

	border:none!important;

	background:none!important;

	padding:0!important;

	margin:0!important;

}



.cform legend { 

	margin-left:10px;

	padding: 0 2px; 

	font:normal 20px Times; 

}



ol.cf-ol { 

	margin:0; 

	padding:0; 

}

ol.cf-ol li	{ 

	margin:8px 23px!important; /*some themes may interfere otherwise*/

	padding:0; 

	list-style:none!important; 

	text-align:left;

}





/*                                                    */

/* just for text-only fields (no input)               */

/*                                                    */



ol.cf-ol li.textonly {

	padding:3px 0; 

	text-align:center;

}





/*                                                    */

/* global definitions for field labels                */

/*                                                    */



.cform label {

	margin:2px 10px 0 0; 

	text-align:left;

	vertical-align:top;

	font-size: 10px;

	display:block;

	color:#888888;

	font-weight:bold;

	font-size:2em;

	font-family: Verdana;

	line-height:1.2em;

}

.cform label span {

}



label.cf-before {

	font-size:1.2em;

	display:-moz-inline-box; /*for mozilla*/

	display:inline-block; /*for Opera & IE*/

	margin:0 5px 0 0; 

}



label.cf-after 	{

	font-size:1.2em;

	display:-moz-inline-box; /*for mozilla*/

	display:inline-block; /*for Opera & IE*/

	margin:0 0 0 6px;

	width:300px;

	text-align:left;	

}



label.cf-after span {

	width:300px;

	display:block;

}



label.cf-group-after {

	font-size:1.2em;

	display:-moz-inline-box; /*for mozilla*/

	display:inline-block; /*for Opera & IE*/

	margin:0 0 0 2px;

	width:90px;

	text-align:left;

}

label.cf-group-after span {

	width:90px;

	display:block;

}



/*                                                    */

/*   FORM FIELDS general formatting                   */

/*                                                    */



.cform input,

.cform textarea,

.cform select { 

	padding:3px 8px;

	background: #fbfbfb; 

	border: 1px solid #aaaaaa; 

	

}

.cform input:hover,

.cform textarea:hover,

.cform select:hover	{

	background:#CEDDDF; 

}



.cform input:focus,

.cform textarea:focus,

.cform select:focus	{ 

	background:#F3F8F8; 

}



.cform textarea,

.cform input {

	width:360px; 

}

.cform select {

	width:376px; /* attempt to have equal length */

}  



.cform select.cfselectmulti	{ 

	height:6.5em; 

}



.cform textarea {

	height: 6em;

	overflow:auto;

}



/*                                                    */

/* formatting for text:  "(required)"  & other        */

/*                                                    */



span.reqtxt,

span.emailreqtxt { 

	display:-moz-inline-box; /*for mozilla*/

	display:inline-block; /*for Opera & IE*/

	font-size:9px;

	vertical-align:top;

	color:#888888;

	text-align:left;

}





/*                                                    */

/*   radio button title                               */

/*                                                    */



ol.cf-ol li.cf-box-title {

}



/*                                                    */

/*   check boxes                                      */

/*                                                    */



input.cf-box-a,

input.cf-box-b 	{ 

	margin:2px 0 0 0; 

	width:16px; 

	border:none; 

}



input.cf-box-a 	{ 

} 





/*                                                    */

/* check box groups                                   */

/*                                                    */



ol.cf-ol li.cf-box-group {

	padding: 0 0 5px 0; 

} 





/*                                                    */

/*   FORM submit button                               */

/*                                                    */



p.cf-sb {

	margin: 0;

	text-align:right;

}

.cform input.sendbutton	{ 

	width:100px;  

	padding:2px; 

	margin: 0 51px 10px 0;

	font-size:0.8em;

	background:url(../images/button-bg.gif) repeat-x; 

	border:1px solid #adadad!important;

	border-left-color:#ececec!important; 

	border-top-color:#ececec!important;

}





/*                                                    */

/*   formatting for invalid user inputs               */

/*                                                    */



.cform .error 		{ color:red!important; border:1px solid #FF0000!important; padding:1px 3px; }

.cform .errortxt,

.mailerr	    	{ color:red!important; }





/*                                                    */

/* 'visitor verification' related styles              */

/*                                                    */



label.seccap {

	line-height:1.2em;

	font-size:1.2em;

	margin-top: 6px;

}

label.secq,

label.secq span {

	display:inline;

}

label.secq {

	vertical-align:middle;

}



input.secinput {

	width:45px;

	margin: 3px 0 0 10px;

	vertical-align:middle;

}



#cforms_captcha5,

#cforms_captcha4,

#cforms_captcha3,

#cforms_captcha2,

#cforms_captcha {

	height:15px;

	width:50px;

	padding: 4px 4px;

	margin: 0;

	vertical-align:top;

}



img.captcha	{

	margin:0 0 0 10px!important;

	padding:0!important;

	border:none!important;

}





/*                                                    */

/* change formatting of response msgs here            */

/*                                                    */



p.info 		{

	margin:10px 0;

	text-align:center;

}

p.success 	{

	color:green;

}

p.failure 	{

	color:red;

}



/*                                                    */

/* disabled fields [disabled] does not work on IE!    */

/*                                                    */



[disabled] {

	color:#dddddd;

	border-color:#dddddd!important;

	background:none!important;

}

.disabled {

	border-color:#dddddd!important;

}



/*                                                    */

/* upload box styling                                 */

/*                                                    */



.cform input.cf_upload  {

	background: #f9f9f9;

	border:1px solid #888888;

}



/*                                                    */

/*  Other: link love                                  */

/*                                                    */

.linklove {

	margin:0 0 10px 0!important;

	padding:0!important;	

	text-align:center!important;;

}

.linklove a,

.linklove a:visited {

	font-size: 0.8em;

	font-family: Tahoma;

	color:#aaaaaa!important;

}



/*                                                    */

/*  Other: browser hacks                              */

/*                                                    */

* html .cform fieldset.cf_hidden { 

	border:none!important;

	background:none!important;

	padding:0!important;

	margin:0!important;

}



* html .cform legend { 

	position:absolute; 

	top: -10px; 

	left: 10px; 

	margin-left:0;

}

* html .cform fieldset {

	position: relative;

	margin-top:15px;

	padding-top:25px; 

}

* html img.captcha	{

	margin-top:1px;

}

*+html input.cf-box-a,

*+html input.cf-box-b { 

	background:none;

	margin-top:0px;

}

* html input.cf-box-a,

* html input.cf-box-b { 

	background:none;

	margin-top:0;

}

* html label.cf-after span {

	margin-top:2px;

}

* html label.cf-group-after {

	margin-top:1px;

}