/*  

Theme Name: WPD-FAQ

Theme URI: http://inpsyde.com

Description: 100% hellblau

Version: b

Author: Olaf A. Schmitz

Author URI: http://inpsyde.com

*/







/* Begin Typography & Colors */

body {

	margin: 0 auto;

	padding: 0; /* need for Opera */

	background: #ffffff url("./images/background.png") repeat-x;

	color: #111;

	font-family:   arial, verdana, helvetica, sans-serif;

  font-size: 13px;

  width: 90%;	

  text-align: left;

}







 

 

p {

margin: 0;

padding-bottom: 10px;

}



	

#bct {

 padding-top: 20px;

}	





#page {

background: transparent;

margin: 0 auto;

padding-bottom: 10px;

border:0;

text-align: left;

width: 920px;

}









.postgrav {

	float: left;

	padding: 3px;

	margin-right: 5px;

	margin-left: 5px;

	border: 1px solid #000;

	background: #fff;

}





#postcontent {

	font-size: 15px;

	padding-top: 40px;

	margin: 0;

	}



.entry  {

	padding-top: 10px;

	

	}

	

	



.widecolumn .entry p {

	font-size: 1.05em;

	}



/*

.narrowcolumn .entry, .widecolumn .entry {

	line-height: 1.4em;

	}

*/

.entrytext {

  padding-top: 10px;



}



.widecolumn {

	line-height: 1.6em;

	}

	

.narrowcolumn .postmetadata {

	text-align: left;

	}



.alt {

	background-color: #fafafa;

	border-top: 1px solid #eeeeee;

	border-bottom: 1px solid #eeeeee;

	font-size: 13px;

   }







small {

	font-size: 0.9em;

	line-height: 1.5em;

	}









h1 {   border-bottom: 1px solid #aaa;  }



h1, h1 a, h1 a:hover, h1 a:visited, .description {

    font-size: 150%;

    font-weight: normal;

    color: #0066cc;

    text-decoration: none;

	}





	

	

h2 {

	color: #8CA41D;

	font-size: 22px;

	padding: 0;

	margin: 0;

  height: 25px;	

	}





 	



h2 a {

	color: #D8A42C;

	margin: 0;

	padding: 0;

	text-decoration: none;

 }



h2 a:hover {

  color: #D8A42C;

	margin: 0;

	padding: 0;

	text-decoration: underline;

	}

 

 

h2:first-letter, h2 a:first-letter {

	font-size: 26px;

  font-weight: bold;

   }

   

   

#wp-calendar caption, cite {

	text-decoration: none;

	padding: 0;

	margin: 0;

	}







.commentlist li, #commentform input, #commentform textarea {

	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}

	

.commentlist li {

	font-weight: bold;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 1.1em;

	}



.commentlist p {

	font-weight: normal;

	line-height: 1.5em;

	text-transform: none;

	}



#commentform p {

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

	}



.commentmetadata {

	font-weight: normal;

	}







small,  .nocomments, .postmetadata, blockquote, strike {

	color: #777;

	}

	

code {

	font: 0.8em 'Courier New', Courier, Fixed;

border:1px solid #ccc; background:#eee; padding: 5px;margin:10px;

width: 720px;

display: block;

	}



acronym, abbr, span.caps

{

	font-size: 0.9em;

	letter-spacing: .07em;

	}



a {

	color: #06c;

	text-decoration: none;

	padding: 0;

	margin: 0;

	}



a:hover {

	color: #147;

	text-decoration: underline;

	}

	



/* End Typography & Colors */









	



/* menu

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



#menu { 	

  font-size: 10px;

	font-weight: normal;

  }







#menu #current {

  background: url(images/gradient_hover.png) repeat-x bottom;

  padding-left: 12px;

  padding-right: 12px;

  border-left: 1px solid #aaaaaa;

  border-right: 1px solid #aaaaaa;

  }







#menu #last a { margin-right: 0; }





#menu a {

  float: left;

  color: #666666;

  padding-top: 4px;

  height: 18px;

  padding-left: 12px;

  padding-right: 12px;

  text-decoration: none;

  }





#menu a:hover {

  background: url(images/gradient_hover.png) repeat-x bottom;

  padding-left: 11px;

  padding-right: 11px;

  border-left: 1px solid #aaaaaa;

  border-right: 1px solid #aaaaaa;

  }





#menu li { display: inline; margin: 0; text-align: center; }



#menu ul { list-style: none; margin: 0; padding: 0; text-transform: uppercase; }







/* Header Structure

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

#header {

 /* position: absolute; */

  height: 103px;

  background: url("./images/header.png") no-repeat top left;

  padding: 0;

  margin: 0 auto;
  
  width:920px;

}

 	
#headerads {
position:absolute;
margin-left:340px;
top:10px;
  }
  

  
#headertext {

	color: #ffffff;

	font-size: 11px;

	font-weight: bold;

	padding: 81px 0 0 110px;

	width: 690px;

	}



#head-search {

	text-align: left;

}



/*input.button {

    background: url("./images/search.png") no-repeat bottom left;

    font-weight:bold;

    padding:2px;

}

*/



input {

	font-size:  16px;

}









.startcolumn p {

  margin: 0;

	padding-left: 30px;

	}



.startcolumn {

	float: left;

	padding: 0;

	margin: 0;

	width: 700px;

	}

	

.narrowcolumn {

  float: left;

	padding-right: 4%;

	margin: 0;

	width: 59%;

	}



.widecolumn {

	padding: 0;

	margin: 0;

	width: 750px;

	text-align: left;

	}

	



#postautor {

  padding: 15px 5px 5px 5px;

	float: left;

	}



.postmetadata {

	padding-top: 5px;

	margin: 30px 0;

	}

	

#footer {

	padding: 0 0 0 1px;

	margin: 0 auto;

	width: 770px;

	clear: both;

	color: #999999;



	}



#footer a {

	color: #999999;

	}



#footer p {

	margin-left: 10px;

	margin-right: 10px;

	padding: 30px 0;

	text-align: center;

  font-size: 11px;

	}

/* End Structure */







/*	Begin Headers */





.description {

	font-size: 1.7em;

	text-align: left;

	padding-left: 20px;

	}





h2 {

	margin: 0;

	padding: 0;

	}



h2.pagetitle {

	margin-top: 30px;

	text-align: center;

	padding: 0;

}







h3.respond {

	color: orange;

	background: none;

	font-size: 20px;

	}



h3.comments {

	padding: 0;

	margin: 40px auto 20px ;

	}

/* End Headers */







/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */

	

img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}

	

img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



.alignright {

	float: right;

	}

	

.alignleft {

	float: left

	}

/* End Images */







.post {

	padding-bottom: 50px;

	font-size: 16px;

	text-align: left;

	color: #777777;

  line-height: 1.3em;

	}





img {

  border: 0px;

}







/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */



html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	list-style: none;

	padding-left: 10px;

	text-indent: -10px;

	}



html>body .entry li {

	margin: 7px 0 8px 10px;

	}



.entry ul li:before  {

	content: "\00BB \0020";

	}



.entry ol {

	padding: 0 0 0 35px;

	margin: 0;

	}



.entry ol li {

	margin: 0;

	padding: 0;

	}



.postmetadata ul, .postmetadata li {

	display: inline;

	list-style-type: none;

	list-style-image: none;

	}

	









/* Begin Form Elements */







.entry form { /* This is mainly for password protected posts, makes them look better. */

	text-align:center;

	}



select {

	width: 130px;

	}



#commentform input {

	width: 170px;

	padding: 2px;

	margin: 5px 5px 1px 0;

	}



#commentform textarea {

	width: 100%;

	padding: 2px;

	}



#commentform #submit {

	margin: 0;

	float: right;

	}

/* End Form Elements */







/* Begin Comments*/

.alt {

	margin: 0;

	padding: 10px;

	}



.commentlist {

	padding: 0;

	text-align: left;

	}



.commentlist li {

	margin: 15px 0 3px;

	padding: 5px 10px 3px;

	list-style: none;

	}



.commentlist p {

	margin: 10px 5px 10px 0;

	}



#commentform p {

	margin: 5px 0;

	}



.nocomments {

	text-align: center;

	margin: 0;

	padding: 0;

	}



.commentmetadata {

	margin: 0;

	display: block;

	}

/* End Comments */





















/* Begin Various Tags & Classes */

acronym, abbr, span.caps {

	cursor: help;

	}



acronym, abbr {

	border-bottom: 1px dashed #999;

	}



blockquote {

 margin: 10px 10px;

 padding: 10px 40px;

 border: 0;

 font-size: 0.9em;

 background: transparent url("./images/bquote.gif") no-repeat left top;

}



blockquote cite {

	margin: 5px 0 0;

	display: block;

	}



.center {

	text-align: center;

	}



hr {

	display: none;

	}



a img {

	border: none;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	}

/* End Various Tags & Classes*/









/* Sidebar Styles

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





	









#sidebar{

	padding: 30px 0 10px 0;

	font-family: Arial, 'Lucida Grande', Verdana, Sans-Serif;

	background: transparent;

  width: 35%;

  float:left;

 }



#sidebar form {

	margin-left: 10px;

	}

	

/*

#sidebar h2 {

	display: inline;

	margin: 1.2em 0 0.6em 0;

	padding: 0 10px 0 0;

	background: #E8E7D0;

	font-size: 1.1em;

}

*/



#sidebar h2{

  height: 20px;

	color: #ffffff; /*339999 is the corporate color! */

	font-size: 14px;

	font-weight:bold;

	text-transform: uppercase;

	margin: 1px;

	padding: 5px 5px 0px 10px;

	background:  #5C7099;

/*	background-image:  url("./images/nav_top.png") no-repeat; */

}



#sidebar ul {

	margin-left: 10px;

	padding: 0;

	list-style-type: none;

}



#sidebar ul li {

  font-size: 14px;

  margin-left: 20px;

  padding-left: 20px;

	background: transparent url(images/bullet.gif) no-repeat center left;	

	color: green;

}









ul.liststyle{

	margin: 0;

  padding: 10px 0 0 20px;

  list-style-type:square;

  color:#FB9C39;

  	font-size: 14px;		

	}

	

ul.liststyle li,{

	padding: 0;

	margin: 0 0 0 20px;

	color: #D8A42C;

	font-size: 14px;

}





#infobox {

  background:#E8F4FC;

  border: 1px solid #dddddd;

  padding: 10px;

  font-size: 12px;

  color:#666666;

  }

/* ======================================================================== */	





h3 {

	background: none;

	margin: 0;

	padding: 0;

	font-size: 17px;

	color: #D8A42C;

	

}



h3 a, h3 a:link, h3 a:visited {

	color: #D8A42C;

	padding:0;

	margin: 0;

	text-decoration: none;

	font-weight: bold;

/*	text-transform: uppercase;  */

}



h3 a:hover {

	color: #D8A42C;

	padding:0;

	margin: 0;

	text-decoration: underline;

	font-weight: bold;

/*	text-transform: uppercase;  */

}




#adfree-content {
	float:left;
	width:780px;
	}
.rightads {
 width:131px;
 float:right;
 font-size: 70%;
 padding:25px 0 0;
 color: #555555;
  }
  
  
  
  
.abc {
	margin: 0 0 0 10px;
	padding: 0 0 0 17px; /* need for Opera */
	line-height: 1.6em;
	background: transparent url("./images/bullet.png") no-repeat;
	font-size: 16px;
  }
  
h2.abch {
	margin: 0;
	padding: 20px 0 10px 0; /* need for Opera */
  }
  
  
  .buttons{
padding:  2px;
margin:  0 0 10px 0;
border: 1px solid #cccccc;
 }