/* CSS Document */

@import "clearfix.css";
@import "thickbox.css";

body { color:#000000; background-color:#300; font-family:"Arial Narrow","Trebuchet MS",arial,verdana,sans-serif; background: url(../images/bg_background_70s_d.jpg) fixed; margin:0; padding:0; text-align:left; min-width:800px; font-size:15px;}
p { font-size:1em; line-height:1.8em;}
h1 { margin:0;}
h2 { color:#900;}
h3 { color:#900;}
h4 {}
li { font-weight:bolder; font-size:1em;}
li li { font-weight: lighter;}
dt { font-weight:bold;}

a:link { color:#600;}
a:visited { color:#000;}
a:hover,
a:active { color:#c00;}

.leftAlign { margin:0 12px 10px 0; float:left;}
.rightAlign { margin:0 0 10px 12px; float:right;}
.clearFloats { clear:both;}


/* ------------------------------------
   HOME PAGE STYLES
   ------------------------------------ */
div.newsItem { clear:both; margin-bottom:3em;}
div.newsItem h3 { color:#900; padding-bottom:3px; border-bottom:solid 1px #900;}
div.newsItem h3 + p { margin-top:-1em; }



/* ------------------------------------
   SIDE MENU STYLES
   ------------------------------------ */

#sideMenuDiv { width:90px; position:absolute; margin-left:-112px; margin-top:-36px; background:#600 url(../images/sidenav_bg.gif) repeat-y top right; border:solid 2px #100; border-right:none; padding-bottom:3px;}
#sideMenuDiv h3 { color:#000; margin:2px 9px 2px 5px; padding:2px 0px; font-size:10px; border-bottom:1px solid #000;}
#sideMenuDiv p { margin:2px 9px 2px 5px;font-size:10px; line-height:11px;}
#sideMenuDiv ul { padding:2px 9px 2px 5px;margin:0;list-style:none;}
#sideMenuDiv ul li { margin:0;padding:0 0 3px 0; font-size:10px; font-weight:100; line-height:10px;}
#sideMenuDiv a { color:#c00;}
#sideMenuDiv a:visited { color:#c00;}
#sideMenuDiv a:hover,
#sideMenuDiv a:active { color:#f00;}
#sideMenuOpenerDiv { position:absolute; width:19px; height:20px; margin:-36px 0  0 -37px;}



/* ------------------------------------
   PULSEBEAT PAGE
   ------------------------------------ */

#pulseBeatExcerpt {
	background-color:#4A2110;
	color:#cccc00;
	padding:15px;
	}
#pulseBeatExcerpt p{
	background-color:#4A2110;
	border:none;
	color:#cccc00;
	}
#pulseBeatExcerpt a, #pulseBeatExcerpt a:hover { color:#cc0;}



/* ------------------------------------
   REVIEWS PAGE
   ------------------------------------ */
li.rating { color:#600;}
li.media { color:#600;}


p.postInfo { font-size:75%; clear:both;}



/* ------------------------------------
   GALLERY
   ------------------------------------ */

div.thumbnails { clear:both; padding:8px; border-bottom:solid 1px #ee7900; border-left:solid 1px #ee7900; border-right:solid 1px #ee7900; background:#ffc url(../images/dropshadow.gif) repeat-x;}
div.thumbnails div { width:110px; height:110px; background-color:#ddb; margin:0 5px 5px 0; float:left;}
div.thumbnails div a { text-decoration:none; width:100px; height:94px; display:block; background-color:#cca; text-align:center; font-size:75%;padding:8px 5px; border-top:solid 1px #fff; border-left:solid 1px #fff; border-right:solid 1px #aa7; border-bottom:solid 1px #aa7; line-height:100%;}
div.thumbnails div a:hover { color:#fff; background-color:#600;border-top:solid 1px #f33;border-left:solid 1px #f00;border-right:solid 1px #300;border-bottom:solid 1px #300;}
div.thumbnails p { line-height:130%; padding:0 0 8px 0; margin:0;}
div.thumbnails div img { margin-bottom:.5em; border:2px solid #600;}
div.thumbnails div a:hover img { border-color:#fff;}
ul.thumbnailMenu { margin:0; padding:0; list-style:none; background:#ee7900 url(../images/bg_orange.gif) repeat-x;}
ul.thumbnailMenu li { float:left;}
ul.thumbnailMenu li a:link,
ul.thumbnailMenu li a:visited { display:block; padding:3px 8px 4px 8px; color:#fe0;}
ul.thumbnailMenu li a:hover { color:#fff;}
ul.thumbnailMenu li a.selected { color:#fff; background-color:#600; padding:2px 7px 4px 7px; border-top:solid 1px #f33;border-left:solid 1px #f00;border-right:solid 1px #300;}



#wrapperDiv { width:750px; margin:0 auto; text-align:left; background-color:#ffc; border:solid 5px #100;}
#headerDiv { background:#000 url(../images/bg_header.gif) repeat-x; text-align:center; height:105px;}
#flashHeaderDiv { background:#100 url(../images/bg_curtains.jpg) repeat-x; text-align:center; margin:0; padding:0;}



/* ------------------------------------
   MAIN NAVIGATION
   ------------------------------------ */

#navDiv { background:#ffc url(../images/bg_nav.gif) repeat-x; text-align:center;}
#navDiv ul { list-style:none; padding:0px; margin:0 auto; height:25px; width:406px;}
#navDiv ul li { float:left;}
#navDiv ul li a { display:block; background-repeat:no-repeat; background-position:0 0; background-color:transparent; height:25px;}
#navDiv ul li a span { display:none;}
#navDiv ul li a:hover { background-position:0 -25px;}
#navDiv ul li#homeNav a { background-image:url(../images/navigation_home.gif); width:79px;}
#navDiv ul li#artNav a { background-image:url(../images/navigation_art.gif); width:61px;}
#navDiv ul li#soundsNav a { background-image:url(../images/navigation_music.gif); width:80px;}
#navDiv ul li#wordsNav a { background-image:url(../images/navigation_words.gif); width:83px;}
#navDiv ul li#funStuffNav a { background-image:url(../images/navigation_funstuff.gif); width:103px;}




#contentDiv { padding: 10px 20px;}

#footerDiv { clear:both; padding:20px; text-align:center}
#footerDiv .copyright{ }
#footerDiv p.lastUpdate { font-size:75%; margin-top:0px;}

#googleAds { clear:both; text-align:center; margin:0; padding: 15px 0;}
#googleAdsDiv { margin:0;clear:both;text-align:center; background-color:#200; border-top:#100 solid 5px; padding:8px;}