body {
background: #ffffff url(../images/toptile.gif) repeat-x;
color: #000000;
margin: 0;
padding: 0;
font-family: "Trebuchet MS", "Tahoma", sans-serif;
font-size: 12px;
}

a {
color: #0000EE;
}

#top {
border: 0;
margin: 0;
padding: 0;
}
#top h1 {
background: #000000 url(../images/rocksoclogo.gif) no-repeat;
width: 496px;
height: 69px;
margin: 0;
padding: 0;
content: "";
text-indent: -200px;
font-size: 1px;
color: #000000;
}
#top #subtitle {
display: none;
}

#top #navbar, #top #navbar li {
margin: 0;
padding: 0;
list-style: none;
}

#top #navbar {
padding-left: 10px;
margin-top: 6px;
background: #9C0800;
color: #ffffff;
font-size: 14px;
/*width: 100%;*/
white-space: nowrap;
overflow: hidden;
}

#top #navbar li {
display: inline;
margin-right: 15px;
}
#top #navbar li a {
color: #DCDCDC;
}
#top #navbar li a.active {
color: #F79832;
}


#sessionbar {
position: absolute;
top: 0;
right: 0;
background: transparent url(../images/guitarbit.gif);
width: 134px;
height: 88px;
font-size: 10px;
color: #000000;
text-align: right;
padding-right: 10px;
padding-top: 30px;
padding-left: 195px;
}
#sessionbar a {
color: #000000;
}
#loginbar {
position: absolute;
top: 0;
right: 0;
background: #000000;
color: #ffffff;
padding-top: 5px;
padding-right: 5px;
text-align: right;
}
#loginbar, #loginbar input {
font-size: 0.9em;
}
#loginbar form, #loginbar p {
margin: 0;
padding: 0;
}
#loginbar a {
color: #F79832;
background: #000000;
}
#loginbar label {
white-space: nowrap;
}

#middle {
/*margin: 10px;*/
background: #ffffff url(../images/line-right.gif) repeat-y;
background-position: top right;
margin: 0;
width: 100%;
margin-top: 30px;
border-collapse: collapse;
}

.hack {
clear: both;
}

#footer {
clear: both;
font-size: 9px;
margin: 10px;
text-align: right;
}

#main {
/*margin-right: 210px;*/
float: left;
width: 70%;
margin-left: 10px;
}
#sidebar {
width: 174px;
/*float: right;*/
margin-right: 10px;
margin-left: auto;
}

#main h2 {
font-size: 18px;
font-weight: bold;
padding-left: 4px;
margin: 0;
margin-bottom: 20px;
}

.contentbox {
border-top: #D2D3D1 2px solid;
}
.contentbox h3 {
background: #D2D3D1 none;
margin: 0;
padding: 2px 4px 4px 4px;
font-size: 1.2em;
}
.contentbox .contentboxcontent {
margin-left: 24px;
margin-right: 10px;
text-align: justify;
}

#sidebar .contentbox h3, .portalgrid .contentbox h3 {
font-size: 1em;
font-weight: bold;
}
#sidebar .contentbox .contentboxcontent, .portalgrid .contentbox .contentboxcontent {
margin: 10px;
text-align: left;
}
#sidebar .contentbox ul, .portalgrid .contentbox ul {
list-style: none;
margin: 0;
padding: 0;
}
#sidebar .contentbox li, .portalgrid .contentbox li {
display: inline;
margin-right: 0.5em;
}
#sidebar .contentbox p, .portalgrid .contentbox p {
margin-top: 0;
}

table.compactlisting {
margin: 5px 0;
margin-left: 0;
margin-right: 0;
width: 100%;
border-collapse: collapse;
}
table.compactlisting tr {
border-top: #ffffff 5px solid;
border-bottom: #ffffff 5px solid;
}
table.compactlisting td {
padding: 3px 6px;
background: #D2D3D1 none;
vertical-align: top;
border-top: #ffffff 5px solid;
border-bottom: #ffffff 5px solid;
}
table.compactlisting td.primary {
background: #eeeeee none;
}
table.compactlisting td a {
text-decoration: underline;
color: #000000;
}
table.compactlisting td ul, table.compactlisting td ul li {
list-style: none;
margin: 0;
padding: 0;
}
table.compactlisting td ul ul, table.compactlisting td ul ul li {
list-style: disc;
margin: auto;
padding: 0;
}
table.compactlisting tr.weekend td {
background: #B7B7B7 none ! important;
}
table.compactlisting tr.weekend td.primary {
background: #D2D3D1 none ! important;
}

ul.forumcmds {
list-style: none;
margin: 5px 0;
padding: 0;
text-align: right;
}
ul.forumcmds li {
display: inline;
margin: 0;
padding: 0;
margin-right: 8px;
}
ul.forumcmds li:before {
content: "[";
}
ul.forumcmds li:after {
content: "]";
}

.forumtopic {
width: 100%;
border-collapse: collapse;
vertical-align: top;
}
.forumtopic .forumpost {
border-top: 12px #ffffff solid;
border-bottom: 12px #ffffff solid;
}
.forumtopic .forumpost th {
text-align: left;
font-weight: bold;
vertical-align: top;
padding: 5px;
background: #eeeeee none;
border-top: #ffffff 12px solid;
}
.forumtopic .forumpost .forumpostcommands {
padding: 5px;
text-align: right;
background: #eeeeee none;
border-bottom: #ffffff 12px solid;
}
.forumtopic .forumpost th .forumposttime {
font-size: 0.9em;
font-weight: normal;
}
.forumtopic .forumpost td {
vertical-align: top;
}
.forumtopic .forumpost .forumpostbody {
padding: 5px;
}
.forumtopic .forumpost .forumpostbody .forumpostbodycontent {
width : 100%;
overflow :auto;
}
.forumtopic .forumpost .forumpostposter {
background: #D2D3D1 none;
padding: 5px;
width: 15%;
border-top: #ffffff 12px solid;
border-bottom: #ffffff 12px solid;
}
.forumtopic .forumpost .forumpostposter a {
color: #000000;
text-decoration: underline;
}
.forumtopic .forumpost .forumpostposter .forumpostpostername {
font-weight: bold;
}

table.portalgrid {
width: 100%;
border-collapse: collapse;
margin-top: 5px;
}
td.portalgridcolumn {
width: 50%;
border: 5px solid #ffffff;
vertical-align: top;
}

ul.minilist {
margin: 0;
padding: 0;
border: 0;
list-style: none;
display: block;
margin-top: 5px;
margin-bottom: 5px;
}
ul.minilist li {
display: block ! important;
background-color: #eeeeee ! important;
color: #000000 ! important;
border-top: #ffffff 3px solid;
border-bottom: #ffffff 2px solid;
margin: 0;
padding: 5px;
}
ul.minilist li.soldout .minilistmain {
background-image: url(../images/soldout.png);
background-repeat: no-repeat;
background-position: center right;
margin-right: 5px;
}
ul.minilist li.cancelled .minilistmain {
background-image: url(../images/cancelled.png);
background-repeat: no-repeat;
background-position: center right;
margin-right: 5px;
}
ul.minilist .minilistmain {

}
ul.minilist .minilistinfo {
font-size: 0.8em;
}
ul.minilist a {
color: #000000;
text-decoration: underline;
}
ul.minilist .eventattendance {
float: right;
font-size: 9px;
}
.compactlisting ul.minilist li {
background: transparent ! important;
border: 0 ! important;
margin-bottom: 5px ! important;
margin-top: 5px ! important;
}
.compactlisting ul.minilist li.soldout .minilistmain, .compactlisting ul.minilist li.cancelled .minilistmain {
background-image: none ! important;
}
.compactlisting ul.minilist li.soldout .minilistmain .soldoutattachmenthack {
background-image: url(../images/soldout.png) ! important;
background-repeat: no-repeat;
background-position: center right;
padding-right: 60px;
}
.compactlisting ul.minilist li.cancelled .minilistmain .soldoutattachmenthack {
background-image: url(../images/cancelled.png) ! important;
background-repeat: no-repeat;
background-position: center right;
padding-right: 68px;
}

p.soldout {
background-image: url(../images/soldout.png);
background-repeat: no-repeat;
background-position: center left;
padding-left: 60px;
margin-left: 10px;
}
p.cancelled {
background-image: url(../images/cancelled.png);
background-repeat: no-repeat;
background-position: center left;
padding-left: 68px;
margin-left: 10px;
}

.morelink {
background: #ffffff none;
color: #000000;
text-align: right;
padding: 5px;
border-top: 0;
font-size: 0.9em;
}
.morelink a {
color: #000000;
}
.morelink a:before {
content: "(";
}
.morelink a:after {
content: "...)";
}

.gallerynav {
width: 100%;
background: #D2D3D1;
border-collapse: collapse;
border: 0;
margin: 1em 0;
color: #000000;
}
.gallerynav a {
color: #000000;
text-decoration: underline;
}
.gallerynav td {
text-align: center;
width: 5%;
}
.gallerynav .rangeindicator {
background: #eeeeee;
color: #000000;
width: auto;
}

.photo {
text-align: center;
}

.gallery {
width: 100%;
border-collapse: collapse;
}
.gallery td {
text-align: center;
padding: 5px;
}