/*
Description:Main stylesheet for wingsbirds.com web site
Author:Lance Willett
Author URI:http://simpledream.net
Please don't reuse without permission. Copyright 2006- simpledream web studio.
*/
* {
margin: 0;
padding: 0;
font-family:Verdana,Arial,sans-serif;
}
html {
height: 100%;
}
body {
background:#fff;
border:0;
height: 100%;
color: #232323;
font-size: 62.5%; /* set ems to match typical pts */
}
/* generic elements
-----------------------------------------------
*/
h1,h2,h3,h4,h5 {
font-family:Georgia,serif;
color: #222;
}
p,li,dt,dd,label,caption,pre{
font: 1.2em/1.4 Verdana,Arial,sans-serif;
}
h1{
font-size:2.4em
}
h2{
margin: 0 0 .5em 0;
font-size:1.8em
}
h3{
font-size:1.4em
}
h4{
font-size:1.2em
}
/* links
-----------------------------------------------
*/
a:link,a:visited,a:hover,a:active{
background:transparent;
}
a:link{
color:#369;
}
a:visited{
color:#669;
}
a:hover{
color:#06c;
}
a:active{
color:#c99;
}
/* layout
-----------------------------------------------
*/
#wrapper{
background: #fff;
position: relative;
min-height: 100%;
width:772px;
margin: 0 auto;
border-right:solid 1px #e5e5e5;
border-left:solid 1px #e5e5e5;
}
#wrapper:after {
content: '[.]';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#wrapper {
display: inline-block;
}
/*\*/
* html #wrapper{
height: 100%;
}
#wrapper {
display: block;
}
/* */

/* home page layout
--------------------------
*/
#feature-wrap {
float: left;
width: 100%;
}
#feature {
margin: 10px 220px 30px 220px; /*adjust to center the feature image and text*/
}
#navigation {
float: left;
margin-left: -100%;
padding: 1em;
width: 200px;
}
#upcoming-tours {
float: right;
margin-left: -220px;
padding: 1em 1em 6em 1em;
width: 195px;
}
/* header
-----------------------------------------------
*/
#header {
height: 150px;
width: 770px;
border: 1px solid #e5e5e5;
border-width: 0 1px 1px;
}
body#home #header {
margin: 0 0 .75em 0;
}
#header h1 {
display: none;
}
#header h2 {
margin: 0;
}
#header p#tagline {
position: absolute;
top: -9999px;
}
/* navigation
-----------------------------------------------
*/
#navigation ul {
margin: .25em 0 1em 0;
padding: .5em 0 .25em 0;
list-style: none;
}
#navigation ul li {
margin: 0 0 .75em .5em;
font-weight: bold;
}
#navigation ul li a {
background: url(../img/bullet.gif) 0 6px no-repeat;
margin: 0;
padding: .25em 0 .5em 14px;
}
#navigation ul li#email-signup-link {
text-indent: -9999px;
width: 165px;
height: 29px;
margin-left:4px;
}
#navigation ul li#email-signup-link a {
background: url(../img/email-signup.gif) 0 6px no-repeat;
display: block;
width: 165px;
height: 29px;
margin: 0;
}
/* contact area
-----------------------------------------------
*/
#navigation dl {
margin: 0 0 2em 0;
}
#navigation dt {
margin: .5em 0 .25em 0;
font-weight: bold;
}
#navigation dd {
margin: 0 1em .5em 1em;
}
/* upcoming tours
-----------------------------------------------
*/
#upcoming-tours p {
margin: 0 0 1em 0;
padding: 0 .5em 0 0;
/*font-size: 1.1em;*/
}
#home-wrap p.note {
margin-bottom: 1em;
font-size: 1.1em;
}
/* feature image and text
-----------------------------------------------
*/
#feature img {
margin: 4px 0;
padding:2px;
border: 1px solid #e9e9e9;
}
#feature p {
width: 306px;
font-size: 1.1em;
}
/* home page headings
-----------------------------------------------
*/
body#home div#wrapper h2 {
background: #fff;
width: 180px;
border-bottom: 1px solid #f1f1f1;
}
/* footer
-----------------------------------------------
*/
#footer {
background: #ebebeb;
position: relative;
height: 36px;
width:772px;
margin: 0 auto;
margin-top: -45px;
padding: 1em 0;
border: 1px solid #ddd;
border-right:solid 1px #e5e5e5;
border-left:solid 1px #e5e5e5;
}
#footer p {
text-align: center;
color: #7d7d7d;
font-size: 1.1em;
}
body#home #footer {
clear: both;
}
/* inside pages
-----------------------------------------------
*/
ul#global-nav {
background: #fcfcfc;
margin: 0;
padding: 1em 0;
border-bottom: 1px solid #f6f6f6;
list-style: none;
text-align: center;
}
ul#global-nav li {
display: inline;
margin: .5em 2em 0 0;
}
ul#global-nav li#home-link {
margin-left: 1em;
}
ul#global-nav li a,
ul#global-nav li a:visited {
color: #369;
font-weight: bold;
text-decoration: none;
}
ul#global-nav li a:hover {
text-decoration: underline;
}
ul#global-nav li.current a,
body#about ul#global-nav li#about-link a,
body#contact ul#global-nav li#contact-link a,
body#payments ul#global-nav li#payment-link a,
body#calendar ul#global-nav li#tour-calendar-link a,
body#tours-index ul#global-nav li#tour-index-link a,
body#tours-view li.index-link a,
body#narrative li.narrative-link a,
body#information li.info-link a,
body#galleries li.gallery-link a,
body#birdlist li.birdlist-link a {
color: #222;
font-weight: bold;
cursor: default;
text-decoration: none;
}
/* tour-nav-top
-----------------------------------------------
*/
#tour-title {
margin: 12px 16px;
padding: 1em .5em 1em 0;
}
#tour-title h1 {
padding-bottom: .25em;
}
body#tours-view #tour-title h1 {
padding-bottom: 0;
}
#tour-title h2 {
margin: 0;
padding: .66em 0 0 0;
border-top: 1px solid #e9e9e9;
color: #e1e1e1;
font-size: 1.4em;
font-style: italic;
line-height: 0.7em;
letter-spacing: 1px;
text-transform: uppercase;
text-align: right;
}
#tour-title ul {
margin: -1.5em 0 3em 0;
padding: 0;
list-style: none;
}
#tour-title ul li {
float: left;
margin: .5em 2em 0 0;
color: #999;
}
#tour-title ul li.current a {
text-decoration: none;
color: #222;
font-weight: bold;
cursor: default;
}
#tour-title dl {
margin: 0 0 1em 0;
}
#tour-title dt {
margin: .5em 0;
font-weight: bold;
}
#tour-title dd {
margin: 0;
}
#tour-title p {
margin: .5em 0 1.25em 0;
font-style: italic;
}
#tour-title dl dd em a {
font-weight: bold;
}
/* content text area
-----------------------------------------------
*/
#content {
clear: both;
margin: 12px 16px;
padding: 0 0 6.5em 0;
}
#content h1 {
margin: .75em 0 1em 0;
padding-bottom: .25em;
font-size: 2.6em;
border-bottom: 1px solid #e1e1e1;
}
#content h2 {
margin: 1.5em 0 0 0;
}
body#birdlist #content h2 {
margin: 0;
}
body#birdlist #content h2.tour-subtitle {
display: none;
}
#content h2.tour-subtitle {
margin: .5em 0 1em 0;
}
#content p {
margin: .5em 0 1.25em 0;
}
#content ul {
margin: 1em;
}
#content ul li {
list-style: none;
}
body#welcome #content ul {
margin: 2em 1em;
}
body#welcome #content li {
font-weight: bold;
}
#content dl {
margin: -1.5em 0 2em 0;
}
#content dt {
margin: .5em 0 .25em 0;
font-weight: bold;
}
#content dd {
margin: 0 1em .5em 0;
font-weight: bold;
}
#content dl#contact-us {
margin-top: .5em;
}
#content dl#contact-us dt {
margin: 1em 0 0 0;
}
#content dl#contact-us dd {
margin-left: 1em;
font-weight: normal;
}
#content ol li {
margin-left: 1.75em;
}
#content ol p{
font-size: 1.1em;
}
#content h2#prices {
padding: .5em .25em 0 0;
margin: 30px 0 0 -6px;
border-top: 1px solid #e1e1e1;
color: #e1e1e1;
font-size: 1.4em;
font-style: italic;
line-height: 0.7em;
letter-spacing: 1px;
text-transform: uppercase;
text-align: right;
}
#content dt {
margin: .5em 0 .25em 0;
font-weight: bold;
}
#content dd {
margin: 0 1em .5em 0;
font-weight: bold;
}
#content ul.price-list {
margin: 1em 0 1.25em 0;
}
#content ul.price-list li {
margin: 1px 0;
font-weight: bold;
}
#content h2#notes {
padding: .5em .25em .25em 0;
margin: 20px 0 0 -6px;
border-top: 1px solid #e1e1e1;
color: #e1e1e1;
font-size: 1.4em;
font-style: italic;
line-height: 0.7em;
letter-spacing: 1px;
text-transform: uppercase;
text-align: right;
}
#content h2#notes {
margin: 30px 0 10px -6px;
}
#content p.note {
font-style: italic;
}
#content ul#about-nav {
margin: 0 1em 2em 1em;
}
#content ul#about-nav li,
#content ul.tours-category li {
padding: .25em;
}
#content ul.long {
margin-bottom: 2em;
}
#content ul.long li {
list-style: inside;
list-style-type: disc;
}
body#notfound #content ul.long li {
padding: .25em;
font-size: 1.3em;
}
#content pre {
padding: .25em;
font-style: italic;
}
body#newsletters #content ul li {
list-style: none;
margin: .5em 0 .5em 1em;
padding: .33em 0 .5em 0;
color: #444;
font-style: italic;
}
body#newsletters #content ul li a {
background: url(../img/email.gif) 0 4px no-repeat;
padding: .33em 0 .5em 1.75em;
font-style: normal;
}
body#newsletters #content ul#newsletter-list li a,
body#newsletters #content ul#newsletter-list li a:visited {
background: url(../img/acrobat.gif) 0 4px no-repeat;
}
body#email-signup #content ul li {
list-style: disc;
margin-left: 2em;
}
/* content float images
-----------------------------------------------
*/
.float-right {
float: right;
width: 350px;
padding: 0 0 .25em .5em;
margin: 0 0 0 1em;
}
.float-right img {
width: 350px;
padding:2px;
border: 1px solid #e9e9e9;
}
.float-left {
float: left;
width: 350px;
padding: 0 0 .5em;
margin: 0 24px 0 0;
}
.float-left img {
width: 350px;
padding:2px;
border: 1px solid #e9e9e9;
}
#content .float-right p,
#content .float-left p {
margin: 2px 0 0 2px;
padding: 0;
font: italic 1.1em Verdana,sans-serif;
}
#content .float-right p em, #content .float-left p em {
font-style: normal;
}
/* tour-nav-bottom
-----------------------------------------------
*/
ul#tour-nav-bottom  {
clear: both;
border-top: 1px solid #e1e1e1;
margin: 4em 0;
padding: .5em 0;
list-style: none;
}
ul#tour-nav-bottom li {
float: left;
margin: .5em 2em 0 0;
color: #999;
}
ul#tour-nav-bottom li.current a {
text-decoration: none;
color: #222;
font-weight: bold;
cursor: default;
}
/* top of page link
--------------------
*/
body#birdlist #content p.top-link {
clear: both;
margin: 1em 0 2.5em 0;
}
/* tour index
---------------------------------
*/
div#tours-list {
margin-top: 0;
width: 700px;
}
div#tours-list ul li {
padding: .25em;
font-size: 1.3em;
}
ul#tours-region {
margin-top: 0;
float: left;
width: 40%;
}
ul#tours-misc {
margin-top: 0;
float: right;
width: 40%;
}
#content p.top-link,
#content p.back-link {
margin: 1em 0;
}
#content p.top-link a:link,
#content p.top-link a:visited {
background: url(../img/page-up.gif) no-repeat;
margin-left: 0;
padding: 0 0 4px 20px;
width: 85px;
height: 25px;
color: #369;
}
#content p.back-link a:link,
#content p.back-link a:visited {
background: url(../img/back-link.gif) no-repeat;
margin-left: 0;
padding: 0 0 4px 20px;
width: 85px;
height: 25px;
color: #369;
}
/* calendar-nav
-----------------------------------------------
*/
#calendar-nav {
margin: 0 16px 0 0;
padding: 0 0 0 1.5em;
}
#calendar-nav div {
background: url(../img/bg.gif);
margin: 0;
padding: 8px 0 0;
}
#calendar-nav p#all-tours { /* clear float and access link */
clear: both;
margin: 0 0 -10px 0;
padding-bottom: 0;
text-indent: -9999px;
border-bottom: 1px solid #f1f1f1;
}
#calendar-nav h1 {
margin: 1em 0 0 0;
padding-bottom: .25em;
border-bottom: 1px solid #e1e1e1;
font-size: 2.6em;
}
#calendar-nav h2 {
float: left;
clear: left;
width: 65px;
margin: 1em;
padding: 2px;
color: #a5a5a5;
font-size: 1.3em;
font-style: italic;
line-height: 0.7em;
letter-spacing: 1px;
text-transform: uppercase;
}
#calendar-nav ul {
margin: 0 0 0 3em;
list-style: none;
}
#calendar-nav ul li {
float: left;
width: 22px;
margin: .75em 2em 0 0;
}
#calendar-nav ul li#future-link {
width: auto;
}
#calendar-nav ul li.current a {
text-decoration: none;
color: #222;
font-weight: bold;
cursor: default;
}
body#calendar #content p.top a,
body#calendar #content p.top a:visited {
background: url(../img/top.gif) no-repeat;
float: right;
width: 85px;
height: 25px;
width: 45px;
margin: 0;
padding: 0 0 4px 16px;
color: #369;
}
#content h2.calendar-year {
margin: 40px 0 0;
padding: .5em 0 0;
border-top: 1px solid #f1f1f1;
color: #c5c5c5;
font-size: 1.4em;
font-style: italic;
line-height: 0.7em;
letter-spacing: 1px;
text-transform: uppercase;
text-align: right;
}
body#calendar #content {
margin-top: 0;
}
body#calendar #content table caption {
margin: 0;
padding: 12px 0 4px 12px;	
}
#content table.calendar-content {
margin:  0;
}
table.calendar-content tr th {
display: none;
}
table.calendar-content tr td.date {
width: 130px;
}
#content table.calendar-content tr td {
font-size: 1.2em;
line-height: 1.4;
}
#content table.calendar-content tr td em {
padding-top: 3px;
font-size: 1em;
font-style: italic;
}
/* tables
-----------------------------------
 */
#content table {
width: 100%;
margin: 1em 0;
border: 1px solid #eaeaea;
border-top-color: #f6f6f6;
border-left-color: #f6f6f6;
}
#content table tr th {
background:#f1f1f1;
white-space: normal;
padding: .75em;
color:#676767;
border-left: 1px solid #e9e9e9;
text-align: left;
}
#content table caption {
color: #000;
margin: 0 0 -5px 0;
padding: .5em 0 0 .5em;
text-align: left;
font-style: italic;
font-weight: bold;
}
#content table tr {
border-bottom: 1px solid #222;
margin: 2px 0;
}
#content table tr.even {
background: #fcfcfc;
padding: 1px 0;
}
#content table tr td {
padding:.75em;
/*border-left: 1px solid #f6f6f6;*/
}
#content ul#new-tours {
margin: .25em 0 3em 2.5em;
list-style: disc;
}
#content ul#new-tours li {
list-style: disc;
margin: .25em 0;
padding: .25em 0;
}
/* leaders index
---------------------------------
*/
div#leaders-senior {
margin: 1em 0 0 0;
}
div#leaders-associate {
clear: left;
padding: .25em 0 1em 0;
}
div#leaders-senior ul, div#leaders-associate ul {
float: left;
width: 200px;
}
/* misc styles
-----------------------------------------------
*/
.credit {
display: inline;
font-style: italic;
font-size: .9em;
font-weight: normal;
padding: 0;
}
.access {
display: none;
}
.clear {
clear: both;
padding-top: 2em;
}
.border {
margin: 4px 0;
padding:2px;
border: 1px solid #e9e9e9;
}
.p {   /* only for printed pages */
display: none;
}
/* leaders subpages
--------------------------------
*/
#leader-bio img {
float: left;
margin: 4px 14px 4px 0;
padding: 2px;
border: 1px solid #e9e9e9;
}
#leader-bio p {
margin: 0 0 1em 0;
line-height: 1.5;
}
#leader-bio h2 {
clear: left;
margin-top: 3em;
}
#leader-bio ul {
padding-left: 2em;
margin: .5em 0 2em 0;
}
#leader-bio ul li {
list-style: disc;
padding: .33em 0;
}
#leader-bio p.back-link {
margin-top: 5em;
}
div#content ul#tour-list {
margin-left: 3em;
}
ul#tour-list li {
list-style: disc;
padding: .5em 0;
}
/* new tour label
-----------------------
*/
ul.tour-list li span,
ul.tours-category li span,
td.link span,
#leader-bio ul li span {
padding: 2px .5em;
color: #c00;
font-weight: bold;
font-variant: small-caps;
font-size: .9em;
}
/* gallery images
-----------------------
*/
#gallery-images .left img,
#gallery-images .right img {
display: block;
padding: 15px 0 3px 0;
}
#gallery-images .left {
margin-right: 250px;
}
#gallery-images .right {
margin-left: 250px;
}
#gallery-images p {
display: inline;
font-weight: bold;
color: #343434;
}
#gallery-images p.credit {
color: #000;
font-weight: normal;
padding-left: 2px;
}
#content blockquote {
background: #f6f6f6;
float: right;
width: 250px;
padding: .75em 1em;
margin: 0 0 1em 1.25em;
border: 1px solid #eee;
color: #444;
}
#content blockquote p {
font-style: italic;
font-weight: normal;
}
#content blockquote p strong{
padding-top: .5em;
font-weight: normal;
}
a.pdf {
background: url(../img/acrobat.gif) 0 4px no-repeat;
padding: .33em 0 .5em 1.75em;
}
a.html {
background: url(../img/html.gif) 0 4px no-repeat;
padding: .33em 0 .5em 1.75em;
}
a.secure {
background: #fcfce1 url(../img/secure.gif) 2px 1px no-repeat;
padding: 1px 0 2px 22px;
}
body#home #wrapper p#back-link {
background: #fcfce1;
position: absolute;
top: 20px;
left: -75px;
padding: .5em;
font-size: 2em;
}
body#home #wrapper p#back-link a,
body#home #wrapper p#back-link a:visited {
color: #369;
text-decoration: none;
}
body#home #wrapper p#back-link a:hover { text-decoration: underline; }
/* bird list tables
---------------------------
*/
body#birdlist #content table {
width: 745px;
padding: 0;
margin: 0;
border: 0;
}
body#birdlist #content table tr {
padding: 0;
margin: 0;
border: 0;
}
body#birdlist #content table tr td {
padding: 2px 2px 2px 4px;
margin: 0;
border: 0;
font-size: 1.2em;
}
body#birdlist #content table tr td.sci {
font-style: italic;
}
body#birdlist #content table tr th {
background: #f9f9f9;
padding:6px 2px 6px 4px;
border: 0;
color:#333;
text-align: left;
}
body#birdlist #content table tr th.hide,
body#birdlist #content table tr td.hide {
padding: 0;
display: none;
}
body#birdlist #content ul {
margin-left: 0;
}
/* non-bird tables
---------------------------
*/
body#birdlist #content h3 {
margin: 1em 0 .25em 0;
font-size: 1.6em;
}
/* footer link to simpledream
---------------------------
*/
#footer p a.studio-link:link, #footer p a.studio-link:visited {
color: #444;
text-decoration: none;
}
#footer p a.studio-link:hover {
color: #369;
text-decoration: underline;
}
/* search form
---------------------------
*/
body#tours-index #content h1,
body#tour_categories-view #content h1,
body#tours-searchresults #content h1,
body#index-list #content h1{
margin-bottom: .5em;
}
fieldset {
margin: 0;
border: 0;
}
#content fieldset p {
margin: 4px 0 6px 0;
}
input {
padding: 2px 0 1px 1px;
font-size: 120%;
width: 200px;
}
form.toursearch {
background: url(../img/bg.gif);
float: right;
width: 250px;
height: 48px;
margin: -70px 0 0 0;
padding: 3px 5px 5px 10px;
}
form.toursearch label {
background: url(../img/admin/search.gif) 0 2px no-repeat;
padding-left: 14px;
color: #666;
text-align: center;
}
form.toursearch input.submit-form {
margin: 1px;
font-size: 110%;
}
input.submit-form {
background: #fff url(../img/button.gif) bottom left repeat-x;
width: auto;
margin:5px 8px 5px 0;
padding: 3px 4px;
border:1px solid #d5e3b9;
border-bottom-color:#8fb93d;
border-right-color:#8fb93d;
color:#030;
}
input.submit-form:hover,input.submit-form:focus{
background: #f8faf8;
}
/* email newsletter signup
---------------------------
*/
form.newsletter-signup fieldset {
background: url(../img/bg.gif);
padding: 16px;
border-top: 1px solid #f1f1f1;
border-bottom: 1px solid #e9e9e9;
}
form.newsletter-signup p#terms {
font-size: 100%;
}
form.newsletter-signup input {
padding: 2px 1px;
}
form.newsletter-signup label {
font-size: 1.1em;
color: #222;
display:block;
}
form.newsletter-signup input.submit-form {
padding:3px 4px;
}
/* search results
---------------------------
*/
body#tours-searchresults #content dl {
margin: 0 0 .5em 0;
}
body#tours-searchresults #content dl dt {
margin: .5em 0 .25em 0;
font-weight: normal;
font-size: 1.3em;
}
body#tours-searchresults #content dl dd {
margin: 0 1em 1.25em 0;
font-weight: normal;
}
span.highlight {
background: #ff9;
padding: 1px 0;
font-weight: bold;
}
body#tours-searchresults dl dd.score {
display: none;
}
body#tours-searchresults ul li {
list-style: disc;
padding: .2em 0;
}
/* simple search form
---------------------------
*/
body#notfound form {
float: none;
margin: 0;
}
/* how-to-choose
---------------------------
*/
body#choosing #content ol p {
font-size: inherit;
}
body#choosing #content p strong {
line-height: 2;
}

p.datestamp {
margin-bottom: 0;
padding-bottom: 0;
color: #555;
font-style: italic;
}
#content ul.index-list li {
list-style: circle;
padding-top: .5em;
margin-left: 6px;
}
ul#index-lists {
display: none;
}