o /* -------------------------------------------------- Portugal-US.com PAGE STYLES Last revised 17 February 2010 -------------------------------------------------- Individual page styles Assign ID to and prepend to declarations */ /* -------------------------------------------------- HOME -------------------------------------------------- */ /* Page structure */ #home #container { padding-bottom: 1.5em; } #home #content { position: relative; } /* Heading styles */ #home #content h1 { line-height: 1.125; } #home #content h1 span:first-child { color: #846A55; /* PMS 1545 C 67% */ } /* Primary content */ #home #content #boilerplate { margin: 1.5em 0; border-top: 2px solid #F20017; /* PMS 186 */ background: transparent url(../images/logos/coat_of_arms_of_Portugal.gif) no-repeat center center; /* WhiteSmoke */ } #home #content .entry { margin-bottom: 1.5em; background: transparent; } #home #content .entry img.inset { /* photo-frame effect */ width: 16em; margin-bottom: 1.5em; } #home #content .entry .inset p { margin-bottom: 1.5em; } #home #content .entry .posted { clear: left; } /* Slideshow */ #home #content .photoframe { /* create photo-frame */ height: 229px; width: 339px; border: 1px solid #DDD; /* Very light grey */ background-color: #F5F5F5; /* WhiteSmoke */ } #home #photodiv { /* adjust position to account for photo-frame */ position: relative; top: 4px; right: 4px; } /* Tabbed content */ #home #tab-box { float: right; margin: 0 0 0 1.5em; } #home #content .tabberlive .tabbertab { width: 23em; } #home #content .tabberlive .tabbertab h3 span { padding: .09375em; } #home #content .tabberlive .tabbertab p.flourish:first-line { color: #696969; /* DimGray */ font-weight: bold; } #home #content .tabberlive .tabbertab img.inset { width: 19em; margin-top: .75em; } /* Sidebar content */ #sidebar .registration { font-family: Verdana, sans-serif; position: relative; top: .375em; margin: 0 .75em; padding-top: .375em; background: #FFF; /* White */ } #sidebar .registration h3 { color: #102f63; /* PMS 295 95% */ font-family: "Trebuchet MS", Arial, Verdana, sans-serif; margin: 0 .75em; } #sidebar .registration li { font-size: 11px; line-height: 1.63636; } #sidebar .registration li.price, #sidebar .registration li.date, #sidebar .registration li.caption { padding: 0 .75em .375em; } #sidebar .registration li.caption { margin-bottom: .375em; } #sidebar .registration li span { font-weight: bold; } #sidebar .registration li a { color: #FFF; /* White */ font-family: "Trebuchet MS", Arial, Verdana, sans-serif; text-align: center; text-transform: uppercase; letter-spacing: .1em; display: block; padding: .375em; background: #745D4C; /* PMS 411 75% */ background: transparent url(../images/utility/background-subnav-blue.gif); } #sidebar .registration li a:hover { border-bottom: none; background: #102f63 url(../images/utility/dark/transparent-33.png); /* PMS 295 95% */ } #sidebar .registration ul, #sidebar .registration ul li a { margin-bottom: 0; } } #calendar .calendar-box #mini-calendar { padding: 0 .4375em; } /* -------------------------------------------------- RESOURCES -------------------------------------------------- */ #resources.main #content .tabberlive { margin-top: 1.5em; } #resources #content .tabberlive .tabbertab .highlight { margin: 1.5em 0; } #resources.sub .entry { margin-bottom: 1.5em; } #resources.sub .entry h2 { margin-top: 1.2em; } #resources.sub .entry.first h2 { margin-top: 0; } #resources.sub .entry .inset { margin-bottom: 1.5em; } #resources .links li { margin-bottom: .75em; } /* -------------------------------------------------- MEMBERS -------------------------------------------------- */ /* Membership */ #members #form-membership, #contact #mail-form { padding: 0 1.5em 2.25em; background: #9EC18D url(../images/utility/dropshadow-9EC18D.gif) repeat-x bottom left; } #members #form-membership h3, #contact #mail-form h3 { margin-top: 0; } #members #form-membership div, #contact #mail-form div { font: bold 11px/1.63636 "Trebuchet MS", Arial, Verdana, sans-serif; text-transform: uppercase; letter-spacing: .1em; margin-bottom: .81818em; } #members #form-membership div p, #contact #mail-form div p { color: #FFF; /* White */ font-weight: normal; font-style: italic; text-transform: none; letter-spacing: normal; margin-bottom: .81818em; } #members #form-membership form, #contact #mail-form form { padding: .75em 0; } #members #form-membership input.field, #contact #mail-form input.field { font: 12px/1.5 "Andale Mono", Courier, monospace; } #members #form-membership select, #members #form-membership input, #contact #mail-form select, #contact #mail-form input { text-transform: none; letter-spacing: normal; } #members #form-membership select, #contact #mail-form select { margin-top: -.1875em; } #members #form-membership #order-action, #contact #mail-form #order-action { float: right; clear: left; margin-bottom: .75em; } #members #form-membership .caption, #contact #mail-form .caption { color: #FFF; /* White */ float: right; } /* Directory */ #members .directory-index .last { } #members.directory #directory-results { position: relative; top: 1.5em; clear: both; margin-bottom: 1.5em; } #members.directory #directory-results h3 { border-bottom: 2px solid #F65464; /* PMS 186 67% */ } #members.directory .entry { position: relative; clear: both; padding-bottom: 1.5em; border-bottom: 1px dotted #999; /* Medium grey */ } #members.directory .entry.last { border-bottom: none; } #members.directory .entry img.inset.logo { position: absolute; top: 0; right: 0; } #members.directory .entry .return { position: absolute; bottom: 1.5em; right: 0; } #members.listing h2 { color: #A9A9A9; /* DimGray */ font-size: 12px; line-height: 1.5; margin: 1.5em 0; text-transform: uppercase; letter-spacing: .1em; } #members.listing img.inset, #members.sponsor img.inset { margin-bottom: .75em; } #members.listing img.inset.logo, #members.sponsor img.inset.logo { margin: .75em 0 0!important; } /* -------------------------------------------------- ABOUT -------------------------------------------------- */ #about .inset img { height: 32em; } #about table th { display: none; } #about table tr td { vertical-align: top; } #about table tr td:first-child { font-weight: bold; } #about table .vcard .adr { margin-bottom: .75em; } /* -------------------------------------------------- CONTACT -------------------------------------------------- */ /* See #mail-form in Members section */ #contact #mail-form text area { font: 12px/1.5 "Andale Mono", Courier, monospace; } /* address + hCard */ #contact .vcard { margin: 3em auto .75em; } .vcard { margin: .75em auto; } .tel span, .fax span, .email span, .website span { color: #3E841C; /* PMS 363 */ font: bold 12px/1.75 "Trebuchet MS", Arial, sans-serif; padding-right: .4375em; } address span, .address span { color: #3E841C; /* PMS 363 */ font: bold 11px "Trebuchet MS", Arial, sans-serif; margin-right: .25em; } /* -------------------------------------------------- SEARCH -------------------------------------------------- */ #search #breadcrumb { margin-bottom: 1.5em; } #search #breadcrumb .inline li { margin-left: 0; } #search #breadcrumb div { margin-bottom: .75em; } #search #breadcrumb h2.inline { margin-right: .375em; } #search h2.heading { color: #FFF; /* White */ font: 11px/1.63636 "Trebuchet MS", "Gill Sans", "Gill Sans MT", Tahoma, Arial, sans-serif; text-transform: uppercase; letter-spacing: .2em; margin-right: .204545em; padding: .204545em .40909em; background-color: #F20017; /* PMS 186 */ } #search .entry { padding-bottom: 1.5em; border-bottom: 1px dotted #999; /* Medium grey */ } #search .entry.last { padding-bottom: 0; border-bottom: none; } /* -------------------------------------------------- REFERRERS -------------------------------------------------- */ #referrers #content { width: 100%; } #referrers table { border: .1em solid #D4D4E9; /* Navy 25% */ } #referrers table th, #referrers table td { padding: .5em .75em; border-bottom: .1em solid #D4D4E9; /* Navy 25% */ } #referrers table th { font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", Tahoma, Arial, sans-serif; color: #095AA6; /* PMS 300 */ text-align: left; text-transform: uppercase; letter-spacing: .1em; border-right: .4em double #F8808B; /* PMS 186 50% */ } #referrers table a { border-bottom-style: dotted !important; } /* -------------------------------------------------- SITE MAP -------------------------------------------------- */ #sitemap #content { height: auto; } #sitemap #sitemap_list { margin-top: 2em; padding-top: 1em; border-top: .3em double #C0C0C0; /* Silver */ } #sitemap #sitemap_list h2 { margin: .875em 0; } #sitemap #content ul li h3 { margin-bottom: 0; }