/* -------------------------------------- GLOBAL -------------------------------------- */

* {
 font-family:Verdana,Arial,Helvetica,sans-serif;
 margin:0;
 padding:0;
}

/* -------------------------------------- BASIC -------------------------------------- */

body {
 font-size:80%;
}
h1, h2, h3, h4, h5, h6 {
 margin:1.25em 0 1em 0;
}
h1 {
 font-size:1.75em;
}
h2 {
 font-size:1.25em;
}
h3, h4, h5, h6 {
 font-size:1em;
}
hr {
 margin:1em 0 1em 0;
}

/* -------------------------------------- TEXT -------------------------------------- */

abbr, acronym {
 border-bottom:1px dotted;
 cursor:help;
}
blockquote {
 font-style:italic;
 margin:2em;
}
cite {
 font-style:italic;
}
em {
 font-style:italic;
}
p {
 margin-bottom:1.5em;
}
strong {
 font-weight:bold;
}

/* -------------------------------------- LISTS -------------------------------------- */

dd {
 margin:0 0 0 1em;
}
dl {
 margin:1em;
 padding:0;
}
dt {
 font-weight:bold;
}
li {
 margin:0.5em 0 0.5em 1.3em;
}
li ul {
 margin-bottom:0.5em;
}
ul {
 margin:0 0 2em 0;
}
ul {
 list-style-type:disc;
}
ol {
 margin:0 0 2em 0.5em;
}
ul.collapse {
 list-style:none;
 margin:0;
 padding:0;
}
ul.collapse li {
 margin:0;
}
ul p, ol p {
 margin:0.5em 0 0 0;
}

/* -------------------------------------- TABLES -------------------------------------- */


table {
 border-collapse:collapse;
 border-spacing:1px;
 background:#E7E7E7;
 color:#666666;
 margin-bottom:1em;
 width:100%;
 border:1px solid #E7E7E7;
 font-size:0.95em;
}
table.compact {
 font-size:0.8em;
}
caption {
 font-style:italic;
 font-weight:bold;
 padding:10px;
}
td, th {
 border:1px solid #FFF;
 padding:4px;
 text-align:left;
 vertical-align:top;
}
th {
 font-weight:bold;
}
thead th {
 background:#F3F2G2;
}
tbody tr.odd, tbody tr.odd td {
 background:#FAFAFA;
}
tbody tr td {
 background:#F3F2F2;
}


/* -------------------------------------- LINKS -------------------------------------- */

a:link {
 color:#0000FF;
}
a:visited {
 color:#6365CE;
}
a:active {
 color:#FF0000;
}
a:hover {
 color:#000;
}
a {
 text-decoration:underline;
}
a.external:after {
 padding-left:0.25em;
 content:url(/graphics/external.gif)
}
a abbr, a acronym {
 padding:1px;
}
a.skiplink {
 display:none;
}

/* -------------------------------------- IMAGES -------------------------------------- */

img {
 border:0;
}
img.inlineleft {
 border:1px solid black;
 float:left;
 margin:2px 4px 2px 0;
}

/* -------------------------------------- FORMS -------------------------------------- */

input, select {
 margin:0 0.5em 0 0;
}
input.error {
 background-color:#FF0000;
 color:#FFF;
}
fieldset {
 margin:0 0 1em 0;
 padding:0 1em 1em 1em;
}
legend {
 color:#000;
 padding:0 0.5em 0 0.5em;
}
label {
 xfont-weight:bold;
}
option {
 margin:0 0.5em 0 0;
}
textarea {
 font-size:1em;
}
.help {
 color:#808080;
 font-size:0.8em;
}
div.formitem p.help {
 margin:0 0 0 12.5em;
}

/* -------------------------------------- OVERRIDE DEFAULTS -------------------------------------- */

html, body {
 height:100%;
}
body {
 background-color:#F1EFE7;
}

/* -------------------------------------- CONTAINER DIV -------------------------------------- */

#container {
 background-color:#FAFAFA;
 color:#424542;
 position:relative;
 margin:0 auto;
 max-width:960px;
 min-height:1000px;
 min-width:760px;
}

/* -------------------------------------- CONTENT DIV -------------------------------------- */

#content {
 margin:0 0 0 13em;
 padding:0 2em 5em 2em;
}
#content h1, #content h2, #content h3, #content h4 {
 color:#FF6C12;
 font-family:"trebuchet ms",arial,tahoma,verdana,sans-serif;
}
#content p {
 line-height:1.5em;
}
#content p.details {
 font-size:0.8em;
 font-weight:bold;
}
#content .warning {
 background-color:transparent;
 color:#FF0000;
 font-weight:bold;
}

/* -------------------------------------- HEADER DIV -------------------------------------- */

#header {
 background-color:#000;
 background-image:url(/graphics/banner_birder.jpg);
 background-repeat:repeat-x;
 height:125px;
}
#header #logo {
 background-color:transparent;
 color:#000;
 font-family:"trebuchet ms",arial,tahoma,verdana,sans-serif;
 font-size:2.5em;
 font-weight:bold;
 margin:0.5em 0 0 0.5em;
 position:absolute;
 top:0.5em;
}
#header #tag {
 color:#464646;
 font-size:9px;
 position:absolute;
 text-align:right;
 top:125px;
 width:955px;
}

/* -------------------------------------- FOOTER DIV -------------------------------------- */

#footer {
 background-color:#DFDFDF;
 xborder-top:1px dashed #C4A47B;
 bottom:0;
 font-size:0.8em;
 height:2em; /* required by IE */
 padding:0 0 1em 0;
 position:absolute;
 width:100%;
}
#footer ul {
 padding:1em;
}
#footer li {
 float:left;
 padding-right:1em;
}

/* -------------------------------------- MENU DIV ----------------------------------- */

#menu {
 font-size:0.85em;
 margin:6em 2em 0 0;
 position:absolute;
 right:0;
 top:125px;
 width:16em;
}
#menu ul {
 margin-left:0.05em; /* required by IE */
}
#menu li {
 color:#000;
 font-weight:normal;
 list-style-image:none;
}
#menu li.current {
 color:#FF0000;
 font-weight:bold;
 list-style-image:url(/graphics/arrow_black_right.gif);
}
div.box {
 margin:0 0 2em 0;
}
div.box h4 {
 border-bottom:1px dashed #C4A47B;
 color:#FF6C12;
 font-size:1em;
 margin:0 0 1em 0;
 padding:0 0 0.5em 0;
}
div.box p {
 line-height:1.5em;
 margin:0 0 1em 0;
 padding:0;
}
div.box a.more {
 float:right;
 font-size:0.86em;
 margin-top:-1.5em;
}
div.box input {
 font-size:1em;
}

/* -------------------------------------- SIDEBAR DIV ----------------------------------- */

#sidebar {
 font-size:0.8em;
 left:0;
 margin:7em 0 0 2em;
 position:absolute;
 text-align:left;
 top:145px;
 width:13em;
}

/* -------------------------------------- ADVERTS DIV ----------------------------------- */

#adverts {
 font-size:0.8em;
 left:0;
 margin:5em 0 0 2em;
 position:absolute;
 top:145px;
 width:13em;
}
#adverts div.advert {
 display:inline-block;
 margin:0 0 1em 0;
 padding-left:6px;
 text-align:left;
 width:110px;
}
#adverts div.advert p {
 margin-top:5px;
 text-align:left;
}
#adverts div.amazon {
 background-color:#FFF;
 xborder:1px solid gray;
 padding:5px;
 width:110px;
}

/* -------------------------------------- BAR -------------------------------------- */

#bar {
 background-color:#081B55;
 height:1.5em;
}
#bar a {
 color:#FFF;
 font-size:0.8em;
 text-decoration:none;
}
#bar a:hover {
 text-decoration:underline;
}
#bar ul {
 float:left;
}
#bar ul li {
 float:left;
 list-style:none;
 margin:0 1em 0 1em;
 padding:0;
}
#bar #admin {
 float:right
}

/* -------------------------------------- NAVIGATION -------------------------------------- */

#navigation {
 background-color:#081B55;
 color:#FAFAFA;
 height:2em;
 left:0;
 position:relative;
 right:0;
 top:auto;
}
#navigation li {
 float:left;
 font-size:1em;
 font-weight:bold;
 margin:0;
 text-align:center;
 width:7.5em;
}
#navigation li a {
 background-color:#081B55;
 border-right:1px solid #DCDCDC;
 color:#FAFAFA;
 display:block;
 height:1.7em;
 padding-top:0.3em;
 text-decoration:none;
}
#navigation li a:hover {
 background-color:#555555;
}
#navigation li.current a {
 background-color:#D31112;
}

/* -------------------------------------- SUB NAVIGATION -------------------------------------- */

#subnav {
 height:2em;
 list-style:none;
 margin:2em 0 0 0;
}
#subnav li {
 float:left;
 font-size:0.9em;
 margin:0 3em 0 0;
}
#subnav li a {
 color:#999999;
 text-decoration:none;
}
#subnav li a:hover {
 color:#000;
}

/* -------------------------------------- PHOTO/THUMBNAILS -------------------------------------- */

div.photo {
 display:inline-block;
 margin-top:4em;
 position:relative;
 text-align:center;
 width:100%;
}
div.photo img.prev {
 left:0;
}
div.photo img.next {
 right:0;
}
div.photo img.pos {
 margin:0;
 position:absolute;
 top:-3em;
 border:0;
 vertical-align:top;
}
div.photo img {
 padding:0.5em;
 border:1px solid #A4A4A4;
 margin-top:-30px;
}
div.photo p {
 font-size:0.9em;
 padding:1em 0 1em 0;
}
div.thumbnail {
 background-color:#F3F2F2;
 border:1px solid #A4A4A4;
 float:left;
 height:110px;
 line-height:110px;
 margin:0 10px 10px 0;
 overflow:hidden;
 text-align:center;
 width:110px;
}
div.thumbnail img {
 vertical-align:middle;
}
div.thumbnail a {
 white-space:nowrap;
}
div.photo p.caption {
 font-size:0.85em;
}

/* -------------------------------------- TOOL TIP -------------------------------------- */

div.tip {
 font-family:Arial,Helvetica,sans-serif;
 font-size:10pt;
 color:#000;
 text-decoration:none;
 width:175px;
 border:1px solid #80ADD6;
 padding:6px;
 background-color:#F2F7FF;
 visibility:hidden;
 position:absolute;
 z-index:100;
}
div.tip p {
 font-family:Arial,Helvetica,sans-serif;
 font-size:10pt;
 margin:0 0 1em 0;
}

/* -------------------------------------- MISC -------------------------------------- */

.non-visual {
 display:none;
}
.clearfloat {
 clear:both;
}
div.inlineimage {
 float:right;
 font-size:0.8em;
 padding:5px 0 5px 5px;
 text-align:right;
}
div.fig {
 margin:2em 0 2em 0;
 text-align:center;
}
div.fig img {
 padding:0.5em;
 border:1px solid #A4A4A4;
}
div.fig p {
 font-size:0.9em;
 margin:0;
 padding:1em 0 1em 0;
}
div.formitem {
 clear:left;
 margin:5px 0 0 0;
}
div.formitemlabel {
 float:left;
 padding-right:5px;
 text-align:right;
 width:125px;
}
option.rarity {
 color:#FF0000;
}
span.required {
 color:#FF0000;
 font-weight:bold;
}
p.info {
 font-size:0.7em;
}
#cboSpecies, #cboSite, #cboObserver, #cboBreedingStatus {
 width:25em;
}

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


#map {
 clear:both;
 height:400px;
 margin-top:1em;
 width:100%;
}
#profileform div.formitemlabel {
 width:205px;
}


#frmSubmit #cmdAdd {
 margin-bottom:1em;
}

#sightingslist, #sightingslist ul {
 list-style:none;
}
#sightingslist li {
 padding:0.2em 0 0.2em 0;
 margin:0;
 font-weight:bold;
}
#sightingslist ul li {
 padding:0.2em 0 0 0;
 margin:0;
 font-weight:normal;
}


















#www-goingbirding-co-uk td img.camera {
 float:right;
}

#contactform label {
 float:left;
 width:12em;
}
#contactform #txtEmail, #contactform #txtComment, #contactform #txtName {
 width:30em;
}
#contactform #txtComment {
 height:15em;
}

dl {
 margin:0;
}
dd {
 margin:0 0 1em 0;
}
dd p.link {
 color:#999999;
 font-size:0.8em;
}