/*
Theme Name: Classical Guitar Blog
Theme URI:  http://www.christopherguitar.net/
Description:  A theme just for ClassicalGuitar.org
Version: 1.0
Author: Christopher Davis
Author URI: http://www.christopherguitar.net/
*/
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display:block;
  margin:0;
  padding:0
}

:link,:visited {text-decoration:none;}
ul,ol {list-style:none;}
h1,h2,h3,h4,h5,h6,pre,code,p {font-size:1em;}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0;}
a img,:link img,:visited img {border:none;}
address {font-style:normal;}

.clear:after,
.clear:before {
  content:'.';
  display:block;
  clear:both;
  width:100%;
  height:0;
  visibility:hidden;
}

/* Required Wordpress Classes, don't remove these.
-----------------------------------------------------------*/
.aligncenter {
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.alignleft { float:left; }
.alignright { float:right; }
.wp-caption { text-align:center; }

/*Body & Links 
------------------------------------------------------------ */
body {
  font-size: 62.5%;
  font-family: Georgia, Times New Roman, Times, Serif;
  line-height: 2.2em;
  color: #333;
}
a, a:visited { color: #772124; }
.entry a:link, .entry a:visited { font-weight: bold; }
a:hover {
  text-decoration: underline;
  color: #58181b;
}

/*Basic Structure
------------------------------------------------------------ */
#wrapper{
  width: 930px;
  margin: 0 auto;
  text-align: left;
}
#content{ 
  float: left; 
  width: 600px;
  padding: 8px 30px 20px 0;
}
#sidebar { 
  float: right; 
  width: 300px;
    padding-bottom: 20px;
    margin-top:-15px;
}
.thin-sidebar {
  float: left;
  width: 140px;
}
.spad { padding-right: 20px; }
#footer { 
  clear: both;
  padding-top: 5px; 
  border-top: 1px solid #ddd;
}
.clear:after, li.comment:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*Header
------------------------------------------------------------ */
header {
  padding:20px 0 0 0;
  border-bottom:3px solid #333;
}

.breadcrum {
    color:#666666;
    font-size:1.1em;
    margin:10px 0 0 0;
    padding-bottom:2px;
}

.breadcrum a:link,
.breadcrum a:visited {
    color:#666666;
    font-style:normal;
}

.breadcrum strong {
  font-weight:normal;
}

/* branding */
header hgroup {
  float:left;
  margin-bottom:5px;
}
header hgroup #title {
  font-size:4.6em;
  font-weight:bold;
  line-height:1.5em;
  margin-bottom:0;
}
header hgroup #title a:link, #title a:visited { 
  color:#444; 
}
header hgroup #title a:hover { 
  color:#772124; 
  text-decoration:none; 
}
#description {
  margin:-10px 0 0 0;
  font-size:1.4em;
  font-weight:normal;
  color:#666;
}

/* General menu styles */
ul.nav {
  padding:0 0 0 0;
  list-style:none;
  position:relative;
  margin-left:0;
}
ul.nav li {
  float:left;
}
ul.nav li.menu_item a, #nav .page_item a:visited {
  color:#333;
  text-decoration:none;
  }
ul.nav a {
  color:#333;
}
ul.nav a:hover {
  color:#772124;
  text-decoration:none;
  padding-top:.1em;
  border-top:4px solid #772124;
}

/* Main Nav */
nav#main-navigation {
  font-size:1.8em;
  font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
  margin-top:30px;
  margin-left:-15px;
}

nav#main-navigation ul li {
  margin-left:15px; 
}

nav#main-navigation .current_page_item > a:link, 
nav#main-navigation .current_page_item > a:visited, 
nav#main-navigation .current_page_item > a:hover {
  color:#772124;
  text-decoration:none;
  padding-top:.1em;
  border-top:4px solid #772124;
}
    
/* Secondary Navigation */
nav#secondary-navigation {
  font-size:1.5em;
  font-family:"Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
  margin-top:10px;
  width:100%;
  padding:0 0 10px 0;
  border-bottom:3px solid #333;
}
nav#secondary-navigation ul {
  float:left; 
}
nav#secondary-navigation ul li {
  float:left;
  position:relative;
}
nav#secondary-navigation ul li ul.sub-menu {
  display:none;
  z-index:10000;
  position:absolute;
  top:15;
  left:0;
  padding:10px 0 0 0;
}
nav#secondary-navigation ul li ul.sub-menu li {
  display:block;
  border:1px solid #ccc;
  background:white;
  float:none;
  padding:3px 5px;
}
nav#secondary-navigation ul li ul.sub-menu li a:hover {
  border-top:none;  
}
nav#secondary-navigation a,
nav#secondary-navigation a:visited {
  color:#772124;
  text-decoration:none;
  color:#333;
}
nav#secondary-navigation a:hover {
  color:#772124;
  text-decoration:none;
  border-top:4px solid #772124;
}

/* Footer
------------------------------------------------------------ */
footer {
  color: #666;
  font-size: 1.1em;
  border-top:1px solid #ccc;
  margin-top:20px;
  padding:10px 0 40px 0;
}
footer img {
  vertical-align:-3px;  
}
footer a, #footer a:visited { 
  color:#666; 
  text-decoration:none; 
}
footer a:hover { 
  color: #772124;
}
footer ul.nav li {
  padding:0 0 0 15px; 
}
footer ul.nav li a:hover {
  border-top:none;  
}

/* Post Styles
------------------------------------------------------------ */

article header {
  padding:0;
  color:#666;
}

article header a,
article header a:visited {
  color:#666; 
}

.entry { font-size: 1.3em; }
.entry p { margin-bottom: 10px; }
.entry h2, .entry h3, .entry h4 {
  font-size: 1.3em;
  padding: 15px 0 5px 0;
}

.entry h3 { 
  padding-top: 10px;
  font-size: 1em;
}

.entry h4 { 
  padding-top: 10px;
  font-size: .9em;
}

article header {
  border-bottom: 4px double #dddddd;
  color:#333;
  margin-bottom:10px;
}
article header h1 { 
  font-size: 2.6em; 
  line-height: 1.1em;
}
article header a {
  color:#333; 
}

/* Author Box */
aside.author {
  line-height:1.8em;
}

.author h3 {
  margin-bottom:8px;
}

aside.author img {
  float:left;
  margin-right:10px;  
}

/* Post Footer */
article footer {
  border-top:none;
  border-bottom:1px solid #ddd;
  padding:10px 0;
  margin:10px 0 20px 0;
  line-height:1.5em;
}

article footer a,
article footer a:visited {
  color:#666; 
}

/* Post Sharing */
.likes {
  position:relative;
}

.likes h3 {
  margin-bottom:8px;
}

.likes div {
  display:inline-block;
  margin:0 5px 0 0;
  position:relative;
}

.likes .twt {
  top:2px;
}

.likes .fb-like {
  top:-1px;
  left:4px;
}

/* Post related products */
.products {
  line-height:1.8em;
}
.products h3.widgettitle {
  margin-bottom:8px;
}

.products h4 {
  font-size:1.2em;
  margin:0 0 5px 0;
  padding:0;
}

.products h4 a {
  color:#333;
}

.products img {
  float:left;
  margin-right:10px;
}




/* Comments */
.comments {
  font-size: 1.3em;
  color: #757575;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
  text-transform: uppercase;
  float:right;
}
div.date {
  float:left
}
.comments a {
  display: block;
  color: #757575;
  padding: 0 0 0 25px;
  background: url(images/comments-bubble.gif) no-repeat 0 6px;
}
.comments a:hover {
  color: #772124;
  background: url(images/comments-bubble.gif) no-repeat 0 -22px;
}

/*Post Body
---------------------------------------*/
pre {
  margin: 10px 0;
  padding: 1em 10px;
  overflow: auto;
  background-color: #E9EBD9;
  color: #000;
  }
code { 
  padding: 2px 3px;
  font: 1.1em Consolas, Courier New, sans-serif;
  background-color: #E9EBD9;
  color: #000;
  }
pre code { font-size: 1.3em; }
blockquote {
  display: block;
  padding: 20px 20px 10px 45px;
  margin: 20px 0;
  font-style: italic;
  font-size: 1.2em;
  color: #141310;
  background: #e7e6e2 url(images/blockquote.gif) no-repeat top left;
  }
.float-quote {
  float: left;
  width: 300px;
  padding: 15px;
  margin: 10px 10px 0 0;
  background: #eaeaea;
  border-top: 4px solid #333;
  border-bottom: 4px solid #333;
  }
.entry .float-quote p {
  margin: 0;
  padding: 0 0 0 40px;
  font-size: 1.2em;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
  line-height: 1.3em;
  background: url(images/float-quote.gif) no-repeat top left;
  }
.highlight-box {
  float: right;
  margin: 0 0 10px 10px;
  width: 200px;
  padding: 10px;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
  border-top: 8px solid #000;
  background: #772124;
  color: #fff;
  }
.highlight-box a:link, .highlight-box a:visited {
  color: #fff;
  text-decoration: underline;
}
.highlight-box a:hover { text-decoration: none; }
.entry .highlight-box p {
  margin: 10px 0;
  line-height: 1.4em;
  font-size: 1.1em;
  }
.entry .highlight-box ul li {
  font-size: 1.1em;
  background: url(images/list-square.gif) no-repeat 0 .4em; 
   }
.entry .highlight-box h2, .entry .highlight-box h3, .entry .highlight-box h4 { 
 margin: 0; 
 padding: 0;
 color: #fff; 
 }
.highlight-box h2 { text-transform: uppercase; }
.entry ul, .c-body ul {
  margin: 0 0 10px 10px;
  }
.entry ul li, .c-body ul li {
  display: block;
  margin: 5px 0 0 0;
  padding: 0 0 0 17px;
  background: url(images/list-star.gif) no-repeat 0 .3em;
  }
.entry ol, .c-body ol {
  list-style-type: decimal;
  list-style-position: inside;
  margin: 0 0 10px 10px;
  }
.entry ol li ol li, .c-body ol li ol li { 
    font-size: .9em;
    list-style-type: lower-roman; 
    }
.entry ol li, .c-body ol li {
  margin: 5px 0 0 0;
  }
.navigation {
  padding: 10px 0;
  font-size: 1.3em;
  }
.index { padding: 0; }
/*Pages
---------------------------------------*/
h1.pagetitle,
h2.pagetitle {
  margin-bottom: 10px;
  padding-bottom: 7px;
  font-size: 2.6em;
  line-height: 1.1em;
  border-bottom: 4px double #dddddd;
}
h1.pagetitle a,
h2.pagetitle a {
  color:#333;
}


/*Archives List
---------------------------------------*/
img.archive-comment {
  float: right;
  margin: 0 .5em .5em 0;
  }
.entries { 
  font-size: 1.3em;
  clear: both; 
  }
.entries ul {
  margin: 0;
  padding: 0 0 1px 0;
  background: transparent url(images/archives-dotted-line.gif) repeat-x bottom left;
  }
.entries ul li {
  padding-top: 1px;
  background: transparent url(images/archives-dotted-line.gif) repeat-x top left;
  }
.entries ul li a {
  display: block;
  margin: 0;
  padding: 7px 0 7px 0.5em;
  }
.entries ul li a:hover {
  background-color: #EDEEDF;
  text-decoration: none;
  }
.entries span {
  display: block;
  text-align: right;
  }
.entries span.archdate, .entries a:hover span.archdate  {
  float: left;
  margin-right: 3em;
  padding-left: .5em;
  width: 3em;
  color: #666;
  }
.entries span.comments_number{
  float: right;
  margin-right: .5em;
  width: 3em;
  color: #666;
  } 

/*Sidebar
------------------------------------------------------------ */
#sidebar-image { padding-top: 20px; }
#sidebar-image { font-size: 1.3em; } 
#sidebar-image p { 
  margin-bottom: 15px; 
  line-height: 1.6em;
  }
div.textwidget p {
  font-size: 1.3em;
  margin: 10px 0 0 0;
}
.widgettitle {
  padding: 25px 0 3px 0;
  font-size: 1.4em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1.2pt;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
  border-bottom: 1px solid #dddddd;
  }
ul li.widget ul {
  margin: 0;
  font-size: 1.4em;
  }
ul li.widget ul li ul { 
  margin-left: 5px;
  font-size: 1em; 
  }
ul li.widget ul li { 
  padding: 8px 0 6px 0;
  border-bottom: 1px solid #dddddd; 
  }
ul li.widget ul li ul li { border-bottom: none; }
ul li.widget ul li a {
  display: block;
  padding: 0 0 0 14px;
  background: url(images/list-item.gif) no-repeat 0 .45em;
  }
ul li.widget ul li a:hover { background: url(images/list-item-hover.gif) no-repeat 0 .45em; }
.widget ul {
  margin: 0;
  font-size: 1.4em;
  }
.widget ul li ul { 
  margin-left: 5px;
  font-size: 1em; 
  }
.widget ul li { 
  padding: 8px 0 6px 0;
  border-bottom: 1px solid #dddddd; 
  }
.widget ul li ul li { border-bottom: none; }
.widget ul li a {
  display: block;
  padding: 0 0 0 14px;
  background: url(images/list-item.gif) no-repeat 0 .45em;
  }
.widget ul li a:hover { background: url(images/list-item-hover.gif) no-repeat 0 .45em; }
ul li.widget ul#recentcomments li a {
  padding: 0;
  background: none;
  }
/*RSS Box
---------------------------------------*/
#rss-feed  { padding-top: 10px; }
#rss-feed p {
  font-size: 1.3em;
  line-height: 1.6em;
  }
#rss-feed a.rss, #rss-feed a.email, #rss-feed a.twitter {
  float: left;
  font-size: 1.3em;
  margin: 10px 10px 0 0;
  display: block;
  padding: 0 0 0 19px;
  background: url(images/feed-icon.png) no-repeat 0 .25em;
  }
#rss-feed a.email {
  padding: 0 0 0 25px;
  background: url(images/mail-icon.png) no-repeat 0 .4em;
  }
#rss-feed a.twitter { 
  margin-right: 0;
  padding-left: 19px; 
  background: url(images/twitter-icon.png) no-repeat 0 .15em; 
  }
/*Search Box
---------------------------------------*/
#search_form input { margin: 10px 0 0 0; }
#search_form input { 
  padding: 4px 2px; 
  width: 132px;
  border: 2px solid #acacac;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: #f4f4f4;
  color: #888;
  }
#search_form input:focus { background: #fff; }
#search_form input#searchsubmit { padding: 2px 10px; }

/*Comments
------------------------------------------------------------ */
/*Top
---------------------------------------*/
.comment-number {
  display: block;
  font-size: 1.3em;
  padding: 0 0 10px 30px;
  background: url(images/comments-bubble-big.gif) no-repeat 0 .1em;
  }
.comment-number span {
  font-size: 1.3em;
  color: #777;
  }
.none { border-bottom: 1px solid #ddd; }
a#leavecomment { padding-left: 10px; }
/*Body
---------------------------------------*/
div.c-single, li.comment {
  padding: 20px 20px 10px 20px;
  border-top: 1px solid #ddd;
  background: #efefef;
  }
li.comment { padding: 20px 20px 0 20px; }
li.comment.depth-2 {
  margin-bottom: 10px;
  border: 1px dashed #ccc;
  background: #fff;
  }
ul.children {
  margin: 10px 0 0 20px;
  clear: both;
  }
div.alt, li.thread-odd { background: #fff; }
div.admin, li.comment.bypostauthor, li.comment li.comment.bypostauthor, li.comment.comment-author-admin, li.comment li.comment.comment-author-admin { background: #DCDFC2; }
div.c-grav {
  float: left;
  width: 80px;
  margin: 0;
  text-align: right;
  }
div.c-body {
  float: right;
  width: 464px;
  font-size: 1.3em;
  }
ul.children div.c-body { width: 404px; }
div.c-body p { margin-bottom: 10px; }
div.c-head {
  margin: 0 0 10px 0;
  font-weight: bold;
  }
div.c-date {
  float: right;
  color: #757575;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
  text-transform: uppercase;
  }
div.c-date span {
  color: #C1C1C1;
  font-weight: bold;
  }
.c-permalink a:link, .c-permalink a:visited {
  color: #c1c1c1;
  font-size: .7em;
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
  text-transform: uppercase;
  }
div.reply {
  float: right;
}
#cancel-comment-reply-link {
  float:right;
  font-size:12px;
  font-weight:normal;
}
div.reply { padding-bottom: 10px; }
div.reply a:link, div.reply a:visited {
  font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
  text-transform: uppercase;
  }
/*Form
---------------------------------------*/
form#commentform { 
  margin-bottom: 20px;
}

#respond {
  font-size: 1.5em;
}

h3#reply-title {
  margin: 20px 0;
  padding: 0 0 5px 0;
  font-size: 1.2em;
  color: #555;
  border-bottom: 1px solid #ddd;
}

form#commentform label {
  font-size:smaller;
  margin: 10px 0 5px 0;
}
#commentform p.comment-form-email,
#commentform p.comment-form-url,
#commentform p.comment-form-author {
  margin: 10px 0 5px 0;
}

form#commentform input[type=text],
form#commentform textarea {
  padding: 7px 3px;
  background: #F4F4F4;
  font-family: inherit;
  border: 2px solid #acacac;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  width: 591px;
  display:block;
}
form#commentform input[type=text] {
  width: 350px;
}
form#commentform input:focus,
form#commentform textarea:focus{ 
  background: #fff;
}
form#commentform input#submit {
  padding: 5px;
  width: 150px; 
}
form#commentform p.guidelines {
  font-size: .8em;
  margin: 10px 0;
  color: #777;
}
p.subscribe-to-comments,
p.comments-rss {
  margin: 0 0 10px 0;
}
p.comments-rss a {
  padding: 0 0 0 19px;
  background: url(images/feed-icon.png) no-repeat 0 .15em;
}
/*Note
---------------------------------------*/
p.note {
  font-style: italic;
  font-size: 1.3em;
}
/*Pingbacks/Trackbacks
---------------------------------------*/
h3.pinghead {
  font-size: 1.3em;
  color: #444444;
  }
ol.pinglist {
  list-style-type: decimal;
  list-style-position: inside;
  margin: 0 0 10px 10px;
  font-size: 1.3em;
  }

/*Default Alignment and Images
------------------------------------------------------------ */
.entry .alignleft img, .entry .alignright img, .entry .aligncenter img { border: 1px solid #ddd; }
.noborder { border: none; }
.entry .alignright, .entry .alignright .float-quote { margin: 0 0 10px 10px; }
.entry .alignleft, .entry .alignleft .highlight-box { margin: 0 10px 10px 0; }
.wp-caption p {
  font-style: italic;
  color: #888;
}

/**
 * Page Navi Styles
 **********************************************************************/
.wp-pagenavi {
  clear: both;
  text-align:center;
}

.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #BFBFBF;
  padding: 3px 5px;
  margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
  border-color: #000;
}

.wp-pagenavi span.current {
  font-weight: bold;
}
  
//----------------------------------------------------------------------

.abox h1 {
    font-size:1em;
}

.abox {
    border-top:1px solid #EFEFEF;
    padding:4px;
    margin-bottom:6px;
    margin-top:6px;
}

.abox a img {
border:none;
width:40px;
height:40px;
}


#interviews ul li a:hover {
background-color:#EDEEDF;
text-decoration:none;
}

#interviews ul li a {
display:block;
margin:0;
padding:7px 0;
}

#interviews span {
display:block;
text-align:right;
}


#interviews span.name {
color:#666666;
float:right;
margin-right:0.5em;
width:30%;
}

/*---Sidebar "Connect" Box --*/

a.feed {background:url('images/Feed.png') no-repeat; padding:8px 0 16px 60px;}
a.facebook {background:url('images/facebook.png') no-repeat; padding:8px 0 16px 60px;}
a.twitter {background:url('images/twitter.png') no-repeat; padding:8px 0 16px 60px;}
a.youtube {background:url('images/youtube.png') no-repeat; padding:8px 0 16px 60px;}
div.social-counter p {height:50px; font-size:18px;margin-bottom:5px;}
div.social-counter {margin-top:20px;}

/*--- Misc. In Post Things ---*/


ul.related {
  margin-bottom:5px;
}

.post-header h2.post-tagline {
  font-size:1.5em;
  font-weight:normal;
  font-style:italic;
}

div.post div.likes {
  border-bottom:4px double #DDDDDD;
  position:absolute;
}

div.likes .fb-like {
  top:-3px;
}

.below-post-title {height:20px;margin-top:5px;}

//Post footer
.post-footer {font-style:normal;}
.posted-on {text-align:left;}
.people {text-align:left;}
.facebookbutton {vertical-align:-1px;}

#secondarynav ul li:first-child {padding:0 10px 0 0;}


/*---News Page Styling --- */

ul.newslist li {
  background:url(images/archives-dotted-line.gif) repeat-x scroll left top transparent;
  padding-top:8px;
  list-style-type:none;
  padding-left:0;
}
ul.newslist {
  padding:0;
  margin:0;
}

/*----footer widget areas -----*/
#footer-sidebar1 {width:30%; float:left;display:block;margin:0 5% 0 0;padding:0;}

#footer-sidebar2 {width:30%; float:left;display:block;margin:0 5% 0 0;padding:0;}

#footer-sidebar3 {width:30%; float:left;display:block;margin:0;padding:0;}

#footer h3.widgettitle {padding:5px 0 3px;}

#footer p.credit {margin:70px 0 0 0; clear:both;}

.post-header {margin-bottom:10px;}

/*--- Additional Footer Styling ---*/

#footer {height:50px;}

div#footer-menu {float:right;}

div#footer-menu ul {
  list-style:none outside none;
}

div#footer-menu ul#footer-menu-list li {
  list-style:none outside none;
  float:left;
  margin:0;
  padding:0px 10px 0px 10px;
  display:block;
}

div#footer-menu ul#footer-menu-list li:last-child {
  padding-right:0px;
  border:none;
}

/* Author pages */
div.author-connect {
  text-align:center;
}

/* --- Grid Set Up --- */

.first-half {
  float:left;
  width:48%;
  margin-right:2%;
}

.second-half {
  float:right;
  width:48%;
  margin-left:2%;
}
.nav .current_page_parent  a {border-top:none;}
span.composerera {
  float:right;
  color:#333;
  padding-right: 0.5em;
}

/********* Plugin Styles **********/

/* Gigpress */
th.gigpress-date {
  width: 23%;
}

th.gigpress-country {
  width: 13%;
}

#header-img {
  display: block;
}

.type-cgb_festival header h2 {
  font-weight: normal;
  font-size: 1.5em;
  margin: 5px 0 5px;
}
.type-cgb_festival .news h2 {
  font-size: 1.8em;
  padding: 15px 0 5px 0;
}

.festival-list .location {
  float: right;
  margin-right: 0.5em;
  color: #666;
}

ul.unstyled,
ol.unstyled {
  list-style: none outside none;
  margin-left: 0;
}
ul.unstyled li,
ol.unstyled li {
  background: none;
  padding: 0;
}

.cookie-notice-container {
  border-bottom: 1px solid #333;
}