/*
Theme Name: Drumatic Innovation
Description: Drumatic Innovation Drum Circles  Valid XHTML 1.0 Transitional and CSS.
Version: 1.0
Author: Drumatic Innovation
Author URI: http://www.DrumaticInnovation.com
Tags: Sandpoint ID Drum Circle, Drum Repair, Stress Management, 860px, Corporate Team Building, valid XHTML
*/

html, body{margin:0px 0px 20px 0px;padding:0;text-align:center;background:url(img/background.jpg) top center repeat-x #C8E0F2;font-family:"comic sans ms";} 
 
#pagewidth{width:860px; text-align:left; margin-left:auto; margin-right:auto; background: url(img/page_bg.gif) top center repeat-y;} 

#page{width:860px; background: url(img/page_header.jpg) top center no-repeat; padding:59px 0px 0px 0px;} 

#header{position:relative; height:146px; width:796px; padding: 0px 0px 0px 0px; margin: 0px auto 0px auto;background: url(img/header.jpg) top center no-repeat; overflow:hidden;} 
#header h1{margin:0px 0px 0px 0px;padding:40px 0px 0px 12px;font-weight:bold;font-family:"comic sans ms";font-size:30px; color:#0061C1;text-align:center}
#header h1 a{color:#0061C1;text-decoration:none;}
#header h1 a:hover{color:#53A9FF;text-decoration:none;}
#header h2{margin:0px 0px 0px 0px;padding:0px 0px 0px 12px;  font-family:"comic sans ms"; font-size:14px; color:#000000; font-style:italic; text-align:center;}


#sidebar{width:182px; float:left; position:relative; padding: 2px 2px 0px 32px;}
#sidebar h2{width:163px;float:left;position:relative;margin: 0px 0px 2px 0px;padding: 8px 5px 8px 14px;height: 14px;display:block; font-family:"comic sans ms"; font-size: 14px; text-decoration:none;font-weight:bold;color:#FFFFFF;background:url(img/menu_header.jpg) top left no-repeat;}




/* RIGHT Column */

td#right a:link,
td#right a:active,
td#right a:visited {
color: #7B5B42;
font-weight: bold;
font-size: 0.8em;
}

td#right a:hover {
color: #790828;
font-weight: bold;
font-size: 0.8em;
border-bottom: 1px dotted #777777;
}  

#menu {list-style: none; clear:left;}
ul#menu {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:182px;}
ul#menu li{margin: 0px 0px 2px 0px; display: block; font-family:"comic sans ms"; font-size: 12px; text-decoration:none; font-weight:bold;}
ul#menu li a{width: 154px; display: block; background:url(img/menu.jpg) top left no-repeat; padding: 8px 5px 8px 23px; text-decoration:none; color:#004488;margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#menu li a:hover{background-repeat: no-repeat; background-position: -182px 0px; background-image:url(img/menu.jpg); text-decoration:none; color:#FFFFFF;}


#newsmenu {list-style: none; clear:left;}
ul#newsmenu {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:182px;}
ul#newsmenu li{margin: 0px 0px 2px 0px; display: block; font-family:"comic sans ms"; font-size: 12px; text-decoration:none; font-weight:bold;}
ul#newsmenu li a{width: 154px; display: block; background:url(img/menu.jpg) top left no-repeat; padding: 8px 5px 8px 23px; text-decoration:none; color:#004488;margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#newsmenu li a:hover{background-repeat: no-repeat; background-position: -182px 0px; background-image:url(img/menu.jpg); text-decoration:none; color:#FFFFFF;}


#linksmenu {list-style: none; clear:left;}
ul#linksmenu {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;list-style: none; width:182px;}
ul#linksmenu li{margin: 0px 0px 2px 0px; display: block; font-family:"comic sans ms"; font-size: 12px; text-decoration:none; font-weight:bold;}
ul#linksmenu li a{width: 154px; display: block; background:url(img/menu_3.jpg) top left no-repeat; padding: 8px 5px 8px 23px; text-decoration:none; color:#444444;margin: 0px 0px 0px 0px; vertical-align: bottom;}
ul#linksmenu li a:hover{background-repeat: no-repeat; background-position: -182px 0px; background-image:url(img/menu_3.jpg); text-decoration:none; color:#FFFFFF; }


#content{float: right; display:inline; position: relative; width:564px; padding: 30px 50px 30px 30px;}
#content h1{color:#000000; font-family:"comic sans ms"; font-size: 22px; padding: 0px 0px 0px 0px; margin: 0px; clear:left;}
#content h1 a{color:#000000; font-family:"comic sans ms"; font-size: 22px; padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}
#content h1 a:hover{color:#333333; font-family:"comic sans ms"; font-size: 22px; padding: 0px 0px 0px 0px; margin: 0px; text-decoration:none;}
#content p{ color:#000000; font-size: 15px; line-height:1.7em;}
#content a{ color:#0000FF;}
#content a:hover{color:#FF0000; text-decoration:none;}
#content a:visited{color: #800080; text-decoration: underline;}
#content ul{color:#333333; font-size: 15px; line-height:1.7em;}
#content ol{color:#333333; font-size: 15px; line-height:1.7em;}
#content sidebar a:visited{color: #800080; text-decoration: underline;}

#submenu {list-style: none; margin: 0px; padding: 0px; width: 224px; background:  top center repeat-y; float:right;}


.submenuheader{width:160px; display:block; margin: 0px 2px 2px 52px; background: url(img/menu_header.jpg) top left no-repeat; color:#FFFFFF;  font-family:"comic sans ms"; font-size: 14px; text-decoration:none; font-weight:bold; padding:10px 5px 8px 15px;}
.submenutop {margin: 0px; padding: 0px; width: 224px; height:52px; display: block;}

#submenunav {list-style: none; margin: 2px 2px 0px 52px; padding: 0px;}
ul#submenunav {padding: 0px;}
ul#submenunav li{margin: 0px 0px 2px 0px; padding: 0px; display: block;  font-family:"comic sans ms"; font-size: 12px; text-decoration:none; font-weight:bold;}
ul#submenunav li a{width: 150px; display: block; background: url(img/menu.jpg) top left no-repeat; padding: 5px 5px 5px 25px; text-decoration:none; color:#004488; margin: 0px;}
ul#submenunav li a:hover{display: block; background-repeat: no-repeat; background-position: -180px 0px; background-image: url(img/menu.jpg); color:#FFFFFF;}
ul#submenunav li ul{padding: 2px 0px 0px 0px; list-style: none; margin:0px 0px 0px 0px;}
ul#submenunav li ul li{margin: 0px 0px 2px 0px; padding: 0px; display: block; font-family:"comic sans ms"; font-size: 12px; text-decoration:none; font-weight:bold; }
ul#submenunav li ul li a{width: 160px; display: block; background: url(img/submenu.gif) top left no-repeat; padding: 5px 5px 5px 15px; text-decoration:none; color:#0054BF; margin: 0px;}
ul#submenunav li ul li a:hover{display: block; background-repeat: no-repeat; background-position: -180px 0px; background-image: url(img/submenu.gif); color:#FFFFFF;}


blockquote {margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#505050; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#606060; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; margin:5px 0 15px 0;}

#s,#submit {background-color:#FFFFFF; border:1px solid #cccccc; color:#505050; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {border:1px solid #cccccc; font-family:"comic sans ms"; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}



    /*global/universal image classes */
    img.alignleft, img.left { float: left; }
    img.alignright, img.right { float: right; }
    img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
    img.alignnone, img.block { display: block; clear: both; }
    img.frame { background: #eee; border-style: solid; border-color: #ddd; }
    img.stack { clear: none !important; }
    img[align="left"] { float: left; clear: left; }
    img[align="right"] { float: right; clear: right; }
    img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }

    /*—:[ image captioning ]:—*/
    .wp-caption { border-style: solid; border-color: #ddd; background-color: #eee; text-align: center; font-style: italic; }
    .wp-caption.alignleft { float: left; }
    .wp-caption.alignright { float: right; }
    .wp-caption.aligncenter { margin-right: auto; margin-left: auto; float: none; clear: both; }
    .wp-caption.alignnone { clear: both; }

    /*global/universal image classes */

.divider{height: 20px; width:540px; background: url(img/divider.jpg) top center no-repeat; margin: 10px auto 20px auto;}
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0px;}
.postinfo {color:#606060; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:0px; padding:8px 0px 8px 0px;}
.comment {color:#606060; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.wp-caption {border : 1px solid #ddd; text-align : center; background-color : #FFE9D3; margin : 10px;}
.wp-caption img {margin: 0; padding: 0; border: 0 none;}
.wp-caption-dd {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}



.alignleft {
 float: left;
}

.alignright {
 float: right;
}



#footer{height:55px; background:url(img/footer.gif) top center no-repeat; margin: 0px auto 0px auto; clear:both; text-align:left; padding: 20px 44px 0px 44px; width: 772px; } 
#footertext {font-family:"comic sans ms"; font-size: 12px; text-decoration:none;  color:#FFFFFF; float:left;} 
#footertext a{font-family:"comic sans ms"; font-size: 12px; text-decoration:none;  color:#FFFFFF;} 
#footertext a:hover{font-family:"comic sans ms"; font-size: 12px; text-decoration:none;  color:#97CBFF;} 


#credits {font-family:"comic sans ms"; font-size: 11px; text-decoration:none; color:#C5E3FE; float:right;} 
#credits a{font-family:"comic sans ms"; font-size: 11px; text-decoration:none; color:#C5E3FE;} 
#credits a:hover{font-family:"comic sans ms"; font-size: 11px; text-decoration:none; color:#FFFFFF;} 

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

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */ 


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #content{width:100%; float:none;}
}