html, body, #wholePage {
width: 100%;
}
body {background: #ffffff; height:100%; font-size:70%; margin:0px;}
td,div,select,textarea,p {font-family:Verdana,sans-serif; margin: 0px; padding: 0px; }
img {border:0;}
h1 {display:inline; }
h2 {color:#713901; font-weight:bold; margin-top:15px; font-size: 110%; margin-bottom: 8px; font-variant: small-caps;}
h2.home {display:inline; }
h3 {color:#2D5801; font-weight:bold; font-size: 100%; margin-top:0px; padding-top:0px; margin-bottom:2px; padding-bottom:0px;}
h3.review {color:#000; font-weight:bold; font-size: 90%; margin-top:5px; padding-top:0px; margin-bottom:1px; padding-bottom:0px;}
p {color:#000000; padding-bottom: 11px; line-height:130%; }
p.italics {font-style:italic}
select {font-size:100%; }
.date {font-size:80%; color:#000; }
.warning {font-size:90%; color:#C40000; font-weight:bold;}
/* EVENTS */
.eventTitle {font-size:110%;font-weight:bold; color:#000099;}
.eventTable {font-size:100%;background-color:#F3F0EA;}
.event {font-size:90%; color:#000; }
.theDate {background-color:#E5DDCE; color:#000;}
/* LINKS */
a {color:#FF0000; text-decoration:none; }
a:hover {text-decoration:underline; }
a.main {color:#000; text-decoration:none; font-size:95%;}
a.update {color:#000; text-decoration:none; font-size:95%;}
a.credit {color:#000; text-decoration:underline; font-size:95%;}
.coverLink {float:left; display:block; text-decoration:none; width:91px; align:center; padding-top:1px;padding-left:1px;margin-bottom:6px;color:red;background-color:#30630B; height:91px;}
.coverLink:hover {float:left; display:block; text-decoration:none; width:91px; align:center; padding-top:1px;padding-left:1px;margin-bottom:6px;color:blue;background-color:red; height:91px;}
.photoLink {float:left; display:block; text-decoration:none; width:121px; align:center; padding-top:1px;padding-left:1px;margin-bottom:6px;color:red;background-color:#30630B; height:91px;}
.photoLink:hover {float:left; display:block; text-decoration:none; width:121px; align:center; padding-top:1px;padding-left:1px;margin-bottom:6px;color:blue;background-color:red; height:91px;}
.audio {float:left;padding-top:3px;}
.buy {float:left;padding-top:3px;font-weight:bold;}
/* LISTS */
ol {padding-top: 0px; padding-bottom: 20px; }
li {padding-top: 0px; padding-bottom: 10px; }
ol.review {margin-left: 10px; padding-left: 10px;padding-top: 0px; margin-top: 2px; padding-bottom: 0px; }
li.review {margin-left: 10px; padding-left: 0px;padding-top: 0px; padding-bottom: 0px; }
li.sounds {margin-left: 10px; padding-left: 0px;padding-top: 3px; padding-bottom: 3px; }
/* GENERIC */
#wholePage {position: absolute; background-color:#fff;}
#main {position: relative; width: 783px; height: 100%; background-color:#fff; text-align: left; margin-left: auto; margin-right: auto;}
#content {float:left; width:494px; text-align:left; overflow:hidden; margin-top:3px; padding-left:10px; }
#bodycontent {float:left; width: 480px; padding-left:0px; padding-bottom:20px; color:#000;}
.header {float:left; margin-bottom:4px;}
.longGreyHR {position:float;height:1px; width:470px; padding-top:0px; padding-bottom:5px; border-top:1px solid #CCC; }
HR.linkHR {position:float;height:1px; width:470px; padding-top:0px; padding-bottom:0px; margin-bottom:0px; margin-top:0px;color:#FFC301; }
.bottom {margin-top:5px; float:left;}
.greenBar {background-color:#006600; color:#FFF;font-weight:bold;height:15px;}
.col1 {float:left; width:120px; text-align:left;}
.col2 {float:left; width:350px; text-align:left;}
.dvdcol1 {float:left; width:170px; text-align:left;}
.dvdcol2 {float:left; width:300px; text-align:left;}
.gencolleft350 {float:left; width:350px; padding-right:20px;text-align:left; margin-top:6px;}
.gencolleft250 {float:left; width:250px; padding-right:20px;text-align:left;}
.gencolright200 {float:left; text-align:left;font-size:80%;}
.gencolleft130 {float:left; width:130px; font-size:80%;padding-right:20px;text-align:left;}
.gencolright320 {float:left; text-align:left;}
.gencolright90 {float:left; text-align:left;margin-bottom:5px;}
.floatRight {float:right;padding-left:10px; padding-bottom:50px;}
.padding20 {padding-bottom:20px;}}
/* SITE UPDATES*/
#updates {float:left;height:245px; width:470px; margin-top:2px;overflow:auto;}
.update {float:left;padding-bottom:10px;text-decoration:none;color:000;}
.update:hover {cursor:hand;float:left;padding-bottom:10px;background-color:#F3F0EA;text-decoration:none;color:000;}
.updatehead {float:left; width:449px;height:10px; padding-left:4px;color:#2D5801;font-weight:bold;}
.updatetext {float:left;margin-top:2px; width:449px;padding-left:4px;color:000;font-size:95%;}
.updatedate {float:left;margin-top:2px; width:449px;height:10px; padding-left:4px;font-size:95%;color:red;}
/* WHAT A GWAAN */
.whatagwaan {float:left;margin-top:1px; width:470px; margin-bottom:10px;background-color:#F3F0EA; }
.whatagwaanimage {float:left; background-color:#F3F0EA;padding-left:0px;}
.whatagwaantext {float:left; padding-left:10px; padding-top:3px; padding-bottom:10px; padding-right:10px;background-color:#F3F0EA;}
.whatagwaanheader {float:left; font-weight:bold;}
/* FROM AROUND THE WEB */
.fromAround {float:left;background-color:#F3F0EA; width:462px; padding:4px; }
.fromAround a {color:#02006E;text-decoration:none;}
.fromAround a:hover {color:#FFF; background-color:#02006E;}
.fromAround a.red {color:red;text-decoration:none;}
.fromAround a.red:hover {color:#FFF; background-color:red;}
.fromAround ul {padding:0px 0px 0px 1px;margin:0px 0px 0px 5px;width:440px;}
.fromAround li {padding:1px 0px 1px 1px;margin:0px 0px 0px 5px;width:440px;font-size:80%;}
/* LATEST REVIEW */
.latestreview {float:left;margin-top:1px; width:470px; margin-bottom:10px;background-color:#F3F0EA;}
.latestreviewimage {float:left; background-color:#F3F0EA;}
.latestreviewtext {float:left;padding-left:4px; padding-top:3px; width:135px; padding-right:6px;background-color:#F3F0EA;font-size:90%;}
.latestreviewheader {float:left; font-weight:bold;}
.cdreview { margin-left:5px; margin-top:5px;}
/* FEATURED EVENT */
.featuredevent {float:left;margin-top:1px; width:470px; margin-bottom:10px;background-color:#F3F0EA;}
.featuredevent h2 {margin-top:0;}
.featuredeventimage {float:left; background-color:#F3F0EA;}
.featuredeventtext {float:left; width:110px;padding-left:10px; padding-top:3px; padding-bottom:10px; padding-right:10px;background-color:#F3F0EA;}
.featuredeventheader {float:left; font-weight:bold;}
/* INTERVIEWS */
.interview-img {
float:left;
width:100px;
padding-top:10px;
margin-left:10px;
}
.interview-text {
float:left;
width:300px;
margin-left:10px;
padding-top:10px;
}
.interview-text h2{
margin:0;
}
/* BREADCUMBS */
#breadcrumbs {float:left; display:block; margin-top:6px; margin-bottom:4px; width:474px; text-align:left; overflow:hidden; padding-top:0px; margin-left:142px; }
/* DATE */
#date {float:left; margin-top:6px; margin-bottom:5px; width:140px; font-size:80%;padding-top:0px; padding-left:17px; }
/* FORMS */
.dropdown {font-family:verdana;font-size:90%; width:139px;color:#000000;text-decoration:none;margin-bottom:6px; margin-top:1px;}
.dropdown70 {font-family:verdana;font-size:90%; width:70px;color:#000000;}
.dropdowngen {font-family:verdana;font-size:90%;color:#000000;}
.textbox {font-family:verdana;font-size:90%; width:300px;color:#000000;text-decoration:none;}
.textboxshort {font-family:verdana;font-size:90%; width:150px;color:#000000;text-decoration:none;}
.textbox50 {font-family:verdana;font-size:90%; width:50px;color:#000000;text-decoration:none;}
.textbox15 {font-family:verdana;font-size:90%; width:15px;color:#000000;text-decoration:none;}
.textarea {font-family:verdana;font-size:90%; width:304px; height:100px;color:#000000;text-decoration:none;}
.formdesc {font-family:verdana;font-size:90%;color:#000;font-weight:bold}
.formdesc2 {font-family:verdana;font-size:90%;color:#888;font-weight:bold}
/* HEADING */
.pageHeading {margin-bottom:4px;}
/* REVIEWS */
.labelCol {float:left; width:94px; text-align:left; font-size:80%; color:#000;}
.archiveLabelCol {float:left; width:94px; text-align:left; font-size:80%; color:#000; height:170px;}
.reviewcol1 {float:left; width:260px; text-align:left;padding-right:20px;}
.reviewcol2 {float:left; width:190px; text-align:right;}
/* GALLERY */
.photo {float:left; width:100px; text-align:left;font-size:80%;color:#000; display:inline;margin-right:18px;padding-top:5px;padding-bottom:0px;height:160px;}
.photo .date {color:green;font-size:100%;}
.photo .title {float:left;margin-top:4px;font-size:100%;width:100px;}
.photo-previous {float:left}
.photo-next {float:right}
/* LEFT NAV DIVS*/
#leftNav {float:left; width:130px; text-align:left; margin-top:3px; padding-top:2px;padding-left:0px; text-transform: uppercase; font-size:.92em;}
.navElement {float:left; display:block; text-decoration:none; width:130px; text-align:left; margin-top:1px; padding-top:1px;padding-left:3px; color:#000;background-color:#EEF1EB; height:16px;}
.navElement:hover {float:left; display:block; text-decoration:none; width:130px; text-align:left; margin-top:1px; padding-top:1px;padding-left:3px; color:#000;background-color:#D8DED4; height:16px;}
.navElementOn {float:left; width:130px; text-align:left; margin-top:1px; padding-top:1px; padding-left:3px; color:#FFF; font-weight:bold; background-color:#7B9566; height:16px;text-decoration:none;}
.navElementOn:hover {float:left; width:130px; text-align:left; margin-top:1px; padding-top:1px;padding-left:3px; color:#FFF; font-weight:bold; background-color:#7B9566; height:16px;text-decoration:none;}
.subNavElement {float:left; width:124px; text-align:left; margin-top:1px; padding-top:1px;padding-left:9px; background-color:#D9E1D3; color:#000; height:16px;font-size:85%;text-decoration:none;}
.subNavElement:hover {float:left; width:124px; text-align:left; margin-top:1px; padding-top:1px;padding-left:9px; background-color:#C7D2BF; color:#000; height:16px;font-size:85%;text-decoration:none;}
.subNavElementOn {float:left; width:124px; text-align:left; margin-top:1px; padding-top:1px;padding-left:9px; color:#FFF; font-weight:bold; background-color:#7B9566; height:16px;font-size:85%; font-wieght:bold;text-decoration:none;}
.subNavElementOn:hover {float:left; width:124px; text-align:left; margin-top:1px; padding-top:1px;padding-left:9px; color:#FFF; font-weight:bold; background-color:#7B9566; height:16px;font-size:85%; font-wieght:bold;text-decoration:none;}
.navSection {float:left; width:130px; text-align:left; margin-top:1px; padding-top:1px;padding-left:3px; color:#FFF; font-weight:bold; background-color:#FFC301; height:16px;}
.highlight {float:left; width:130px; text-align:left; margin-top:1px; padding-top:1px;padding-left:3px; color:#FFF; font-weight:bold; background-color:red; height:16px;}
span.red {color:red;text-decoration:none;font-size:90%;font-weight:bold;}
/* RIGHT COLOMN */
#rightCol {float:left; overflow:hidden; width:140px;}
.rightpromo {float:left; width:140px;margin-bottom:6px; text-align:left;}
.rightpromo div {padding:5px;}
.quicklinks {float:left; width:140px;margin-bottom:6px; text-align:left; background-image:url(../img/quick_link_bg3.gif); height:39px;}
.quicklinkstext {float:left; width:126px; padding-left:7px; padding-top:7px;}
.quicklinkstext a {color:#333333;font-size:90%; }
#rightCol .search {width:134px;font-size:80%;}
#rightCol .submit {font-size:80%;}
/* FOOTER*/
#footer {position: absolute; width:100%;border-style:solid; border-color:#ccc; border-top-width:1px;border-bottom-width:0px;border-left-width:0px;border-right-width:0px;}
.footertext {position: relative; width: 780px; height: 100%; text-align: left; margin-left: auto; margin-right: auto;margin-top:10px;}
.footercontent {float:left; width: 780px; text-align:left;}
.footercol1 {float:left; width:114px; font-family: Arial, sans-serif; text-align: left; color:#000000; font-size:90%; padding-bottom:20px;margin-top:0px;padding-left:30px;}
.footercol2 {float:left; width:492px; font-family: Arial, sans-serif; text-align: left; color:#000000; font-size:90%; padding-bottom:20px;margin-top:0px;padding-left:0px;}
.footercol3 {float:left; width:90px; font-family: Arial, sans-serif; text-align: left; color:#000000; font-size:90%; padding-bottom:20px;margin-top:0px;padding-left:0px;}
/* PODCAST */
.podcast {float:left;margin:10px 0 0 2px;}
.podcast h2 {margin:10px 0;}
.podcast ul li {list-style:none;margin-left:-41px;padding-left:0; margin-top:0;padding-top:0;}
/* DOWNLOADS */
.downloads {float:left;}
.downloads h2 {font-family:Georgia; font-size:180%;color:orange;}
.downloads .item {padding:5px;}
.showpl {color:red;}
.showpl:hover {cursor:pointer; text-decoration:underline;}
.downloads .text {float:left; margin: 3px 0 0 10px;}
.downloads .flash {float:left;}
.downloads .item .playlist p {margin:0.7em 0 0 0;}
/* VEVENT */
.vevent {text-align:left; margin:14px 0; font-size:1.5em;}
.vevent a {color:#000; text-decoration:none;}
.vevent .summary { color:#B30000; font-family:Georgia;}
.vevent .description {margin:10px 0 0 0; width:450px; font-size:75%;color:#333; }
.vevent .description p {padding-bottom:0; }
.vevent .dtstart, .vevent .dtstart {margin:10px 0 0 0; }
.vevent abbr {color:green;border:none;}
.whatagwaantext {font-size:75%;float:left;width:350px;}
.whatagwaantext p {font-size:90%}
.whatagwaantext .vevent {text-align:left; margin:14px 0 0 0;}
.whatagwaantext .vevent a {color:#000; font-size:100%; width:450px; text-decoration:none;}
.whatagwaantext .vevent .summary {font-size:140%; color:#B30000; font-family:Georgia;}
.whatagwaantext .vevent .description {margin:10px 0 0 0; font-size:90%;color:#333; }
.whatagwaantext .vevent .dtstart, .vevent .dtstart {margin:10px 0 0 0; }
.whatagwaantext .vevent abbr {color:green;font-size:110%;font-weight:900;border:none;}
.whatagwaantext .vevent a.url2 {color:blue; font-size:140%; font-weight:900; text-decoration:none;}
.whatagwaantext h1 {font-size:1.5em; font-weight:100;}
.whatagwaantext h2 {font-size:1.3em; font-weight:100;margin:0 0 2px 0;}
.dvdreview {float:left;width:250px;}
.dvdreview h3 {margin:0.6em 0; font-family:Georgia; font-size:110%;color:#333;}
p.question {
font-weight:bold;
margin-top:0.8em;
margin-bottom:0.2em;
padding:0;
}
p.answer {
}
p.leading {
font-weight:bold;
font-size: 1.1em;
}
/* Store stock */
#storeStock {
margin-top:1em;
float:left;
}
#storeStock h2 {
font-family:Georgia;
font-size:1.6em;
color:#7777;
}
#storeStock ul {
padding-left:.1em;
list-style:none;
margin-left:0;
}
#storeStock ul li{
padding-bottom:.1em;
}
#storeStock ul li a {
color:black;
}
#storeStock ul li span{
color:red;
}
.cf:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}