/* 
Theme Name: Lesson Six
Theme URL: http://www.lessonsix.com
Description: Lesson Six 4
Author: Sam Morris
Author URI: http://www.sammorrisdesign.co.uk
Version: 4.0
*/

/*  The following CSS Reset was written by Dejan Cancarevic
http://stylizedweb.com/2008/02/14/10-best-css-hacks/         */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, del, dfn, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code,small, strike, sub, sup, tt, var,dl, dt, dd, ul, ol, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;}caption, th, td {text-align:left;font-weight:normal;}table {border-collapse:separate;border-spacing:0;}blockquote:before,blockquote:after,q:before,q:after {content: "";}blockquote, q {quotes: "" "";}
{margin:0;padding:0;}

@font-face{ 
	font-family: 'Novecento';
	src: url('http://www.lessonsix.com/wp-content/themes/lessonsix/fonts/Nbold.eot');
	src: url('http://www.lessonsix.com/wp-content/themes/lessonsix/fonts/Nbold.eot?iefix') format('eot'),
	     url('http://www.lessonsix.com/wp-content/themes/lessonsix/fonts/Nbold.ttf') format('truetype');
	     font-weight: bold;
}


body { font-family:  Helvetica, Arial, sans-serif; background-color: #ededed;  }
h1, h2, h3, h4, h5, .more-link, #sidebar a, .tracks a, .original-tab, #s, .featured_text a, .archive_box a, .post-nav, .sidebar_title { font-family:  "Novecento", Helvetica, sans-serif; }
h1 { font-size: 30px;  margin-bottom: 10px; font-weight: bold; }
h2 { font-size: 22px; }
h3 { font-size: 18px; margin-bottom: 5px; }
h4, #sidebar a, a.more-link { font-size: 13px; letter-spacing: 1px; margin-bottom: 10px; }
h4 a, a.more-link { color: #999 !important; } h4 a:hover, a.more-link:hover { color: #009aff !important; }
h5 {  color: #bbbbbb; font-size: 12px; padding: 10px 0; }
p { font-size: 13px; margin-bottom: 20px; line-height: 20px; color: #333; }
a { color: #009aff; text-decoration: none; }
h1 a { line-height: 150% }
a:hover { border-bottom: 4px solid #999999;  }
a:hover img.image, .image { border-bottom: none !important; margin: 0 !important; display: block; }
::selection { background: #009aff; color: white; }
::-moz-selection { background: #009aff; color: white; }

#container{ width: 940px; margin: 0 auto; padding: 0 10px; }
#content { width: 540px; margin-right: 20px; float: left;}
.left { float: left; }
.right {float: right; }
.destroy { border-bottom: none !important; }
img.centered, .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
div.alignleft { margin: 0 7px 2px 0; }
.alignright { float: right; }
.alignleft { float: left; }

/* Header */
#header_container { padding: 20px 0 40px 0; margin-bottom: 30px;  }
#header { padding: 50px 0; height: 81px; width: 940px; margin: 0 auto; }
#header_left { float: left; width: 300px; height: 81px; }
#header_right { height: 200px; float: right; width: 480px; }
#header_right h3:first-child { margin-bottom: 15px; }
#header_right ul li { list-style: none; float: left; width: 140px; margin-left: 20px; padding-top: 10px; }
#logo { margin-top: -3px; background: url(http://www.lessonsix.com/wp-content/themes/lessonsix/images/logo.png) no-repeat; height: 93px;  width: 181px; margin-bottom: 15px; }

/* Content */
.post, .single { overflow: hidden; background-color: white; width: 540px; overflow-y: auto; overflow-x: hidden; margin-bottom: 40px; border-bottom: #dfdfdf 1px solid; }
.post-comments { background-color: white; width: 500px; padding: 20px; border-bottom: #dfdfdf 1px solid; margin-bottom: 40px; }
.post p, .post h1, .post h2, .post h3 { padding: 0 20px; }
.post ul, .post ol { color: #333; list-style: red; margin-bottom: 20px; }
.post ul { list-style-type: square; }
.post ul li, .post ol li { font-size: 12px; line-height: 18px; margin: 0 0 5px 70px; }
.post-box { clear: both; overflow-y: hidden; overflow-x: hidden; }
.post-box-image { width: 300px; float: left; margin-right: 20px; margin-bottom: 20px; }
.post-navigation {  margin-bottom: 30px; }
.post-head { margin-bottom: 0 !important; color: white; background-color: #ededed; padding: 10px 0 0 0; width: 540px; }
.post-head h1 { padding-bottom: 10px; margin-bottom: 0px !important; }
.post-head h4 { color: #009aff; margin-top: -10px; }
.original { background-color: #009aff; padding: 10px 20px; }
.original a { color: white !important;  }
.post-meta { padding: 10px 0; margin: 10px 0; border-top: 2px #ddd solid; border-bottom: 1px #ddd solid; overflow: auto; }
.post-meta-column-left { width: 300px; margin-right: 20px; float: left; }
.post-meta-column-right { width: 220px; float: right; }
.post blockquote p { font-family: "Novecento", Helvetica, Arial, sans-serif; font-size: 20px !important; font-weight: bold; letter-spacing: -1px; color: #999 !important; padding: 20px; margin-bottom: 0 !important; }
.post blockquote { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin-bottom: 20px; }
.post-nav { height: 70px; color: #999; font-size: 13px; width: 540px; clear: both; margin: 20px 0;  }
.post-nav a { font-size: 13px; line-height: 20px; color: #666666 !important; }
.post-nav a:hover { color: #009aff !important; }
.post-nav img { float: left; height: 70px; }
.prev { padding: 0 20px; float: left; width: 179px; border-right: 1px solid #dfdfdf; height: 70px; }
.next { padding: 0 20px; float: left; width: 180px; height: 70px; }
.post-social { width: 540px; margin-bottom: 20px;overflow-y: auto; }
.fb-like { float: left; }
.twitter-share-button { float: left; margin-top: 1.5px; }
#content h3 {border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 10px; font-size: 16px; }


/* Sidebar */

#sidebar { width: 300px; float: right; color: #666 !important; }
#sidebar p { margin-bottom: 0 !important; }
#sidebar a, .tracks a { line-height: 170%; }
#sidebar ul { list-style: none; }
#sidebar ul li { font-size: 12px; line-height: 18px; padding: 5px 0; border-bottom: 1px solid #eee; }
.sidebar-box { margin-bottom: 20px; overflow: auto; }
.sidebar-review { background-color: white; clear: both; height: 80px; overflow: hidden; width: 300px; }
.sidebar-left { width: 80px; height: 80px; float: left; }
.sidebar-review-great { background: url(http://www.lessonsix.com/wp-content/themes/lessonsix/images/great.png) no-repeat; width: 60px; height: 60px; position: absolute; }
.sidebar-right { height: 63px; width: 180px; padding: 8px 20px; float: right; border-bottom: 1px solid #ddd; }
.sidebar_title { border-bottom: 1px solid #ddd; padding-bottom: 5px; margin-bottom: 10px; overflow-y: auto; clear: both; width: 300px; }
.sidebar_title_name { float: left; color: black; width: 230px; }
.sidebar_title_more { float: right; font-size: 13px; width: 70px; text-align: right; }
#horizion h5, #horizion h4 { margin: 0; padding: 0; }
#popular-posts a:hover { color: #009aff !important; }
form { display: inline; }
#s { width: 100%; background-color: #ededed; border: none; border-bottom: solid 4px #ddd; padding: 3px 0; color: #999999; font-size: 12px; font-size: 16px; }

.featured_box { width: 300px; float: left;  }
.featured_box:nth-child(3) { margin-right: 0 !important; }
.featured_text { padding: 20px; color: white !important; background-color: black; }
.featured_text p { color: white;}

/* Custom Archives */

.archive_box { width: 260px; background-color: white; float: left;  margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #dfdfdf; }
.archive_title { background-color: #009aff; }
.archive_title a { color: white !important; }
.archive_box p { padding: 20px;  margin-bottom: 0px !important; }
.mixcloud { margin-top: 20px; }

/* Track Player */

.tracks { padding: 0 20px; margin-bottom: 100px; width: 700px; }
.tracks h1 { border-bottom: 1px solid #ddd; margin-bottom: 0; }
.tracks a { display: inline; }
.track-container { width: 700px; padding: 5px 0 0 0; border-bottom: solid 1px #ddd; }
.tracks-link { background-color: white; padding: 20px; }
.tracks-link p { padding-bottom: 20px; }
.perma { color: #bbb !important; } 
.perma:hover { color: #009aff !important; }

/* Footer */

#footer { font-size: 12px; color: #999; clear: both; bottom: 0; width: 100%; height: 50px; }
#footer img { margin-bottom: -2px; }
.footercontainer { text-align: center; width: 960px; margin: 0 auto; padding: 10px 0 0 0; }
#morris { display: inline-block; margin-bottom: -3px; margin-left: 2px; width: 114px; height: 16px; background: url(http://www.lessonsix.com/wp-content/themes/lessonsix/images/name.png) no-repeat 0px -16px; }
#morris:hover {background: url(http://www.lessonsix.com/wp-content/themes/lessonsix/images/name.png) no-repeat !important; }