/*

For PiNDrop Music Design

Green: A5F57A
Blue: 99CCFF

*/

body 
{
margin: 0;
font-family: helvetica, sans-serif !important;
font-size: 12px !important;
color: #000000;
background-color: black;
background: url(images/background5.png) repeat;
}

#container
{
width: 850px;
margin: 0 auto;
}



/* default styles */
a img {border: none; }

a:link
{
color: #3300FF; /* old: 3300FF */
text-decoration: none;
}

a:visited 
{
color: #3300FF;
text-decoration: none;
}

a:active 
{
color: #0000FF;
}

a:hover 
{
text-decoration: underline;
}

h1 
{
margin-top: 0;
font-size: 1.7em;
font-weight: bold;
font-family: verdana;
}

h2 /* for categories and page titles*/
{
font-size: 1.4em;
font-family: verdana;
}

h3 /* for products and subtitles*/
{
font-size: 1.3em;
padding: 0;
margin-bottom: 1px;
font-family: verdana, sans-serif;
font-weight: bold;
}

h4 /* for WP post titles */
{
font-size: 1.2em;
font-family: verdana;
font-weight: bold;
color: black;
margin-bottom: 1px;
}

h5 /* for WP single-page post titles */
{
font-size: 1.2em;
font-family: verdana;
font-weight: bold;
color: black;
margin-bottom: 1px;
}

.modtextpadding
{
padding: 3px;
}

.soundsample
{
margin: 0 auto;
padding-left: 30px;
padding-top: 10px;
min-height: 25px;
border-top: 1px solid black;
border-bottom: 1px solid black;
text-align: left;
}

ol ol
{
list-style: lower-alpha
}

	
/* header */

#header
{
width: 100%;
height: 126px;
}


#logo
{
background: url(images/webhead2.png) no-repeat;
height: 126px;
width: 100%;
}

/*
.headerpadding
{ 
padding: 5px;
}
*/

.tagline 
{
color:#000000;
padding-top: 110px; 
padding-left: 50px;
font-size: 14px;
font-style: italic;
text-align : left;
vertical-align: baseline;
float: left;
}

.toplinks /* all navMain stuff refers to top navigation */
{
margin: 0em;
font-weight: bold;
color: black;
float: right;
margin-top: 75px;
}


.toplinks ul
{
margin: 0;
padding:  0.5em 0em;
list-style-type: none;
text-align: right; /* floats left due to .back under MISC */
line-height: 1.5em;
}


.toplinks ul li
{
display: inline;
}


.toplinks ul li a
{
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #EDEDED;
white-space: nowrap;
}


.toplinks ul li a:hover
{
color: white;
text-decoration: underline;
}

#headlinks /* for links, if you want to use another set in the header */
{
float: right;
margin-right: 0px;
vertical-align: top;
width: 25%;
font-size: 1.2em;
}


#headlinks ul
{
text-align: right;

}

#headlinks li
{
display: block;
list-style: none;
padding-top: 2px;
padding-bottom: 2px;
}


#headlinks a
{
color: #333333;
font-weight: bold;
}

#headlinks a:hover
{
color: black;
text-decoration: underline;
}


#headseparator
{
margin: 0 auto;
margin-bottom: 10px;
height: 5px;
width: 98%;
border-top: 1px solid black;
border-bottom: 1px solid black;
}


#content
{
background-color: white;
/* border-left: 2px solid white; */
padding: 5px;
padding-left: 0;
padding-top: 45px;
padding-bottom: 20px;
/*
border-bottom: 2px solid #A5F57A;
border-left: 0px solid #A5F57A;
border-right: 0px solid #A5F57A;
*/

overflow: hidden;
}


/* LEFT MENU */

#left
{
margin-top: 0;
margin-bottom: 15px;
width: 195px;
float: left;

}

/* black over white */ /* CURRENT USE: WIDGET 2 */
.blacktopw div	{ /* background: url(images/blackcornertlw.gif) no-repeat top left; */ }
.blacktopw	  	{background: url(images/blackcornertrw.gif) no-repeat top right;}
.blackbotw div	{ /* background: url(images/blackcornerblw.gif) no-repeat bottom left; */}
.blackbotw 		{background: url(images/blackcornerbrw.gif) no-repeat bottom right;}
.blackcolorw		{background-color: black; margin-bottom: 20px; padding-right: 0px;}
.blacktopw div, .blacktopw, .blackbotw div, .blackbotw	
	{width: 100%; height: 10px;}

/* black over blue */
.blacktopb div	{ /* background: url(images/blackcornertlb.gif) no-repeat top left; */ }
.blacktopb	  	{background: url(images/blackcornertrb.gif) no-repeat top right;}
.blackbotb div	{ /* background: url(images/blackcornerblb.gif) no-repeat bottom left; */}
.blackbotb 		{background: url(images/blackcornerbrb.gif) no-repeat bottom right;}
.blackcolorb		{background-color: black; margin-bottom: 20px;}
.blacktopb div, .blacktopb, .blackbotb div, .blackbotb	
	{width: 100%; height: 10px;}

/* blue over black */
.bluetop div	{ /* background: url(images/bluecornertlbk.gif) no-repeat top left; */ }
.bluetop	  	{background: url(images/bluecornertrbk.gif) no-repeat top right;}
.bluebot div	{ /*background: url(images/bluecornerblbk.gif) no-repeat bottom left; */}
.bluebot 		{ background: url(images/bluecornerbrbk.gif) no-repeat bottom right; }
.bluecolorbk		{background-color: #99CCFF;}
.bluetop div, .bluetop, .bluebot div, .bluebot	
	{width: 100%; height: 10px;}
	
/* blue over white */ /* CURRENT USE: WIDGET 1 */
.bluetopw div	{ background: url(images/bluecornertlw.gif) no-repeat top left; }
.bluetopw	  	{background: url(images/bluecornertrw.gif) no-repeat top right;}
.bluebotw div	{ background: url(images/bluecornerblw.gif) no-repeat bottom left; }
.bluebotw		{ background: url(images/bluecornerbrw.gif) no-repeat bottom right; }
.bluecolorw		{background-color: #99CCFF; margin-bottom: 20px; margin-left: 10px;}
.bluetopw div, .bluetopw, .bluebotw div, .bluebotw	
	{width: 100%; height: 10px;}

/* white over black */ /*CURRENT USE: WIDGET2 */
.whitetopbk div 	{ background: url(images/whitecornertlbk.gif) no-repeat top left; }
.whitetopbk 	{ /* background: url(images/whitecornertrbk.gif) no-repeat top right; */ }
.whitebotbk div	{ background: url(images/whitecornerblbk.gif) no-repeat bottom left;  }
.whitebotbk 		{ /* background: url(images/whitecornerbrbk.gif) no-repeat bottom right; */}
.whitecolorbk		{background-color: white; margin-left: 20%; width: 84%; padding: 0;} 
.whitetopbk div, .whitetopbk, .whitebotbk div, .whitebotbk	
	{width: 100%; height: 10px;}
	
/* white over blue */
.whitetopb div	{ /* background: url(images/whitecornertlb.gif) no-repeat top left; */}
.whitetopb 		{background: url(images/whitecornertrb.gif) no-repeat top right;}
.whitebotb div	{ /* background: url(images/whitecornerblb.gif) no-repeat bottom left; */}
.whitebotb 		{background: url(images/whitecornerbrb.gif) no-repeat bottom right;}
.whitecolorb		{background-color: white; }
.whitetopb div, .whitetopb, .whitebotb div, .whitebotb	
	{width: 100%; height: 10px;}

/* blackmax over black */
.blackmaxtop div	{  background: url(images/blackmaxtl.gif) no-repeat top left; }
.blackmaxtop 		{ background: url(images/blackmaxtr.gif) no-repeat top right;}
.blackmaxbot div	{ background: url(images/blackmaxbl.gif) no-repeat bottom left; }
.blackmaxbot 		{background: url(images/blackmaxbr.gif) no-repeat bottom right;}
.blackmaxcolor		{background: url(images/blackmaxback.gif) repeat; }
.blackmaxtop div, .blackmaxtop, .blackmaxbot div, .blackmaxbot	
	{width: 100%; height: 10px;}

/* blackmax over white */
.blackmaxtopw div	{  background: url(images/blackmaxtlw.gif) no-repeat top left; }
.blackmaxtopw 		{ background: url(images/blackmaxtrw.gif) no-repeat top right;}
.blackmaxbotw div	{ background: url(images/blackmaxblw.gif) no-repeat bottom left; }
.blackmaxbotw 		{background: url(images/blackmaxbrw.gif) no-repeat bottom right;}
.blackmaxcolorw		{background: url(images/blackmaxback.gif) repeat; }
.blackmaxtopw div, .blackmaxtopw, .blackmaxbotw div, .blackmaxbotw	
	{width: 100%; height: 10px;}

/* blackmax over blue */
.blackmaxtopb div	{  background: url(images/blackmaxtlb.gif) no-repeat top left; }
.blackmaxtopb 		{ background: url(images/blackmaxtrb.gif) no-repeat top right;}
.blackmaxbotb div	{ background: url(images/blackmaxblb.gif) no-repeat bottom left; }
.blackmaxbotb 		{background: url(images/blackmaxbrb.gif) no-repeat bottom right;}
.blackmaxcolorb		{background: url(images/blackmaxback.gif) repeat; margin-left: 3%; color: white;}
.blackmaxtopb div, .blackmaxtopb, .blackmaxbotb div, .blackmaxbotb	
	{width: 100%; height: 10px; }

.leftcontent /* for dark backgrounds */
{
margin-left: 0px;
width: 97%;
color: white;
}


.leftcontent ul
{
margin-left: 0;
padding: 0;
}

.leftcontent li
{
display: block;
list-style: none;
margin-left: 0;
padding: 0;
}


.leftcontent a
{
color: #CCCCCC;
font-weight: bold;
}

.leftcontent a:hover
{
color: white;
text-decoration: underline;
}


.leftcontent2 /* for light backgrounds */
{
margin-left: 0px;
width: 97%;
text-align: right;
}


.leftcontent2 ul
{
margin-left: 0;
padding: 0;
}

.leftcontent2 li
{
display: block;
list-style: none;
margin-left: 0;
padding: 0;
}


.leftcontent2 a
{
color: #333333;
font-weight: bold;
}

.leftcontent2 a:hover
{
color: #black;
text-decoration: underline;
}




.leftBoxHeading 
	{
	margin: 0em;
	padding: 0.1em 0.2em;
	}	
	
	
h3.leftBoxHeading
{
font-size: 14px;
color: black;
border-bottom: 1px solid gray;
text-align: left;
}



/* MAIN */

#main
{
width: 625px;
margin-left: 215px; 
font-size: 12px;
}

#pagecontent
{
overflow: hidden;
}

.breadcrumbs
{
font-weight: bold;
font-size: 12px;
margin: 0em;
margin-bottom: 15px;
padding: 0.5em;
padding-left: 25px;
background: url(images/breadcrumb.jpg) left no-repeat;
}


.breadcrumbs a
{
color: #333333;
text-decoration: underline;
}


.breadcrumbs a:hover
{
color: black;
}

.postback
{
padding: 5px;
background: url(images/indexback.png) no-repeat;
height: 100%; /*303px*/
min-height: 303px;
width: 100%;
font-size: 14px;
}

.indexback2
{
padding-top: 25px;
font-size: 13px;
}



/* WP POSTS */
#postcontainer
{
width: 95%;
/* margin-top: 200px; comment out if you remove the index widget or don't use grid style! */
margin: 0 auto;
font-family: helvetica, sans-serif;
font-size: 12px;
padding: 10px;
}

#posttitleimg
{
background: url(images/sticksondrum.png) left no-repeat;
height: 76px;
width: 100%;
text-align: bottom;
}

h4.posttitle
{
padding-top: 0px;
margin-left: 100px;
padding-bottom: 0;
font-size: 1.3em;
}

h4.posttitle a
{
color: #333333;
text-decoration: none;
}

h4.posttitle a:hover
{
text-decoration: underline;
color: black;
}

div.post
{
margin-left: 60px;
font-size: 12px;
font-family: helvetica, sans-serif;
}

span.post
{
margin-left: 0px;
font-size: 12px;
font-family: helvetica, sans-serif;
}

.postsinglepg
{
margin-left: 10px;
font-size: 14px;
font-family: helvetica, sans-serif;
}

h5.posttitle
{
padding-bottom: 0;
font-size: 1.3em;
}

h5.posttitle a
{
color: #333333;
text-decoration: none;
}

h5.posttitle a:hover
{
text-decoration: underline;
color: black;
}





/* FOOTER */

#footer
{
width: 850px;
margin: 0 auto;
text-align: center;
font-size: 1.1em;
color: white;
}

span.footertext
{
background-color: black;
padding: 2px;
}

#footer ul
{
margin: 0;
padding:  0.5em 0em;
list-style-type: none;
line-height: .5em;
}


#footer ul li
{
display: inline;
}


#footer ul li a
{
text-decoration: none;
padding: 0em 0.5em;
margin: 0;
color: #EDEDED;
white-space: nowrap;
font-weight: bold;
background-color: black;
}


#footer ul li a:hover
{
color: white;
text-decoration: underline;
}









/* CATEGORY */

table.categories
{
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}

tr.tabletitles
{
background: white;
font-weight: bold;
}

tr.row1
{
background: #99CCFF;
}


tr.row2
{
background: #cccccc;
}

table.categories a
{
color: #333333;
}

table.categories a:hover
{
color: black;
text-decoration: underline;
}


/* INDIVIDUAL CONTAINERS */


.filecontainer /* for free downloads */
{
min-height: 75px;
width: 50%;
text-align: center;
}

.blue
{
background: url(images/bluemodtl.png) 0 0 no-repeat;
margin: 0;
padding: 0;
margin-bottom: 20px;
}

.blue div
{
background: url(images/bluemodtr.png) 100% 0 no-repeat;
}

.blue div div
{
background: url(images/bluemodbl.png) 0 100% no-repeat;
}

.blue div div div
{
background: url(images/bluemodbr.png) 100% 100% no-repeat;
padding: 8px;
width: auto !important;
width: 100%;
}


.green
{
background: url(images/greenmodtl.png) 0 0 no-repeat;
margin: 0;
padding: 0;
margin-bottom: 20px;
}

.green div
{
background: url(images/greenmodtr.png) 100% 0 no-repeat;
}

.green div div
{
background: url(images/greenmodbl.png) 0 100% no-repeat;
}

.green div div div
{
background: url(images/greenmodbr.png) 100% 100% no-repeat;
padding: 8px;
width: auto !important;
width: 100%;
}

.green a
{
color: blue;
text-decoration: none;
}

.green a:hover
{
color: #003399;
text-decoration: underline;
}

.gray
{
background: url(images/graymodtl.png) 0 0 no-repeat;
margin: 0;
padding: 0;
margin-bottom: 20px;
}

.gray div
{
background: url(images/graymodtr.png) 100% 0 no-repeat;
}

.gray div div
{
background: url(images/graymodbl.png) 0 100% no-repeat;
}

.gray div div div
{
background: url(images/graymodbr.png) 100% 100% no-repeat;
padding: 8px;
width: auto !important;
width: 100%;
}


.infocontainer /* for link styles, see Shopp stylesheet */
{
clear: both;
}



/* CONTACT */

.label
{
width: 115px;
text-align: right;
padding-right: 20px;
float: left;
}


/* BUTTONS */
.gray div div div div.pbutton
{
float: left;
padding: 10px;
background: none;
font-weight: bold;
}

.viewcart
{
border-bottom: 1px dotted gray;
}


/* WP WIDGETS */

.widget ul
{
list-style-type: none;
padding-left: 3px;
font-weight: none;
margin-top: 0;
}

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

.widgettitle 
	{
	margin: 0em;
	padding: 0.1em 0.2em;
	}	

h2.widgettitle
{
font-size: 1.4em;
font-family: verdana;
font-weight: bold;
color: white;
background: url(images/headerback.png) left top no-repeat;
height: 30px;
padding-top: 5px;
padding-left: 15px;

}	
	
h3.widgettitle /* for sidebar widgets */
{
font-size: 12px;
font-family: verdana, sans-serif;
font-weight: bold;
color: black;
margin-right: 15px;
padding: 0px;
padding-top: 5px;
text-align: left;
background-color: white;
}

div.widheadend /* for sidebar widgets, for use with h3.widgettitle */
{
background: white url(images/widheadend.gif) right no-repeat;
height: 25px;
width: 80%;
margin-left: 0;
margin-bottom: 10px; 
}

h4.widgettitle /* for sidebar widget2 */
{
font-size: 12px;
font-family: verdana, sans-serif;
font-weight: bold;
color: white;
margin-right: 15px;
padding: 0px;
padding-top: 10px;
padding-left: 55px;
text-align: left;
height: 25px;
background: url(images/wid2head2.gif) left no-repeat;
}



#widget_indexprod
{
width: 95%;
margin: 0 auto;
margin-bottom: 20px;
border: none;
padding: 3px;
}