/* Standards: | Working page width is 940px (960px - 10px padding). | 10px gutters | Stuff in #content has 920px */ /* -------------------- RESET STUFF -------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 12px; vertical-align: baseline; background: transparent; } /* #EFFFE8 url(images/green_swoop.jpg) 99c3a0*/ body, p, a, h1, h2, h3, textarea { font-family:'lucida grande', tahoma, verdana, arial, sans-serif;} body { background:#4b9056 url(images/sunburst.jpg) no-repeat top center; min-width:960px; padding:0px 0px 60px 0px;} textarea { resize:none;} /* -------------------- COMMON ELEMENTS -------------------- */ #bottom_bar { border-top:1px #CCCCCC solid; background:#F4F4F4; width:100%; height:30px; position:fixed; left:0px; bottom:0px; z-index:1;} #bottom_bar a { background:#F4F4F4; font-size:11px; color:#333333; font-weight:bold; letter-spacing:-0.5px; display:block; padding:9px 20px 12px 20px; text-decoration:none;} #bottom_bar a:hover { background:#E3E3E3;} #bottom_bar_container { height:30px;} #bottom_bar_l { float:left;} #bottom_bar_l li { border-left:1px #CCCCCC solid; list-style:none; float:left;} #bottom_bar_l li.end { border-right:1px #CCCCCC solid;} #bottom_bar_l li a.account { background:#F4F4F4 url(images/gear.png) no-repeat 8px 8px; padding-left:30px;} #bottom_bar_l li a.account:hover { background:#E3E3E3 url(images/gear.png) no-repeat 8px 8px;} #bottom_bar_l li a.join { background:#F4F4F4 url(images/key.png) no-repeat 8px 8px; padding-left:30px;} #bottom_bar_l li a.join:hover { background:#E3E3E3 url(images/key.png) no-repeat 8px 8px;} #bottom_bar_l li a.post { background:#F4F4F4 url(images/compose.png) no-repeat 8px 8px; padding-left:30px;} #bottom_bar_l li a.post:hover { background:#E3E3E3 url(images/compose.png) no-repeat 8px 8px;} #bottom_bar_l li a.signin { background:#F4F4F4 url(images/lock.png) no-repeat 8px 8px; padding-left:30px;} #bottom_bar_l li a.signin:hover { background:#E3E3E3 url(images/lock.png) no-repeat 8px 8px;} #bottom_bar_l li a.user { padding-left:35px; position:relative;} #bottom_bar_l li img.speck { border:1px #888888 solid; margin:0; padding:0; position:absolute; top:7px; left:10px;} #bottom_bar_r { float:right;} #bottom_bar_r li { border-right:1px #CCCCCC solid; list-style:none; float:left;} #bottom_bar_r li.start { border-left:1px #CCCCCC solid;} #bottom_bar_r li a.fb { background:#F4F4F4 url(images/facebook_icon_16x16.png) no-repeat 8px 8px; padding-left:30px;} #bottom_bar_r li a.fb:hover { background:#E3E3E3 url(images/facebook_icon_16x16.png) no-repeat 8px 8px;} #bottom_bar_r li a.twitter { background:#F4F4F4 url(images/twitter_icon_16x16.png) no-repeat 8px 8px; padding-left:30px;} #bottom_bar_r li a.twitter:hover { background:#E3E3E3 url(images/twitter_icon_16x16.png) no-repeat 8px 8px;} .container { background:transparent; width:960px; padding:0px; margin:0px auto;} #content { background:transparent; min-width:920px; padding:0px;} #global_bottom_ad_container { width:100%; padding:15px 0px 5px 0px;} #global_bottom_ad { width:728px; height:90px; margin:0px auto;} #global_top { background:#FFFFFF url(images/nav_bg.jpg) repeat-x top left; padding:0px;} #global_top ul.crumbs { padding:0px; margin:0px; width:100%; list-style:none; float:left;} #global_top ul.crumbs li { padding:0px; margin:0px; float:left;} #global_top ul.crumbs li a { border-right:1px #C2CAD5 solid; background:transparent; font-family:Arial,Helvetica,sans-serif; font-size:18px; color:#444444; text-shadow:#FFFFFF 1px 1px 0px; margin:0px; padding:7px 10px; display:block; text-decoration:none;} #global_top ul.crumbs li a:hover { text-decoration:underline;} #global_top ul.crumbs li a.selected { background:#FFFFFF; color:#555555;} #global_top ul.crumbs li a.selected:hover { background:#F4F5F6; text-decoration:none;} #global_top ul.crumbs li.right { float:right;} #global_top ul.crumbs li.right a { border-left:1px #C2CAD5 solid; border-right:0;} #global_top_ad_container { width:100%; padding:5px 0px 15px 0px;} #global_top_ad { width:728px; height:90px; margin:0px auto;} .horz_blue { background:#E7EDED; padding:20px 0px;} #main_footer { background:#99c3a0; padding:20px; margin-top:10px;} #main_footer .legal { font-size:11px; color:#555555; float:right; text-align:right;} #main_footer .legal a { font-size:11px; color:#555555;} #main_footer .links_major { list-style:none; float:left;} #main_footer .links_major a { color:#3E473E; font-size:16px; font-weight:bold; text-decoration:none;} #main_footer .links_major li { margin-bottom:5px;} #main_footer .links_minor { border-left:1px #4b9056 solid; list-style:none; margin-left:20px; padding-left:20px; float:left;} #main_footer .links_minor a { color:#3E473E; font-size:14px; font-weight:normal; text-decoration:none;} #main_footer .links_minor a.fb { background:transparent url(images/facebook_icon_16x16.png) no-repeat 0px 0px; padding-left:20px;} #main_footer .links_minor a.twitter { background:transparent url(images/twitter_icon_16x16.png) no-repeat 0px 0px; padding-left:20px;} #main_footer .links_minor li { margin-bottom:5px;} #main_footer .links_minor .title { font-size:14px; color:#3E473E; font-weight:bold;} #main_footer a:hover { text-decoration:underline;} #noscript_warning { border-bottom:1px #D89393 solid; background:#FFD5C3 url(images/diag_shadow_r.jpg) repeat-x bottom left; font-size:16px; color:#4B292A; text-shadow:#FEB4B4 1px 1px 0px; padding:10px; margin-bottom:20px; text-align:center;} #side_mast { background:#FFFFFF; padding:0px;} #side_mast h2 { font-family:Arial,Helvetica,sans-serif; font-size:30px; color:#3E473E; font-weight:normal; letter-spacing:-1px; line-height:1.4;} #side_mast p, #side_mast p a { font-size:12px; letter-spacing:-0.5px;} #side_mast p { color:#555555;} #side_mast p a { color:#006633; text-decoration:underline;} #sub_top_bar { height:30px;} #sub_top_bar_container { padding:10px 0px 0px 0px;} #top_bar { padding-bottom:10px; } #top_bar a.change { font-size:10px; color:#C2CAD5; text-decoration:none; margin:0px 0px 0px 0px; text-decoration:underline;} #top_bar a.loc { font-size:18px; color:#FFFFFF; text-shadow: 0px 0px 3px #175020; text-decoration:none; margin:0px 0px 0px 0px;} #top_bar a.logo { margin:20px 0px 0px 0px; float:left;} #top_bar a.post { border:1px #C2CAD5 solid; background:#FFFFFF url(images/button_bg.jpg) repeat-x top left; font-family:Arial,Helvetica,sans-serif; font-size:20px; color:#444444; text-shadow:#FFFFFF 1px 1px 0px; margin:20px 0px 0px 0px; padding:7px 10px; float:right; text-decoration:none; position:relative;} #top_bar a.post img.free { position:absolute; top:-8px; right:-13px;} #top_bar ul { background:#333333; margin:20px 10px 0px 0px; padding:9px 0px; float:right;} #top_bar ul li { list-style:none; float:left;} #top_bar ul li.user { max-width:150px; padding-left:25px; overflow:hidden; position:relative;} #top_bar ul li a { border-right:1px #80977B solid; font-size:13px; color:#ABDEB0; display:block; padding:2px 15px 5px 15px; text-decoration:none; } #top_bar ul li a:hover { color:#FFFFFF; text-decoration:underline;} #top_bar ul li a.end { border:0;} #top_bar ul li a.speck { border:1px #5F715C solid; margin:0; padding:0; position:absolute; top:2px; left:13px;} /* -------------------- SKELETON TEMPLATE GROUPS -------------------- */ .l_760 { min-width:760px; margin-right:180px;} /* expandable */ .r_160 { width:160px; float:right;} /* fixed */ .l_300 { width:300px; float:left;} /* fixed width */ .r_560 { min-width:560px; margin-left:320px;} /* expandable */ .l_306 { width:306px; float:left;} /* fixed width */ .r_554 { min-width:554px; margin-left:326px;} /* expandable */ .l_400 { width:400px; float:left;} /* fixed */ .r_460 { min-width:460px; margin-left:420px;} /* expandable */ .l_460 { min-width:460px; margin-right:420px;} /* expandable */ .r_400 { width:400px; float:right;} /* fixed */ .l_560 { margin-right:320px;} /* expandable */ .r_300 { width:300px; margin-right:0px; float:right;} /* fixed width */ /* -------------------- CONCIERGE ELEMENTS -------------------- */ #concierge_lightbox_bg { background:#009900; height:100%; width:100%; position:fixed; _position:absolute; top:0; left:0; z-index:1; display:none;} #concierge_lightbox_close { background:transparent url(images/popup_close.png) no-repeat top left; height:35px; width:35px; position:absolute; top:-16px; left:-16px; z-index:1; cursor:pointer;} #concierge_lightbox_targ { border:2px #C5CBD0 solid; background:#FFFFFF; padding:5px; position:fixed; _position:absolute; z-index:2; display:none;} #concierge_loading_bg { background:#009900; height:100%; width:100%; position:fixed; _position:absolute; top:0; left:0; z-index:1; display:none;} #concierge_loading_msg { background:#FFFFFF; text-align:center;} #concierge_loading_msg h2 { background:#FFFFFF; font-size:24px; color:#3E473E; letter-spacing:-1px; margin-bottom:10px;} #concierge_loading_msg p { font-size:12px; color:#6D8191; margin-bottom:10px;} #concierge_loading_progress { background:#FFFFFF; padding:10px; text-align:center;} #concierge_loading_targ { border:2px #C5CBD0 solid; background:#FFFFFF; padding:10px; position:fixed; _position:absolute; z-index:2; display:none;} #concierge_popup_bg { background:#009900; height:100%; width:100%; position:fixed; _position:absolute; top:0; left:0; z-index:1; display:none;} #concierge_popup_close { background:transparent url(images/popup_close.png) no-repeat top left; height:35px; width:35px; position:absolute; top:-16px; left:-16px; z-index:1; cursor:pointer;} #concierge_popup_targ { border:2px #C5CBD0 solid; background:#FFFFFF; padding:5px; position:absolute; z-index:2; display:none;} #concierge_signin_bg { background:#009900; height:100%; width:100%; position:fixed; _position:absolute; top:0; left:0; z-index:1; display:none;} #concierge_signin_close { background:transparent url(images/popup_close.png) no-repeat top left; height:35px; width:35px; position:absolute; top:-16px; left:-16px; z-index:1; cursor:pointer;} #concierge_signin_container { width:400px; overflow:hidden;} #concierge_signin_error { border-bottom:1px #D89393 solid; background:#FFD5C3 url(images/diag_shadow_r.jpg) repeat-x bottom left; color:#4B292A; font-size:14px; text-shadow:#FEB4B4 1px 1px 0px; padding:5px; text-align:center; display:none;} #concierge_signin_targ { position:fixed; _position:absolute; z-index:2; display:none;} /* -------------------- speech bubbles -------------------- */ /* default */ #concierge_speech_bubble { background:#FFFFFF url(images/diag_shadow.jpg) repeat-x bottom left; font-size:14px; padding:10px 70px 10px 10px; float:left; position:relative;} #concierge_speech_bubble_tail { width:15px; height:10px; position:absolute; top:-10px; left:85px;} /* blue */ #concierge_speech_bubble.blue { border-bottom:1px #135262 solid; background:#0F4F5F url(images/diag_shadow_blue.jpg) repeat-x bottom left; font-size:14px; color:#b0d4dd;} #concierge_speech_bubble.blue .strong { font-size:14px; color:#FFFFFF; text-shadow: 0px 0px 3px #FFFFFF;} #concierge_speech_bubble.blue a { font-size:14px; color:#FFFFFF; text-decoration:underline;} #concierge_speech_bubble_tail.blue { background:transparent url(images/speech_bubble_tail_blue.gif) repeat-x bottom left;} /* green */ #concierge_speech_bubble.green { border-bottom:1px #D7DAE3 solid; background:#E6FFE1 url(images/diag_shadow_g.jpg) repeat-x bottom left; color:#333333; text-shadow:#FFFFFF 1px 1px 0px;} #concierge_speech_bubble_tail.green { background:transparent url(images/speech_bubble_tail_g.gif) repeat-x bottom left;} /* red */ #concierge_speech_bubble.red { border-bottom:1px #D89393 solid; background:#FFD5C3 url(images/diag_shadow_r.jpg) repeat-x bottom left; color:#4B292A; text-shadow:#FEB4B4 1px 1px 0px;} #concierge_speech_bubble_tail.red { background:transparent url(images/speech_bubble_tail_r.gif) repeat-x bottom left;} /* yellow */ #concierge_speech_bubble.yellow { border-bottom:1px #FFCC66 solid; background:#FFFFCC url(images/diag_shadow_y.jpg) repeat-x bottom left; color:#333333; text-shadow:#FFEFD2 1px 1px 0px;} #concierge_speech_bubble.yellow a { font-size:14px; color:#444444; text-decoration:underline;} #concierge_speech_bubble.yellow .strong { font-size:14px; font-weight:bold; color:#333333;} #concierge_speech_bubble_tail.yellow { background:transparent url(images/speech_bubble_tail_y.gif) repeat-x bottom left;} /* close link */ #concierge_speech_bubble_close { font-size:12px; color:#666666; padding:2px; position:absolute; top:10px; right:10px; cursor:pointer;} #concierge_speech_bubble_close:hover { text-decoration:underline;} /* bubble content spans */ #concierge_speech_bubble p { font-size:14px; letter-spacing:0px; padding-left:25px;} #concierge_speech_bubble p.email { background:url(images/email.png) no-repeat 0 1px;} #concierge_speech_bubble p.email_error { background:url(images/email_error.png) no-repeat 0 1px;} #concierge_speech_bubble p.error { background:url(images/error.png) no-repeat 0 1px;} #concierge_speech_bubble p.info { background:url(images/information.png) no-repeat 0 1px;} #concierge_speech_bubble p.new { background:url(images/new.png) no-repeat 0 1px;} #concierge_speech_bubble p.smiley { background:url(images/emoticon_grin.png) no-repeat 0 1px;} #concierge_speech_bubble p.text { padding-left:0px;} /* bubble loading target */ #concierge_speech_bubble_targ { margin-bottom:10px; position:relative; display:none;} /* -------------------- CLEARFIX, DUDE -------------------- */ .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .clearfix { display: inline-block; } html[xmlns] .clearfix { display: block; } * html .clearfix { height: 1%; }