/*  
Theme Name: ABO
Theme URI: http://www.wpdesigner.com
Description: This is my theme for a tutorial.
Version: 1.0
Author: Small Potato
Author URI: http://www.wpdesigner.com/

*/

body, h1, h2, h3, h4, h5, h6, blockquote, p{
margin: 0;
padding: 0;

}

body{
  margin: 0;
  font-family: Arial, Helvetica, Georgia, Sans-serif;
  font-size: 12px;
  text-align: center;
  vertical-align: top;
  color: #000000;
  background: #9FCFAA;
}

a:link, a:visited{
text-decoration: underline;
color: #7B5445;
}

a:hover{
text-decoration: none;
color: #ffffff;
}

p{
padding: 10px 0 0 0;
}


#wrapper{
margin: 0 auto 0 auto;
width: 800px;
text-align: left;
}

#header{
float: left;
width: 800px;
}
#header h1 {
  position:absolute;
  left:0px;
  top:-500px;
  width:1px;
  height:1px;
  overflow:hidden;
}

#searchbox {
-moz-opacity:0.75;
filter:Alpha(Opacity=75);
float: right;
position: relative;
top: -200px;
}


    /* Start of code for navigation bar */
    
    #miniflex {
      width: 100%;
      float: left;
      font-size: small; /* could be specified at a higher level */
      margin: 0;
      padding: 0 10px 0 10px;
      border-bottom: 1px solid #696;
      position: relative;
      z-index: 2;
    }
    
    #miniflex li {
      float: left;
      margin: 0;
      padding: 0;
      display: inline;
      list-style: none;
      position:relative;
    }
    
    #miniflex a:link, #miniflex a:visited {
      float: left;
      font-size: 85%;
      line-height: 20px;
      font-weight: bold;
      margin: 0 10px 0 10px;
      text-decoration: none;
      color: #7B5445;
    }
    
    #miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
      border-bottom: 4px solid #696;
      padding-bottom: 2px;
      color: #696;
    }
      
    #animated-tab {
      position: absolute;
      z-index: 1;
      font-size: 85%;
      line-height: 20px;
      padding-bottom: 2px;
      border-bottom: 4px solid #7B5445;
    }
    /* end of code for navigation bar */

#container{
float: left;
width: 550px;
}

.post{
padding: 10px 0 10px 0;
}

.post h2 {
background-image: url(images/titleback.jpg);
padding: 4px 0 4px 10px;
font-family: Georgia, Sans-serif;
font-size: 18px;
}
.post a:hover{
  color: #ffffff;
}


.entry{
line-height: 18px;
}

p.postmetadata{
border-top: 1px solid #ccc;
margin: 10px 0 0 0;
}

.navigation{
padding: 10px 0 0 0;
font-size: 14px;
font-weight: bold;
line-height: 18px;
}


.sidebar{
float: left;
width: 240px;
background: #599366;
margin: 0 0 0 10px;
display: inline;
}
.sidebar a:link, a:visited{
text-decoration: underline;
color: #532C1D;
}
.sidebar a:hover{
color: #ffffff;
}
    
    .sidebar ul{
    list-style-type: none;
    margin: 0;
    padding: 0 10px 0 10px;
    }
    .sidebar ul li{
    padding: 10px 0 10px 0;
    }
    .sidebar ul li h2{
    font-family: Georgia, Sans-serif;
    font-size: 14px;
    }
    .sidebar ul ul li{
    padding: 0;
    }
table#wp-calendar{
width: 100%;
}


#footer{
clear: both;
float: left;
width: 750px;
padding: 0 0 10px 0;
line-height: 18px;
}


h1{
font-family: Georgia, Sans-serif;
font-size: 24px;
padding: 0 0 10px 0;
}

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}