﻿/*   
Theme Name: Learn Guitar Blog Theme
Theme URI: http://www.learnguitarblog.com/
Description: A template for my guitar blog
Author: Dave Long
Author URI: http://www.learnguitarblog.com
Version: 1.0
*/

body 
{
background-color:#8e8b86;
border-top:2px solid #8BC159;
text-align: center
}

#wrapper 
{
width:860px;
margin:0 auto;
text-align: left	
}

#header 
{
background-image: url(images/top-banner.png);
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
height:280px;
}

#squeezeheader {
background-image: url(images/squeeze-banner.png);
background-repeat: no-repeat;
background-position: left top;
background-color: #ffffff;
height:90px;
}


#navigation {
background-color: #ffffff;
width: 828px;
height:16px;
padding:16px
}

#menu {
background-color: #ffffff;
float: left;
}

#syndication {
background-color: #ffffff;
float: right;
margin-right:35px;
}

#excerpt {
background-color: #ffffff;
padding:20px;
}

#excerptinfo {
background-color: #ffffff;
padding:2px;
}

#sidebar1 {
width:200px;
padding:5px;
float:left;
background-color:#fff;
}

#sidebar2 {
width:468px;
height:60px;
padding:5px 70px 5px;
background-color:#fff;
float:right;
}

#sidebar3 {
width:468px;
height:60px;
padding:5px 70px 25px;
background-color:#fff;
float:right;
}

#content {
margin-top:5px;
border-right:1px solid #eee;
border-left:1px solid #eee;
padding:15px 15px 15px 15px;
background-color:#fff;
float:right;
}

#pagecontent {
width: 830px;
margin-top:5px;
border-right:1px solid #eee;
border-left:1px solid #eee;
padding:15px 15px 15px 15px;
background-color:#fff;
float:right;
}


#widecontent {
margin-top:5px;
border-right:1px solid #eee;
border-left:1px solid #eee;
padding:5px 5px 5px 5px;
background-color:#fff;
float:right;
}


#postcontent {
width:590px;
border-right:1px solid #eee;
border-left:1px solid #eee;
padding:15px 15px 15px 15px;
background-color:#fff;
float:right;
}

#footer {
padding:20px;
text-align:right;
border-top:1px solid #eee;
margin:0;
color:#999;
}

#navbar {
margin: 0;
padding: 0;
height: 20px; 
}

#navbar li {
list-style: none;
float: left; 
}

#navbar li a {
display: block;
padding: 3px 8px;
background-color: #5e8ce9;
background-image: url(images/menu.png);
color: #000;
text-decoration: none; 
}

#navbar li ul {
display: none; 
background-color: #69f;
}

#navbar li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0; 
}

#navbar li:hover li, #navbar li.hover li 
{
float: none; 
}

#navbar li:hover li a, #navbar li.hover li a 
{
background-color: #69f;
border-bottom: 1px solid #fff;
color: #000; 
}

#navbar li li a:hover {
background-color: #8db3ff; 
}

#nav {
margin: 0;
padding: 0;
height: 50px; 
}

#nav li {
list-style: none;
float: left; 
width: 200px; 
background-image: url(images/button.png);
height: 50px;
}

#nav li a {
display: block;
padding: 10px 10px;
color: #09093a;
text-decoration: none; 
font-family: Tahoma, Helvetica, Georgia, sans-serif;
font-size:12px;
font-weight:bold;
text-align:center;
vertical-align:center;
}

#nav li ul {
display: none; 
background-color: #69f;
}

#nav li:hover ul, #navbar li.hover ul {
display: block;
position: absolute;
margin: 0;
padding: 0; 
}

#nav li:hover li, #navbar li.hover li 
{
float: none; 
}

#nav li:hover li a, #navbar li.hover li a 
{
background-color: #69f;
border-bottom: 1px solid #fff;
color: #000; 
}

#nav li li a:hover {
background-color: #8db3ff; 
}

#sidebar1 ul, sidebar2 ul, sidebar3 ul
{
margin: 0;
padding: 0;
list-style: none;
}

#syndication a.feed{
font-family: Tahoma, Helvetica, Georgia, sans-serif;
font-size:12px;
font-weight:bold;
padding: 0 0 0 20px;
background: url(images/feed_icon.png) no-repeat 0 1px;
}

#header h1 {
font-family: Tahoma, Helvetica, Georgia, sans-serif;
font-size:26px;
font-weight:bold;
color: #d20707;
text-align: center;
margin:15px 0 0 0;
padding:25px 25px 40px 0;
}

#squeezeheader h1 {
font-family: Tahoma, Helvetica, Georgia, sans-serif;
font-size:26px;
font-weight:bold;
color: #d20707;
text-align: center;
margin:15px 0 0 0;
padding:25px 25px 40px 0;
}


#postcontent h1 {
font-family: Tahoma, Helvetica, Georgia, sans-serif;
font-size:20px;
font-weight:bold;
margin:15px 0;
border-bottom:1px solid #d20707;
padding:5px 0;
line-height: 30px;
}

#content h2 {
font-family: Tahoma, Helvetica, Georgia, sans-serif;
font-size:16px;
font-weight:bold;
margin:15px 0;
padding:5px 0;
line-height: 30px;
color: #d20707;
}

#content h3 {
font-family: Tahoma, Helvetica, Georgia, sans-serif;
font-size:12px;
font-weight:bold;
margin:5px 0;
padding:5px 0;
}

#content body {
font-family: Arial, Helvetica, Georgia, Sans-Serif;
font-size: 12px;
text-align: justify;
padding:2px;
}


.postinfo a
{
color: #578cca;
margin-top:10px;
padding-top:10px;
}

.postdate
{ 
color: #a12a2a; 
margin-top:10px;
}

@import url(http://www.google.com/cse/api/branding.css);

.clear {
clear:both;
}

/* COMMENTS TEMPLATE */

.post h3#comments, .post h3#respond{
line-height: 27px;
color: #e45b00;
}

.post h3#respond{
color: #333;
}

ol.commentlist{
margin: 0 0 11px;
padding:0;
list-style: none;
}

ol.commentlist li{
padding: 13px 0;
background: url(images/bg_comment_bottom.gif) no-repeat left bottom;
}

ol.commentlist li .commentmetadata{
font-size: 11px;
color: #546477;
}

ol.commentlist li .commentmetadata a{
color: #546477;
}

form#commentform small{
font-size: 11px;
}