@charset "utf-8";
/* Drum Computer Inc. stylesheet by Intricate Designs */

/* CSS Resets */

html, body, div, ul, li, a, p, img, h1, h2, h3, h4 { margin: 0px; padding: 0px; }

ul, li {list-style-type: none; }

/* Core HTML */

body { background: #4A0001; }

h1, h2, h3, h4, a, p { font-family: Arial, Helvetica, sans-serif; color: #000000; }

h1 { font-size: 16pt; }
h2 { font-size: 14pt; }
h3 { font-size: 12pt; }
h4 { font-size: 10pt; }
p {  font-size: 10pt; line-height: 16px; margin: 15px 0 0 0;}

a, a:link, a:active, a:visited { color: #FFFFFF; text-decoration: none; }
a:hover { text-decoration: underline !important; }

li.active a {color: #999999 !important; }

a img {border: none; }

h3 { color: #800003; }

/* Core DIVs */

#content { background: #FFFFFF url(images/bg-xpand.jpg) repeat-x; }

#wrapper { width: 100%; 
		margin: 0 auto 0 auto; }

#header { background: url(images/logo.jpg) no-repeat top left;
		height: 153px; 
		text-align: right; 
		width: 950px;
		margin: 0 auto 0 auto; }
		
#nav { 	background: url(images/nav-xpand.jpg) repeat-x;
		border: none;
		margin: 69px 25px 0 0;
		float: right; }

#nav li { display: inline; }
		
#nav li a { font: bold 11pt Arial, Helvetica, sans-serif;
		padding: 0 5px 0 5px;
		line-height: 44px;
		height: 44px; }
		
#showcase { clear: right;
		background: #250000 url(images/product-bg.jpg) top left no-repeat;
		border-top: solid 1px #CCCCCC;
		width: 100%; }
		
#showcase h1 { color: #FFFFFF; }
#showcase p { color: #FFFFFF; }

#showcase h4#date { 
		padding: 5px 0 0 0; 
		color: #999999; }
		
#showcase td { width: 50%; 
		padding: 25px; 
		vertical-align: top; }

#showcase div {display: inline; }

#showcase td img { 
		border: solid 1px #CCCCCC; 
		float: right;}

#showcase a { font-weight: bold; }

div.date  { font: italic 8pt Arial, Helvetica, sans-serif;
		color: #999999;
		padding-bottom: 5px;
		border-bottom: solid 1px #CCCCCC; 
		margin: 10px 0 10px 0; }
		
#products { background: url(images/product-nav.jpg);
		border-top: solid 1px #CCCCCC;
		border-bottom: solid 1px #CCCCCC;
		height: 42px;
		width: 100%; 
		text-align: center; }
		
#products li { display: inline; }

#products li a { 
		font: bold 12pt Arial, Helvetica, sans-serif;
		padding: 0px  10px 0 10px; 
		line-height: 42px;
		height: 42px; }
		
div#centercolumn { margin: 22px; }

div.column { width: 300px; 
		float: left; 
		margin: 25px 0 25px 0; }

div.column div { padding: 10px 0 10px 0; }

div.column img { margin: 0 15px 0 0; }
		
div.singlecolumn { 
		width: 950px; 
		margin: 25px auto 25px auto; }

div#singlepage { padding: 20px; }
		
#footer { background: #4A0001 url(images/footer-xpand.jpg) repeat-x;
		height: 61px; 
		clear: both; 
		padding: 20px 0 0 0; }
		
#copy { width: 950px; 
		margin: 0px auto 0px auto; }

#copy p { line-height: 18px; 
		margin: 0px; 
		padding: 0px; 
		color: #FFFFFF; }

#footer ul { float: right; 
		margin: 6px 0 0 0; }

#footer ul li { display: inline; }

#footer ul li a { 
		font: bold 11pt Arial, Helvetica, sans-serif;
		padding: 0 5px 0 5px; }	

#login  { width:100%; 
		margin: 200px 0 0 0; 
		font: bold 10pt Arial, Helvetica, sans-serif; 
		color: #FFFFFF; }	

#login h2 { text-align: center; 
		margin: 0 0 20px 0; 
		color: #FFFFFF !important; }
	
#login table {
		margin: auto; 
		background: #250000 url(images/product-bg.jpg) top left no-repeat;
		border: solid 1px #CCCCCC; 
		padding: 15px; }

#login table table { background: #4A0001; }

#login table table table { border: none; }		
		
#login table td { padding: 5px; }

div.center, table.center {
		width: 950px; 
		margin: 0 auto 0 auto; }

div.center a {color: #800003; }

table.product { 
		font: normal 10pt Arial, Helvetica, sans-serif;
		color: #00000; 
		width: 290px;}
		
table.product td { vertical-align: top; }

/* Blog */

pre p, div { white-space: normal; }

pre h3 {	margin: 10px 0 0 0; 
		color: #250000; }

.contentdiv { margin: 0 0 20px 0; }

#ditto_pages { 
		border-top: solid 1px #CCCCCC; 
		padding: 10px 0 10px 0; 
		margin: 5px 0 0 0; }
		
#ditto_pages a { } /* For future button-style goodness */

#ditto_pages span { margin: 0 5px 0 5px; }

div.more { padding: 10px 0 0 0; 
		border-top: solid 1px #CCCCCC; 
		text-align: center; }

#legend { width: 200px; 
		float: right; 
		font: normal 10pt Arial, Helvetica, sans-serif; 
		padding: 10px;
		margin: 0 0 20px 20px; }
		
.pagenav { padding: 10px 0 0 0; 
		margin: 10px 0 0 0; 
		border-top: solid 1px #EEEEEE; 
		text-align: center; }

.ditto_page { padding: 0 0 0 5px; }
		
#legend  h3 { border-bottom: solid 1px #CCCCCC; 
		padding-bottom: 5px; 
		margin-bottom: 15px; }

div#legend ul { font-size: 10pt; 
		line-height: 16px; 
		margin: 10px 0 0 0; }

div#entries { width: 700px; }

.ditto_pageTitle { font: bold 9pt Arial, Helvetica, sans-serif;}

.ditto_documentInfo , .ditto_introText, #crumbs { 
		font: italic 8pt Arial, Helvetica, sans-serif;
		color: #999999;
		margin: 2px 0 15px 0; }
		
div#crumbs { font: italic 8pt Arial, Helvetica, sans-serif;
		color: #999999;
		padding-bottom: 5px;
		border-bottom: solid 1px #CCCCCC; 
		margin: 0 0 20px 0; }
		
/* Comments */

.jot-list, .jot-poster { font: bold 8pt Arial, Helvetica, sans-serif;
		color: #999999; 
		margin: 10px 0 0 0;
		}
		
form { }

.jot-row { padding: 10px; }

.jot-user { font: normal 10pt Arial, Helvetica, sans-serif; }

.jot-comment { font-family: Arial, Helvetica, sans-serif; }

.jot-message { font-size: 12px; }

.jot-subject  { color: #800003; font: bold 10px Arial, Helvetica, sans-serif; }

.jot-row-author { background: #FFFFFF; }

fieldset label { color: #800003; font: bold 12px Arial, Helvetica, sans-serif; margin: 10px 0 2px 0;}

.jot-err, .jot-cfm { font: bold 10pt Arial, Helvetica, sans-serif; }