html, body {
  border: 0;
  color: #565656;
  font: 13px/1.231 arial,helvetica,clean,sans-serif;
  *font-size: small;
  *font: x-small;

}

body, img, p, h1, h2, h3, h4, h5, ul, ol, li, form, blockquote {
  margin: 0;
  padding: 0;
}

p {
  line-height: 20px;
  padding: 10px 0;
}

h1, h2, h3, h4, h5 {
  padding: 10px 0;
  font-family: Georgia, serif;
}

ul, ol {
  list-style: none;
  padding: 10px 0;
}

a {
  color: #2c6288;
  text-decoration: none;
}

a:hover {text-decoration: none;}

a img {border: none;}

blockquote p {padding: 5px 0;}

.button {
  display: block;
  margin: 10px 0;
}

.bold {
  font-weight: bold;
}

.warning {
  color: #C63532;
}

.pdf {
  background-image: url("http://totalguitarist.com/template/images/pdf.png");
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 20px;
}

.audio {
  background-image: url("http://totalguitarist.com/template/images/speaker.png");
  background-repeat: no-repeat;
  background-position: center left;
  padding-left: 30px;
  margin: 10px 0 10px 5px;
}

.inlinelist li {
  display: inline
}

#content .footnotes a {
  color: #333;
  text-decoration: none;
}

.exercise {
  clear:left;
}

/* Align */

.aligncenter {
  margin: 10px auto 20px auto;
  display: block;
}

.alignleft {
  margin: 10px 20px 8px 0;
  float: left;
}

.alignright {
  margin: 10px 0px 8px 20px;
  float: right;
}

.col-left {float: left;}

.col-right {float: right;}

/* Wrap */

/* Top */

#top-out {
  width: 100%;
  background: url('http://totalguitarist.com/template/images/bg_top.gif') repeat-x 0 0;
}

#top {
  width: 939px;
  margin: 0 auto;
}

/* Page Navigation */

#page_navi {
  width: 100%;
  height: 27px;
  font-size: 11px;
}

#page_navi a {color: #CBCBCB;}

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

#page_navi ul {padding: 0;}

#page_navi .col-left {margin-left: -6px;}

/* Header */

#header {
  width: 100%;
  height: 107px;
  padding-top: 25px;
  background: url('http://totalguitarist.com/template/images/bg_top_gradient.gif') no-repeat 60px 0;
  clear: both;
  position: relative;
}

#header #logo a {
  font-size: 48px;
  color: #fff;
}

/* Category Navigation */

#cat_navi {
  width: 100%;
}

#cat_navi li a span {
  font-size: 11px;
  color: #9D9D9D;
  font-weight: normal;
}

/* Middle */

#middle-out-top { /* Background - Middle Top */
	background: #d2dde0 url('http://totalguitarist.com/template/images/bg_middle_out_top.gif') repeat-x 0 0;
}

#middle-out-bottom { /* Background - Middle Bottom Gradient */
	background: url('http://totalguitarist.com/template/images/bg_middle_out_bottom.gif') repeat-x left bottom;
}

#middle-content { /* Background - Content */
  width: 939px;
  margin: 0 auto;
  background: url('http://totalguitarist.com/template/images/bg_middle_content.gif') repeat-y;
}

#middle-content-bottom { /* Background - Content Bottom */
  width: 100%;
  background: url('http://totalguitarist.com/template/images/bg_middle_content_bottom.gif') no-repeat 0 bottom;
}

/* Page Nav */

#nav, #nav ul {
  padding: 0;
  margin: 0;
  list-style: none; 
  line-height: 1;
  z-index: 100;
}

#nav a {
  display: block;
  line-height: 27px;
  padding: 0 10px;
  z-index: 100;
}

#nav li {
  float: left;
  background: url('http://totalguitarist.com/template/images/bg_separator.gif') no-repeat right 10px;
}

/* IE7 Fix */

#nav li:hover, #nav li.hover {  
	position: static;
}

/* Second Menu */

#secnav, #secnav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}

#secnav a {
	display: block;
	line-height: 58px;
	padding: 0 20px 0 20px;
	line-height: 16px;
	padding: 14px 20px 11px;
	color: #212121;
}

#secnav li:hover, #secnav li.sfhover1 {
  background: url('http://totalguitarist.com/template/images/bg_cat_navi_hover.gif') repeat-x;
  cursor: pointer;
}

#secnav li:hover span, #secnav li.sfhover1 span {
  color: #fff;
}

#secnav li {
  float: left;
  font-size: 16px;
  font-weight: bold;
}

/* Content */

#content {
  width: 924px;
  min-height: 550px;
  padding: 34px 7px 50px 8px;
  background: url('http://totalguitarist.com/template/images/bg_middle_top.gif') no-repeat 0 0;
}

* html #content {height: 550px;}

/* Main Content */

#main-content {
  width: 553px;
  margin: 24px 0 0 31px;
}

/* Main Content (style) */

#main-content a {text-decoration: underline;}

#main-content a:hover {text-decoration: none;}

#content h1 {
  font-size: 28px;
}

#content h2 {
  font-size: 24px;
  margin: 20px 0 20px 0;
  padding: 0;
  font-weight: bold;
  border-bottom: 1px dotted;
  clear: left;
}

#content h3 {
  font-size: 18px;
  padding: 0;
  margin: 10px 0 10px 0;
}

#content h4 {
  margin: 10px 0 5px 0;
  padding: 0;
  font-size: 12px;
  clear: left;
}

#content img {
  margin: 20px 0;
}

#content p img {
  margin: 0;
}

#main-content ol, #main-content ul {
	line-height: 18px;
}

#main-content ul {
  padding-left: 50px;
}

#main-content ul li {
  list-style: circle;
  padding: 3px 0;
}

#main-content ol {
  padding-left: 57px;
}

#main-content ol li {
  list-style: decimal;
  padding: 3px 0;
}


/******
Sidebar
*******/

#sidebar {
  width: 307px;
  overflow: hidden;
}

#sidebar .menuheading {
  font-size: 12px;
  background: #616e77;
  color: #fff;
  float: left;
  margin: 10px 0 15px 1px;
  display: inline;
  padding: 10px !important;
  font-family: georgia, serif;
  font-weight: bold;
}

#sidebar ul {clear: both;}

#sidebar a {color: #636363;}

#sidebar a:hover {
  color: #000;
  text-decoration: underline;
}

/* Sidebar (block) */

#sidebar .block {
  width: 260px;
  padding: 21px 25px 21px 22px;
  background: url('http://totalguitarist.com/template/images/bg_sidebar_separator.gif') repeat-x 0 bottom;
}

#sidebar .widgetized ul {
  clear: both;
  width: 100%;
  padding: 0 0 8px 0;
  border-top: #CECFC6 1px solid;
}

#sidebar .widgetized li {
  border-bottom: #CECFC6 1px solid;
  line-height: 20px;
  padding: 5px 0 5px 21px;
  overflow: hidden;
  background: url('http://totalguitarist.com/template/images/bg_sidebar_folder.gif') no-repeat 0 7px;
}

/* Sidebar (widgets)*/

.textwidget {
  clear: both;
  padding: 5px 2px;
  line-height:20px;
}

/* copyright */

#copyright-out {
  width: 100%;
  background: #31393e;
  padding: 10px 0 14px 0;
}

#copyright {
  width: 939px;
  margin: 0 auto;
  font-size: 11px;
  color: #CECECE;
}

/* Fix */

.wrap:after {
    content: "."; 
    display: block;
	height: 0;
    clear: both; 
    visibility: hidden;
}

/*=== Misc. ===*/
.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}

.wp-caption {
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-bottomright:3px;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  background-color:#EEEEEE;
  border:1px solid #DDDDDD;
  padding:4px 0 5px;
  text-align:center;
  margin: 20px 0;
}

#content .wp-caption img {
  margin: 0;
}

#content .wp-caption-text {
  padding:3px 0 0;	
  font-size:11px;
  margin: 0;
}

/* MY ADDED CODE */

#content .dropshadow {
  float:left;
  background: url('http://totalguitarist.com/template/images/dropshadow.png') no-repeat bottom right !important;
  /* respectful browsers (e.g. Firefox/Opera/Safari) ONLY take notice of this line*/
  background: none;
  margin: 30px 10px 30px 10px;
}

#content .dropshadow img {
  position:relative;
  bottom: 6px;
  right: 8px;
  border: 1px solid #eee;
  border-color: #eee #888 #666 #ddd;
  background:#fff;
  padding: 8px 6px 15px 6px; 
  margin: 0px;
}

.clearleft {
  clear: left;
}

.clearboth {
  clear: both;
}

#content .chord {
  width: 550px;
  margin: 30px auto;
  border-bottom: 5px solid #616e77;
}

#content .chord h3 {
  padding: 2px; 
  background: #616e77;
  color: #fff;
}

#content .chord h4 {
  margin: 5px 0 5px 0;
  padding: 2px 5px;
  color: #999;
  background: #f8f8f8;
  height: 20px;
  font-family: arial;
}

#content .chord .dropshadow {
  margin: 10px;
}

#content .chord img {
  margin: 5px 0 0 0;
  padding: 5px;
}

#content .chord .diagram, #content .chord .tab, #content .chord .chordcomments {
  background: #fff;
  margin-bottom: 10px;
}

#content .chord .diagram, #content .chord .chordcomments {
  margin: 0 5px 0 0;
  float: left;
}

#content .chord .diagram {
  width: 120px;
}

#content .chord .tab {
  float: right;
  width: 180px;
}

#content .chord .chordcomments {
  width: 235px;
}

.note, .tip, .review {
  background: #f8f8f8;
  clear: both;
  width: 80%;
  margin: 30px auto;
  border: 1px solid #616e77;
}

#content .note h3, #content .tip h3, #content .review h3 {
  margin: 0;
  padding: 2px;
  background: #616e77;
  color: #fff;
  font-size: 123.1%;
}

#content .note p, #content .tip p, #content .review p {
  margin: 0 0 0 5px;
  padding: 2px;
}

#content .note ul, #content .tip ul, #content .review ul {
  margin: 0 0 0 5px;
  padding: 2px;
}

#content .note ul li, #content .tip ul li, #content .review ul li {
  list-style-type: none;
  padding: 0;
}

#content .note img, #content .tip img, #content .review img {
  margin: 0;
}

#content p {
  margin: 10px 0;
  padding: 0;
}

/* prerequisite styles */

#wywl, #wysk {
  width: 47%;
  float: left;
  border: 1px solid #ccc;
  margin: 10px 10px 20px 0;
  background: #f8f8f8;
}

#wywl h5, #wysk h5 {
  background: #ccc;
  color: #999;
  font-size: 116%;
  padding: 2px;
}

#wywl ol, #wysk ol {
  padding: 2px;
  list-style-type: decimal;
  margin: 0 0 0 27px;
}

/* breadcrumb styles */

#breadcrumb ul {
  margin: 0 0 20px 0;
  padding: 0;
}

#breadcrumb ul li {
  display: inline;
  background-image: url("http://totalguitarist.com/template/images/arrow2.png");
  background-repeat: no-repeat;
  background-position: right center;
  padding: 0 18px 0 0;
  margin: 0 5px 5px 0;
}

#breadcrumb ul li#currentpage {
  background-image: none;
}

/***********
table styles
***********/

table, th, td, tr {
  border: 1px solid #999;
  border-collapse: collapse;
  padding: 4px;
  vertical-align: top;
  background: #fff;
}

table {
  margin: 20px 0;
}

th {
  background: #eee;
  text-align: left;
  color: #666;
}

table tr td ul {
  margin: 0 !important;
  padding: 0 !important;
}

table tr td ul li {
  list-style: none !important;
}

#content table tr td img {
  margin: 2px;
}

/********************
strum pattern styles
********************/

#content .strumpattern {
  width: 550px;
  margin: 30px auto;
  border-bottom: 5px solid #616e77;
}

#content .strumpattern h3 {
  padding: 2px; 
  background: #616e77;
  color: #fff;
}

#content .strumpattern .strumimage, #content .strumpattern .strumcomments {
  background: #fff;
  margin-bottom: 10px;
  width: 100%;
}

#content .strumpattern .strumimage {
  float: left;
}

#content .strumpattern .strumcomments {
  float: right;
}

#content .strumpattern h4 {
  margin: 5px 0 5px 0;
  padding: 2px 5px;
  color: #888;
  background: #f8f8f8;
  height: 20px;
  font-family: arial;
}

/* column styles */

.col1of2, .col2of2 {
  width: 275px;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
}

.col1of3, .col2of3, .col3of3 {
  width: 28%;
  float: left;
  margin: 0 !important;
  padding: 0 !important;
}

/*****************
search styles
*****************/

#cse-search-box {
  display: block;
}