/*  
Recursive Instruments

based on:

Theme Name: Archive News

Theme URI: http://blog.nunodesign.de/

Description: Webdesign Weblog 

Version: 1.00

Author: nuno

Author URI: http://www.nunodesign.de

				The CSS, XHTML and design is released under GPL:

				http://www.opensource.org/licenses/gpl-license.php

/*zwei spalten*/

body {

	background-color::#fff;

  	color:#000;

	margin:0px;

	padding:0px 40px;

	line-height:1.8em;

	height:100%;

	text-align:center;

}



#box{

	background:url("images/headers/rotate.php") no-repeat 80% 0%;

	width:730px;

	margin:10px auto 0px auto;

	padding:60px 2px 0px 1px;

	text-align:center;

}

.box{

	text-align:center;

	line-height:1.4em;

	margin-left:20px;

	font-weight:100;

	font-size:30px;

	color:#E6E6E6;

}


h1.box  {font: bold 3.1em/2em "Verdana", "Lucida Grande", sans-serif;
	 width: 450px;
         margin-left: 70px;
	 margin-top: 0px;
	 margin-bottom: 35px;
         color: #600;
         text-align: right;
         }

#content{

 	background:transparent;

	color:#000;

	float:right;

	text-align:left;

	width:480px;

 	margin:20px 15px 0px 0px!important;

 	margin:20px 5px 0px 0px;

 	padding-left:10px;

 	padding-right:20px;

 	border-left:1px dotted #D6D6D6;

}





#sidebar{

	background:transparent;

	margin:10px 0px 0px 20px;

	padding:0px;

        padding-top: 0px;

       	width:205px;

	text-align:left;

	line-height:1.4em;

}

ul.side		{position: relative;
		 top: -15px;
		 left: -20px;
		 margin-bottom: 50px;
		 }


p.deck		{width: 300px;
		 height: 90px;
		 background: url(images/decks/rotate.php) 0 0 no-repeat;
		 color: #fff;
                 font: bold 4em/1em "Lucida Grande", "Verdana", sans-serif;
		 letter-spacing: -1px;
		 margin-top: 0px;
                 position: relative;
		 top: -30px;
		 left: 7px;
		 overflow: hidden;
		 }

.push1		{position: relative;
		 top: 37px;
		 left: 10px;
		 }

#foot  {

        background:url("images/foot.jpg") no-repeat 80% 0%;

        width:730px;
	
	height: 100px;

        margin:10px auto 0px auto;

        padding:20px 2px 0px 1px;

        text-align:center;

	clear: both;

}

#rss 		{vertical-align: sub;
		 }

/* wichtig */



html, body,h1, h2, h3, h4, h5, h6, div, p, ul, li, ol, input {

	font-family: "Trebuchet ms","Gill Sans MT", "Gill sans",  sans-serif;

	letter-spacing: 1px;

}

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

	font-size:1.1em;

	line-height:1.5em;

	color:#5B0006;

	font-weight:400;

}

 p{

	font-size:0.9em;

}

code{

	font-size:0.9em;

	width:450px;

}

b, strong {

	color:#000;

}

em, i {

	color:#000;

}



blockquote, address {

	background:#fff;

	border-left:2px inset #D6D6D6;

	margin: 10px 0 10px 30px !important;

	margin: 30px 0 0 15px;

	font-weight:550;

	font-size:1.1em;

	color:#5B00006;

	width:75%;

}

p.small	{font-size: .8em;
	 }

#foot p {text-align: left;
	       margin-left: 25px;
		}


.bold		{font-weight: bold;
		 }


blockquote p, address p{

	padding:2px 3px 3px 5px;

}

acronym, abbr, span.caps {

	cursor: help;

}

acronym, abbr {

	border-bottom: 1px dashed #5B0006;

}




/* wichtig ende*/



/*links*/



a {

	padding:0px 2px;

}

a:link {

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	color:#990000;

	font-size:13px; 



}

a:visited {

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	color:#990000;

	font-size:13px; 



}

a:hover {

	text-decoration: underline;

	font-family: Arial, Helvetica, sans-serif;

	color:#cc0000;

	font-size:13px; 



}

a:active {

	text-decoration: none;

	font-family: Arial, Helvetica, sans-serif;

	color:#cc0000;

	font-size:13px; 



 }



a.head:link  {font: bold 1em "Verdana", "Lucida Grande", sans-serif;
        	 line-height: .8em;
		  letter-spacing: -4px;
       		  color: #900;
		  text-decoration: none;
       		  text-align: left;
         	  }

a.head:visited  {font: bold 1em "Verdana", "Lucida Grande", sans-serif;
                 line-height: .8em;
                  color: #900;
		  text-decoration: none;
		  letter-spacing: -4px;
                  text-align: left;
                  } 

a.head:hover  {font: bold 1em "Verdana", "Lucida Grande", sans-serif;
                 line-height: .8em;
		  text-decoration: none;
                  color: #c00;
                  text-align: left;
                  } 

a.head:active  {font: bold 1em "Verdana", "Lucida Grande", sans-serif;
                 line-height: .8em;
		  text-decoration: none;
                  color: #c00;
                  text-align: left;
                  } 

ul.side a:link	{display: block;
			 background: #ccc url(images/linkbg.gif) repeat-x;
			 color: #fff;
			 font: bold 1.8em/1em "Lucida Grande", "Verdana", sans-serif;
		 	 padding-top: 10px;
		 	 padding-left: 10px;
			 padding-bottom: 3px;
		  	 text-decoration: none;
			 text-align: left;
			 }

ul.side a:visited  {display: block;
                         background: #ccc url(images/linkbg.gif) repeat-x;
                         color: #fff;
                         font: bold 1.8em/1em "Lucida Grande", "Verdana", sans-serif;
                         padding-top: 10px;
                         padding-left: 10px;
                         padding-bottom: 3px;
		  	 text-decoration: none;
                         text-align: left;
                         }

ul.side a:hover  {display: block;
                         background: #ccc url(images/linkbg-hov.gif) repeat-x;
                         color: #c00;
                         font: bold 1.8em/1em "Lucida Grande", "Verdana", sans-serif;
                         padding-top: 10px;
                         padding-left: 10px;
                         padding-bottom: 3px;
		  	 text-decoration: none;
                         text-align: left;
                         }

ul.side a:active  {display: block;
                         background: #ccc url(images/linkbg-hov.gif) repeat-x;
                         color: #fff;
                         font: bold 1.8em/1em "Lucida Grande", "Verdana", sans-serif;
                         padding-top: 10px;
                         padding-left: 10px;
                         padding-bottom: 3px;
		  	 text-decoration: none;
                         text-align: left;
                         }


h2 a:link	         {font: normal 1.2em/2em "Verdana", sans-serif;
          		  color: #900;
			  text-decoration: none;
			  letter-spacing: -1px;
          		  }

h2 a:visited             {font: normal 1.2em/2em "Verdana", sans-serif;
                          color: #900;
                          text-decoration: none;
			  letter-spacing: -1px;
                          }

h2 a:hover               {font: normal 1.2em/2em "Verdana", sans-serif;
                          color: #c00;
                          text-decoration: none;
			  letter-spacing: -1px;
                          }

h2 a:active              {font: normal 1.2em/2em "Verdana", sans-serif;
                          color: #c00;
                          text-decoration: none;
			  letter-spacing: -1px;
                          }

h3 a:link                {font: normal 1.2em/2em "Verdana", sans-serif;
                          color: #900;
                          text-decoration: none;
                          letter-spacing: -1px;
                          } 

h3 a:visited             {font: normal 1.2em/2em "Verdana", sans-serif;
                          color: #900;
                          text-decoration: none;
                          letter-spacing: -1px;
                          }

h3 a:hover               {font: normal 1.2em/2em "Verdana", sans-serif;
                          color: #c00;
                          text-decoration: none;
                          letter-spacing: -1px;
                          }

h3 a:active              {font: normal 1.2em/2em "Verdana", sans-serif;
                          color: #c00;
                          text-decoration: none;
                          letter-spacing: -1px;
                          }

:link img { border-color:transparent; }

:visited img { border-color:transparent; }

:link:active img, :visited:active img { border-color: transparent; }





/*links ende */





/*content*/

#content h1,#content  h2,#content h4,#content h5, #content h6{

	font-size:1.1em;

	line-height:1.5em;

	color:#8F3634;

	font-weight:400;

}

/* content kommentare*/

.leaveresponse{

	border-bottom:2px groove #D6D6D6!important;

	border-bottom:1px groove #D6D6D6;

	text-align:left;

	margin-right:5px;

	margin-left:5px;

	padding-left:5px;

	padding-right:5px;

	font-size:0.9em;

	line-height:1.5em;

}

.leaveresponse  fieldset textarea{

	font-size:0.8em;

	padding-left:5px;

	border:2px outset #D6D6D6;

}

.leaveresponse input[type=submit]{

    cursor: pointer;

    float:right;

    border:4px outset #D6D6D6;

}



.submit{

    cursor: pointer;

    float:right;

    border:2px outset #D6D6D6;

}

.responselist{

	background-color: #FFF;

	border-bottom:2px groove #D6D6D6!important;

	border-bottom:1px groove #D6D6D6;

	padding:6px 3px;

}



.alt {

	background-color: #fff;

	border-bottom:2px groove #D6D6D6!important;

	border-bottom:1px solid #D6D6D6;

	padding:6px 3px;

}

#content  h3{

	padding-top:0px;

	margin-top:0px;

	font-weight:400;

	font-size:1.1em;

	color:#8F3634;

}

.metadata{

	font-size:0.8em;

	line-height:1.4em;

	text-align:right;

	margin-bottom:2px;

}

.single{

	background-color: #fff;

	border-bottom:2px groove #D6D6D6!important;

	border-bottom:1px groove #D6D6D6;

	padding:6px 3px;

	text-align:left;

}



.navigation {

	display:block;

	width:70%;

	text-align:center;

	margin:4px;

}

.alignleft{

	float:left;

}

.alignright{

	float:right;

}

#sidebar a{

	width:145px;

}

#sidebar p{

	padding-left:6px;

}

li {

	list-style-type: none;

	list-style-image:none;

}

#sidebar ul, #sidebar ul li {

	margin:0px 0px 0px 5px;

	padding:0px;

}



#sidebar ul li ul li{

	margin:0px 2px 0px 10px;

	padding:4px 0px 0px 6px;

}

#sidebar h2{

	margin:5px 0px 0px 8px;

	padding:0px 0px 0px 5px;

	color:#000000;

	font-weight:400;

}

.sitemap{

	margin-top:25px;

}

#searchsubmit	{margin-top: -10px;
		 margin-left: 15px;
		 }

input.search       {background-color: #fff;
		    width: 155px;
                 border-top: solid 2px #000;
                 border-right: solid 1px #666;
                 border-bottom: solid 1px #666;
                 border-left: solid 2px #000;
                 }

input.search:focus {background-color: #ffc;
		    width: 155px;
                 border-top: solid 2px #000;
                 border-right: solid 1px #666;
                 border-bottom: solid 1px #666;
                 border-left: solid 2px #000;
                 }		


img{

	border:none;

}



.clear {

	margin:0;

	padding:0;

	clear:both;

	height:0;

}

.hidden {display: none;
	 }

.tags	{font-size: 12px;
	 position: relative;
	 top: 15em;
	 line-height: 1.6em;
	 }

#no-style a {font-size: 1em;
             }

#no-style {display: block;      
           padding: .5em;
           margin-top: 2em;     
           margin-bottom: 2em;
           background-color: #fff;
           border: solid 1px #fc0;
           font-size: 1.2em;
           }
        
        /* commented backslash hack v2 - the above rule is for IE 5 Mac \*/
        

#no-style {display: none;
           }

        /* end hack */

h1.box     {margin-top: -30px;#
            }