body {font-family:Arial, Verdana, Helvetica, sans-serif;xxxfont-size:10pt} /* only needed for yandy */
a img {border:none}
/* i {color:#999} */
hr {margin:10px}
textarea {width:100%;height:100px}
h2 {margin-bottom:10px}
h3 {margin-bottom:5px}
form {margin:2px}

/* classes used everywhere */
.tiny {font-size:smaller}
.spam {color:red;background-color:yellow}
.error {color:black;background-color:yellow}
.icon {width:40px;height:40px;margin:2px}
.logo {width:40px;height:40px;float:left;margin:5px}
.logonotsquare {height:40px;xxxfloat:left;margin:5px} /* for boards brand logos */
.biglogo {height:60px;width:60px;float:left;margin:5px}
.thumb {width:120px;float:left;margin-right:5px}
.bigthumb {width:350px;float:left;margin-right:10px}
.pdf {width:60px;height:60px;float:right;margin:5px}
img.star {width:20px;height:20px}
a img.star {margin-right:0px;margin-left:0px} /* need this otherwise stars sometimes overlap */

/* alternating colours for table rows */
.True {background-color:#ECECEC}
.False {background-color:#FCFCFC}
table.rows25 td {height:25px}

/* additions/overrides to yandy stylesheet */
div.sidebox {float:left} /* float - firefox fix */
div.sectionheadline {width:98%} /* width - IE fix */
div.centrecontent div.sideboxcontent {text-align:left} /* just cos we want it different */

/* thumbnails of people */
div.fellow {padding:10px;float:left;width:130px;text-align:center;font-size:x-small}
div.fellow img {height:100px;display:block}
div.fellow span {width:120px;font-size:xx-small}

/* profile */
img.profileface {float:left;height:100px;margin:10px}
div.profileface {height:110px;display:inline;margin:10px} /* display - firefox fix */
div.brand {float:left;margin-right:20px;margin-bottom:10px}
td.votecomment {text-align:right}
a.dialog {color:black;background-color:silver;border:2px outset white;padding:2px;margin:3px}
a.dialog:visited {color:black}
table.edit input {width:300px}
#textarea_blurb {width:80%}
div.blurb {width:100%;overflow-X:scroll;padding:0px}

/* comments */
div.comments {margin:10px;text-align:center;clear:right}
table.comments {width:100%}
table.comments td {vertical-align:top;padding:5px;text-align:left}
table.paging {float:right;border:1px solid black;margin:5px}
table.paging td {background-color:#DDD}
div.articleoptions table {width:100%}
div.articleoptions td {vertical-align:top}
div.bubble {width:30px;height:21px;text-align:center;cursor:pointer;background:url(https://www.sail-world.com/community/images/comments.gif)}
img.face {float:left;height:100px;margin-right:5px}
td.author {xwidth:180px;font-size:x-small}
textarea.newcomment {width:450px}

div.register {padding:5px}
div.register td {padding:5px}

/* ------- code below is a fix for IE being a bit crap - http://www.positioniseverything.net/easyclearing.html ------- */
.box:after {content:".";display:block;height:0;clear:both;visibility:hidden}
.box {display: inline-block}
/* Hides from IE-mac \*/
* html .box {height: 1%}
.box {display: block;}
/* End hide from IE-mac */