@import "dynamiccss.php";

/* CSS Document */

ul,ol,dl,p,h1,h2,h3,h4,h5,h6 {
	/* This sets consistent margins for main block-level elements across browsers */
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	padding:0;
	text-align:center;
	min-width:700px;
	background:#fff url(images/background_bw.jpg);
}
h1 { font-size: 36px;}
h2 { font-family:"Comic Sans MS", fantasy, sans-serif; color:#8f9766; border-bottom:solid 2px #8f9766; padding-bottom:3px;}
div.record h2 { padding-bottom:0; border-bottom:none; font-size:20px;}
p,li { font-size: 14px; line-height: 2em;}
a:link {color:#669933;}
a:visited {color:#669933;}
a:hover {color:#fc0;}
a:active {color:#fc0;}
blockquote { border:solid 1px #666; padding:5px 20px; margin-left:0; margin-right:0;}
blockquote p { font-size:120%; font-style:oblique;}
div.clearFloats { clear:both; font-size:0; line-height:0; visibility:hidden;}

body.imageViewer { background:#fff url(images/background_gray.jpg); color:#fc0;}
body.imageViewer div { margin:10px;}
body.imageViewer a:link, body.imageViewer a:visited {color:#fc0; font-weight:bold;}
body.imageViewer p { background-color:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; margin:0;}

div.record  {clear:both;}
div.record + div.record { border-top:solid 1px #000; padding-top:1em; margin-top:1em; clear:both;}
div.record *:first-child { margin-top:0;}
div.record img.cover { float:left; margin:5px 15px 10px 0; border:solid 1px #000;}
div.record h3 {  font-family:"Comic Sans MS", fantasy, sans-serif; color:#8f9766; font-size:17px;}
div.record div.thumbnails { clear:both; background:#fff url(images/background_gray.jpg); text-align:center; border:solid 3px #8f9766;}
div.record div.thumbnails img { margin:10px;}
div.record div.tracks { clear:both; border:solid 3px #8f9766; margin-bottom:1em;}
div.record div.tracks h3 { margin-bottom:0; margin-top:0;background-color:#563; padding:2px; color:#fff;border-bottom:solid 3px #8f9766;}
div.record div.tracks h4 {  margin-top:0;font-family:"Comic Sans MS", fantasy, sans-serif; color:#8f9766; border-bottom:solid 1px #8f9766; padding:2px; font-weight:100;}
/*div.record div.tracks ol { padding-bottom:1em;}*/
div.record div.tracks div.side1 { display:inline; width:332px; float:left;}
div.record div.tracks div.side2 { display:inline; width:332px; float:right;}
div.record div.tracks ol { padding-right:10px;}

div.menu { background:#fff url(images/pimp_starthere.gif) no-repeat 0 0; padding-top:100px;}
div.menu img { margin:0 9px 9px 0;border:solid 1px #8F9766;}
div.menuCatalogs img { margin:0 9px 9px 0;border:solid 1px #8F9766;}

body.audio { background:#000 url(images/background_bw.jpg); min-width:300px;}
div.flashPlayer { background-color:#000; width:100%; border-top:1px solid #fff;border-bottom:1px solid #fff;height:16px;}


.leftAlign { float:left; margin:5px 15px 5px 0;}
.rightAlign { float:right; margin:5px 0 5px 15px;}

#header {height:150px; width:700px; margin-left:auto; margin-right:auto; padding:0; background:#666 url(images/planetpimp_header.jpg) no-repeat; color:#fff; border-left:#000 3px solid; border-right:#000 3px solid;}
#header span { display:none;}
#navigation { width:700px; margin-left:auto; margin-right:auto;border-left:#000 3px solid; border-right:#000 3px solid; border-top:#000 3px solid; border-bottom:#ccc 1px solid; background:#666 url(images/nav_bg.gif) repeat-x; color:#131; padding:4px 0 6px 0; text-align:center; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#navigation a:link, #navigation a:visited { color:#ff0;}
#navigation a:hover, #navigation a:active { color:#fc0;}
#mainContent { margin-left:auto; margin-right:auto; width:670px; padding: 15px; background-color:#fff; text-align:left; border-left:#000 3px solid; border-right:#000 3px solid; border-bottom:#000 3px solid;}

#intro { padding-bottom:1em; /*border-bottom:solid 1px #000;*/}
#intro p { font-size: 18px; font-style:oblique;}
#audioLogo { width:113px; height:155px; float:left; margin:15px 15px 5px 0;}
#googleAds {  clear:both;margin-left:auto; margin-right:auto; width:670px; padding: 4px 15px; background-color:#222; border-left:#000 3px solid; border-right:#000 3px solid;}
#footer { clear:both; background-color:#000; color:#fff; padding:5px 10px; text-align:center; margin-top:0; width:686px; margin-left:auto; margin-right:auto;}
#footer p:first-child { margin-bottom:3px;}
#footer #lastUpdate { font-size:9px; margin:3px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#666;}
