/* -------------------------------------------------- USATourPros.com PAGE STYLES Last revised 7 November 2009 -------------------------------------------------- Individual page styles Assign ID to and prepend to declarations */ /* -------------------------------------------------- HOME -------------------------------------------------- */ /* Panel */ #home .column.left { width: 400px; position: relative; float: left; margin-right: 1.5em; background: transparent; } #home .column #inset { /* photo area */ width: 400px; height: 300px; margin-bottom: 1.5em; } #home .column.left .entry { } #home .column.left .entry.first { font-size: 12px; line-height: 1.75; margin-bottom: 1.75em; padding: .4375em 1.75em 2.625em 1.75em; border-left: 1px solid #DDD; background: transparent url(../images/utility/background-box-white-800px.png) no-repeat bottom right; } #home .column.left #swap { color: #fff; /* White */ width: 358px; height: 258px; position: absolute; top: 0; left: 0; display: none; padding: 1.5em; background: transparent url(../images/utility/dark/transparent-50.png); } #home .column.left #swap h3 { color: #ff0000; /* Red */ text-transform: uppercase; letter-spacing: .1em; margin-top: 0; } #home .column.left #swap p:first-line { font-weight: bold; } #home .column.right { width: 20.4em; } #home .column.right h2 { color: #FF0000; /* Red */ text-align: center; text-transform: uppercase; letter-spacing: .1em; margin-top: 0; } /* Tabbed content */ #home #tab-box { font-size: 12px; line-height: 1.75; width: 23.625em; float: left; background: transparent; /* */ } #home .tabbernav li { /* active tab */ width: 7em; } #home h2 span, #home h3 span { color: #FFF; /* White */ font-size: 11px; line-height: 1.90909; text-transform: uppercase; letter-spacing: .1em; float: left; margin: 0 .9545em 0 0; padding: 0 5px; background: #FF0000; /* Red */ } #home .tabbertab .photo-frame + p:first-line { font-weight: bold; color: #696969; /* DimGray */ } /* Jobs extracts */ #home #recent_jobs { font-size: 12px; line-height: 1.75; } #home #recent_jobs li h3 { text-transform: none; letter-spacing: normal; } /* Featured product */ #home #featured_product { font-size: 12px; line-height: 1.75em; margin: 1.5em 0; padding: .4375em .875em .4375em 1.3125em; border-left: 1px solid #DDD; /* Very light grey */ border-top: 1px solid #DDD; background: transparent url(/images/utility/background-box-800px.png) no-repeat bottom right; } #home #featured_product h3 { margin-top: .65625em; } #home #featured_product .inset.right { margin-right: .4375em; } /* -------------------------------------------------- FORUMS -------------------------------------------------- */ #forums #content h1 span:first-child { color: #fff; /* White */ background: transparent url(../images/utility/header-background-1a.png) repeat-x bottom; } /* -------------------------------------------------- RESOURCES -------------------------------------------------- */ #resources #content h1 span.item:before { padding-right: .1875em; /* content: "\261E"; */ content: url(../images/utility/hand-pointer-xp.png); } #resources #content .inset + p:first-line { color: #696969; /* DimGray */ font-weight: bold; } #resources .overview { position: relative; top: -.75em; text-align: center; background: transparent; } #resources .overview li { display: inline; padding-right: 1em; } #resources .overview li.last { padding-right: 0; } #resources .overview li img { width: 100px; } #resources .overview li a { border-bottom: none; } #resources.culture #content h1 span:first-child { color: #fff; /* White */ background: transparent url(../images/utility/header-background-4.png) repeat-x bottom; } #resources.state-city #content h1 span:first-child { color: #f8f8ff; /* GhostWhite */ background: transparent url(../images/utility/header-background-3.png) repeat-x bottom; } #resources.major #content h1 span:first-child { color: #f8f8ff; /* GhostWhite */ background: transparent url(../images/utility/header-background-2.png) repeat-x bottom; } } #resources.google-map #content h1 span:first-child { color: #fff; /* GhostWhite */ background: transparent url(../images/utility/header-background-6.png) repeat-x bottom; } #resources #content h2 { margin-bottom: 1.3125em; } #resources #content h3.float { float: left; margin: 1.3125em 0 0 0; padding: .875em .875em 0 0; } #resources.home .tabberlive .tabbertab { min-height: 20.75em; } #resources.home .tabberlive .tabbertab .inset img { width: 150px; } #resources .thumb { width: auto; } #resources .thumb li { text-align: center; height: 120px; /* must declare value for this to wrap properly */ width: 12.5em; } #resources.home .thumb h3, #resources.major.home .thumb h3 { font: 11px/1.909 "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif !important; text-align: center; text-transform: uppercase; letter-spacing: .1em; } #resources #content .inset.right.up { margin-top: -.75em; } #resources #content .inset.right a { border-bottom: none; } /* -------------------------------------------------- PREMIUM -------------------------------------------------- */ #premium .inset.sign.right { margin-top: 3em; } #premium #content h1 span:first-child { color: #fff; /* White */ background: transparent url(../images/utility/header-background-2.png) repeat-x bottom; } #premium #content h1 span.item:before { content: "\2014"; } /* -------------------------------------------------- BLOGS -------------------------------------------------- */ #content h2.title { /* entry title */ margin-top: 0; } #content h3.date, #blogs #content h3.comment_author { font-size: 12px; line-height: 1.75; text-transform: uppercase; letter-spacing: .1em; margin: 1.75em 0 0; } #blogs h3.date { margin-top: 2.625em; } .entry { clear: both; } .entry.last { padding-bottom: 0 !important; border-bottom: none !important; } #blogs .posted { font-size: 12px; line-height: 1.75; margin-top: .875em; } #blogs .entry object, #members object { margin: .75em 0; padding: .75em; border: 1px solid #CCC; /* Light grey */ background: transparent url(../images/utility/background.gif); } #blogs .entry .podcast_container.video, #members .podcast_container.video { min-height: 240px; width: 320px; margin: 1.5em 0 .75em; padding: .75em; border: 1px solid #CCC; /* Light grey */ background: transparent url(../images/utility/background.gif); } #blogs .entry .podcast_container.video object, #members .podcast_container.video object { /* reset values */ min-height: none; margin: 0; padding: 0; border: none; background: none; } #blogs .next-step span { color: #FFF; /* White */ font: 12px/1.75 "Trebuchet MS", "Gill Sans", "Gill Sans MT", Arial, sans-serif; text-transform: uppercase; letter-spacing: .1em; margin-right: .4375em; padding: .21875em .4375em; background: #FF0000; /* Red */ } /* Comments */ #blogs #content h2.comment_heading { text-transform: uppercase; letter-spacing: .1em; margin: 1.3125em 0; } #blogs #content h3.comment_heading { color: #0E2C8E; /* Signature blue */ font-size: 14px; line-height: 1.5; text-transform: uppercase; letter-spacing: .1em; margin: 1.5em 0; } #blogs .entry.comment { margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #CCC; /* Light grey */ } #blogs .entry.comment .inset.left { margin: 0 .75em 0 0; } #blogs .entry.comment h3, #blogs .entry.comment .posted { margin: 0; display: inline; } #blogs .entry.comment .count { color: #CCC; /* Light grey */ font: 20px/1.05 "Trebuchet MS", "Gill Sans", "Gill Sans MT", Arial, Verdana, sans-serif; text-align: center; float: right; margin: 0 0 0 .525em; } #blogs .entry.comment .photo-frame { height: 3.75em; padding: 3px; border: 1px solid #DCDCDC; /* Gainsboro */ } #blogs #comment_form textarea { font: 14px/1.5 Verdana, sans-serif; } #blogs .entry.comment .link.caption { margin-bottom: 0; } #blogs .editCommentBox { margin-bottom: .75em; } #blogs .editCommentBox textarea { font: 12px/1.75 Verdana, sans-serif; width: 52em; clear: both; } /* Monthly archives */ #blogs .archives { margin-top: 1.5em; } #blogs .archives li { margin-bottom: 1.5em; } #blogs .archives li h4 { margin-bottom: .75em; } /* Category archives */ /* -------------------------------------------------- NEWS -------------------------------------------------- */ #news #content h2 { text-transform: none; letter-spacing: normal; } #news #content h2 + p:first-letter { /* disable dropcap styling */ color: #666; /* Dark grey */ font: 1em/1.5 "Lucida Grande", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; float: none; margin: 0; } #news #content h2 { margin-top: 0; } #news #content h3 { font-size: 12px; line-height: 1.75; text-transform: uppercase; letter-spacing: .1em; margin-top: 1.5em; margin-bottom: .375em; } #news .caps { font-size: .75em; } /* -------------------------------------------------- MEMBERS -------------------------------------------------- */ #members .category { color: #A9A9A9; /* DarkGray */ font: bold 14px/1.5 'Trebuchet MS', sans-serif; text-transform: uppercase; letter-spacing: .1em; } #members.profiles h3 + p:first-line, #members .inset + p:first-line { color: #696969; /* DimGray */ font-weight: bold; } #members .inset { max-width: 24em; clear: both; margin-top: .75em; margin-bottom: 1.125em; } #members .inset { max-width: 24em; clear: both; margin-top: .75em; margin-bottom: 1.125em; } #members.business .inset.right.logo { position: relative; top: .75em; max-width: 215px; border: none; background: transparent; } #members.business .inset img { max-width: 23em; } #members .messaging { } #members .messaging li { display: block; } #members .messaging li a { height: 16px; width: 16px; float: left; margin: .375em .75em .75em 0; border-bottom: none; display: block; background: transparent url(../images/utility/messaging/icon_pm.gif) no-repeat center; } #members .messaging li.aol a { background-image: url(../images/utility/messaging/icon_aim.gif); } #members .messaging li.icq a { background-image: url(../images/utility/messaging/icon_icq.gif); } #members .messaging li.msn a { margin-right: -.375em; background-image: url(../images/utility/messaging/icon_msn.gif); cursor: default; } #members .messaging li.yahoo a { background-image: url(../images/utility/messaging/icon_yim.gif); } #members .messaging li span { display: none; } #members #content #register { width: 21.75em; margin: 1.5em 0 0 0; padding-top: 1.5em; } #members #content #register p { font-size: 14px; line-height: 1.5; } #members .stats { margin-top: 1.5em; } #members .stats li span { font-style: normal; font-weight: bold; } #members .stats table { font: 14px/1.5 Verdana, sans-serif; width: 426px; padding: 0 .375em 2.25em .1875em; background: transparent url(../images/utility/background-box-white-400px.png) no-repeat bottom left; } #members .stats table td { padding: .375em; border-bottom: 1px solid #CCD6EB; /* Web Safe blue 20% */ } #members .stats table td.top { border-top: 1px solid #CCD6EB; /* Web Safe blue 20% */ } #members .stats table td.label { padding-left: 1.5em; } #members .stats h3 { margin: .375em 0 0; padding-left: 1em; } #members .stats h4 { font-family: Verdana, sans-serif; margin: 0; vertical-align: center } #members .summary_video_resume { float: right; width: 24.5em; margin-left: 1.5em; background: transparent; } #members .summary_video_resume .square { margin-top: .75em; } #members .personal p { margin-bottom: .75em; } #members .personal p + p { text-indent: 0; } #members .personal a.url { padding-left: 1.5em; background: transparent url(../images/utility/messaging/icon_www.gif) no-repeat left; } /* Business Friends */ /* Image gallery */ #members.business .gallery li { width: 11.125em; height: 11.125em; margin: 0 .75em 1.5em; vertical-align: middle; } #members.business .gallery li img { width: 11.125em; max-width: auto; float: left; margin: 0 auto; } #members.business .gallery.secondary li { width: 6.9167em; height: 6.9167em; } #members.business .gallery.secondary li img { width: 6.9167em; max-width: auto; } /* -------------------------------------------------- CHATTER -------------------------------------------------- */ /* Calendar-based list adapted to display recent activity */ .digest { margin-top: 1.5em; } .digest li { border-bottom: 1px solid #CCC; /* Light grey */ margin-bottom: 1.5em; padding-bottom: 1.5em; } .digest li h4 { margin: 0; } .digest h3, .digest li h4, .digest li h5 { margin: 0; } .digest p { margin-bottom: .875em; } .digest li .posted { margin-top: 0 !important; } .digest h3.subheading { color: #0E2C8E; /* Signature blue */ margin: .65625em 0 0; } .digest h4 { font-size: 12px; line-height: 1.75; text-transform: uppercase; letter-spacing: .1em; margin: .875em 0 0; } #chatter .stats { width: 100%; } #chatter .stats table { font: 12px/1.75 Verdana, sans-serif; padding: 0 .375em 2.25em .1875em; background: transparent url(../images/utility/background-box-white-400px.png) no-repeat bottom left; } #chatter .stats table td { padding: .375em; border-bottom: 1px solid #CCD6EB; /* Web Safe blue 20% */ } #chatter .stats table td.top { border-top: 1px solid #CCD6EB; /* Web Safe blue 20% */ } #chatter .stats table td { padding-left: 1.5em; } #chatter .stats h3 { margin: .375em 0 0; padding-left: 1em; } #chatter .stats h4 { color: #0e2c8e; /* Signature blue */ font: bold 12px/1.75 Verdana, sans-serif; text-transform: none; letter-spacing: normal; display: inline; margin: 0; padding: 0 .4375em 0 0; } #chatter .heading { margin-bottom: 0; } #chatter .reference { color: #999; /* Medium grey */ font: italic 12px/1.75 "Trebuchet MS", "Gill Sans", "Gill Sans MT", Arial, sans-serif; } #chatter #content .inset.right { float: right; } /* -------------------------------------------------- STORE -------------------------------------------------- */ #store #content .tabbertab .inset.right { position: relative; top: .75em; margin-bottom: .75em; } /* -------------------------------------------------- ABOUT -------------------------------------------------- */ #about #content h2 span { color: #ed2e38; /* Pantone Red 032 C */ font-weight: normal; text-transform: none; letter-spacing: normal; margin-left: .65625em; } /* -------------------------------------------------- CONTACT -------------------------------------------------- */ #mail-form input.field, #mail-form textarea { font: 12px/1.5 Courier, monospace; } #contact #mailinglist-form { margin-top: 1.5em; } /* -------------------------------------------------- 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 .entry { clear: both; margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #DCDCDC; /* Gainsboro */ } #search h2.heading { color: #FFF; /* White */ font: 11px/1.63636 "Andale Mono", "Trebuchet MS", "Gill Sans", "Gill Sans MT", Arial, sans-serif; text-transform: uppercase; letter-spacing: .1em; margin-right: .204545em; padding: .204545em .40909em; background-color: #8099CC; /* Web Safe blue 50% */ } #search .entry.first { padding-top: .75em; } #search .entry.last { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } #search .entry h3 { margin-top: 0; } #search .entry h3 a.podcast { padding-left: 1.3125em; } #search .entry .summary { font-style: italic; margin-bottom: .75em; } #search .entry .excerpt { margin-bottom: .75em; } /* -------------------------------------------------- REFERRERS -------------------------------------------------- */ #referrers #content { width: 100%; } #referrers table { border: .1em solid #CCD6EB; /* Web Safe blue 20% */ } #referrers table th, table td { border-bottom: .1em solid #CCD6EB; /* Web Safe blue 20% */ } #referrers table th { color: #0E2C8E; /* Signature blue */ font-size: 12px; font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", Verdana, Arial, sans-serif; text-align: left; text-transform: uppercase; letter-spacing: .1em; padding: .4375em .875em; border-right: .4em double #FF0000; /* Red */ } #referrers table td { font-size: 12px; padding: .4375em .875em; } #referrers table a { border-bottom-style: dotted !important; } /* -------------------------------------------------- SITE MAP -------------------------------------------------- */ #sitemap #content p + ul { margin-top: 1.5em; border-top: .3em double #C0C0C0; /* Silver */ } #sitemap #content ul li h3 { margin-bottom: 0; } #sitemap #content ul li p { } #sitemap #content ul li h3 + p { }