/*   
Theme Name: freerangeschool
Theme URI: http://www.nettleteadesign.com/
Description: Website Design for freerangeschool.org.  
Author: Nettle Tea Design
Author URI: http://www.nettleteadesign.com
Template: freerangeschool
Version: 1
.
Copyright 2009, 2010 by The Free Range School.  All rights reserved. 
.
*/
* {
        margin: 0;
        padding: 0;
}
body {
        background: url("http://freerangeschool.org/images/texture.jpg") repeat;
        color:#319F3F;
        font-family: Garamond, Verdana, Arial, Helvetica, sans-serif; 
        font-size: 1em; 
        line-height: 1.4em;                        
        margin: 0px;
}
img { 
       border-style: none;
} 
a img {
       border: none;
}
a:link, a:visited {
	text-decoration:none;
        color: #4695CA;
        border: none;
	}
a:hover {
        color:#cdcc5e;
        border: none;
}
br.clear {
        clear: both;
}



/*General Structure*/
#topwrap {  /*logo and links header w/forest bg */
        width: 800px;
        height: 449px;
        margin: 0px auto;
        background: url('http://freerangeschool.org/images/forest-bg.jpg') no-repeat top left;
        margin-top: 20px;
        
}
#main {      /*under picture, the entire blog area*/       
        width: 798px; 
        text-align: left;  
        margin: 0px auto;  
}
#logo {         
        width: 380px; 
        height: 54px;
        float: right;          
        margin: 27px 0px 60px 0px; 
}
#logo h1 {       
	font-size: 22px;	
        padding-top: 10px;
        text-align: right;
        padding-right: 10px;
}
#logo h2 {
        font-size: 14px;
        text-align: right;
        padding-right: 10px;
} 
#nav {
        width: 479px; 
        height: 72px; 
        float: right; 
        position: relative;
        display: table;
        top: 272px;
        padding-right: 7px;
}
#nav span {
	display: none;
}
#nav .home a { 
        height: 36px;
	width: 79px;
	display: block;
	background: url("http://freerangeschool.org/images/navbar.gif") no-repeat;
	float: left;
	background-position: 0 0;
}
#nav .home a:hover { 
        background-position: 0 -36px;	
}
#nav .contact a {
        height: 36px;
	width: 108px;
	display: block;
	background: url("http://freerangeschool.org/images/navbar.gif") no-repeat;
	float: left;
	background-position: -79px 0;
}
#nav .contact a:hover {
        background-position: -79px -36px;	 
}
#nav .about a { 
        height: 36px;
	width: 80px;
	display: block;
	background: url("http://freerangeschool.org/images/navbar.gif") no-repeat;
	float: left;
	background-position: -187px 0;
}
#nav .about a:hover {
        background-position: -187px -36px;	
}
#nav .faq a { 
        height: 36px;
	width: 59px;
	display: block;
	background: url("http://freerangeschool.org/images/navbar.gif") no-repeat;
	float: left;
	background-position: -267px 0; 
}
#nav .faq a:hover {
        background-position: -267px -36px;	
}
#nav .test a { 
        height: 36px;
	width: 146px;
	display: block;
	background: url("http://freerangeschool.org/images/navbar.gif") no-repeat;
	float: left;
	background-position: -326px 0; 
}
#nav .test a:hover {
        background-position: -326px -36px;	
}


/*Footer Area*/
#copyright {       
     margin: 0px auto;
     margin-top: -50px;
     background-color: #ffffff;
     width: 100%;
     color: #469A51;
     padding: 0px 0px 15px 0px;   
}
#copyright p {
     font-size: 90%;
     padding-right: 8px;
     margin: 0px auto;
     text-align: center;
}
#copyright a {     
      font-size: 100%;
      padding-top: 8px;
}
#birds {
      background: #ffffff url('http://freerangeschool.org/images/birds.jpg') no-repeat top;
      height: 365px;
      width: 100%;
      margin: 0px auto;
      border-top: 1px dotted #cdcc5e; 
}
#birds span {
      display: none;
}
.about-links  {
      margin-bottom: 20px;
}
.about-links a {
      padding-right: 5px;
}

/* Wordpress Stylings */      
.content { /*everything but not incl. sidebar */
        float: left;
        width: 530px;  
        padding: 0px 20px 0px 0px;        
        text-align: left;   
        display: inline;
}
.content h2 {  /* the title that says each page name */
        margin: 40px 0px 22px 0px;      
        color:#319F3F;
        font-size: 130%;
        line-height: 110%;
}
.content_results {  /*search page, etc.*/
        float: left;
        width: 530px;  
        padding: 30px 20px 0px 10px;        
        text-align: left;   
        display: inline;

}
.tit {/*each posting title*/   
        font-weight: bold;       
}
.tit a {          
        font-size: 120%;  
        text-decoration: none;
}
.time, .author {
         font-size: 82%;
}
.entry {  /*entry */
       padding-top: 0px;

}
.entry a {  
        text-decoration: underline;
} 
img { 
       border-style: none;
}           
.post { /*starts with top of post title, goes to end of postmeta*/
       margin-bottom: 20px;
}
.post p { /*helps with p spacing in blog post*/ 
        margin-bottom: 20px;
}
.post img {       
        border-style: none;
        max-width: 350px;    
        max-height: 450px;
}  
img.alignleft {
         float: left;
         margin: 0px 20px 10px 0px; 
}       
img.alignright {
         float: right;
         margin: 0px 0px 10px 20px;
}
img.alignnone {
         float: left;
         margin: 0px 20px 10px 20px;
}   
ol, ul {  /* lists in post */
        list-style-position:inside;
}
#results { /* from search bar */
        float: left;
        width: 380px;  
        margin: 20px 30px 100px 40px;        
        text-align: left;   
}


/*Sidebar*/

#sidebar { 
       float: right;
       width: 190px;   
       display: inline;  
       font-size: 95%;
       border-left: 1px solid #cdcc5e;
       margin-top: 30px; 
       padding: 20px 10px 20px 20px;   
       text-align: left;  
}
#sidebar ul {
       list-style: none;
}
#sidebar #searchform #s {
        width: 108px;
        padding: 2px;
}
#sidebar #searchsubmit {
        padding: 1px;
        margin-top: 4px;
}
#sidebar h2  {
        font-weight: normal;
        font-size: 115%;
        margin-bottom: 5px;
}
.widget {  
        margin: 0px 0px 20px 0px;
}
