/*  



Theme Name: Nature

Theme URI: http://3oneseven.com/wp-themes/

Description: Another approach on a magazine like three col fixed theme with custom painting.

Version: 3.17.4

Tags: 3 column widgetready white fixed valid

Author: miloIIIIVII

Author URI: http://3oneseven.com/
*/

body {
font-family: helvetica,geneva,verdana,century gothic,sans-serif,arial;
font-size: 12px;
color:#333;
text-align:left;
line-height:140%;
margin:0;
padding:0;
background:#fff url(images/bg.gif) repeat-x 0 0;
}

#page{
background:transparent;
text-align:left;
width:1000px;
margin:0 auto;
padding:0;
}

#header{
background:transparent;
height:215px;
width:1000px;
margin:0 auto;
padding:0;
}

h1,h1 a,h1 a:hover{
color:#333;
margin:0;
padding:0;
float:right;
font-variant:small-caps;
font:20px century gothic,arial,verdana,serif;
width:220px;
overflow:hidden;
text-align:right;
background:transparent;
}

.log{
color:#000;
font:bold 80% arial;
height:200px;
width:80px;
float:left;
margin:0;
padding:0;
}

.row{
background-color:transparent;
height:30px;
width:1000px;
margin:60px auto 20px;
}

#home{
background:transparent url(http://www.pietzsch-medien.de/wp-content/uploads/2010/08/goheadto.png);
width:1000px;
height:215px; 
margin:0 auto;
list-style:none;
}

.right-col{
width:240px;float:right;
padding-right:5px;
padding-left:5px;
padding-top:50px;
color:#fafafa;
}

.right-col a{
color:#fafafa;
}

#flow{
background-color:transparent;
width:990px;
margin:0 auto 20px;
}

.col1{
width:235px;
float:left;
margin-right:15px;
margin-bottom:20px;
}

.col2{
width:240px;
float:right;
}

#single{
background:transparent url(http://www.pietzsch-medien.de/wp-content/uploads/2010/08/goheadto.png);
width:1000px;
height:210px; 
margin:0 auto;
}

#nav{
border:0;
display:block;
padding:0;
margin:5px 0 0 0;
z-index:5;
position:relative;
float:left;
background:transparent;
}

#nav ul {
width:582px;
list-style-type:none;
padding:0;
margin:0;z-index:500;
}

#nav li {
display:inline;
float:left;
min-height:20px;
position:relative;
text-align:left;
padding:5px 32px 5px 5px;
margin:0;
}

#nav h2{
padding:0;
margin:0;
text-decoration:none;
border:0;
font:16px helvetica,geneva,verdana,century gothic,sans-serif,arial;
}

#nav li ul{
width:120px;
height:auto;
top:100%;
left:0;
line-height:1.5em;
}

#nav li.Largenav ul{
width:120px;height:15px;
top:100%;
left:0;
}

#nav li ul li{
text-align:left;
width:120px;
height:auto;
display:block;
border-bottom:1px solid #ccc;
}

#nav li.Largenav ul li{
text-align:left;
width:120px;
height:auto;
display:block;}

#nav a{
text-decoration:none;
}

#nav li li ul{
top:0;left:0;
}

#nav li li:hover ul{
left:120px;
}

#nav ul ul,
#nav ul li:hover ul ul,
#nav ul ul li:hover ul ul,
#nav ul ul ul li:hover ul ul,
#nav ul ul ul ul li:hover ul ul{
position:absolute;
display:none;
}

#nav li:hover ul,
nav ul li:hover ul,
#nav ul ul li:hover ul,
#nav ul ul ul li:hover ul,
#nav ul ul ul ul li:hover ul,
#nav ul ul ul ul ul li:hover ul{
display:block;
width:120px;
}

#nav #PhpWebcontent{
display:block;
} 

#nav{
color:#ccc;
} 

#nav ul{
background:transparent;
}

#nav ul ul{
background:#fff;
}

#nav ul li{
background:transparent;
display:block;
}

#nav h2,
#nav h2 a{
color:#ccc;
font:16 px helvetica,geneva,verdana,century gothic,sans-serif,arial;
text-decoration:none;
display:block;
width:120px;
padding-left:3px;
padding-top:4px; 
background:#660066;
font-variant:small-caps;
height: 20px
}

#nav a{
display:block;
}

#nav ul li:hover{
color:#ccc;
display:block;
background:#660066;
cursor:pointer;
}

#nav ul li ul li{
background:#fff;
display:block;
}

#nav ul li ul li:hover{
display:block;
background:#fff;
width:130px;
}

#nav ul li ul ul li{
background:#fff;
display:block;
}

#nav ul li ul ul li:hover{
background:#ccc;
display:block;
}

h2,h2.pagetitle,h3{
font-size:1.5em;
font-weight:normal;
border-bottom:1px solid #ccc;
padding-bottom: 6px;
}

h2,h2 a,h2 a:hover,h2 a:visited,h3,h3 a,h3 a:hover,h3 a:visited{
font-variant:small-caps;
}

a{
color:#000;
text-decoration:none;
} 

a:hover,h2 a:hover,h3 a:hover{
color:#ccc;
text-decoration:none;
background:#660066;
}

.narrowcolumn{
float:left;
padding:0 10px 20px;
margin:0;
width:475px;
overflow:hidden;
}

.widecolumn{
padding:0;
margin:0 0 0 80px;
width:500px;}

.post{
margin:30px 3px 10px 0;
text-align:left;
}

.widecolumn .post{
margin:0;
}

.narrowcolumn .postmetadata{
padding-top:5px;
}

.widecolumn .postmetadata{
margin:30px 0;
}

.description{
text-align:left;
padding-left:20px;
font-size:12px;
font-weight:bold;
color:#ccc;
}

h2{
margin:30px 0 6px;
}

h2.pagetitle{
margin-top:30px;
text-align:left;
}

h3{
padding:0;
margin:15px 0 0;
}

#mainleft p img{
display:block;
border:none;
margin:0 auto;
padding:10px;
max-width:80%;
text-align:center;}

.entry ol{
padding:0 0 10px;
margin:0;
}

.entry ol li{
margin:0;padding:0;
}

.postmetadata ul,.postmetadata li{
display:inline;
list-style-type:none;
list-style-image:none;
}

#leftsidebar{
padding:0;
margin-top:0;
margin-left:12px;
margin-right:5px;
font:1em Arial,Sans-Serif;
color:#333;
width:224px;
float:left;
overflow:hidden;
}

#leftsidebar form{
margin:0;
}

#rightsidebar{
margin-right:10px;
float:right;
color:#333;
width:240px;
padding:0;
overflow:hidden;
}

#rightsidebar form{
margin:0;
}

#page ul,
#page ul ol{
margin:0;padding:0;
list-style:none;
}

#page ul li,
#page ul select{
list-style-type:none;
margin-bottom:5px;
}

#page ul p,
#page ul select{
margin:5px 0 0 5px;
}

#page ul ul ul,
#page ul ol{
margin:0 0 0 5px;
}

#page ul ol li{
list-style:square;
}

#page ul ul li,
#page ul ol li{
margin:3px 0 0;
padding:0;
list-style:none;
}

#page ul ul,
#page ul ol{
margin: 5px 0 0 5px;
}

#leftsidebar li a,
#rightsidebar li a{
display:block;
}

#leftsidebar li a,
#rightsidebar li a,
footer li a{
color:#660066;
}

#leftsidebar li a:hover,
#rightsidebar li a:hover,
#footer li a:hover{
background:#660066;
color:#cccccc;
}

#searchform{
margin:5px auto;
padding:11px 3px;
/* text-align: center; */
}

#searchform #s{
width:75%;
padding:2px;
background-color:transparent;
border:1px solid #333;
font-size:11px;
margin-right:4px;
}

#searchsubmit{
padding:1px;
background-color:transparent;
border:1px solid #333;
font-size:11px;color:#333;
}

#footer{
padding:0;margin:0;
width:990px;height:90px;
background-color:transparent;
border-top:0.2em double #660066;
clear:both;
}

#footer p{
margin:0;
padding:20px 0;
text-align:center;
}

select{
width:130px;
}

.alt{
margin:0;padding:10px;
}

acronym,abbr,span.caps{
cursor:help;
}

acronym,abbr{
border-bottom:1px dashed #900;
}

blockquote{
margin:15px 30px 0 10px;
padding-left:25px;
font-family:Arial, Helvetica, sans-serif;
border-left:7px solid #660066;
}

blockquote cite{
margin:5px 0 0;
display:block;
}

hr{
display:none;
}

a img{
border:none;
}

.navigation{
clear:both;
display:block;
text-align:center;
margin-top:15px;
margin-bottom:60px;
}

html>body .entry ul{
margin-left:0;
}

html>body .entry li{
margin:7px 0 8px 10px;
list-style-type: square;
padding:0;
}

.spacer{
clear:both;
}

.pagenumber{
text-align:right;
clear:both;
font-weight:bold;
padding-top:6px;
margin-top:10px;
}

.nav{
list-style:none;
margin:0 auto;
font-family:century gothic,Verdana, Serif;
font-weight:normal;
letter-spacing:1px;
display:block;
clear:both;
padding:6px;
text-align:center;
width:80%;
background:#fff;
}

.nav li{
list-style:none;
margin:0;
padding:0 5px 0 0;
display:inline;
}

.nav li a{
color:#333;
padding:6px;
text-decoration:none;
}

.nav li.current_page_item a{
color:#333;
text-decoration:none;
background:transparent;
border:2px solid #660066;
}

.nav li a:hover{
color:#000;
text-decoration:none;
background:#660066;
}

.aligncenter{
display: block;
margin:0 auto;
text-align:center;
padding:3px;
}

.alignright {
float: right;
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

.alignleft {
float: left;
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

body div#toolTip{
position:absolute;
z-index:1000;
width:180px;
background:#fafafa;
border:0;
text-align:left;
padding:10px;
min-height:1em;
}

body div#toolTip p{
margin:0;
padding:0;
color:#333;
font:14px/19px helvetica,arial,sans-serif;
line-height:19px;
}

body div#toolTip p em,body div#toolTip p em span{
display:none;
}