/*
Theme Name: Foxy
Theme URI: jalapeno.co.uk/jalapeno
Description: A web 2.0 theme
Author: Mikee
Version: 0.0.1

useful resource: http://www.aptana.com/reference/html/api/CSS.element.Heading%202.html

dark green: #7caa02
light green: #eef3e2
google light green: #d4edc9

http://templates-free.info/color.php?id=8
#4D8F3E
#758F3E
#A8C271
#8F803E

*/

/* lets to some resetting first*/

* {
   padding:0;
   margin:0;
}

h1, h2, h3, h4, h5, h6, p, blockquote,
 form, label, ul, ol, dl, fieldset, address {
   margin-bottom: 1em;
}

/* Main Section Layout */

body {
   font: 62.5% verdana; 
   color: black;
   background-color: white;
   text-align: left;
}
  
/* common items */
#all_content, #header, #footer, #menu, #colRight, #rowUpper, #rowLower, #thePost, #comments, #commentCount, .commentWrapper, #colRight li{

    }
    
/* specifics */

#allContent {
   margin: auto;
   width: 964px;
}
  
#header {
   width: 944px;
   height: 60px;
   background-color: #4D8F3E;
   background-image: url( headerBack.jpg );
   padding: 10px;
   color: white;
      -moz-border-radius: 0px 0px 10px 10px;
   margin-bottom: 5px;
   font-style: italic;
}

#colLeft {
   width: 720px;
   float: left;
}

#colRight {
   width: 220px;
   float:left;
   padding: 10px;
   background-color: #cdf2ae;
      -moz-border-radius: 10px;
   border: 1px solid #A8C271;   
   margin-top: 15px;
}

#colEdge {
   height: 100%;
   background-color: yellow;
   float: left;
}

#menu {
   clear: left;
}

#footer {
   clear: both;
   width: 100%;
   background: transparent url( grass.jpg ) center top repeat-x;
   padding-top: 100px;
   color: #666;
   height: auto;
}

.postDate {
   color: #777;
}

.thePost {
   width: 700px;
   margin-right: 10px;
   margin-bottom: 15px;
   background-color: #eee;
      -moz-border-radius: 7px;
      -webkit-border-radius: 7px;
}

.postTop {
   padding: 5px;
   padding-bottom: 0px;
   font-size: 1.4em;   
      -moz-border-radius: 7px 7px 0px 0px;
      -webkit-border-radius: 7px 7px 0px 0px;
   border-top: 3px solid #c6c6c6;
   border-left: 3px solid #c6c6c6;
   border-right: 3px solid #c6c6c6;
}

.postEntry {
   clear: both;
   padding: 5px;
   font-size: 1.2em;
   color: #555;
   border-left: 3px dotted #c6c6c6;
   border-right: 3px dotted #c6c6c6;
   overflow:hidden;
}

.postBottom {
   padding: 5px;
      -moz-border-radius: 0px 0px 7px 7px;
      -webkit-border-radius: 0px 0px 7px 7px;
   border-bottom: 3px solid #c6c6c6;
   border-left: 3px solid #c6c6c6;
   border-right: 3px solid #c6c6c6;  
   clear: both;
   color: #777
}

.postTop a {
   font-family: georgia,serif;
   font-size: 1.4em;
   color: #758F3E;
}

#sideBar {
   margin: auto;
   color: #666;
}

#sideBar li {
   left: 10px;
   font-size: 1.2em;
}

.first {
   font-size: 1.5em;
   font-family: georgia, serif;
   color: #666;
}

.video {
   float: right;
   margin: 0 0 1em 1em;
   display: block;
}

.photo {
   float: left;
   margin: 0 1em 1em 0;
   display: inline;
}

#footerText {
   margin: auto;
   width: 964px;
   padding-bottom: 20px;
}

#last {
   background-color: #666;
   height: 25px;
   clear: both;
   color: #A8C271;
   text-align: center;
   vertical-align: middle;
   font-size: 1.4em;
}

#footer-menu li {
   margin: 5px 15px 0 0;
   padding: 0;
   padding-bottom: 5px;
   list-style-type: none;
   float: left;
   display: inline;
   position: relative;
   width: 170px;
   border-bottom: none;
}

/* Changes to the norm */

a {
   text-decoration: none;
   color: #4D8F3E;
}

a:hover {
   text-decoration: underline;
}

a:visited {
   color: #758F3E;
}

li {
   list-style: none;
   padding: 7px 5px 5px 5px;

}

#comments {
   width: 700px;   
}

#commentsMain {
   padding: 5px;
   border: 3px solid #ccc;
   background-color: #eee;
      -moz-border-radius: 7px;
      -webkit-border-radius: 7px
}

#search {
   position: relative;
   top: 10px;
   right: 10px;
}