body {margin: 0; padding: 0; background: #ffffff url(../images/bodybg.png) repeat-x; font: 95% Arial, Helvetica, sans-serif;  color:#4d4d48;}

p {font-size: 0.85em; line-height:150%;  margin: 0; padding: 0;}
a {color:#666633; text-decoration:underline;}
a:hover, a:active, a:focus {color:#666633;} 
a:visited {color:#666633;}
ol {font-size:0.85em; line-height:150%;}
.clear {clear:both;}
fieldset {margin:0; padding:0; border:none;}

/* Main areas */
#wrapper {margin: 0 auto; padding: 0; background: #cccccc url(../images/mainareabg2.png) repeat-y; width:930px;}
#mainarea {margin: 0; padding: 0; background: url(../images/mainarea2.png) no-repeat; width: 930px;}
#top {margin: 0; padding: 0; height: 110px;}
#content {margin: 0 auto; padding: 0; width: 910px; }

/* Skip link - moved off screen to hide from most users */
.hidden {position:absolute; left:-9999px;}

/* Banner */
#bannerarea{margin: 0 20px 10px 20px; padding: 0;}
#bannerarea img {border: 0;}

/* Main menu */
#hmenu {margin: 0; padding: 4px 20px; height:40px; width:600px; float:left; }
#hmenu ul {margin: 0; padding: 0;list-style:none; color:#ffffff; font-size: 1.3em;}
#hmenu li {display: inline;}
#hmenu a:link, #hmenu a:visited{color:#ffffff; text-decoration:none;}
#hmenu a:hover {color:#ffffff; border-bottom:1px dotted #ffffff;}

/* Search input */
form.search {float:right; margin: 7px 10px 0 0;}
form.search input#go {border:none; width:55px; height:20px; padding:0; margin:0; background: url(../images/searchbg.gif) bottom no-repeat;}
form.search input#searchbox {border:none;   padding: 2px; margin:0;}

/* Footer */
#footer {background-color:#666633; text-align:right; padding: 2px 10px; color:#ffffff; font-size:0.85em; clear:both; }
#footer ul {list-style:none; margin:0; padding:0;}
#footer li {padding: 2px 0;}
#footer a:link, #footer a:visited{color:#ffffff; text-decoration:none; border-bottom:1px dotted #ffffff;}
#footer a:hover {color:#ffffff; text-decoration:none;}

/* In-page areas */
#area1 {width: 50%; float:left; margin: 20px 0 10px 0;} /* 1st column on homepage */
#area2 {width:25%; float:left; margin: 20px 0 10px 0;} /* 2nd column on homepage */
#area3 {width:24%; float:right; margin: 2px 0 0px 0; background-color:#e5e5e0; padding-top:8px} /* right sidebar */
#area1-large {width:75%; float:left; margin: 20px 0 10px 0;} /* main content */

/* javascript */
.jslink {cursor:pointer; text-decoration:none;}

/* for warnings */
.warning {border:1px dotted #acac84;}
.warning p {padding: 5px; text-align: justify}
.warning h1 {font-size: 1em; text-align:center;}

/* HOMEPAGE ------------------------------------------------------------------ */

.largeitem {margin: 0 20px 10px 20px; padding: 0;  clear:both;}
.largeitem ul {padding:2px 0; margin:0; list-style:none;}
.largeitem img {float:left; border:1px solid #666633; margin: 2px 6px 10px 2px;}
.title { font-size:1em; font-weight:bold; color:#666633;}
.subtitle {font-weight:normal;}
.abstract {font-size:0.85em; color:#4d4d48; margin-top:2px;}
.largeitem a:link, .largeitem a:visited, .smallitem a:link, .smallitem a:visited {color:#666633; text-decoration:none;}
.largeitem a:hover, .smallitem a:hover {border-bottom:1px dotted #939370;}

#recentposts h2 {font-size:1.4em; margin:0; padding:0; font-family:Tahoma, sans; font-weight:normal; }
#recentposts ul {list-style:none; margin:0 0 1em 0; padding:0; font-size:0.95em;}
#recentposts li {padding: 6px 0; border-bottom: 1px solid #666633;}
#recentposts a:link, #recentposts a:visited {text-decoration:none; padding:0 2px; color:#666633;}
#recentposts a:hover, #recentposts a:active, #recentposts a:focus {background-color:#666633; color:#ffffff;}
#recentposts span {font-size:0.8em;}
#area2 .small {font-size:0.85em;}

/* END OF HOMEPAGE -----------------------------------------------------------------------* /

/* AREA3 SIDEBAR ------------------------------------------------------------------------ */

/* box 1 = Get Involved */
.box1 {margin: 0; padding: 0px 0 0px 0; border-bottom:1px solid #ffffff; }
.box1 h2 {margin: 0; padding:10px 14px 0 14px; font-size:1.4em; font-weight:normal; font-family: tahoma, sans; }
.box1 ul {list-style:none; margin: 0; padding: 4px 14px 8px 14px; }
.box1 li {padding:6px 0;}
.box1 li.small {font-size:0.7em;}

.box1 a:link, .box1 a:visited, .box2 a:link, .box2 a:visited, .box3 a:link, .box3 a:visited, .box4 a:link, .box4 a:visited, .box5 a:link, .box5 a:visited  {text-decoration:none; color:#666633;}
.box1 a:hover, .box1 a:active, .box1 a:focus, .box2 a:hover, .box2 a:active, .box2 a:focus, .box3 a:hover, .box3 a:active, .box3 a:focus, .box4 a:hover, .box4 a:active, .box4 a:focus, .box5 a:hover, .box5 a:active, .box5 a:focus {border-bottom: 1px dotted #666633;}

/* box  = and the rest, latest reviews */
.box2 {border-bottom:1px solid #ffffff;}
.box2 h2, .box5 h2 {margin: 0; padding:8px 14px 4px 14px; font-size:1.4em; font-weight:normal; font-family: tahoma, sans; }
.box2 p {margin: 0; padding: 8px 14px;  font-size:1em;}
.box2 ul, .box5 ul {list-style:none; margin: 0 14px 14px 14px; padding:0; font-size:0.95em;}
.box2 li, .box5 li {padding: 6px 0; border-bottom: 1px solid #666633;}

/* box 3 = login */
.box3 {border-bottom:1px solid #ffffff;}
.box3 h2 {margin: 0; padding:8px 14px; font-size:1.4em; font-weight:normal; font-family: tahoma, sans; }
.box3 label {font-size:0.85em; margin:0; padding:0;}
.box3 input { margin: 2px 0; padding:2px;;}
.box3 .search {font-size:1.45em; font-weight:bold; color:#666633;}
.box3 form {margin: 0; padding:0;}
fieldset {margin:0; padding:0 14px; border:none;}
.box3 #label {width:78%;}
.box3 #go {width:16%;}
.box3 p {padding: 4px 14px 8px 14px; font-size:0.75em;}

/* box 4 = follow ninehertz */
.box4 {border-bottom:1px solid #ffffff;}
.box4 h2 {margin: 8px 0 0 0; padding:0 14px; font-size:1.4em; font-weight:normal; font-family: tahoma, sans;  }
.box4 ul {list-style:none; margin:0; padding:6px 20px 8px 20px;}
.box4 li {padding: 4px 0;}

/* profile box when logged in */
#profilebox { border-bottom:1px solid #ffffff;  }
#profilebox h2 {margin: 10px 0 0 0; padding:0 14px; font-size:1.2em; font-weight:normal; font-family: tahoma, sans;  }
#profilebox img {border:1px solid #666633; margin-left:8px; }
.profilepic {text-align:left; padding: 4px 0;}
#profilebox .newpm {font-weight:bold; font-size: 0.85em;}
#profilebox ul {list-style:none; margin:0 14px 10px 14px; padding:0;}
#profilebox a:link, #profilebox a:visited {text-decoration:none; color:#666633;}
#profilebox a:hover {border-bottom:1px dotted #666633;}
.mediumtext {font-size: 0.85em; padding: 0 4px;}
.smalltext {font-size: 0.75em;padding: 0 4px;}

/* END OF SIDEBAR ------------------------------------------------------------------*/

/* PAGES -------------------------------------------------------------------------- */

/* In-page boxes for comps */
.box {width:90%; margin: 1em auto; border:1px solid #cccccc; }

/* Reviews and articles pages */
#list .listitem {margin: 0 2% 1em 2%; padding: 0; overflow:hidden; width:46%; float:left; background-color:#eeeeee; min-height:10.5em; max-height:10.5em; }
#list .listitem ul {padding:4px; margin:0; list-style:none;}
#list .listitem img {float:right; border:1px solid #666633; margin: 4px;}
#list #listmoreinfo { margin:0; padding: 6px 0 6px 0; border-bottom: 1px solid #666633; border-top: 1px solid #666633;}
#list .listitem a:link, #list .listitem a:visited {text-decoration:none; color:#666633;}
#list .listitem a:hover, #list .listitem a:active, #list .listitem a:focus {border-bottom:1px dotted #666633;}

/* Search results page */
#searchlist1, #searchlist2 {margin: 0 2% 1em 2%;width:46%; float:left;background-color:#eeeeee;}
#searchlist1 h2, #searchlist2 h2 {padding: 4px; margin:0; color:#4d4d48;}
#searchlist1 ul, #searchlist2 ul {list-style:none; margin:0; padding: 0 8px 4px 8px; font-size:0.85em;}
#searchlist1 li, #searchlist2 li {margin: 8px 0;}
#searchlist1 a:link, #searchlist1 a:visited, #searchlist2 a:link, #searchlist2 a:visited {text-decoration:none; color:#666633;}
#searchlist1 a:hover, #searchlist1 a:active, #searchlist1 a:focus, #searchlist2 a:hover, #searchlist2 a:active, #searchlist2 a:focus {border-bottom:1px dotted #666633; color:#666633;}

/* reviews, articles, news*/
.subtitle2 {font-size:1.2em; color:#666633; font-style:italic;}
#item, #list, #submit, #viewprofile, #item2 {margin: 0 20px 10px 20px; padding: 0;}
#item #iteminfo ul, #item2 #iteminfo ul  { list-style:none; margin:0; padding: 0 0 4px 0; border-bottom: 1px solid #666633;}
#item h2 {margin:0; padding:0; font-size:1em; line-height:130%; color:#666633; }
#item h2 span {font-style:italic; }
#item #iteminfo p {margin:0; padding:0;}
#item #iteminfo p.mediumtext {border-bottom: 1px solid #666633; font-size:0.75em;}
#item2 h2 {margin:0 0 4px 0; padding:0 0 4px 0; font-size:1em; line-height:150%; color:#666633; border-bottom: 1px solid #666633;}
#item ul {list-style:none; margin:0 20px 10px 20px; padding: 0; font-size: 0.85em;}
#item p, #item2 p {margin: 20px; padding:0;}
#item img {margin: 4px; padding: 2px; float: right; border: 1px solid #666633;}
#item #moreinfo ul { list-style:none; margin:0; padding: 6px 0 6px 0; border-bottom: 1px solid #666633; border-top: 1px solid #666633;}
#item2 ul {font-size:0.85em; line-height:150%;}
#item2 h3 {font-size:1em; margin:20px; padding:0;}

#list #listinfo {margin:0 0 10px 0; padding: 0 0 4px 0; border-bottom: 1px solid #666633;}
#list h2 {margin:0 0 4px 0; padding:0; font-size:1em; color:#666633;}

#list table {width:90%; margin:0 auto; border: 1px solid #acac84;; font-size:0.85em;}
#list caption {visibility:hidden;}
#list th {text-align:left; padding: 6px 4px; border-bottom: 1px solid #acac84;}
#list td {padding: 6px 4px; border-bottom: 1px dashed #acac84; vertical-align:top }
#list .lastrow {border-bottom:none;}

#list form {margin: 20px; padding:0;}
#list label {font-size:0.85em; font-weight:bold;}
#list input {border: 1px solid #666633;font-family:Arial, Helvetica, sans-serif; color:#4d4d48; font-size:0.85em; margin: 4px 0;}
#list #listbottom {margin:10px 0 0 0; padding: 4px 0 0 0; border-top: 1px solid #666633;}

#submit #submitinfo {margin:0 0 10px 0; padding: 0 0 4px 0; border-bottom: 1px solid #666633;}
#submit #submitinfo ul {list-style:none; font-size:0.95em; margin:0; padding:0; font-weight:bold;}
#submit #submitinfo li {display:inline; padding: 0 4px 0 0;}
#submit h2 {margin:0 0 4px 0; padding:0; font-size:1.5em; color:#666633;}
#submit ul {margin: 20px; padding:0; list-style:none;}
#submit li {margin: 10px 0;}
#submit .subtext {padding: 2px 10px; font-size:0.85em;}
#submit form {margin: 20px; padding:0;}
#submit label {font-size:0.85em;margin: 2px 0;}
#submit .labelfortextbox {font-weight:bold; width: 8.5em; float:left;}
#submit input, #submit textarea {border: 1px solid #666633;font-family:Arial, Helvetica, sans-serif; color:#4d4d48; font-size:0.85em; margin: 2px 0; padding:2px;}
#submit .largetextbox { width:70%;}
#submit .labelforcheckbox {margin: 0 0 0 6.5em;}
#submit .button {margin: 2px 0 2px 6.5em; padding:2px;}
#submit .divider {border-top:1px dashed #cccccc; width: 90%; }
#submit .datebox1 {width: 1.6em;}
#submit .datebox2 {width: 2.4em;}
#submit .registerlabel {width: 20%;float:left;}

/*flyers*/
ul.flyers {list-style:none; margin:0 0 0 10px; padding:0;}
ul.flyers li { min-height:108px; margin: 0 20px 4px 20px; overflow:visible;}
#item2 ul.flyers img {float:left; margin: 0 4px 0 0; border:1px solid #cccccc;}

/* View profile page */
#viewprofile .info {margin:0 0 10px 0; padding: 0 0 8px 0; border-bottom: 1px solid #666633;}
#viewprofile  h2 {margin:0 0 4px 0; padding:0; font-size:1.5em; color:#666633;}

#viewprofile #profileside1 {width: 60%; float:left;}
#viewprofile #profileside2 {width: 39%; float:right;}

#viewprofile .profilebox1 {background: #ffffff url(../images/profilebox1-main.png) no-repeat top center; padding:10px 14px 0 14px; min-height:110px;}
#viewprofile .profilebox1bottom {background:#ffffff url(../images/profilebox1-bottom.png) no-repeat top center; margin: 0 0 10px 0; padding-bottom: 5px}
#viewprofile .profilebox1 ul, #viewprofile .profilebox2 ul { font-size:0.85em;  list-style:none; padding:4px 4px 0 4px; margin:0 ;}
#viewprofile .profilebox1 li, #viewprofile .profilebox2 li {padding: 4px 0;}
#viewprofile .profilebox1 .avatar {border:1px solid #666633; padding: 4px; margin: 4px; float: right;}
#viewprofile .profilebox1 .pbtitle, #viewprofile .profilebox2 .pbtitle {color:#666633; font-weight:bold; font-size:1em; padding: 0;}

#viewprofile .profilebox2 {background: #ffffff url(../images/profilebox2-main.png) no-repeat top center; padding:10px 10px 0 10px;}
#viewprofile .profilebox2bottom {background: #ffffff url(../images/profilebox2-bottom.png) no-repeat top center; margin: 0 0 10px 0; padding-bottom: 5px}

#viewprofile label {font-size:0.85em;}
#viewprofile .labelfortextbox {width: 7.5em; float:left;  margin: 2px 0;}
#viewprofile input,select {border: 1px solid #666633;font-family:Arial, Helvetica, sans-serif; color:#4d4d48; font-size:0.85em; margin: 2px 0; padding:2px; width:60%;}
#viewprofile select {width: auto;}
#viewprofile .ageinput {width: 10%;}
#viewprofile textarea {border: 1px solid #666633;font-family:Arial, Helvetica, sans-serif; color:#4d4d48; font-size:0.85em; margin: 2px 0; padding:2px; width:90%;}
#viewprofile form {margin:0; padding:0 4px;}
#viewprofile .avatar2 {border:1px solid #666633; padding: 4px; margin: 4px; float:left;}
#viewprofile .pwinput {width:90%;}
#viewprofile .savebutton {width: 50px;}
#viewprofile .browsebutton {width:22%;}
#viewprofile .uploadinput {width: 50%;}
#viewprofile .divider {border-top: 1px dashed #cccccc; margin: 5px auto;}
#viewprofile .pbsmall {font-size:0.85em;}

/* table for PMs */
table#pms {width:90%; margin:0 auto; border: 1px solid #acac84;; font-size:0.85em;}
table#pms th {padding:6px; }
table#pms td {padding:6px; border-top:1px solid #acac84; vertical-align:top; text-align:center;}
table#pms .message {text-align:left;}
table#pms .title {font-size:1.4em;} 
table#pms .title a:link, table#pms .title a:visited {text-decoration:none;}
table#pms .title a:hover {text-decoration:underline;}
table#pms .users {font-size:0.85em; line-height:150%;}

/* END OF PAGES ---------------------------------------------------------------- */

/* FORUM ----------------------------------------------------------------------- */

#forum {margin: 0 20px 6px 20px; padding: 0;}

#forum h2 {margin:0; padding:0; font-size:1.1em; color:#666633;line-height:150%; font-size: 1.2em; font-weight:normal;}
#forum .info {margin:0 0 10px 0; padding: 0 0 8px 0; border-bottom: 1px solid #666633; }
#forum .info span {font-size:0.7em;}
#forum .info .small {font-size:0.75em;}
#forum .info a:link, #forum .info a:visited {text-decoration:none; border-bottom:1px dotted #666633; color:#666633; }
#forum .info a:hover {background-color: #666633; color:#ffffff;}

#forum .board {margin: 5px 0; border: 1px solid #acac84; padding:6px;}

#forum .board .title {padding: 0 0 8px 0;}
#forum .board .title a:link, #forum .board .title a:visited {text-decoration: none;}

#forum .board .dostuff {font-size:0.75em; margin: 0; border-top:1px dashed #acac84; padding: 2px 0 0 0;}
#forum .board .dostuff .date {width: 50%; float:left; text-align:left;}
#forum .board .dostuff .actions {width:49%; float:right; text-align:right;}
#forum .board .dostuff a:visited {color:#666633; text-decoration:underline;}
#forum .board-unread {position:relative; margin: 5px 0; border: 1px solid #acac84; padding:6px; color:#FFFFFF; background:#666633}
#forum .board-unread .title {color:#FFFFFF;}

#forum .board-unread .dostuff {font-size:0.75em; margin: 0; border-top:1px dashed #acac84; padding: 2px 0 0 0; height: 100%; color:#FFFFFF;}
#forum .board-unread .dostuff .date {width: 50%; float:left; text-align:left;}
#forum .board-unread .dostuff .actions {width:49%; float:right; text-align:right;}
#forum .board-unread .dostuff a:visited {color:#FFFFFF; text-decoration:underline;}

#forum #moreinfo {margin:10px 0 0 0; padding: 6px 0 6px 0; border-top: 1px solid #666633;}

#forum #moreforuminfo {margin:10px 0 0 0; padding: 6px 0 6px 0; border-top: 1px solid #666633;}/* bit of a hack, so we can use the forum style after the comments on viewitem */
#forum .largetextbox { width:70%;}
#forum .postbox {position:relative; margin: 5px 20px; border: 1px solid #acac84; padding:6px; background-color:#ffffff;}
#forum .postbox .profile { width: 120px; float:left; border:1px solid #666633; padding: 2px; overflow:hidden; margin: 0 0 4px 0;}
#forum .postbox .text {margin: 0 0 2px 136px; font-size: 0.85em;}
#forum .postbox .text p {margin: 8px 0;}
#forum .postbox .profile ul {list-style:none; margin:0; padding:0;}
#forum .postbox .profile img {border:1px solid #666633; margin-left:4px;}
#forum .postbox .sig {margin: 0 ; border-top:1px dashed #acac84; padding: 4px 0;}
#forum .postbox .dostuff {font-size:0.75em; margin: 0; border-top:1px dashed #acac84; padding: 2px 0 0 0; font-weight:bold; }
#forum .postbox .dostuff .date {width: 50%; float:left; text-align:left;}
#forum .postbox .dostuff .actions {width:49%; float:right; text-align:right;}
#forum .postbox .dostuff a:visited, #forum .postbox .profile a:visited {color:#666633; text-decoration:underline;}

#forum .postbox .profile .largetext {font-size: 1em; font-weight:bold; color:#666633; padding: 4px ;}
#forum .postbox .profile .largetext a:link, #forum .postbox .profile .largetext a:visited {text-decoration:none;}
#forum .postbox .profile .largetext a:hover, #forum .postbox .profile .largetext a:active, #forum .postbox .profile .largetext a:focus {border-bottom:1px dotted #666633; color:#666633;}

#forum .postbox .quote ul{ border:1px solid #666633; margin:0; padding: 0; list-style:none;}
#forum .postbox .quote p {margin: 8px 4px;}
#forum .postbox .whoquoted {background-color: #666633; padding:2px; font-size: 0.85em; color:#FFFFFF;}

#forum .replybox {margin: 5px 20px;  padding:6px; }
#forum .replybox .formarea {width:79%; float:left;}
#forum .replybox textarea { width: 98%; height: 10em; border: 1px solid #666633; padding: 2px; font-family:Arial, Helvetica, sans-serif; color:#4d4d48; font-size:0.85em;}
#forum .replybox label {font-size:0.85em;}
#forum .replybox .smileys {width: 20%; float: right; margin: 18px 0 0 0; padding: 2px; }
#forum .replybox .smileys2 {width: 20%; float: right; margin: 58px 0 0 0; padding: 2px; }
#forum .replybox p {margin: 2px 0 0 0; font-weight:bold;}
#forum .replybox input {border: 1px solid #666633;font-family:Arial, Helvetica, sans-serif; color:#4d4d48; font-size:0.85em; margin: 4px 0;}
#forum .replybox table td {text-align:center; padding: 2px;}
#forum .unread {font-weight: bold; text-decoration:none;}
#forum .quote {margin: 0 10px;  border-top: 1px solid #666633;}
#forum .quotetitle {font-weight: bold; font-size: 0.85em;}
#forum .quotetext {border-bottom: 1px solid #666633; padding: 5px;}
#forum .edit {text-align:right; font-size:0.7em; font-style: italic;}
#forum .preview {font-size: 0.85em; border: 1px solid #acac84; padding: 6px; margin-bottom: 6px;}
#forum .extralink {margin-left: 12px;font-weight: normal; font-size: 0.85em;}
#forum .userlist {list-style: none; margin: 0; padding:0;}

#forum .board .title {padding: 0 0 8px 0; }
#forum .board p.postcount, #forum .board-unread p.postcount {display:block; float:right; clear:both;}

#forum .board .title a:hover {border-bottom: 1px dotted #666633;}

#forum .board-unread a:link, #forum .board-unread a:visited {color:#FFFFFF; text-decoration:none; }
#forum .board-unread .title a:hover {border-bottom: 1px dotted #ffffff;}

#forum .board .description {margin-bottom:4px;}

/* NEW ------------------------------------------------ */

.livedates {background-color: #cccccc; margin:0; padding:0;}
.livedates .date {width:80px; height:80px; margin-left:20px; border:1px solid #666633; background-color:#666633; float:left; text-align:center; color:#ffffff;  }
.livedates .date p {margin:0; padding:0; line-height:100%;  font-size:16px; }
.livedates .date p.day {border-bottom: 1px solid #ffffff; padding: 2px 0; background-color:#ffffff; color:#666633; font-weight:bold;}
.livedates .date p.number {font-size:30px;font-family: tahoma, sans; padding: 2px 0 6px 0; }

.livedates .info {width: 480px; margin: 0 0 10px 120px; padding: 4px 0 0 0;}
.livedates .info h3 {font-size:1em; margin:0; padding:0;}
.livedates .info p {}