/*



Theme Name: janni 2.0



Theme URI: http://www.christiane-fritsche.de



Description: Wordpress Template für Christiane Fritsche. Alle Rechte sind vorbehalten.



Author: Roland C. Müller



Author URI: http://www.muellero.net



Tags: simple, widget ready, widgets, dropdown menu,  two columns, valid XHTML, valid CSS



Version: 1.1



*/





body {



	position: relative;



	width:auto;



	height:auto;



	margin:0px;



	padding:0;



	background:#ffffff;



	font:11px/18px Verdana, Tahoma, sans-serif;



	color:#606060;



}


#menu {

	
display:none;

}





#nav {
display:none;

	

	}




a {



	color:#C71585;



	outline: none;



}







blockquote {



	margin:0 0 0 20px;



	padding: 0 0 0 20px;



	border-left: 5px solid #C71585;



}







img {



	border: none;



}







ul, ol {



	margin: 0px 0px 0px 0px;



	padding-left: 30px;



padding-top:10px;



padding-bottom:15px;



}













#header {	position:relative;

	width:840px;

	height:60px;

	margin: -1px auto;

	background: url(img/bg-header.jpg) no-repeat bottom right;



padding:0;

}







#content {



	width: 840px;



	height: auto;



	margin: 0 auto;



	padding: 0px;



}







#content-left {



	float:left;



	width:610px;



	height:auto;



	padding: 20px 0 0 0;



}







#content-right {



	float:right;



	width:190px;



	height:auto;



}







/*	##################################



   	HEADINGS



	################################## */



	



#header h1 a {



	position:absolute;



	bottom:1px;



	left:0px;



	margin: 0px;



	color: #606060;



	font:bold 28px/28px Helvetica, Arial, sans-serif;

text-decoration:none;



background : transparent;



  display : block;



  width : 305px;



  height:70px;



}















#header h2 {



	position: absolute;



	bottom: 30px;



	left: 5px;



	margin: 0px;



	color: #cccccc;



	font:11px/11px Verdana, Tahoma, sans-serif;




}







h2, h3, h4 {



	margin:0 0px 0px 0px;



}







.box-left h2 {



	color:#666666;



	font:bold 24px/30px Georgia, "Times New Roman", Times, serif;



margin-bottom:10px;

margin-left:0;



}







.box-left h2 a {



	text-decoration:none;



}







.box-left h2 a:hover {



	text-decoration:underline;



}







.box-left h3 {



	margin: 5px 0 0px 0;



	color:#666666;



	font:bold 14px/14px Georgia, "Times New Roman", Times, serif;



}







.box-left h4 {



margin: 10px 0px 5px 0px;



	color:#666666;



	font:bold 14px/14px VGeorgia, "Times New Roman", Times, serif;



}







.box-right h3 {



	color:#666666;



	font:bold 12px/12px Verdana, Tahoma, sans-serif;



	text-transform:uppercase;



}







.box-left p {margin-bottom: 15px;



margin-top:10px;}







/*	##################################



   	HEADER



	################################## */















/*	##################################



   	CONTENT



	################################## */



	



/** CONTENT LEFT */







.box-left {



	margin: 0 0 35px 8px;



}







p.tags {



		clear: both;



        font:11px/11px Verdana, Tahoma, sans-serif;



}







/** CONTENT RIGHT */







#box-rss {



	height: 80px;



	margin: 0 0 20px 0;



	background: url(img/bg-rss.gif) no-repeat left top;



}







#box-rss a {



	display: block;



	height: 50px;



	padding: 30px 0 0 80px;



	background: url(img/rss-icon.jpg) no-repeat 20px 20px;



	font:18px/18px Verdana, Tahoma, sans-serif;



	text-decoration: none;



}







.box-right {



	margin:0px 0px;



  margin-top:1px;



	font:11px/11px Verdana, Tahoma, sans-serif;



	background: transparent;



  width: 190px;



   







}







.box-right h3 {



	padding: 20px 20px 0 20px;



	background: transparent;



}







.box-right-content {



	margin: 0 0px;



}







.box-right-bottom {



	height: 20px;



	background: transparent;



}







.box-right ul {



	margin:0;



	padding:0;



	list-style:none;



  



}







.box-right li {



	line-height:24px;



  border-bottom: #999999 1px solid;



 



}







.box-right a {color:#000000; text-decoration: none;}



.box-right li a:hover {color:#000000; text-decoration: none; background: #e9e9e9;}







.box-right ul li ul {



	margin:0;



	padding:0 0 0 20px;



	list-style:none;



  



}







.box-right ul li ul li ul {



	margin:0;



	padding:0 0 0 20px;



	list-style:none;



  



}







.box-right p {



	margin: 20px 0 0 0;



}







/*	##################################



   	FORMS



	################################## */







label {



    display: block;



    margin: 0 0 5px 0;



}







.text {



    width: 350px;



    margin: 0 0 10px 0;



    padding: 5px;



    background: url(img/bg-form-text.gif) repeat-x left top;



    border: 1px solid #ccc;



}







textarea {



    width: 450px;



    height: 150px;



    margin: 0;



    padding: 5px;



    background: url(img/bg-form-text.gif) repeat-x left top;



    border: 1px solid #ccc;



}







.submit {



    width: auto;



    padding: 5px;



    color: #fff;



    background: #662625;



	border: 0;



}







/** SEARCH FORM */







#search {



	width: 190px;



	padding: 5px;



	background: url(img/bg-form-text.gif) repeat-x left top;



	border: 1px solid #ccc;



}







#search-submit {



    width:auto;



    padding:5px;



    color:#fff;



    background:#662625;



	border:0;



}







/*	##################################



   	COMMENTS



	################################## */



	



.comment {



	margin: 0 0 20px 0;



	padding: 20px;



	background: #f7f7f7;



	border: 1px solid #ccc;



}







.comment p {



	margin: 0px;



}







.comment-details {







}







.comment img {



	float: none;



	vertical-align: middle;



}







img.avatar {



	float: left;



	margin: 0 10px 10px 0;



}







/*	##################################



   	FOOTER



	################################## */





#footer { 

width: 840px;

margin: 0 auto;

	padding:0;

	background:transparent;

text-align: left;

  border-top: #bbbbbb 1px solid;



}





#footer p { margin:0;

	padding:5px;

	color:#cccccc;

}



#footer p a {

	color: #bbbbbb;text-decoration: none;

}







/*	##################################



   	USEFUL



	################################## */







.clear {



	clear:both;



}







/** WORDPRESS CSS */







.aligncenter,



div.aligncenter {



   display: block;



   margin-left: auto;



   margin-right: auto;



}







.alignleft {



   float: left;



   margin: 0 10px 10px 0;



}







.alignright {



   float: right;



   margin: 0 0 10px 10px;



}







.wp-caption {



   border: 1px solid #ccc;



   text-align: center;



   background-color: #f3f4f0;



   padding-top: 4px;



}







.wp-caption img {



   float: none;



   margin: 0;



   padding: 0;



   border: 0 none;



}







.wp-caption p.wp-caption-text {



   font-size: 11px;



   line-height: 17px;



   padding: 0px;



   margin: 0px;



}







/** WIDGETS CSS */







#calendar_wrap table {



	width: 100%;



}







#calendar_wrap td {



	text-align: center;



}







#wp-calendar caption {



	margin: 0 0 10px 0;



	padding: 5px;



	background: #662625;



	color: #fff;



}







#tag_cloud {



	line-height:normal;



}