/* CSS Document *//* #################################################################### LAYOUT */
body { text-align:center; background-image:url(gfx/bg_wall.gif);}
.container {text-align:left;margin: 0 auto; width:914px;}
.spacer {clear: both;}

a:active{outline: none;}

/* TOP PART OF THE SITE */

.titlebar {background-image:url(gfx/bg_tbar.gif);width:914px;height:33px;}
.headmiddle1 {background-color:#FFFFFF;width:533px;height:76px;float: left;}
.headmiddle2 {background-color:#FFFFFF;width:200px;height:76px;float: left;}
.headleft {background-image:url(gfx/bg_lhd.gif);width:153px;height:76px;float: left;}
.headright {background-image:url(gfx/bg_rhd.gif);width:28px;height:76px;float: left;}

/* MAIN PART OF THE SITE */

.main {clear:both;background-image:url(gfx/bg_mbar.gif);width:914px;}
.content {width:609px; height:100%;padding-left:40px;padding-right:10px;float: left;border-right:1px dotted #CCCCCC;}
.sidebar {width:180px; height:100%;padding-left:18px;padding-right:40px;float: left;}
.musimg {width:100px; height:100px;  border:3px solid silver; text-weight:bold; margin:12px 12px 0px 10px;float:left; text-align:right;}
.musimg a { position:relative; top:80px; display: block; background: white; width:85px; line-height:10px;}
/* BOTTOM PART OF THE SITE */

.footerleft{background-image:url(gfx/bg_blc.gif);width:32px;height:43px;float:left;}
.footermiddle{background-image:url(gfx/bg_bbar.gif);width:854px;height:43px;float:left;text-align:center}
.footermiddle a{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-style:normal;color: #ee0088;text-decoration: none;line-height:12px;letter-spacing: 1px;}
.footermiddle a:hover{text-decoration: underline;}


.footerright{background-image:url(gfx/bg_brc.gif);width:28px;height:43px;float:left;}
.hlinecontent {width:609px; border-top:1px dotted #CCCCCC; font-size:1px;}
.hlinesidebar {width:185px; border-top:1px dotted #CCCCCC; font-size:1px;}
.thumbnail{ padding:2px; }
img { border:none}
.friendimg { padding:3px; border:1px solid #999999;}
.friendentry {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-style:normal;color:#666666;text-align:center; padding:0; line-height:normal; height:160px; float:left; width:191px; border:1px solid #CCCCCC; padding-top:10px; margin:3px; background-color:#F7F7F7}
.vintageimg { padding:4px; border:1px solid #CCCCCC; margin:3px;}
.disclaimer { background-color: #F5F5F5; border-top:#999999 dotted 1px; border-bottom:#999999 dotted 1px; padding:5px;}
/* #################################################################### TYPOGRAPHY */
.headmiddle1 p {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-style:normal;color:#666666;padding-top:10px;}
.headmiddle1 a{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-style:normal;color: #ee0088;text-decoration: none;line-height:16px;letter-spacing: 2px; border:0px;}
.headmiddle2 p {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-style:normal;color:#666666;padding-top:10px;}
.headmiddle2 a{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-style:normal;color: #ee0088;text-decoration: none;line-height:16px;letter-spacing: 2px; border:0px;}
pre {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-style: normal;color:#000000;line-height:16px;text-align:justify; padding:10px; padding-right:10px; border:1px dotted gray; background: #FFF3F3; width:430px; margin-left:10px;}
/* Main content styling */

.content h1 {font-family: 'Trebuchet MS', Verdana, Sans-Serif;font-size:15px;font-style:normal;color: #444;font-weight: normal;letter-spacing: 1px;padding-top: 16px;padding-bottom: 0px;width:496px; padding-left:5px;}
.titlebg {background: url('gfx/titlebg.gif');width:606px;height:45px;}
.content p {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;color:#666666;line-height:16px;text-align:justify; padding-left:10px; padding-right:10px;}
.content a{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-style:normal;color: #ee0088;text-decoration: none;line-height:16px;letter-spacing: 2px;}
.content a:hover{text-decoration: underline;}
.datetime {font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #bbb;padding: 2px 0 2px 20px ;background: url('gfx/time.png') left center no-repeat;margin-top:-10px; margin-left:10px;}
.footermiddle p {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-style:normal;color:White;padding-top:14px;}

/* Act within event content */
.act { width:150px;padding:10px;float:right;margin:18px 10px 5px 20px;font-family:Verdana, Arial, Helvetica;font-size:12px; color:#666666; border: 1px dotted #666666; }
.act img { vertical-align: text-bottom; margin-right: 3px;}
.act a { font-family:Verdana, Arial, Helvetica;font-size:12px; color:#666666; letter-spacing: 1px; line-height: 22px;}

.acttranslate { width:150px;padding:10px;float:right;margin:5px 10px 5px 20px;font-family:Verdana, Arial, Helvetica;font-size:12px; color:#666666; border: 1px dotted #666666; }
.acttranslate img { vertical-align: text-bottom; margin-right: 3px;}
.acttranslate a { font-family:Verdana, Arial, Helvetica;font-size:12px; color:#666666; letter-spacing: 1px; line-height: 22px;}

/* Article styling with background image */

/*
.articlebg {background-image:url(gfx/articlebg.gif); text-align:center; width:609px; height:122px}
.article {padding-left:20px;padding-right:20px;padding-top:18px;}
*/

.content p.article {font-size:12px; padding-left:20px; padding-right:20px;}
.content a.article {font-size:12px; padding-left:0px;}

/* Sidebar styling with googleads and randomquote */

.sidebar a{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;color: #ee0088;text-decoration: none;line-height:16px;letter-spacing: 2px;}
.cla a{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-style:normal;color: #0066CC;text-decoration: none;line-height:16px;letter-spacing: 2px;}

.sidebartitle { font-size:14px; font-family: 'Trebuchet MS', Verdana, Sans-Serif; color:#666666; border-bottom:thin #CCCCCC dotted;}
.sidebar a:hover{text-decoration: underline;}
.sidebar p {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-style:normal;color:#666666;line-height:16px;}
.randomquote {border-top:1px dotted #CCCCCC;background: url('gfx/quote.gif') no-repeat;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;font-style:normal;color: #999999;line-height:16px; padding-left:10px;}
.googlead {border-top:1px dotted #CCCCCC;padding-right:10px;padding-top:20px;text-align:center;}

/* Event styling on the list with hover effect */

.eventbg {border-bottom:thin dotted #999999; padding-left:8px; padding-top:4px; padding-bottom:4px;}
.eventbg:hover {border-bottom:thin dotted #999999; background-color: #FFE5F9; vertical-align:middle;}
.eventtitle {width:370px; text-align:left; float:left;}
.eventdate {width:109px;text-align:right;float:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-style:italic;color:#666666;line-height:16px; }
.eventphotos {width:32px;text-align:right;float:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-style: normal;color:#666666;line-height:16px; background: url(gfx/photoicon.png) no-repeat; margin-left: 20px;}
.eventstats {width:40px;text-align:right;float:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-style: normal;color:#666666;line-height:16px; background: url(gfx/seenicon.png) no-repeat; margin-left: 15px;}

/* Articles styling on the list with hover effect */

.eventtitleart {width:422px; text-align:left; float:left;}
.eventdateart {width:109px;text-align:right;float:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-style:italic;color:#666666;line-height:16px; }
.eventstatsart {width:40px;text-align:right;float:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;font-style: normal;color:#666666;line-height:16px; background: url(gfx/seenicon.png) no-repeat; margin-left: 15px;}


.content a.event{font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif;font-size:13px;font-style:normal;color: #ee0088;text-decoration: none;line-height:16px;letter-spacing: 1px;}
.content a.event:hover{text-decoration: underline;}

/* Links styling - two column table */

.linkerbg {border-bottom:thin dotted #999999; padding-left:8px; padding-top:2px; padding-bottom:2px; float:left; width:290px; margin:0px 3px 0px 3px;}
.linkerbg:hover {border-bottom:thin dotted #999999; background-color: #FFE5F9; vertical-align:middle;}
.linkertitle {text-align:left;}
.content a.linker{font-family: 'Lucida Grande', 'Trebuchet MS', Verdana, Sans-Serif;font-size:10px;font-style:normal;color: #ee0088;text-decoration: none;line-height:16px;letter-spacing: 1px;}
.content a.linker:hover{text-decoration: underline;}
.linkerdiv { float:left; width:300px;}

/* ######################################################################## HIGHSLIDE */

.highslide {cursor: url(highslide/graphics/zoomin.cur), pointer;outline: none;}
.highslide img {}
/* .highslide img {border: none;} */
.highslide:hover img {}
/* .highslide:hover img {border: none;} */
.highslide-image {cursor: pointer; /* opera */cursor: url(highslide/graphics/zoomout.cur), pointer;border: 2px solid white;}
.highslide-image-blur {cursor: pointer;cursor: hand;}
.highslide-caption {display: none;border: 2px solid white;border-top: none;font-family: 'Trebuchet MS', Verdana, Sans-Serif;font-size:18px;font-style:normal;color: #444;font-weight: normal;letter-spacing: -1px;padding-top: 6px;padding-bottom: 0px;padding: 5px;background-color: white;}
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}
.highslide-loading {display: block;color: white;font-style: 'MS Sans Serif';font-size: 9px;font-weight: bold;text-transform: uppercase;text-decoration: none;padding: 3px;opacity: 0.60; /* w3c */filter: alpha(opacity=60); /* ie */border-top: 1px solid white;border-bottom: 1px solid white;background-color: black;    padding-left: 22px;background-image: url(highslide/graphics/loader.gif);background-repeat: no-repeat;background-position: 3px 1px;}
a.highslide-credits,a.highslide-credits i {font-size: 0px;}
a.highslide-credits:hover,a.highslide-credits:hover i {font-size: 0px;}

/* ################################################################ ROUNDED CSS BOX */

/* set millions of background images */
.rbroundbox { background: url(gfx/roundedbox/nt.gif) repeat; }
.rbtop div { background: url(gfx/roundedbox/tl.gif) no-repeat top left; }
.rbtop { background: url(gfx/roundedbox/tr.gif) no-repeat top right; }
.rbbot div { background: url(gfx/roundedbox/bl.gif) no-repeat bottom left; }
.rbbot { background: url(gfx/roundedbox/br.gif) no-repeat bottom right; }

/* height and width stuff, width not really nessisary. */
.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent { margin: 0 20px; }
.rbroundbox { width: 100%; margin: 1em auto; }


form, input, textbox { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}

/* puff coda */
.puff {	padding: 0;	margin: 0 6px;float: left;position: relative;text-align: center;}
.puff a {}
.puff em {background: url(_sc_puff/hover.png) no-repeat;width: 180px;height: 120px;position: absolute;top: -85px;left: -15px;text-align: center;padding: 10px 12px 10px;font-style: normal;z-index: 2;display: none;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-style:normal;color:#666666;line-height:12px;}

/* sidebar buttons */
.sidebutt {width:184px; height:36px; background-image:url(gfx/button_off.png);}
.sidebutt:hover {background-image:url(gfx/button_on.png);}
.sidebutt img {vertical-align: text-bottom; padding-right:20px}
.sidebutt a {padding:8px 10px 0px 15px; display:block; text-decoration:none;letter-spacing: 0px;outline: none;}
.sidebutt a:hover { text-decoration:none;}