/*RESET-FONTS-GRIDS*/
html { color:#000; background:#FFF; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var, optgroup { font-style:inherit; font-weight:inherit; }
del, ins { text-decoration:none; }
li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
q:before, q:after { content:''; }
abbr, acronym { border:0; font-variant:normal; }
sup { vertical-align:baseline; }
sub { vertical-align:baseline; }
legend { color:#000; }
input, button, textarea, select, optgroup, option { font-family:inherit; font-size:inherit; font-style:inherit; font-weight:inherit; }
input, button, textarea, select { *font-size:100%;}

/*FONTS*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*GRIDS*/
body { text-align: center; }
#doc, #doc2, #doc3, #doc4{ margin: auto; text-align: left; width: 57.69em;  *width: 56.25em;}
#doc2 { width:950px;}
#doc3 { margin: auto 10px; width: auto; }
#doc4 { width: 74.923em;  *width: 73.05em;}

 
/* Layout
 ------------ */
body { font-family: Arial, Helvetica, sans-serif; color: #323D4F; background-color: #FFFFFF; font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */ margin: 0; }
#wrapheader { background:#333; padding: 0; color:#ccc; }
#wrapcentre { margin: 0 20px 0; }
#wrapfooter { text-align: center; clear: both; }
#wrapnav { width: 100%; margin: 0; background-color: #ECECEC; border-width: 1px; border-style: solid; border-color: #A9B8C2; }
#logodesc { margin-bottom: 5px; padding: 5px 25px; background: #D9DFE4; border-bottom: 1px solid #4787A7; }
#menubar { margin: 0 25px; }
#datebar { margin: 2px 0; }
#findbar { width: 100%; margin: 0; padding: 0; border: 0; }
.forumrules { background-color: #F9CC79; border-width: 1px; border-style: solid; border-color: #BB9860; padding: 4px; font-weight: normal; font-size: 1.1em; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
.forumrules h3 { color: red; }

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }

/*  Text
 --------------------- */
h1 { color: black; font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; font-weight: bold; font-size: 1.8em; text-decoration: none; }
h2 { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 1.5em; text-decoration: none; line-height: 120%; }
h3 { font-size: 1.3em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; line-height: 120%; }
h4 { margin: 0; font-size: 1.5em; font-weight: bold; }
p { font-size: 1.1em; }
p.moderators { margin: 0; float: left; color: black; font-weight: bold; }
.rtl p.moderators { float: right; }
p.linkmcp { margin: 0; float: right; white-space: nowrap; }
.rtl p.linkmcp { float: left; }
p.breadcrumbs { margin: 0; float: left; color: black; font-weight: bold; white-space: normal; font-size: 1em; }
.rtl p.breadcrumbs { float: right; }
p.datetime { margin: 0; float: right; white-space: nowrap; font-size: 1em; }
.rtl p.datetime { float: left; }
p.searchbar { padding: 2px 0; white-space: nowrap; }
p.searchbarreg { margin: 0; float: right; white-space: nowrap; }
.rtl p.searchbarreg { float: left; }
p.forumdesc { padding-bottom: 4px; }
p.topicauthor { margin: 1px 0; }
p.topicdetails { margin: 1px 0; }
.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active { margin: 1px 0; color: red; font-weight:bold; }
.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active { color: green; font-weight:bold; }
.postapprove img, .postreported img { vertical-align: bottom; }
.postauthor { color: #000000; }
.postdetails { color: #000000; }
.postbody { font-size: 1.3em; line-height: 1.4em; font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; }
.postbody li, ol, ul { margin: 0 0 0 1.5em; }
.postbody li {list-style:disc; margin-bottom:1.5em;}
.postbody img {max-width:730px;} /* Restrict image width*/
.rtl .postbody li, .rtl ol, .rtl ul { margin: 0 1.5em 0 0; }
.posthilit { background-color: yellow; }
.nav { margin: 0; color: black; font-weight: bold; }
.pagination { padding: 4px; color: black; font-size: 1em; font-weight: bold; }
.cattitle { }
.gen { margin: 1px 1px; font-size: 1.2em; }
.genmed { margin: 1px 1px; font-size: 1.1em; }
.gensmall { margin: 1px 1px; font-size: 1em; }
.copyright { color: #444; font-weight: normal; font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }
.titles { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.3em; text-decoration: none; }
.error { color: red; }

/* Tables
 ------------ */
th { color:#FFFF00; font-size: 1.1em; font-weight: bold; background-color: #006699; background-image: url('./images/cellpic3.gif'); white-space: nowrap; padding: 7px 5px; }
td { padding: 2px; }
td.profile { padding: 4px; }
.tablebg { background-color: #A9B8C2; }
.catdiv { height: 28px; margin: 0; padding: 0; border: 0; background: white url('./images/cellpic2.jpg') repeat-y scroll top left; }
.rtl .catdiv { background: white url('./images/cellpic2_rtl.jpg') repeat-y scroll top right; }
.cat { height: 28px; margin: 0; padding: 0; border: 0; background-color: #C7D0D7; background-image: url('./images/cellpic1.gif'); text-indent: 4px; }
.row1 { background-color: #ECECEC; padding: 4px; }
.row2 { background-color: #DCE1E5; padding: 4px; }
.row3 { background-color: #C0C8D0; padding: 4px; }
.spacer { background-color: #D1D7DC; }
hr { height: 1px; border-width: 0; background-color: #D1D7DC; color: #D1D7DC; }
.legend { text-align:center; margin: 0 auto; }

/* Links
 ------------ */
a:link { color: #006597; text-decoration: none; }
a:active, a:visited { color: #005784; text-decoration: none; }
a:hover { color: #D46400; text-decoration: underline; }
a.forumlink { color: #069; font-weight: bold; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-size: 1.2em; }
a.topictitle { margin: 1px 0; font-family: "Lucida Grande", Helvetica, Arial, sans-serif; font-weight: bold; font-size: 1.2em; }
a.topictitle:visited { color: #5493B4; text-decoration: none; }
th a, th a:visited { color: #FFA34F !important; text-decoration: none; }
th a:hover { text-decoration: underline; }

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {direction: rtl;	unicode-bidi: embed;}

/* Form Elements
 ------------ */
form { margin: 0; padding: 0; border: 0; }
input { color: #333333; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; padding: 1px; border: 1px solid #A9B8C2; background-color: #FAFAFA; }
textarea { background-color: #FAFAFA; color: #333333; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size: 1.3em; line-height: 1.4em; font-weight: normal; border: 1px solid #A9B8C2; padding: 2px; }
select { color: #333333; background-color: #FAFAFA; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; font-size: 1.1em; font-weight: normal; border: 1px solid #A9B8C2; padding: 1px; }
option { padding: 0 1em 0 0; }
option.disabled-option { color: graytext; }
.rtl option { padding: 0 0 0 1em; }
input.radio { border: none; background-color: transparent; }
.post { background-color: white; border-style: solid; border-width: 1px; }
.btnbbcode { color: #000000; font-weight: normal; font-size: 1.1em; font-family: "Lucida Grande", Verdana, Helvetica, sans-serif; background-color: #EFEFEF; border: 1px solid #666666; }
.btnmain { font-weight: bold; background-color: #ECECEC; border: 1px solid #A9B8C2; cursor: pointer; padding: 1px 5px; font-size: 1.1em; }
.btnlite { font-weight: normal; background-color: #ECECEC; border: 1px solid #A9B8C2; cursor: pointer; padding: 1px 5px; font-size: 1.1em; }
.btnfile { font-weight: normal; background-color: #ECECEC; border: 1px solid #A9B8C2; padding: 1px 5px; font-size: 1.1em; }
.helpline { background-color: #DEE3E7; border-style: none; }

/* BBCode
 ------------ */
.quotetitle, .attachtitle { margin: 10px 5px 0 5px; padding: 4px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #A9B8C2; color: #333333; background-color: #A9B8C2; font-size: 0.85em; font-weight: bold; }
.quotetitle .quotetitle { font-size: 1em; }
.quotecontent, .attachcontent { margin: 0 5px 10px 5px; padding: 5px; border-color: #A9B8C2; border-width: 0 1px 1px 1px; border-style: solid; font-weight: normal; font-size: 1em; line-height: 1.4em; font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif; background-color: #FAFAFA; color: #4B5C77; }
.attachcontent { font-size: 0.85em; }
.codetitle { margin: 10px 5px 0 5px; padding: 2px 4px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #A9B8C2; color: #333333; background-color: #A9B8C2; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size: 0.8em; }
.codecontent { direction: ltr; margin: 0 5px 10px 5px; padding: 5px; border-color: #A9B8C2; border-width: 0 1px 1px 1px; border-style: solid; font-weight: normal; color: #006600; font-size: 0.85em; font-family: Monaco, 'Courier New', monospace; background-color: #FAFAFA; }
.syntaxbg { color: #FFFFFF; }
.syntaxcomment { color: #FF8000; }
.syntaxdefault { color: #0000BB; }
.syntaxhtml { color: #000000; }
.syntaxkeyword { color: #007700; }
.syntaxstring { color: #DD0000; }

/* Private messages
 ------------------ */
.pm_marked_colour { background-color: #000000; }
.pm_replied_colour { background-color: #A9B8C2; }
.pm_friend_colour { background-color: #007700; }
.pm_foe_colour { background-color: #DD0000; }

/* Misc
 ------------ */
img { border: none; }
.sep { color: black; background-color: #FFA34F; }
table.colortable td { padding: 0; }
pre { font-size: 1.1em; font-family: Monaco, 'Courier New', monospace; }
.nowrap { white-space: nowrap; }
.username-coloured { font-weight: bold; }

/* Stylesheet for Birding.BC.CA */
/* Setup defaults */
html, body { background: #006699; }

a:link, a:visited { color: #2BA94F; }
a:hover { color: #CCC; background:#2BA94F }
a:active { color: #F00; }
a:hover img { background:none;}

h4 a:link, h4 a:visited {color:#000;}

/* Layout */
#doc2, #doc3 { background:white }
#hd { position:relative; background: #000 url(/images/masthead/masthead.jpg) top right no-repeat; height:140px; }
#hd p.title { color:white; font-size:26px; font-weight:bold; padding-left:10px; color:white; }
#intro { width:360px; padding:0 20px; color:white; font-size:11px; margin:0; color:#ccc; }

#topnav {position:absolute; top:100px; left:0; color:white; background:black; height:40px; width:950px; z-index:100}
#topnav, #topnav ul {padding:0;	margin:0; list-style: none;}
#topnav li {float:left;	width:auto; padding:10px 0 5px; font-size:16px; font-weight:bold; }
#topnav li a {display:block; color:white; text-decoration:none; padding:0 20px;}
#topnav li ul {	position:absolute;	width: 10em; left: -999em; background:black}
#topnav li:hover ul {left: auto;}
#topnav li:hover ul, #topnav li.sfhover ul {left: auto;}


.left {float:left;}
.right {float:right;}

/* Hacks */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */