/*
basic style for Discovery 2007
by Lars Akerson

feel free to copy
whatever is useful
*/



/*----( general )------------*/

body {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: normal;
}

table {
 padding: 0 0 0 0;
 border: 0 0 0 0;
}

h1 {
 font-family: Verdana, sans-serif;
 font-size: 16px;
 font-weight: bold italic;
 border-bottom: #EEEEEE solid;
 margin-bottom: 5px;
}

a {
 text-decoration: none;
 color: #666666;
}

a:hover {
 text-decoration: none;
 color: #333333;
}

img.thumb {
 width: 200px;
 height: 150px;
 border: 4px solid white;
}

img.inset {
 margin: 0px 0px 0px 4px;
}

td.thumb {
 border: 1px solid #333333;
}

#photo {
 position: relative;
 top: -30px;
}

#footer {
 width: 800px;
 text-align: center;
 position: relative;
 top: 20px;
}

#footer span,
#footer a.by {
 font-size: 10px;
 color: #CCCCCC;
}

#footer span,
#footer a.by:hover {
 text-decoration: none;
 color: #CCCCCC;
}

/*----( title bar )------------*/

#topbar {
 width: 800px;
 font: 10px, Arial, sans-serif;
 position: relative;
 z-index: +1;
}

#topbar ul {
 list-style: none;
 float: right;
 position: relative;
 height: 10px;

}

#topbar li {
 margin: 0px 0px 0px 5px;
 padding: 0px 0px 0px 0px;
 float: right;
 position: relative;
 top: -25px;
}

#topbar li,
#topbar a {
 font-family: Arial, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #666666;
 text-decoration: none;
 margin-right: 2px;
 padding: 0px 0px 0px 0px;
 float: left;
}

/*----( left navigation bar )------------*/

#nav {
 vertical-align: top;
 position: relative;
 top: -30px;
 width: 155px;
 float: left;
 z-index: +1;
}

#nav a,
#nav a.img {
 display: block;
 margin: 0px 0px 0px 0px;
 padding: 3px 0px 3px 5px;
 border: 1px solid #CCCCCC;
 text-decoration: none;
}

#nav a.img {
 padding: 0px 0px 0px 0px;

}

#nav a:hover {
 background-color: #EEEEEE;
 text-decoration: none;
}

/*----( body text )------------*/

#content {
 position: relative;
 top: -30px;
 padding: 0px 0px 0px 160px;
 width: 640px;
}

#content a {
 text-decoration: none;
 color: #666666;
}

#content a:hover {
 text-decoration: none;
 color: #333333;
}

#content a.blogmeta,
#content a.blogmeta:hover {
 text-decoration: none;
 color: #666666;
}

#content p.bloghead {
 font-size: 16px;
 font-weight: bold;
 color: #333333;
 border-bottom: 1px dotted;
 margin-right: 155px;
}

#content p.blogbody {
 margin-right: 155px;
 line-height: 16px;
 text-align: justify;
}

#content p.blogmeta {
 font-size: 10px;
 text-align: right;
 margin-right: 155px;
}

#content p.imeta {
 font-size: 10px;
 text-align: right;
}

#content p.photocap {
 font-size: 10px;
 text-align: center;
 width: 200px;
}

#content p.citehead {
 font-size: 14px;
 font-weight: bold;
 color: #333333;
 margin-bottom: 0px;
}

#content a.cite {
 text-decoration: none;
 color: #333333;
}

#content a.cite:hover {
 text-decoration: none;
 color: #666666;
}

#content p.citebody {
 font-size: 12px;
 margin-top: 0px;
}

#content p.topnav {
 font-size: 10px;
 text-align: center;
 color: #333333;
}

/*----( comment styles )------------*/

#content p.cbody,
#content p.nbody {
 background: #EEEEEE;
 font-size: 12px;
 line-height: 160%;
 margin-right: 155px;
 margin-top: 0px;
 padding: 5px 3px 5px 3px;
}

#content p.chead,
#content p.nhead {
 background: #666666;
 color: #EEEEEE;
 font-size: 14px;
 font-weight: bold;
 line-height: 160%;
 margin-right: 155px;
 margin-bottom: 0px;
}

#content a.chead,
#content a.nhead {
 color: #EEEEEE;
 text-decoration: underline;
 }

#content a.chead:hover,
#content a.nhead:hover {
 color: #EEEEEE;
 text-decoration: none;
 }

#content p.nbody,
#content p.nhead {
 margin-right: 0px;
}
/*----( page-specific navigation )------------*/

#rightnav {
 vertical-align: top;
 position: absolute;
 top: 0px;
 left: 650px;
 float: right;
 width: 150px;
 z-index: +1;
 border-left: 1px solid;
 border-bottom: 1px solid;
}

#rightnav p {
 text-transform: uppercase;
 letter-spacing: 2px;
 border-bottom: 1px solid;
 color: #666666;
}

#rightnav li {
 margin-bottom: 3px;
}

#rightnav a {
 color: #999999;
 text-decoration: none;
}

#rightnav a:hover {
 color: #666666;
 text-transform: none;
}

/*----( odds and ends )------------*/

#map {
 background:  url(/landethic/itinerary/map.gif) top left no-repeat;
 border: 3px solid #111111;
 width: 400px;
 height: 300px;
}

img.map {
 border: none;
}

.location {
 width: 400px;
}

.locationlock {
 position: absolute;
 top: 110px;
 left: 575px;
 width: 225px;
}

blockquote {
 border: 1px dotted;
 margin:1em 20px 1em 20px;
 padding:1em .75em 1px;
 background: #EEEEEE url(/landethic/images/quote.gif) top left no-repeat;
}

.input {
 background: #EEEEEE;
 width: 300px;
}

.textarea {
 background: #EEEEEE;
 width: 400px;
 height: 150px;
}

hr {
 width: 40%;
 height: 1px;
 color: #EEEEEE;
 text-align: center;
}

a.ref {
 color: inherit !important;
 text-decoration: none;
}

a.ref:hover {
 text-decoration: none;
}