﻿/**** General stuff ****/
body {font-family:"Trebuchet MS"; font-size:75%; background-color:#ffffff;
    margin:0; padding:10px 0; color:#888; line-height:1.6em;}

a:link {color:#3366cc; text-decoration:none; font-weight:bold; border:0}
a:visited {color:#3366cc; text-decoration:none; font-weight:bold}
a:active {color:#3366cc; text-decoration:none; font-weight:bold}
a:hover {color:#DF2D2D}

h1 {letter-spacing:-2px; margin:0 0 0 -3px; padding:0; line-height:.8em; 
    color:#ccc; font-weight:normal; font-size:3.2em}
h2, a.itemtitle {color:#3366cc; padding:0; margin:0; font-size:1.3em; font-weight:normal}
h3 {padding:0; margin:0; font-size:1.3em; font-weight:normal}
h4 {padding:0; margin:0; font-size:1.1em; font-weight:normal}

input, textarea, select {font-size:1em; font-family:"Trebuchet MS"}

a img {border:0}

table {border-collapse:collapse}


.warningtext {color:#DF2D2D}
div.customlabel {float:left}

div.clearboth {clear:both}
div.pageholder {width:1000px; margin:0 auto; padding:0; background-color:#fff}
div.topsection {}
div.topsectioncontent {border-bottom:solid 1px #dadada; width:570px; text-align:center; padding:0; margin:0 auto}
div.strapline {margin:20px 0 0 0}
div.emptyspace {}
ul { list-style-image:url("../Images/bullet.jpg")}

div.menu {text-align:left; margin:20px 0 0 0}
div.menu ul {list-style-type:none; padding:0; margin:0 0 2px 0;}
ul.menu li {display:inline; margin:0 1em 0 0; font-size:1.1em}

/**** Footer ****/
div.footer {width:480px; color:#aaa}
div.menufooter {margin:.5em 0 0 0}
div.footer ul.right li {margin:0 0 0 1em}
ul.menufooter li a {color:#888}
ul.menufooter li a:hover {color:#DF2D2D}

div.contentholder {}
div.pagecontent {width:570px; float:left; padding:0 0 0 0px}


/**** Sign Up ****/
div.signup {text-align:right; margin:7px 15px 0 0; width:185px; 
    border-right:solid 1px #dadada; padding:0 15px 1em 0; float:left}
div.signup h2 {padding:0; margin:0 0 .8em 0; font-size:1.25em; font-weight:normal; color:#999}
div.signup div.customlabel {text-align:right; width:70px}
div.signuprow {margin:0 0 .3em 0; clear:both}
div.signup div.info {margin:1em 0 0 0}
div.signup input {font-size:.8em}
div.signup input.small {width:10em}


/**** Events ****/
div.event {margin:3em 0 0 0}
div.event h2 {}
div.eventrow {margin:.4em 0 0 0}
div.event div.eventlabel {float:left; margin:0 0 0 0; text-align:left; color:#aaa}
div.event div.eventdetail {margin:0 0 0 8em; color:#666}
div.eventdetail img {border:solid 2px #3366cc}
div.last {border-bottom:solid 1px #eee; padding-bottom:1.2em}

div.featured {border:solid 1px #ddd; padding:5px; background-color:#FAFAF5}
div.featuredimage {float:left}
div.featuredtext {margin:0 0 0 210px}
div.featured div.description {margin:10px 0 0 0}
div.featured img {border:solid 2px #3366cc}

/**** Contact ****/
div.contactrow {margin:0 0 1.5em 0; clear:both}
input.long, textarea.long {width:350px}
select.long {width:356px}
div.leftlayout {margin:3em 0 0 0; width:500px; border-bottom:solid 1px #eee}


/**** News ****/
div.newsitem {margin:3em 0 0 0; width:500px}
div.newsitem h3 {margin:0; color:#aaa; font-size:1.1em; font-weight:normal}
div.newsitemcontent {margin:1.5em 0 0 0; border-bottom:solid 1px #ddd; 
    padding-bottom:3em; color:#555}
    
div.youtubeclip {margin:1em 0}
div.youtubeclip, div.newsitem img {border:solid 3px #3366cc}

div.highslideimage-left {float:left; margin:.5em .5em .1em 0}
div.highslideimage-right {float:right; margin:.5em 0 .1em .5em}
div.highslideimage-center {text-align:center}

/**** Side Menu ****/
div.sidemenu {margin:1.5em 0 1em 0; border-top:solid 1px #dadada; padding:1.5em 0 .5em 0;
    border-bottom:solid 1px #dadada}
div.sidemenu .itemnote {font-size:.8em}
div.sidemenu div.item {line-height:1em; margin:0 0 1em 0}
a.featured:link, a.featured:active, a.featured:visited {color:#655132}
div.sidemenu a.featured:hover {color:#DF2D2D}

/**** Social Bookmarks ****/
div.bookmarks {margin:2em 0 0 0}
div.bookmarks a img {border:none; margin:0 7px 0 0}
div.bookmarks div.bookmarkitem {display:inline; margin:0 25px 0 0}
div.bookmarks h2 {font-size:1.1em; margin:0 0 1em 0}

/**** Sounds ****/
div.audioitem {margin:3em 0 0 0;}
img.audioimage {float:left}
div.audioitem div.details, div.comments {margin:0 0 0 115px; border-bottom:solid 1px #ddd; 
    padding-bottom:1.5em; color:#555}
div.audioitem span {color:#aaa}
a.audiolink {font-size:1.3em; font-weight:normal}
div.audioitem h2 {color:#555}
div.audioitem div.audioplayer {margin:1em 0}
div.audioitem .thanks {color:Red}

div.rating {margin:.3em 0 0 0}
div.ratinggroup {cursor:pointer; width:90px; float:left}
div.ratinggroup img {display:block; float:left; width:18px; margin:0 0px 0 0}
div.rating .ratingtext {padding:0 0 .2em 0; margin:-.2em 0 0 105px}
div.audiodownload {margin:0.6em 0}
img.icon { vertical-align:middle}
div.audioextras {margin:1.5em 0 0 0}
div.audioextras a{margin:0 20px 0 0}

div.comments {margin-top:2em}
div.comments div.item {margin:2em 0 0 0; border-bottom:solid 1px #ddd; padding-bottom:1em}
div.comments div.row {margin:0 0 0.6em 0}

div.commentform {margin:3em 0 0 0}
div.commentform h2 {margin:0 0 2em 0}
div.commentform h3 {font-size:1.2em; font-weight:normal}