/*
Theme Name: learndrumsforfree
Theme URI: www.learndrumsforfree.com
Description: New Theme for www.learndrumsforfree.com
Version: 1
Author: Theo Lawrence
Author URI: http://www.learndrumsforfree.com
Tags: learn drums for free

	learndrumsforfree v1.0
	 http://www.learndrumsforfree.com

	This theme was designed and built by Theo Lawrence,
	whose blog you will find at http://www.learndrumsforfree.com

*/

body {
	text-align: center;
}

#topnav { position: relative; width: 800px; text-align: right; top: 5px; right: 10px;  font-size: 0.8em; color: #FFF; }
#topnav a { color: #fff; text-decoration: none; display: inline;}
#topnav a:hover { color: #fff; text-decoration: underline; }

#wrapper {
	display: block; 
	width: 800px; 
	margin: 0 auto;
	padding: 0 10px;
}

#header { 
clear: right;
position: relative;
margin: 10px auto 0px auto;
width: 800px;
height: 220px;
background: url(images/style/header-bk.png) no-repeat;
border: 1px solid #;
-moz-border-radius: 20px;
}

#topbanner h4#tagline { position: absolute; text-align: right; color: #FFF; text-transform: uppercase; font-size: 0.9em; line-height: 0.9em; top: 40px; right: 10px; letter-spacing: 5px; }


p iframe { float: left; }


#search { position: absolute; top: 160px; right: 20px; }
.screen-reader-text { display: none; }
#searchform { background: orange; padding: 10px; width: 240px; height: 25px; background: url(images/style/search.png) no-repeat;}
.search-title { line-height: 1.1em;}
h3 { max-height: 50px; overflow: none; }

#content, #content-nosidebar {
	width: 565px;
	border: 1px solid #CCC;
	border-top: 1px solid #FFF;
	position: relative;
	float: left;
	margin-left: 0;
	padding: 10px;
	text-align: left;
	background: #FFF;
	margin-top: 0px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
}


#content-nosidebar { width: 780px; }

#sidebar {
	position: relative;
	float: right;
	width: 200px;
	border: 1px solid #CCC;
	border-top: 1px solid #FFF;
	background: #FFF;
	padding-bottom: 10px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
}

#sidebar ul li {font-size: 0.7em; font-family: Arial, Helvetica, sans-serif; }
.rss-date { font-weight: normal; }

#sidebar .Advman_Widget { width: 160px; margin: 10px auto; }


#both {
	clear: both;
}

#footer {
position: relative;
margin-top: 10px;
}

#footer {width: 800px; text-align: center; color: #fff; background: #000; margin: 10px auto 10px; border: 1px solid #CCC;
-moz-border-radius: 20px;
}

#footer p { font-size: 0.7em; text-align: center; }

#footer p#footer-p {text-align: center; font-size: 0.9em;}

ul#footermenulist li {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
display: inline;
letter-spacing: 0;
}

#footer a {  color: #fff; text-decoration: none; }
#footer a:hover {  color: #FFF; text-decoration: underline;}

.title {
	font-size: 1em;
	font-family: verdana;
	font-weight: bold;
}


h3.posttitle { line-height: 16px; }

#rsslogo { margin: 10px; }
h2 .rsswidget { display: none; line-height: 0; text-align: -9999px; margin: 0; padding: 0; }
h2.widgettitle { }

li.widget { list-style-type: none;  }

#sidebar p { font-size: 0.6em; }

#sidebar ul li {

}

ul.addtoany_list li { list-style-type: none; list-style-image: none; }

.dateandtime { color: #FF0000; margin-left: 10px; font-size: 0.8em; }
li#rss-5 { list-style-type: none; list-style-image: none; }
#adobe { width: 530px; background: #e9e9e9; border: 1px solid #CCC; margin: 10px auto; text-align: center; }
#adobe p { text-align: center; }
#adobe img { text-align: center; }
 
.download {color: #FFF; text-align: center; height: 35px; line-height: 35px; font-size: 1em; letter-spacing: 0px; text-transform: uppercase; border: 1px solid #fe0000; background: #fe0000 url(images/style/h3.png) 0 top repeat-x; margin: 10px auto; -moz-border-radius: 0.8em;}

.download a:link { color: #FFF; font-weight: bold; text-decoration: none;}
.download a:visited { color: #FFF; font-weight: bold; text-decoration: none;}
.download a:hover { color: #FFF; font-weight: bold; text-decoration: underline; }
.download a:active { color: #FFF; font-weight: bold; text-decoration: underline; }

img.avatar {float:left; margin-right:5px; border: none; }
#comment { width: 520px;}
h3#comments { background: #000000 url(images/style/h3-black.png) 0 0 repeat-x; border: 1px solid #000000; line-height: normal; -moz-border-radius-topright: 10px; }

ol.commentlist { border: 1px solid #000; margin: 0 auto 20px auto; background: #c8c8c8; color: #fff; }
ol.commentlist li { margin: 10px; border: 1px solid #9f9c9c; background: #FEFEFE; color: #000; -moz-border-radius-topright: 10px; }
.comment-body { margin: 10px; }
.reply { text-align: right; }



.extended-box li { font-weight: normal; }
.extended-box li a  { margin-right: 8px;}
.extended-box { background: #FFF0F0; border: 1px solid #FF0000; margin-bottom: 20px; text-align: center; padding: 10px; overflow: auto; max-height: auto;}
.extended-box img { border: none;}



.list-box li { font-weight: normal; }
.list-box li a  { margin-right: 8px;}
.list-box { background: #FFF0F0; border: 1px solid #FF0000; margin-bottom: 20px; text-align: center; padding: 10px; overflow: auto; max-height: 150px;}
.list-box img { border: none;}



li.pagenav { list-style-type: none; text-indent: -9999px; line-height: 0; list-style-image: none;  }
li { text-indent: 0; line-height: normal; text-align: left; }
li.page_item { font-weight: normal; }

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 150%;
margin: 0; padding: 0;
background: #353535;
}

#topbanner { width: 800px; height: 220px; }
#topbanner img { border: none; position: absolute; left: 10px; top: 10px; }
#topbanner h1 {text-indent: -9999px; line-height: 0; display: none; margin: 0 ; padding: 0;}



#logo img { border: none; margin: 0px auto 10px auto; }

#logo {text-indent: -9999px; line-height: 0; display: none; margin: 0 ; padding: 0;}


img { margin-left: auto; margin-right: auto; text-align: center; text-decoration: none; border: none; }
p img { margin-left: auto; margin-right: auto; text-align: center; text-decoration: none;}
#donate img  {margin-left: auto; margin-right: auto; text-align: center; border: 0px solid #fe0000; text-decoration: none;}
hr {width: 100%; color: #fe0000; margin: 30px auto; background: #fe0000; border-bottom: none; border-right: none; border-left: none;}
p {margin: 10px;}
p {text-align: left;}

#bannerborder {border: 1px solid #CCC;}

/* Start General Class Styles */
.center {text-align: center; margin-right: auto; margin-left: auto;}
.left {text-align: left;}
.right {text-align: right;}
.smallborder {border: 1px solid black;}
.largeborder {border: 4px solid darkred;}
.noborder {border: none;}
.hide {position: absolute; top: 0; z-index: -1000; left: -10000000px; height: 0px;}
.underline {text-decoration: underline;}
.clearleft {clear: left;}
.clearright {clear: right;}
.clear {clear: both;}


.black-highlight {color: #000; font-weight: bold; }
.blue-highlight {color: #0e427a; font-weight: bold; margin: 2px;}
/* End General Class Styles */


/* Start ARRANGEMENT */
#donate {text-align: center; margin: 10px auto; width: 170px;}

.post {color: #000; padding: 10px; width: auto; margin: 10px auto; text-align: left;}

.maincontent img {text-align: center;}

.listpost li {color: #FF0000; text-align: left; list-style: outside disc; margin: 20px;}

p.image {text-align: center;}
p.video {text-align: center;}
p.recommended {text-align: center;}

.post a {color: #FFF;}

#latest a:link {color: blue;}
#latest a:visited {color: blue;}
#latest a:active {color: red;}
#latest a:hover {color: red;}

/* End ARRANGEMENT */


ul.lessons {padding-bottom: 10px;}
ul.inline {width: 400px; margin: 0 auto;}
ul.inline li {display: inline;}
 
a { padding: 0; margin: 0;}


/* Start LISTS */

dl {margin-left: 0; padding: 10px; background: #FFF; width: 450px; margin: 10px auto;}

dt {
clear: left;
width: 400px;
list-style-type: disc;
list-style-position: outside;
font-weight: bolder;
text-align: left;
font-size: 17px;
padding: 0;
margin: 10px;
margin-left: auto;
margin-right: auto;
font-variant: small-caps;
}

dd {
clear: both;
text-align: left;
letter-spacing: 0px;
font-weight: normal;
line-height: 150%;
margin: 10px;
padding: 0;
}


.white-back { background: #FFF; }
ul.lessons-list li {text-align: left; margin-left: 10px; }

ul.lessonplanlist { margin-bottom: 15px; }
ul.lessonplanlist li {text-align: left; margin-left: 10px;  font-weight: normal; font-family: Arial, Helvetica, sans-serif; list-style: inside disc;}
/* End LISTS */

/* Start TABLES */
table {background: #CCC; margin-left: auto; margin-right: auto; border: 1px solid #FFF; margin-top: 10px; margin-bottom: 10px;}
input {margin-left: 10px;} 
textarea {margin-left: 10px;}
/* End Tables */

/* Start Headings */
div.underline {text-decoration: underline;}
div.underlineblack {border-bottom: 1px solid black;}
h1, h2 {font-variant: small-caps;}
h1, h2, h3, h4, h5, h6 {font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; margin: 0px; padding: 10px;}
h1, h2 {text-align: center;}
h3, h4, h5, h6 {text-align: left;}
h4 {text-align: center; letter-spacing: 3px; }
h1 {font-size: 1.2em;}
h2 {color: #fe0000; font-size: 1em;}
h3 {color: #FFF; line-height: 0.8em; font-size: 0.8em; letter-spacing: 5px; text-transform: uppercase; border: 1px solid #fe0000; background: #b40000 url(images/style/h3.png) 0 top repeat-x; margin-top: 0.5em;}

/* End Headings */

/* Start Links */
h3 a:link {color: #FFF;}
h3 a:visited {color: #FFF;}
h3 a:hover {color: #FFFF00; text-decoration: none; }
h3 a:active {color: #FFFF00; text-decoration: none; }

a:link {color: #000; text-decoration: underline; }
a:visited {color: #000; text-decoration: underline; }
a:hover {color: #fe0000; text-decoration: underline;}
a:active {color: #fe0000; text-decoration: underline;}

p a {  }

ul li a:link { text-decoration: none;}
ul li a:visited { text-decoration: none;}

ul.lessons-list li a:hover { text-decoration: underline;}
ul.lessons-list li a:active { text-decoration: underline;}

h3 a:link { text-decoration: none;}
h3 a:visited { text-decoration: none;}

#maincontentwindow a:link img {border: 1px solid #FFF;}
#maincontentwindow a:visited img {border: 1px solid #FFF;}
#maincontentwindow a:hover img {border: 1px solid #fe0000;}
#maincontentwindow a:active img {border: 1px solid #fe0000;}

#maincontentwindow a:link .noborder  {color: none; border: none; text-decoration: none;}
#maincontentwindow a:visited .noborder {color: none; border: none; text-decoration: none;}
#maincontentwindow a:hover .noborder {color: none; border: none; text-decoration: none;}
#maincontentwindow a:active .noborder {color: none; border: none; text-decoration: none;}

/* End Links */



/* nav */

#subnav-wrapper {width: 798px; background: #FF0000 url(images/style/buttonsprite.jpg) 0px -35px; border: 1px solid #CCC;
color: #FFF; margin-top: 10px;}

#subnav { 
margin: 0 auto;
height: 28px; 
line-height: 28px; 
font-family: Arial, Helvetica, sans-serif;
}

ul#subnav li {
display: inline;
padding: 0;
margin: 0; 
height: 28px; 
letter-spacing: 0;
font-size: 0.8em;
}

ul#subnav li a { 
height: 28px; 
line-height: 28px; 
padding: 0 1em;
margin: 0;
color: #FFF; 
font-size: 0.8em; 
display: block; 
float: left; 
text-align: center;

}

ul#subnav li a:hover {
height: 28px;
line-height: 28px; 
padding: 0 1em;
margin: 0;
display: block; 
float: left; 
color: #FFF; 
font-size: 0.8em; 
background: #000 url(images/style/buttonsprite.jpg) 0px 0px;
text-decoration: none;
}

ul#subnav li a:active { background: #FF0000  url(images/style/buttonsprite.jpg) 0px -70px; }

ul#subnav .currentpage a {
line-height: 28px; 
padding: 0 1em;
margin: 0;
display: block; 
float: left;  
color: #FFF; 
font-size: 0.8em; 
background: #000 url(images/style/buttonsprite.jpg) 0px 0px;
text-decoration: underline;
}

ul#subnav .currentpage a:hover { text-decoration: underline;   }

#menu-wrapper { width: 400px; margin: 10px auto; }


#menulist { 
width: 400px;
height: 28px; 
line-height: 28px; 
padding: 0;
margin: 0;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
border: 1px solid #CCC;
background: #FF0000 url(images/style/buttonsprite.jpg) 0px -35px;
}

ul#menulist li {
display: inline;
padding: 0;
margin: 0; 
height: 28px;
font-size: 0.9em;
}

ul#menulist li a { 
height: 28px; 
width: 100px;
line-height: 28px; 
color: #FFF; 
font-size: 0.8em;
display: block; 
float: left; 
padding: 0;
margin: 0;
text-decoration: none;
}

ul#menulist li a:hover {
height: 28px;
width: 100px;
line-height: 28px; 
display: block; 
float: left; 
color: #FFF; 
font-size: 0.8em;
background: #000 url(images/style/buttonsprite.jpg) 0px 0px;
padding: 0;
margin: 0;
text-decoration: none;
}

ul#menulist li a:active { background: #FF0000 url(images/style/buttonsprite.jpg) 0px -70px; }

ul#menulist .currentpage a {
height: 28px;
width: 100px;
display: block; 
float: left;  
color: #FFF; 
font-size: 0.8em;
background: #000 url(images/style/buttonsprite.jpg) 0px 0px;
padding: 0;
margin: 0;
text-decoration: underline;
}

ul#menulist .currentpage a:hover { text-decoration: underline; }

.secondmenulist a:link {color: #000;}
.secondmenulist a:visited {color: #000;}
.secondmenulist a:active {color: #FE0000;}
.secondmenulist a:hover {color: #FE0000;}
.secondmenulist #currentpage a {color: #FE0000;}


ul {
margin: 0;
margin-left: 10px;
padding: 0;
text-align: center;
font-family: "Times New Roman", Times, serif;
list-style-type: disc;
}

ul a {
text-align: center;
text-decoration: none;
border-bottom: none;
text-transform: uppercase;
font-weight: bold;
}


ul li {
padding: 0;
margin: 5px 5px 5px 16px;
list-style-image: url(images/style/list.png);
font-weight: bold;
font-size: 1em;
}

li {margin: 0; padding: 0;}

ol {text-align: left; margin-left: 6%;}





.ad {text-align: center; margin-right: auto; margin-left: auto;}
.ad img {border: none;}

#loopad { margin: 20px auto 10px auto; }
#headerad { float: right; position: absolute; width: 468px; height: 60px; top: 70px; right: 70px; }

#sidebarad { margin: 10px auto; }
.mediumrectangle {margin: 10px auto; width: 300px; height: 250px;}
#largesquaread {margin: 10px; width: 336px; height: 280px; margin-left: auto; margin-right: auto;}
#smalllinkad { height: 15px; width: 468px; margin: 10px; margin-left: auto; margin-right: auto; }
.leaderboard { position: relative; clear: both; width: 728px; height: 90px; margin: 10px auto;}
.smallsquare {width: 125px; height: 125px; margin: 10px auto;} 
#ten-pixels-high { height: 10px; }
#leaderboard { position: relative; clear: both; width: 728px; height: 90px; margin: 10px auto;}
#small-banner { position: relative; clear: both; width: 468px; height: 60px; margin: 10px auto;}
#largerectangle { position: relative; clear: both; width: 336px; height: 280px; margin: 10px auto;}

#googlebanner {width: 469px; height: 60px; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px;}
.amazonads {text-align: center; margin-right: auto; margin-left: auto;}
.ebayads {text-align: center; margin-right: auto; margin-left: auto;}

.thin-skyscraper {width: 120px; height: 600px; margin: 10px auto;}
.skyscraper {width: 160px; height: 600px; margin: 10px auto;}

#foursixeight {height: 60px; width: 468px;}

#white {background: #FFF; height: 45px; width: 252px; margin-right: auto; margin-left: auto; margin-bottom: 20px;}


.addthis_default_style {line-height: 100%; padding: 10px; border: 2px solid #000; margin: 10px 20px;}

ul#twitter_update_list li {text-align: left; border: 1px solid #CCC; margin: 10px; padding: 5px; background: #F9F9F9; -moz-border-radius: 10px; background: #FFF0F0; }

ul#twitter_update_list li a { text-transform: lowercase; color: #FF0000; }

.schedule { border: 2px solid #000; line-height: 200%; }



/* tables */


thead { 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #FFF; background: #b40000 url(images/style/h3.png) 0 top repeat-x; border: 1px solid #b40000;   }

table {
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
border: none;
margin: 15px;
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
border-spacing: 15px 5px;
width: 520px;
}

.week { width: 50px; }


.mainheader {
font-size: 1.3em;
text-transform: uppercase;
color: #FFF;
text-align: center;
letter-spacing: 2px;
padding: 5px; 
}

.secondheader {
font-size: 1.2em;
text-align: left;
color: #FFF;
text-transform: uppercase;
padding: 5px; 
}

td {
padding: 5px 10px;
border: 1px solid #b40000/*#00237d*/;
text-align: left;
background: #FFF; 
}


/* comments */

.comments-template{
	margin: 10px 0 0;
	border-top: 1px solid #ccc;
	padding: 10px 0 0;
}

.comments-template ol{
	margin: 0;
	padding: 0 0 15px;
	list-style: none;
}

.comments-template ol li{
	margin: 10px 0 0;
	line-height: 18px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
}

.comments-template h2, .comments-template h3{
	font-family: Georgia, Sans-serif;
	font-size: 16px;
}

.commentmetadata{
	font-size: 12px;
}

.comments-template p.nocomments{
	padding: 0;
}

.comments-template textarea{
	font-family: Arial, Helvetica, Georgia, Sans-serif;
	font-size: 12px;
}




/*
.ad {background: red;}
.amazonads {background: yellow;}
.ebayads {background: blue;}
*/