/*  
Theme Name: The Drum Shop 

Author: 
--------------------------------
Pemaquid Communications, LLC
28 Maple Street
Suite 300
Portland, Maine 04101
+1 207.221.2520

http://pemaquid.com
http://facebook.com/pemaquid
http://twitter.com/pemaquid

*/


blockquote {
	border-left:#69CF90 solid 4px;
	margin:0px 0px 12px 19px;
	padding:0px 0px 0px 7px;
}


.navigation {
	font-size:18px;
	font-weight:bold;
	line-height:34px;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

img.centered {
	display:block;
	margin:12px auto 12px auto;
}

img.alignright {
	display:inline;
	margin:12px 0px 12px 22px;
}

img.alignleft {
	display:inline;
	margin:12px 22px 12px 0px;
}

/* Main column - layout and style */

.container {
	margin:0 auto;
	width:960px;
	background:#DEDCDD;
	overflow:auto;
}

.main-column {
	width:480px;
	margin:22px 40px 0px 30px;
	float:left;
}

.main-column h2.pagetitle {
	font-size:200%;
	}


.main-column ul {
	font-size:14px;
	margin:0px 0px 12px 30px;
	padding:0px;
	line-height:22px;
	list-style:url(images/li.gif) outside;
}

.post-subscribe {
	font-size:14px;
	background:url(images/subscribe.gif) 0 50% no-repeat;
	padding:5px 0px 5px 25px;
	float:left;
}

.post-share {
	font-size:14px;
	background:url(images/share.gif) 0 50% no-repeat;
	padding:5px 0px 5px 25px;
	margin:0px 0px 0px 20px;
	float:left;
}

.post-comment {
	font-size:14px;
	padding:5px 0px 5px 25px;
	float:right;
}


/* Comments */

.comment-head {
	background:url(images/comment-head.gif) 0 0 no-repeat #CCDAF0;
	padding:3px 10px 0px 10px;
	margin:20px 0px -12px 0px;
}

.comment-top {
	background:url(images/comment-top.gif) 0 0 no-repeat;
	padding:5px 10px 5px 10px;
}

.comment-middle {
	background:url(images/comment-middle.gif);
}

.comment-bottom {
	background:url(images/comment-bottom.gif) 0 100% no-repeat;
	margin:0px 0px 22px 0px;
}

.comment-box {
	border:3px solid #F0C67A;
}

.comment-box:focus {
	background:#FBEDD6;
}

.comment-submit {
	border:3px solid #688DCC;
	background:#FFFFFF;
}

.comment-submit:hover {
	background:#CCDAF0;
	cursor:pointer;
	cursor:hand;
}


/* Side columns */

.side-column {
	display:inline;
}

.side-left {
	width:180px;
	margin:22px 20px 0px 0px;
	padding:0px;
	float:left;
}

.side-right {
	width:180px;
	margin:22px 30px 0px 0px;
	padding:0px;
	float:right;
}

.left {
	border-top:#6CB5D3 solid 5px;
	margin:0px 0px 22px 0px;
	padding:20px 0px 0px 0px;
}

.right {
	border-top:#F0C67A solid 5px;
	margin:0px 0px 22px 0px;
	padding:20px 0px 0px 0px;
}


/* Print-friendly stylesheet */

@media print {
	#search-form {
		display:none;
	}

	#menu {
		display:none;
	}

	.comment-box {
		display:none;
	}

	.comment-submit {
		display: none;
	}

	.side-column {
		display:none;
	}

	.main-column {
		width:800px;
	}
}


/*
Pemaquid Communications
---------------------------------------------------------- 
---------------------------------------------------------- */


/* = reset
---------------------------------------------------------- */
dl, dt, dd, ol, ul, li{ 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-weight: inherit; 
	font-style: inherit; 
	font-family: inherit; 
	vertical-align: baseline; 
	background: transparent;  
	}

b {font-weight:normal;}

:focus { outline: 0; } 
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
strong {font-weight:bold;}
em {font-style:italic;}

table, th, td {
	font-size:100%;
	padding:0;
	}

/* = general styles
---------------------------------------------------------- */
body {
	font: 80% verdana, arial, sans-serif;
	color: #333;
	margin: 0 auto;
	padding: 0;
	background:#2c0004 url(images/bg.jpg) top center no-repeat scroll;
	line-height:1.4	em;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia;
	font-weight:normal;
	padding: 0;
	margin: 0 0 1em 0;
	text-transform: uppercase;
	}

a:link, a:visited { 
	color:#009; 
	color:#4D473B;
	}

a:hover {
	color:#994200;
	color:#6a6253;
	text-decoration:none;
	}
	
	
img { border:none; } 	

.left { float:left; }
.right { 
	float:right; 
	margin:0 0 20px 20px;
	}		
.text_left{ text-align:left; }
.text_center{ text-align:center; }	
.text_right{ text-align:right; }

.up { text-transform:uppercase; }		
.underline{ text-decoration:underline; }	
.clear { clear: both; }

/* = skip nav
---------------------------------------------------------- */
#skips {
	position: absolute; 
	top: -9999px; 
	margin: 0; 
	}


/* = header
---------------------------------------------------------- */

#header {
	margin:0 auto;
	width:960px;
	height:180px;
	background:#090400 url(images/header_photo.jpg) top right no-repeat scroll;
	}

#header h1 {
	text-indent: -9999px;
	margin-left:44px;
	}

#header h1 a {
	display:block;
	width:272px;
	height:179px;
	background: #090400 url(images/logo.jpg) top left no-repeat scroll;
	}	

/* header vcard */
#header .vcard {
	font-size: 130%;
	font-family: "Abadi MT Condensed Light", helvetica, arial, sans-serif;
	float:right;
	width:540px;
	padding:30px 0 0 100px;
	}

#header .vcard h3 {
	height:0;
	text-indent: -9999px;
	}	
	
#header .vcard, #header .vcard a {
	color:#ccc;
	}



/* override */
.search {
	display:none;
	height:0;
	}

/* override */
#header .description {
	display:none;
	height:0;
	}


/* = nav
---------------------------------------------------------- */
#menu {
	margin:0 auto;
	width:960px;
	background:url(images/header-bg-bottom.jpg) 100% 0 no-repeat #E9AC3D;
	font-family: 'Century Gothic','Trebuchet MS',  Helvetica, arial, sans serif;
	text-transform: uppercase;
	}
	
ul.menu-list {
	display:block;
	width:910px;
/* 	height:32px; */
	padding:0 0 6px 50px;
	background:#8C210D;
	overflow: auto;
	}

ul.menu-list li {
	float:left;
	}

ul.menu-list li a, ul.menu-list li a:visited {
	display:block;
	margin:6px 12px 0 12px;
	color:#fff;
	font-size:110%;
	text-decoration: none;
	}	

ul.menu-list li a:hover {
	/* text-decoration: underline; */
	color:#e29b00;
	}


/* search table */

#table_search {
	margin:0 auto;
	width:960px;
	background: #BAB8B8;
	}

#table_search td {
	padding:10px 0;
	font-family: Arial;
	text-transform: uppercase;
	font-weight: bold;
	color:#4D473B;
	}	

#table_search td.leftcell {padding-left:30px;}
#table_search td.rightcell {padding-right:30px;}

/* = social networking, sales links
---------------------------------------------------------- */
#social {
	height:60px;
	width:200px;
	}

#social li {
	float:left;
	text-indent: -9999px;
	margin:0 4px;
	}

#social li a {
	display:block;
	width:32px;
	height:33px;
	}

/*  can't click on png link backgrounds in ie6 - *sigh*
#social li#twitter {background: url(images/twitter.png) top center no-repeat scroll;}
#social li#facebook {background: url(images/facebook.png) top center no-repeat scroll;}
#social li#youtube {background: url(images/youtube.png) top center no-repeat scroll;}
#social li#ebay {background: url(images/ebay.png) top center no-repeat scroll;}	
*/

#social li#twitter {background: url(images/twitter.gif) top center no-repeat scroll;}
#social li#facebook {background: url(images/facebook.gif) top center no-repeat scroll;}
#social li#youtube {background: url(images/youtube.gif) top center no-repeat scroll;}
#social li#ebay {background: url(images/ebay.gif) top center no-repeat scroll;}	

/* = ads
---------------------------------------------------------- */
.ad a img {
	background: transparent;
	border:none;
	margin-bottom:20px;
	}

/* = Table of Contents
---------------------------------------------------------- */
.tocheader {
	border-top:4px solid #4D473B;
	font-size: 120%;
	font-weight: bold;
	font-family:arial;
	text-transform: uppercase;
	padding:2px 0 4px 0;
	color:#4D473B;
	}

.TocContent p, .TocSubContent, p {
	margin:0;
	}

.TocContent a, .TocSubContent a {
	color:#4D473B;
	}


/* = footer
---------------------------------------------------------- */
#footer {
	clear:both;
	margin:0 auto;
	width:900px;
	padding:12px 30px;
	background:#090400;
	color:#ccc;
	text-align: center;
	}

#footer h3 {
	margin:0;
	font-weight: bold;
	}


#footer p {
	color:#999;
	margin:0px;
	}

#footer a {
	color:#999;
	}

#footer a:hover {
	color:#999;
	}

#footer .copyright {
	display:block;
	margin-top:12px;
	color:#666;
	}

/* = other
---------------------------------------------------------- */
.main-column h3, .main-column p {
	margin:1em 0;
	} 

h1, h2, h3, h4, h5, h6 {
	/* font-weight: bold; */
	}

/* = TEMPORARY!  UNTIL EFFORTLESS-E IS READY
---------------------------------------------------------- */
.main-column {
	width:480px;
	}

.side-column {
	display:inline;
}

.side-left {
	width:180px;
	margin:22px 20px 0px 0px;
	padding:0px;
	float:left;
}

.side-right {
	width:180px;
	margin:22px 30px 0px 0px;
	padding:0px;
	float:right;
}

.side-left {
	display:none;
	}

.main-column {
	width:600px;
	}


#social {
	height:33px;
	position:relative;
	right:-760px;
	}
#social li {
		
	}