/*  
Theme Name: oolaa
Theme URI: http://oolaa.net
Description: Vesper is a 2 column Wordpress theme with subpage support. This work is distributed under the terms of the GNU General Public License. This means you are free to use this template for any purpose, and make changes as you see fit. Please leave the link in the footer, or donate if you would like to remove it.
Copyright: 2009
Version: 1.0.6
Author: <a href="http://oolaa.net">Ryan Kaye</a> 
Tags: fixed width, simple, clean, widget ready, two columns, sidebar right, orange, valid XHTML, valid CSS, ie6, ie7, firefox 2.0, opera 9.0, wp-pagenavi, excerpt reloaded
*/

/* GLOBAL SITE ELEMENTS
------------------------------------------------------*/

* {
margin: 0;
padding: 0;
outline: none;
}

body {
margin:0;
font: normal 80%/160% helvetica, arial, verdana, san-serif;
background: #fff   url(images/bg.png) repeat-x   ; 
color: #333;
}

/* MAIN SITE ELEMENTS
------------------------------------------------------*/

#wrapper {
position: relative;
width: 960px;
padding: 0;
margin: 0 auto;
background: transparent url(images/seatlogo.png)  top left  no-repeat;
}

#wrapper:after, #header:after, .post:after, .post-date:after {
content:  ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#topbar{
height: 0px;
background: transparent;
}

#header {
position: relative;
height: 100px;
background: transparent   ;
}

* html #header {
height: 85px;
}

#navigation {
height: 20px;
background: #afd775;
background: #afd775;
border: 1px solid #afd775;
}

#content {
width: 650px;
float: left;
min-height: 600px;
/* background: url(images/content-bg.gif) no-repeat top right; */
background: #fff;
background: transparent;
margin-top: 0px;
}

#sidebar {
width: 300px;
min-height: 255px;
float: right;
background: #fff url(images/sidebar.png) right bottom no-repeat;
color: #333;
font-size: 86%;
}

#footer_wrap {
position: relative;
clear: both;
text-align: center;
color: #999;
background: #fff;
}

#footer {
position: relative;
clear: both;
text-align: left;
font-size: 11px;
width: 860px;
margin: 0 auto;
padding: 20px 0;
background: #fff;
}

#sitedesign{position: absolute; left: -1000px;}

/* HEADER ELEMENTS
------------------------------------------------------*/

#site-meta {
position: absolute;
left: 0;
top: 30px;
}

#header h1 {
position:absolute;
left:-2000px;
}

#header h1 a {
color: #fff;
}

#header h1 a:hover {

}

#header span.description {
position: relative;
margin-left: 5px;
color: #7e4c10;
}


/* TOP SEARCH
------------------------------------------------------*/

#topsearch {
position: absolute;
right: 0px;
top: 102px;
width:298px;
height: 42px;
text-align: right;
}

* html #topsearch {
top: 98px;
}

#topsearch input {
margin-right: 10px;
}

#topsearch button {


}

/* SIDEBAR ELEMENTS
------------------------------------------------------*/


#sidebar h2 {
margin: 0 ;
padding: 0 ;
border-bottom: 1px dotted #ddd;
font-size: 1.3em;
margin-top: 20px;
margin-bottom: 10px;
}

#sidebar li ul {
margin: 0;
}

#sidebar li ul li {
border-bottom: 1px dotted #ccc;
padding: 3px 0;
/*
padding-left: 18px;
margin-right: 5px;
*/
/* background: #fff url(images/sidebar-li.gif) no-repeat 0 6px; */
}

#sidebar li ul li:hover {
/* background: #e8e8e8 url(images/sidebar-li.gif) no-repeat 0 6px; */
}

#sidebar li ul li.current_page_item {
/*
padding-left: 8px;
padding-right: 10px;
*/
background: #e8e8e8;
}

#sidebar li ul li.current_page_item a {
color: #84755c;
}

#sidebar li ul li ul li, #sidebar li ul li ul {
display: none;
}

#sidebar li ul li {
color: #222;
}

#sidebar li a {
/* color: #555; */
}

#sidebar li a:hover {
/* color: #84755c; */
}

.widget {
margin: 0;
padding: 0;
margin-bottom: 30px;
}


.widget_recent_entries{
width: 200px;
}

.widget_recent_entries h2{

}

.textwidget{
background: #fff;
border: 1px dotted #ccc;
padding: .3em;
margin: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}


/* FOOTER ELEMENTS
------------------------------------------------------*/

#footer a {
color: #f7951e;
}

#footer a:hover {
text-decoration: underline;
}


/* HEADER NAV
------------------------------------------------------*/




/* GENERAL ELEMENTS
------------------------------------------------------*/

img a,a img {
border:0;
}


p, h2, h3, h4, ul, table {
margin: 15px 30px;
}

ul {
margin-left: 50px;
}

li {
list-style: none;
}

hr {
clear: both;
height: 1px;
line-height: 1px;
font-size: 1px;
visibility: hidden;
margin: 0;
padding: 0;
}

table{
border-collapse: collapse;
width: 540px;
}

table th{
text-align: left;
padding: .3em;
padding-top: .8em;
border-bottom: 2px solid #49728d;
vertical-align: top;
}

table td{
text-align: left;
padding: .3em;
border-bottom: 1px solid #eee;
vertical-align: top;
}

/* HEADINGS
------------------------------------------------------*/

h1, h2, h3, h4, h5 {
font-weight: normal;
}

h1 {
font-size: 2.2em;
margin: 0 20px;
}

h2 {
font-size: 1.3em;
color: #6fabe9;
text-transform: capitalize;
}

/* LINKS
------------------------------------------------------*/

a {
color: #6fabe9;
text-decoration: none;
}

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

/* POST SECTION ELEMENTS
------------------------------------------------------*/


.post-info-2{
color: #999;
font-size: smaller;
}

#post_nav{
margin: 20px;
margin-bottom: 30px;
}

.post {
margin: 0;
margin-top: 30px;
border-bottom: 0px dotted #ddd;
}

.post h2 {

font-size: 1.4em;
}

.post h2 a {
color: #6fabe9; 
}

.post h2 a:hover {
}

.post-info {
padding:0;
font-size: 90%;
margin: 0;
color: #999;
text-align: center;
display: none;
}

.post-info a {

}

.post-info a:hover {

}

.post-info .setting {

}

.post-info .datetime{
/* background:#fff url(images/clock.png) no-repeat 0 2px; */
padding: .5em;
}

.post-info .user{
/* background:#fff url(images/user.png) no-repeat 0 2px; */
padding: .5em;
}

.post-info .filedlink{
/* background:#fff url(images/document.png) no-repeat 0 2px; */
padding: .5em;
}

.post-info .commentslink{
/* background:#fff url(images/comments.png) no-repeat 0 2px; */
padding: .5em;
}

.post-info .editlink{
/* background:#fff url(images/write.png) no-repeat 0 2px; */
padding: .5em;
}

.post-entry p {

}

.post-entry a {
/* color: #4f6373; */
}

.post-entry a:hover {
/* color: #84755c; */
}

.post-entry span.more-link {
display: block;
margin: 10px 0;
}

.post-entry span.more-link a {
/* color: #864901; */
}

.post-entry span.more-link a:hover {
/* color: #84755c; */
}

.post-entry h3 {
font-size: 1.25em;
border-bottom: 0px solid #f5f5f5;
color: #7ea24d;
}

.post-entry ul, .post-entry ol {

}

.post-entry ul {

}

.post-entry ul li, .post-entry ol li {
list-style: square;
border-bottom: 0px solid #fafafa;
padding: .2em 0;
margin-left: 3.5em;
}

.post-entry ol {
}

.post-entry ol li {
list-style: decimal;
margin-left: 7.5em;
}

.post-entry blockquote {
margin: 1.5em;
padding: 1em;
color: #999;
font-style: italic;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
clear: both;
}

.post-entry img {
float: left;
margin: .4em 0 0 1em;
padding: 0 10px 10px 0;
}

.post-entry img.alignright {
float: right;
margin: .4em 0 0 1em;
padding: 0 0 10px 10px;
}

.post-entry img.align-left {
float: left;
margin: .4em 1em 0 0;
padding: 0 10px 10px 0;
}

.post-entry img.align-center {
display: block;
margin: .4em auto;
padding: 0 10px 10px 10px;
}

.post-meta {
font-size: 95%;
color: #999;
}

.post-meta a {
/* color: #999; */
}

.post-meta a:hover {
color: #84755c;
}

.post-arch-info {
font-size: 95%;
color: #999;
margin: 0 0 2em;
padding: 0 0 1em;
border-bottom: 1px solid #f5f5f5;
}

.wp-pagenavi {
font-size: 11px;
text-transform: uppercase;
clear: both;
color: #555;
padding: 0;
text-align: right;
}

.wp-pagenavi a, .wp-pagenavi .current {
padding: 3px 7px;
border: 1px solid #ccc;
/* color: #f7951e; */
margin-left: 1px;
font-weight: normal;
}

.wp-pagenavi a:hover, .wp-pagenavi .current {
font-weight: normal;
}

.wp-pagenavi .pages {
float: left;
line-height: 13px;
}

/* WP 2.6 REQUIRED ELEMENTS
------------------------------------------------------*/

.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption {
text-align: center;
padding-top: 4px;
margin: 10px;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #999;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

form{
margin: 0 30px;
}

/* COMMENT ELEMENTS
------------------------------------------------------*/

#comments h2, #respond h2 {

border-bottom: 1px solid #f5f5f5;
}

#comments {

background: url(images/hr.gif) 0% 100% no-repeat;
padding: 0 0 1em;
}

#comments h3 {
font-size: 1.2em;
}

#comments img {
float: left;
margin: 0 5px 5px 0;
}

label {
display: block;
}

#comments p {

}

.commentlist li {

}

button{

}

#respond input, #respond textarea {
width: 500px;
border-top: 1px solid #666;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
padding: 3px;
margin: .1em 0 .5em;
}

/*
#respond button {
width: 75px;
height: 35px;
text-indent: -9999px;
border: none;
float: left;
cursor: pointer;
}
*/

#respond button#submit {
/* background: url(images/submit.png) no-repeat; */
margin-right: 10px;
}

#respond button#reset {
/* background: url(images/reset.png) no-repeat; */
}


/* calendar
------------------------------------------------------*/

#calendar  {
margin-top: 10px;
border-bottom: 1px dotted #ccc;
}

#wp-calendar {
width: 90%;
margin-left: 5%;
}

#wp-calendar caption {
color: #864901;
margin-top: 5px;
}

/* RSS
------------------------------------------------------*/

#rss {
position: absolute;
right: 0px;
bottom: 20px;
margin: 0;
}

#rss-entries {
background: url(images/rss-entries2.png) no-repeat 0 0;
border: none;
float: left;
height: 18px;
margin: 0 4px 0 0;
padding: 0;
text-decoration: none;
text-indent: -3000px;
width: 46px;
}

#rss-entries:hover {
background: url(images/rss-entries2.png) no-repeat 0 -18px;
}

#rss-comments {
background: url(images/rss-comments.png) no-repeat 0 0;
border: none;
float: left;
height: 18px;
margin: 0 4px 0 0;
padding: 0;
text-decoration: none;
text-indent: -3000px;
width: 46px;
}

#rss-comments:hover {
background: url(images/rss-comments.png) no-repeat 0 -18px;
}

.logos{
text-align: center;
}

/*Nav
---------------------------------------*/
#nav {
width:100%;

}
#nav, #nav ul {
float: left;
line-height: 20px;
padding: 0;
margin: 0;
width: 100%;
}
#nav a {
display: block;
color: #fff;
text-decoration: none;
padding: 0px 20px;
}
#nav li {
float: left;
border-right: 0px solid #afd775;
}
#nav li.home { border-left: 1px solid #afd775; }
#nav ul {
position: absolute;
left: -999em;
height: auto;
width: 250px;
font-weight: normal;
line-height: 20px;
border: 0;
border-top: 1px solid #afd775;
z-index: 1000;
}
#nav li li {
width: 250px; 
border-bottom: 1px solid #afd775;
border-left: 1px solid #afd775;
border-right: 1px solid #afd775;
background: #fff url(../images/nav-sub-background.gif) repeat-x top left;
}
#nav li li a {
padding: 4px 10px;
width: 240px;
}
#nav li ul ul {
margin: -29px 0 0 250px;
}
#nav li li:hover {
color: #afd775;
}
#nav li ul li:hover a, #nav li ul li li:hover a, #nav li ul li li li:hover a, #nav li ul li li li:hover a { color: #afd775; }
#nav li:hover a, #nav li.sfhover a { color:#afd775; }
#nav li:hover li a, #nav li li:hover li a, #nav li li li:hover li a, #nav li li li li:hover li a { color:#4b8f07; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul { left:-999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul { left:auto; }
#nav li:hover, #nav li.sfhover {
 background: #fff ; 
 color: #4b8f07;
}
#nav .current_page_parent, #nav .current_page_ancestor, #nav .current-cat-parent {
/* background: #fff; */
color: #4b8f07;
}
#nav .current-cat, #nav .current_page_item {
/* background: #fff; */
color: #4b8f07;
}


#nav-below{
text-align: center;
}


.img_tbl td{
text-align: center;
}

.img_tbl img{
text-align: center;
float: none;
padding: 10px 0;
margin: 0;
}

.aslideshow{
margin-left:30px;
}

.standout{
background: #7ea24d url(/wp-content/themes/oolaa2/images/bg_about.png) top right no-repeat;
color: white;
margin-left: 30px;
/*
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
*/
padding: 10px 0px;
}

.standout a{
color: #e5d76a;
text-decoration: none;
}

.standout a:hover{
color: #e5d76a;
text-decoration: underline;
}