/*
Theme Name: Lets GO Theme
Theme URI: http://kumod.akoniya.com/
Description: Theme for the Lets GO Foundation website.
Version: 0.1
Author: Wilfred Reyes
*/

/* reset */
html, body {
margin:0;
padding:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
color:#000;
}

body {
min-width:780px;
text-align:center;
font-size:12px;
line-height:1.3em;
border-top:10px solid #132959;
background: #fff url('images/header-bckgrnd.gif') top left repeat-x;
}

h1, h2, h3, h4 {
font-family:"Trebuchet MS", Georgia, Verdana, serif;
font-size:1.3em;
margin:0;
padding:0;
color: #18ae0e;
}

h1 {
font-family:"Trebuchet MS", Georgia, Verdana, serif;
font-size:1.5em;
margin:0;
padding:0;
border-bottom: 1px dotted #132959;
color: #132959;
}

p {
margin:1em 0 0 0;
padding:0;
font-size:1em;
line-height:18px;
/*border:1px dotted #3333CC;*/
}

p+p {
font-size:1em;
}

#header {
/*border:1px dotted #CC0000;*/
/*background-color:#234CA5;*/
background:#ffffff url('images/header-letsgo-logo.gif') no-repeat left;
height:130px;
}

#wrapper {
background:#FFF;
width:780px;
margin:0 auto;
text-align:left;
}

div#container {
float: left;
width: 100%;
}

div#content {
margin: 0 200px 0 170px;
}

div.sidebar {
float:left;
overflow:hidden;
width:180px;
}

div.sidebar li a {
text-decoration:none;

}

div.sidebar h3 {
background: #F0F0F0;
padding:8px 0 8px 5px;
color:#132959;
border-bottom: 1px dotted #DDDDDD; 
}

div#primary {
margin:0 0 0 -780px;
width:150px;
}

* html div#primary {
left:0;
position:relative;
}

div#secondary {
margin:0 0 0 -180px;
}

div#footer { 
clear:left;
width:780px;
margin:0 auto;
padding: 10px 0 10px 0;
border-top: 1px solid #132959;
font-size: .95em;
text-align:center;

/*border:1px dotted #009999;*/
}

label, input, select, textarea {
font-size:1em;
}

/* header */
#blog-title {
width:246px;
height:125px;
background: url('images/letsgo-logo.gif') 0% 50% no-repeat;
padding:0.5em 0;
}

#blog-title a {
border:1px solid #330033;
position:absolute;
left:-999999px;
}

/* ///////////////////////////////////////////////////////////////// content ///////////////////////////////////////////////////////////////// */
#content {
padding:0;
/*background-color:#99FF99;*/
}

#content h1 {
margin:1em 0;
padding:0 0 10px 0;
color:#132959;
}

#content .entry-title {
margin:1em 0 0 0;
}

#content h2, #content h3, #content h4 {
margin:1em 0;
padding:0;
}

.entry-meta, .navigation {
margin:1em 0;
padding:0;
}

.entry-meta {
border:1px dotted #DDD;
padding:0.5em 1em;
color:#666;
}

.entry-meta a {
color:#333;
}

.entry-meta a:hover {
color:#FFF;
background-color:#999;
text-decoration:none;
}

.form-label {
margin:1em 0 0.25em 0;
padding:0;
}

.form-submit {
/*border:1px dotted #FF0066;*/
margin:1em 0;
padding:0;
}

#respond h3 {
border:1px dotted #FF0066;
margin:2em 0 0 0;
padding:0;
}

#respond form {
border:1px dotted #FF0066;
margin:0;
padding:0;
}

.entry-date {
/*border:1px dotted #FF0066;*/
margin:0.25em 0 1em 0;
padding:2px 2px 0 5px;
font-size:.90em;
}

.edit-link {
/*border:1px dotted #FF0066;*/
}

.entry-content .edit-link {
display:block;
margin:1em 0;
}

.archive .entry-meta {
border:none;
padding:0;
}

/* ///////////////////////////////////////////////////////////////// sidebar ///////////////////////////////////////////////////////////////// */
#primary, #secondary {
padding:1em 0;
}

#secondary p {
padding: 0 5px 5px 5px;
font-size: .90em;
line-height: 1.5em;
border:none;
}

#primary ul, #secondary ul {
padding:0;
margin:0;
border:0px dotted #999933;
}

#primary ul li, #secondary ul li {
list-style:none;
margin:0;
padding:0.3em 0;
}

#primary ul li a {
list-style:none;
margin:0;
padding:0;
color:#000066;
}

#primary ul li a:hover {
list-style:none;
margin:0;
padding:0;
color:#000066;
background-color:#66CC66;
width:100%;
}

#primary ul li ul li a {
list-style:none;
margin:0;
/*padding:0.3em 0;*/
padding:0 0 0 0;
color:#339900;
}

#primary ul li ul li a:hover {
border-bottom: dashed 0px #0000CC;
}

.menu {
border-bottom:1px dotted #CCCCCC;
font-size:13px;
font-weight:bold;
padding-top:20px;
color:#009933;

}

.menu a:link {
color:#009933;

}

.menu a:active {
color:#009933;

}

.menu a:visited {
color:#009933;

}

.menu a:hover {
color: #009933;

}

/* navigation */
.navigation {
/*border:1px dotted #00FF66;*/
border:1px dotted #DDD;
padding:0.5em 1em;
color:#666;
font-size: .90em;
}

.nav-previous {
float:left;
text-decoration:none;
}

.nav-next {
float:right;
text-decoration:none;
}

.nav-previous a, visited, active {
text-decoration:none;
color: #999;

}

.nav-previous a:hover {
color:#FFF;
background-color:#999;
text-decoration:none;
}

.nav-next a, visited, active {
text-decoration:none;
color: #999;
}

.nav-next a:hover {
color:#FFF;
background-color:#999;
text-decoration:none;
}

.sidepost {
/*border:1px dotted #00FF66;*/
background-color: #f2f7ff;
margin:1em 0;
padding:0;
}

.sidepost .entry-date {
color:#999;
font-size: .90em;
}

.sidepost h2 {
font-size:12px;
border-bottom:1px dotted #CCCCCC;
line-height:1.3em;
padding:5px 0 0 5px;
}

.sidepost h2 a {
text-decoration:none;
color:#18ae0e;
}

/* ///////////////////////////////////////////////////////////////// extras ///////////////////////////////////////////////////////////////// */
.firstsect {
margin-top:0;
}

.AccordionPanelTab { 
font-size:12px;
}

.page-item-27 {
font-size:11px;
color:#339900;
}

.page-item-28 {
font-size:11px;
color:#339900;
}

.page-item-29 {
font-size:11px;
color:#339900;
}

.page-item-30 {
font-size:11px;
color:#339900;
}

.page-item-31 {
font-size:11px;
color:#339900;
}

.page-item {
font-size:11px;
color:#339900;
}

.AccordionPanelTab {color:#339900;}
.AccordionPanel {color:#339900;}
.AccordionPanelContent {color:#339900;}

img.alignright { float:right; margin:0 0 18px 18px; }
img.alignleft { float:left; margin:0 18px 18px 0; }

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

* html .clearfix {
height: 1%;
}

