/******************************************** Smile Politely Global CSS Version: 1.0 Author: Poccuo (http://www.poccuo.com) - - - - - - - - - - - - - - - - - - - - - - - - - - - Pixel to Em Helper: 8px = 0.50em 20px = 1.25em 9px = 0.56em 21px = 1.31em 10px = 0.63em 22px = 1.38em 11px = 0.69em 23px = 1.44em 12px = 0.75em 24px = 1.50em 13px = 0.81em 25px = 1.56em 14px = 0.88em 26px = 1.63em 15px = 0.94em 28px = 1.75em 16px = 1em 30px = 1.88em 17px = 1.06em 32px = 2.00em 18px = 1.13em 36px = 2.25em 19px = 1.19em 40px = 2.50em - - - - - - - - - - - - - - - - - - - - - - - - - - - Color Guide: ( light/medium/dark/jquery_ui ) Arts: FFBA23 / DEA81D / 826709 / FF9900 Culture: F58123 / C96A1D / 753E11 / F56E00 Food & Drink: F05D8C / BF496F / 612538 / F03470 Music: 049ACA / 0080A8 / 00516B / 0086B1 News: AD3D79 / 8C3162 / 632345 / A6095D Opinion: 99CA3C / 7CA330 / 4F691F / 81C500 Sports: EE222A / C71C23 / 851317 / E30009 Tumblr: 999999 / 666666 / 333333 ******************************************/ /******************************************** GLOBAL SETTINGS *******************************************/ body { background-color: #000; font-size: 100%; line-height: 1.125em; margin: 10px 0 0 0;} img { -ms-interpolation-mode:bicubic; } /******************************************** FOUNDATION SETTINGS *******************************************/ #header { background-color: #000;} #header #logo { float: left; margin: -10px -30px 10px 30px; clear: left; } #content { margin: 20px; overflow: hidden; height: 1%; clear: both; background: url("/images/_global/content_background.gif") -20px 0 repeat-y;} #container { width: 990px; background-color: #FFF; background-image: url("/images/_global/background_black_stripe.gif"); background-repeat: repeat-x;} #left_column { width: 560px; float: left; margin-right: 20px; } #right_column { width: 350px; float: right; margin-left: 10px;} #featured_module {} #footer { height: 500px; width: 990px; } em, i { font-style: italic; } strong, b { font-weight: bold; } blockquote { margin: 20px 40px; font-style: italic; } /******************************************** FOOTER *******************************************/ #footer_logo_search { float: left; width: 194px; margin: 20px 0 100px 20px; } #footer_logo_search #footer_logo { margin: 0 0 10px 0; } #footer_menu_container { float: left;} #footer_menu_container #top { } #footer_menu_container #bottom { clear: both; } #footer_menu_container .footer_menu { float: left; width: 194px; margin: 20px 0 0 0;} #footer_menu_container .footer_menu h4 { width: 174px; font-family: "Arial Black", Arial, sans-serif; font-size: .6em; text-decoration: none; border-bottom: 1px #333 solid; } #footer_menu_container .footer_menu h4 a { text-decoration: none; } #footer_menu_container .footer_menu ul { font-family: Verdana, sans-serif; font-size: 9px; line-height: 1.6em; margin: 10px 20px 10px 0;} #footer_menu_container .footer_menu ul li a { text-decoration: none; } #footer_menu_container .footer_menu ul li a:hover { color: #333; } #footer_menu_container .footer_menu ul li a.main:hover { color: #AAA; } #footer_menu_container .footer_menu ul li a.main { color: #FFF; font-weight: bold;} #footer_menu_container .footer_menu ul li a.sub { color: #666;} #footer_menu_container .footer_menu ul li a.sub:hover { color: #999; } #footer_menu_container .footer_menu ul li a.more { color: #FFF; line-height: 3em; text-decoration} #footer_menu_container .footer_menu ul li a.more:hover { color: #CCC; } /******************************************** FORMS *******************************************/ #search { position: relative; top: 25px; left: 795px; width: 200px; margin: 10px 0 0 0; } #search .sbox input { background-color: #666; display: inline; float: left; border: 0; height: 17px; width: 155px; padding: 4px 3px 2px 0; font: 13px Arial; color: #FFFFFF; } #search .sbox_l { background: black url('/images/_global/search/srch_l.gif') no-repeat top left; display: inline; float: left; width: 10px; height: 23px; } #search .sbox_r { background: black url('/images/_global/search/srch_r.gif') no-repeat top left; display: inline; float: left; width: 26px; height: 23px; } #search input.blur { color: #999; } #footer_search { } #footer_search .sbox input { background-color: #666; float: left; border: 0; height: 17px; width: 125px; padding: 4px 3px 2px 0; font: 13px Arial; color: #FFFFFF; } #footer_search .sbox_l { background: black url('/images/_global/search/srch_l.gif') no-repeat top left; float: left; width: 10px; height: 23px; } #footer_search .sbox_r { background: black url('/images/_global/search/srch_r.gif') no-repeat top left; float: left; width: 26px; height: 23px; } #footer_search input.blur { color: #999; } /******************************************** MENUS *******************************************/ ul#quicklinks { float: right; text-align: right; font-size: 0.6em; font-family: "Arial Black", Arial, sans-serif; width: 325px; } ul#quicklinks li { display: inline; margin: 0 0 0 10px;} ul#quicklinks a { text-transform: uppercase; color: #fff; text-decoration: none;} ul#quicklinks a:hover { color: #666;} ul#main_menu { overflow: hidden; height: 1%; clear: both; font-size: 0.6em; padding: 0; font-family: "Arial Black", Arial, sans-serif;} ul#main_menu li { display: inline; float: left; } ul#main_menu a { text-transform: uppercase; color: #fff; display: block; text-decoration: none; padding: 6px 15px 6px; vertical-align: middle; background-color: #363636; margin: 0 1px 0 0;} ul#main_menu a:hover { background-color: #666;} li#mm_arts a { border-top: 4px #FFBA23 solid; } li#mm_arts a:hover { border-top: 4px #826709 solid; background-color: #DEA81D;} li#mm_arts.active a { border-top: 4px #826709 solid; background-color: #DEA81D; border-bottom: 1px #DEA81D solid;} li#mm_culture a { border-top: 4px #F58123 solid; } li#mm_culture a:hover { border-top: 4px #753E11 solid; background-color: #C96A1D;} li#mm_culture.active a { border-top: 4px #753E11 solid; background-color: #C96A1D; border-bottom: 1px #C96A1D solid;} li#mm_food a { border-top: 4px #F05D8C solid; } li#mm_food a:hover { border-top: 4px #612538 solid; background-color: #BF496F;} li#mm_food.active a { border-top: 4px #612538 solid; background-color: #BF496F; border-bottom: 1px #BF496F solid;} li#mm_music a { border-top: 4px #049ACA solid; } li#mm_music a:hover { border-top: 4px #00516B solid; background-color: #0080A8;} li#mm_music.active a { border-top: 4px #00516B solid; background-color: #0080A8; border-bottom: 1px #0080A8 solid;} li#mm_news a { border-top: 4px #AD3D79 solid; } li#mm_news a:hover { border-top: 4px #632345 solid; background-color: #8C3162;} li#mm_news.active a { border-top: 4px #632345 solid; background-color: #8C3162; border-bottom: 1px #8C3162 solid;} li#mm_opinion a { border-top: 4px #99CA3C solid; } li#mm_opinion a:hover { border-top: 4px #4F691F solid; background-color: #7CA330;} li#mm_opinion.active a { border-top: 4px #4F691F solid; background-color: #7CA330; border-bottom: 1px #7CA330 solid;} li#mm_sports a { border-top: 4px #EE222A solid; } li#mm_sports a:hover { border-top: 4px #851317 solid; background-color: #C71C23;} li#mm_sports.active a { border-top: 4px #851317 solid; background-color: #C71C23; border-bottom: 1px #C71C23 solid;} li#mm_splog a { text-transform: none; border-top: 4px #FFF solid; background-color: #666; margin-left: 10px;} li#mm_splog a:hover { border-top: 4px #CCC solid; background-color: #999;} li#mm_splog.active a { border-top: 4px #FFF solid; background-color: #999; color: #FFF; border-bottom: 1px #999 solid;} li#mm_events a { text-transform: none; border-top: 4px #551A8B solid; background-color: #666;} li#mm_events a:hover { border-top: 4px #CCC solid; background-color: #999;} li#mm_events.active a { border-top: 4px #551A8B solid; background-color: #999; color: #FFF; border-bottom: 1px #999 solid;} ul#main_menu li.mm_general a { border-top: 4px #666 solid; padding: 6px 40px; margin: 0 0 0 20px;} li.mm_general a:hover { border-top: 4px #444 solid; background-color: #333;} li.mm_general.active a { border-top: 4px #444 solid; background-color: #333; border-bottom: 1px #333 solid;} ul#sub_menu_main { width: 950px; font-size: 1.2em; font-family: Arial, sans-serif; font-weight: bold; padding: 25px 20px 30px 10px; display: block; } ul#sub_menu_main li { display: inline; float: left; padding: 0 10px 0 10px; margin-top: 4px; } ul#sub_menu_main a { text-transform: none; color: #fff; text-decoration: none; padding: 0; background-color: transparent; } ul#sub_menu_main a:hover { text-decoration: underline;} ul#sub_menu_sub { overflow:hidden; height: 1%; font-size: 0.88em; line-height: 1.5em; font-family: Arial, sans-serif; padding: 10px 20px 10px 10px; display: block; width: 800px; } ul#sub_menu_sub li { float: left; padding: 0 10px 0 10px;} ul#sub_menu_sub a { text-transform: none; color: #fff; text-decoration: none; background-color: transparent; } ul#sub_menu_sub a:hover { text-decoration: underline;} ul#sub_menu_archives { clear: both; width: 950px; font-size: 0.69em; font-family: Arial, sans-serif; padding: 10px 20px 30px 10px; display: block; width: 800px; } ul#sub_menu_archives li { float: left; padding: 0 10px 0 10px; margin: 0;} ul#sub_menu_archives a { text-transform: none; color: #fff; text-decoration: none; padding: 0; background-color: transparent; } ul#sub_menu_archives a:hover { text-decoration: underline;} #sub_menu_archives_wrapper { display: none; clear:both; } #sub_menu_arts { background-color: #DEA81D; overflow: hidden; height: 1%; padding-bottom: 15px; clear: both;} #sub_menu_arts ul#sub_menu_main li { border-left: 1px #FFBA23 solid;} #sub_menu_arts ul#sub_menu_main li#featured { border-left: 0px #FFBA23 solid;} #sub_menu_arts ul#sub_menu_sub li { border-right: 1px #FFBA23 solid;} #sub_menu_arts ul#sub_menu_archives li { border-right: 1px #FFBA23 solid;} #sub_menu_arts ul#sub_menu_sub li#inactive { border-right: 0px #FFBA23 solid;} #sub_menu_arts li#inactive a { color: #FFCF65; border-right: 0px #FFBA23 solid;} #sub_menu_culture { background-color: #C96A1D; overflow: hidden; height: 1%; padding-bottom: 15px; clear: both;} #sub_menu_culture ul#sub_menu_main li { border-left: 1px #F58123 solid;} #sub_menu_culture ul#sub_menu_main li#featured { border-left: 0px #F58123 solid;} #sub_menu_culture ul#sub_menu_sub li { border-right: 1px #F58123 solid;} #sub_menu_culture ul#sub_menu_archives li { border-right: 1px #F58123 solid;} #sub_menu_culture ul#sub_menu_sub li#inactive { border-right: 0px #F58123 solid;} #sub_menu_culture li#inactive a { color: #F58123; border-right: 0px #FFBA23 solid;} #sub_menu_food { background-color: #BF496F; overflow: hidden; height: 1%; padding-bottom: 15px; clear: both;} #sub_menu_food ul#sub_menu_main li { border-left: 1px #F05D8C solid;} #sub_menu_food ul#sub_menu_main li#featured { border-left: 0px #F05D8C solid;} #sub_menu_food ul#sub_menu_sub li { border-right: 1px #F05D8C solid;} #sub_menu_food ul#sub_menu_archives li { border-right: 1px #F05D8C solid;} #sub_menu_food ul#sub_menu_sub li#inactive { border-right: 0px #F05D8C solid;} #sub_menu_food li#inactive a { color: #F05D8C; border-right: 0px #FFBA23 solid;} #sub_menu_music { background-color: #0080A8; overflow: hidden; height: 1%; padding-bottom: 15px; clear: both;} #sub_menu_music ul#sub_menu_main li { border-left: 1px #049ACA solid;} #sub_menu_music ul#sub_menu_main li#featured { border-left: 0px #049ACA solid;} #sub_menu_music ul#sub_menu_sub li { border-right: 1px #049ACA solid;} #sub_menu_music ul#sub_menu_archives li { border-right: 1px #049ACA solid;} #sub_menu_music ul#sub_menu_sub li#inactive { border-right: 0px #049ACA solid;} #sub_menu_music li#inactive a { color: #049ACA; border-right: 0px #FFBA23 solid; } #sub_menu_news { background-color: #8C3162; overflow: hidden; height: 1%; padding-bottom: 15px; clear: both;} #sub_menu_news ul#sub_menu_main li { border-left: 1px #AD3D79 solid;} #sub_menu_news ul#sub_menu_main li#featured { border-left: 0px #AD3D79 solid;} #sub_menu_news ul#sub_menu_sub li { border-right: 1px #AD3D79 solid;} #sub_menu_news ul#sub_menu_archives li { border-right: 1px #AD3D79 solid;} #sub_menu_news ul#sub_menu_sub li#inactive { border-right: 0px #AD3D79 solid;} #sub_menu_news li#inactive a { color: #AD3D79; border-right: 0px #FFBA23 solid;} #sub_menu_opinion { background-color: #7CA330; overflow: hidden; height: 1%; padding-bottom: 15px; clear: both;} #sub_menu_opinion ul#sub_menu_main li { border-left: 1px #99CA3C solid;} #sub_menu_opinion ul#sub_menu_main li#featured { border-left: 0px #99CA3C solid;} #sub_menu_opinion ul#sub_menu_sub li { border-right: 1px #99CA3C solid;} #sub_menu_opinion ul#sub_menu_archives li { border-right: 1px #99CA3C solid;} #sub_menu_opinion ul#sub_menu_sub li#inactive { border-right: 0px #99CA3C solid;} #sub_menu_opinion li#inactive a { color: #99CA3C; border-right: 0px #FFBA23 solid;} #sub_menu_sports { background-color: #C71C23; overflow: hidden; height: 1%; padding-bottom: 15px; clear: both;} #sub_menu_sports ul#sub_menu_main li { border-left: 1px #EE222A solid;} #sub_menu_sports ul#sub_menu_main li#featured { border-left: 0px #EE222A solid;} #sub_menu_sports ul#sub_menu_sub li { border-right: 1px #EE222A solid;} #sub_menu_sports ul#sub_menu_archives li { border-right: 1px #EE222A solid;} #sub_menu_sports ul#sub_menu_sub li#inactive { border-right: 0px #EE222A solid;} #sub_menu_sports li#inactive a { color: #EE222A; border-right: 0px #FFBA23 solid;} #sub_menu_splog { background-color: #999; overflow: hidden; height: 1%; padding-bottom: 30px; clear: both;} #sub_menu_splog ul#sub_menu_main li { border-left: 1px #CCC solid;} #sub_menu_splog ul#sub_menu_main li:first-child { border-left: 0px #CCC solid;} #sub_menu_splog ul#sub_menu_sub li { border-right: 1px #CCC solid;} #sub_menu_splog ul#sub_menu_archives li { border-right: 1px #CCC solid;} #sub_menu_splog ul#sub_menu_sub li#inactive { border-right: 0px #CCC solid;} #sub_menu_splog li#inactive a { color: #CCC; border-right: 0px #CCC solid;} /******************************************** LOGIN MENU *******************************************/ #login { position: absolute; text-align: right; width: 230px; top: 200px; left: 750px; } #login p { color: #666; } #login p a { color: #FFF; font-family: "Arial Black", Arial Black, Arial, sans-serif; font-size: .95em; text-decoration: none; } #login p a:hover { text-decoration: underline;} #login img { vertical-align: middle; } /******************************************** ADS *******************************************/ #ad_leaderboard { background-color: #000; padding: 0 10px 10px 10px; float: left; } #ad_mini_leaderboard { background-color: #000; } #ad_mini_leaderboard img { padding: 0 0 10px 0;} #ad_musicplayer { background-color: #000; padding: 0 0 10px 0; float: left;} /******************************************** LEFT COLUMN - ENTRIES *******************************************/ #left_column h3 { font-family: Georgia, serif; } #left_column h3 a { text-decoration: none; } #left_column h3 a:hover { text-decoration: underline; } #left_column p, #left_column ul, #left_column ol { font-family: Arial, sans-serif; margin-bottom: 1em; color: #666666; font-size: 0.81em; } #left_column p a { color: #000;} #left_column ul li, #left_column ol li { margin: 0 0 0 30px; } #left_column ul li { list-style-type: disc; } #left_column ol li { list-style-type: decimal; } #left_column .entry_long_summary { background: url(/images/_global/dotted_line_666.gif) left bottom repeat-x; padding: 0 0 20px 0; margin: 0 0 20px 0;} #left_column .entry_long_summary h3 { font-size: 1.88em; line-height: 1em; margin: .3em 0 .5em 0; } #left_column .entry_long_summary p.post_meta_info { clear: both; font-size: 0.81em; line-height: 1.5em; color: #999;} #left_column .entry_long_summary p.post_meta_info img { vertical-align: middle;} #left_column .entry_long_summary p.post_meta_info a.section_name { font-size: 0.81em; font-family: 'Arial Black', Arial, sans-serif; color: #000000 ; text-decoration: none;} #left_column .entry_long_summary p.post_meta_info a.section_name:hover { text-decoration: underline;} #left_column .entry_short_summary { overflow: hidden; height: 1%; background: url(/images/_global/dotted_line_666.gif) left bottom repeat-x; padding: 0 0 10px 0; margin: 0 0 10px 0;} #left_column .entry_short_summary_rc p { color: #999;} #left_column .entry_short_summary_lc h3 { font-size: 1.31em; line-height: 1.1em; margin: 0 0 .5em 0; } #left_column .entry_short_summary_lc p.section { margin: 0 0 5px 0; } #left_column .entry_short_summary_lc p.section a { font-size: 0.76em; font-family: 'Arial Black', Arial, sans-serif; color: #000000 ; text-decoration: none; } #left_column .entry_short_summary_lc p.section a:hover { text-decoration: underline; } #left_column .entry_short_summary_lc p.post_meta_info { font-size: 0.67em; line-height: 1.3em; color: #CCC;} #left_column .entry_short_summary_lc p.post_meta_info a { color: #CCC;} #left_column .entry_short_summary:hover p.post_meta_info a { color: #999;} #left_column .entry_short_summary_lc p.post_meta_info a:hover { color: #666;} #left_column .entry_short_summary_rc p.post_meta_info_footer img { vertical-align: middle;} #left_column .entry_short_summary .entry_short_summary_lc { display: block; width: 172px; float: left; margin-right: 20px;} #left_column .entry_short_summary .entry_short_summary_rc { display: block; width: 368px; float: left; margin-top: 22px; } h1#arts { font-family: Georgia, serif; color: #FFBA23; font-size: 1.88em; line-height: 1em; margin: .3em 0 1em 0;} h1#culture { font-family: Georgia, serif; color: #F58123; font-size: 1.88em; line-height: 1em; margin: .3em 0 1em 0;} h1#food { font-family: Georgia, serif; color: #F05D8C; font-size: 1.88em; line-height: 1em; margin: .3em 0 1em 0;} h1#music { font-family: Georgia, serif; color: #049ACA; font-size: 1.88em; line-height: 1em; margin: .3em 0 1em 0;} h1#news { font-family: Georgia, serif; color: #AD3D79; font-size: 1.88em; line-height: 1em; margin: .3em 0 1em 0;} h1#opinion { font-family: Georgia, serif; color: #99CA3C; font-size: 1.88em; line-height: 1em; margin: .3em 0 1em 0;} h1#sports { font-family: Georgia, serif; color: #EE222A; font-size: 1.88em; line-height: 1em; margin: .3em 0 1em 0;} h1#splog { font-family: Georgia, serif; color: #666666; font-size: 1.88em; line-height: 1em; margin: .3em 0 1em 0;} h1#general { font-family: Georgia, serif; color: #000000; font-size: 1.88em; line-height: 1em; margin: .3em 0 1em 0;} .arts h3, .arts h3 a, .arts h3 a:hover { color: #FFBA23; } .arts a { color: #DEA81D; } .arts a:hover { color: #826709; } .culture h3, .culture h3 a, .culture h3 a:hover { color: #F58123; } .culture a { color: #C96A1D; } .culture a:hover { color: #753E11; } .food h3, .food h3 a, .food h3 a:hover { color: #F05D8C; } .food a { color: #BF496F; } .food a:hover { color: #612538; } .music h3, .music h3 a, .music h3 a:hover { color: #049ACA; } .music a { color: #0080A8; } .music a:hover { color: #00516B; } .news h3, .news h3 a, .news h3 a:hover { color: #AD3D79; } .news a { color: #8C3162; } .news a:hover { color: #632345; } .opinion h3, .opinion h3 a, .opinion h3 a:hover { color: #99CA3C; } .opinion a { color: #7CA330; } .opinion a:hover { color: #4F691F; } .sports h3, .sports h3 a, .sports h3 a:hover { color: #EE222A; } .sports a { color: #C71C23; } .sports a:hover { color: #851317; } .splog h3, .splog h3 a, .splog h3 a:hover { color: #666666; } .splog a { color: #999999; } .splog a:hover { color: #666666; } .general h3, .general h3 a, .general h3 a:hover { color: #666; } .general a { color: #FFF; } .general a:hover { color: #666; } #left_column .arts h3, #left_column .arts h3 a, #left_column .arts h3 a:hover { color: #FFBA23; } #left_column .arts a { color: #DEA81D; } #left_column .arts a:hover { color: #826709; } #left_column .culture h3, #left_column .culture h3 a, #left_column .culture h3 a:hover { color: #F58123; } #left_column .culture a { color: #C96A1D; } #left_column .culture a:hover { color: #753E11; } #left_column .food h3, #left_column .food h3 a, #left_column .food h3 a:hover { color: #F05D8C; } #left_column .food a { color: #BF496F; } #left_column .food a:hover { color: #612538; } #left_column .music h3, #left_column .music h3 a, #left_column .music h3 a:hover { color: #049ACA; } #left_column .music a { color: #0080A8; } #left_column .music a:hover { color: #00516B; } #left_column .news h3, #left_column .news h3 a, #left_column .news h3 a:hover { color: #AD3D79; } #left_column .news a { color: #8C3162; } #left_column .news a:hover { color: #632345; } #left_column .opinion h3, #left_column .opinion h3 a, #left_column .opinion h3 a:hover { color: #99CA3C; } #left_column .opinion a { color: #7CA330; } #left_column .opinion a:hover { color: #4F691F; } #left_column .sports h3, #left_column .sports h3 a, #left_column .sports h3 a:hover { color: #EE222A; } #left_column .sports a { color: #C71C23; } #left_column .sports a:hover { color: #851317; } #left_column .splog h3, #left_column .splog h3 a, #left_column .splog h3 a:hover { color: #666666; } #left_column .splog a { color: #666666; } #left_column .splog a:hover { color: #660000; } #left_column .splog .splog_quote { display: block; padding: 15px 15px 30px 60px; font-size: 24px; line-height: 30px; font-family: Georgia, serif; color: #000; background: url("/images/_global/splog/quotebackground.gif") #FFF 0 0 no-repeat;} #left_column .splog .splog_quote_author { display: block; padding: 0 15px 30px 60px; margin: -30px 0 0 0; font-size: 24px; line-height: 30px; font-family: Georgia, serif; color: #CCC;} #left_column img.imageleft { float: left; margin: 0 20px 10px 0; } #left_column img.imageright { float: right; margin: 0 0 20px 10px; } #left_column p .imagecredit { font-size: 9px; color: #CCC; padding: 0;} #entry_full { } .entry_archives h3 { color: #999999; margin: 0 0 10px 0;} .entry_archives h3 img { vertical-align: middle;} /* PAGINATION */ #pagination { font-size: 10px; background-color: #000; display: block; overflow: hidden; height: 1%; padding: 7px; } #pagination a { background-color: #333; display: block; text-align: center; width: 27px; height: 22px; padding: 5px 0 0 0; margin: 0 1px 0 0; color: #666; float: left; text-decoration: none;} #pagination a:hover { background-color: #444; color: #CCC;} #pagination .first, #pagination .next, #pagination .prev, #pagination .num, #pagination .cur, #pagination .last { float: left;} #pagination .first a, #pagination .last a { width: 50px;} #pagination strong { background-color: #444; display: block; text-align: center; width: 27px; height: 22px; padding: 5px 0 0 0; margin: 0 1px 0 0; color: #CCC; float: left;} .pages { display: block; float: left; padding: 5px 0 0 10px;} .pagination_links { display: block; float: right;} /* COMMENTS */ .total_comments h3 { font-family: Georgia, serif; font-size: 2em; margin: .5em .8em 2em 0;} #left_column .comment { overflow: hidden; height: 1%; margin: 0 0 40px 0; background: url(/images/_global/comment_background.gif) left top repeat-y;} #left_column .comment a { color: #000;} #left_column .comment .left { width: 120px; float: left;} #left_column .comment .left .avatar { margin: 0 0 10px 0; padding: 0;} #left_column .comment .left h4.user_name { font-family: Georgia, serif; color: #CCC; font-size: 1.2em; line-height: 1.2em; margin: 0 0 1em 0;} #left_column .comment .left h4.user_name a { color: #000; text-decoration: none; } #left_column .comment .left h4.user_name a:hover { text-decoration: underline; } #left_column .comment .left .user_metadata { font-family: Arial, sans-serif; margin-bottom: 1em; color: #999; font-size: 11px; line-height: 14px; } #left_column .comment .left .post_date { font-family: Arial, sans-serif; margin-bottom: 1em; color: #999; font-size: 11px; line-height: 14px; } #left_column .comment .right { width: 400px; float: right; padding: 0 0 0 20px;} #left_column .comment .right .comment_count { font-family: Georgia, serif; color: #CCC; font-size: 1.5em; margin: 0 0 1em 0;} #left_column .comment .right .report_comment { padding: 0 0 20px 0;} #left_column .comment .right .report_comment a { font-family: Arial, sans-serif; margin-bottom: 1em; color: #CCC; font-size: 12px; line-height: 14px; } #left_column .comment .right .report_comment a:hover { color: #999; } #left_column .anonymous_comment p { color: #666; } #left_column .anonymous_comment p a { color: #4f4f4f; } #left_column #no_comments_allowed { font-family: Georgia, serif; color: #CCCCCC; font-size: 1.88em; line-height: 1.2em; margin: .8em 0 1em 0;} #comment_form_container { overflow: hidden; height: 1%; margin: 0 0 30px 0; } #comment_form_container h3 { font-family: Georgia, serif; font-size: 2em; margin: .8em .8em 2em 0; } #comment_form_container ol.comment_form li { display: block; list-style-type: none; margin: 0; vertical-align: top; clear: both; height: 45px;} #comment_form_container legend { display: none; } #comment_form_container label { display: block; font-size: 14px; font-family: Georgia, serif; float: left; height: 30px; } #comment_form_container input { color: #666; width: 400px; float: left; border: 1px #ccc solid; padding: 5px;} #comment_form_container textarea { color: #666; width: 400px; float: left; border: 1px #ccc solid; padding: 5px; } #comment_form_container #submit_button { overflow: hidden; height: 1%; margin: 20px 0 0 140px; background: url(/images/_global/dotted_line_CCC.gif) left top repeat-x; } #comment_form_container #submit_button input#submit { clear: both; display: block; font-family: "Arial Black", Arial, sans-serif; font-size: 12px; width: 150px; margin: 40px 0 0 0; border: 0px; background-color: #000; color: #FFF; } #comment_form_container #submit_button input#submit:hover { background-color: #333; cursor: hand; cursor: pointer;} #comment_form_container hr { border: none; height: 1px; background: url(/images/_global/dotted_line_CCC.gif) left bottom repeat-x;} #comment_form_container ol li#captcha { margin: 10px 0 0 0; } #comment_form_container ol li#captcha label { margin: 10px 0 0 0; } #comment_form_container ol li#captcha img { float: left; margin: 15px 0 0 0;} #comment_form_container ol li#captcha input { float: left; width: 140px; margin: 15px 0 -10px 0; padding: 7px; } #comment_form_container ol li#captcha .validation-advice { clear: both; margin: -10px 0 0 360px; padding: 0;} #comment_form_container ol li#captcha label.error { margin: 0 0 0 300px;} #comment_form_container label.error { color: #F66; width: 400px; } #comment_form_container input.error { border: 1px #F66 solid; color: #F66; width: 400px; } #comment_form_container textarea.error { border: 1px #F66 solid; color: #F66; width: 400px; } /* about page */ #left_column .about_section { overflow: hidden; height: 1%; clear: both; margin: 50px 0 0 0;} #left_column .about_section p a { color: #000; text-decoration: underline;} #left_column .about_section h2 { clear: both; font-family: Georgia, serif; color: #000; font-size: 1.88em; line-height: 1em; margin: .3em 0 1.3em 0;} #left_column .about_section .editor { overflow: hidden; height: 1%; margin: 0 0 30px 0; background: url(/images/_global/comment_background.gif) left top repeat-y; background-position: -20px 0;} #left_column .about_section .editor .image_info { float: left; margin: 0 40px 0 0;} #left_column .about_section .editor .image_info:hover p a { text-decoration: underline; color: #000;} #left_column .about_section .editor .image_info p { font-family: Georgia, serif; color: #CCC; font-size: 1.2em; line-height: 1.2em; width: 100px; margin: .3em 0 1em 0;} #left_column .about_section .editor .image_info p a { color: #666; text-decoration: none;} #left_column .about_section .editor .bio { float: left; width: 400px; } #left_column .about_section .writer { width: 100px; float: left; margin: 0 10px 0 0;} #left_column .about_section .writer p a { color: #666; text-decoration: none;} #left_column .about_section .writer:hover p a { text-decoration: underline; color: #000;} #left_column .about_section .writer p { width: 100px; line-height: 1em; height: 30px; margin: 10px 0 10px 0; float: left;} form#freeform { width: 600px;} form#freeform ol li { margin: 10px 0; list-style-type: none; clear: both;} form#freeform ol li.check { margin: 0 0 0 110px; } form#freeform input.submit { margin: 0 0 0 110px; } form#freeform label { display: block; float: left; text-align: right; width: 100px; margin: 0 10px 0 0; padding: 4px 0; } form#freeform input.text { width: 400px; padding: 4px; border: 1px #CCC solid; } form#freeform textarea { width: 400px; padding: 4px; border: 1px #CCC solid; } form#freeform label.error { clear: both; font-size: 10px; color: #FF0000; padding: 0 5px 0 110px; width: auto;} form#freeform input.error { border: 1px #FF0000 solid; } form#freeform textarea.error { border: 1px #FF0000 solid; } /******************************************** RIGHT COLUMN - ENTRIES *******************************************/ #right_column { padding: 0 0 20px 0;} #right_column .advertisement { margin: 1em 0; } #right_column .advertisement_first { margin: 0 0 1em 0; } #right_column p { font-family: Arial, sans-serif; margin-bottom: 1em; color: #666666; font-size: 0.81em;} #splog_recent { overflow: auto; height: 351px;} #splog_recent .splog_entry { clear: both; margin: 0 0 10px 0;} #splog_recent .splog_entry a { color: #666; text-decoration: underline;} #splog_recent .splog_entry a:hover { color: #666; text-decoration: none;} #splog_recent .splog_entry p .metadata { font-size: 11px; line-height: 14px; color: #AAA;} #splog_recent .splog_entry h3 { font-family: Georgia, serif; font-size: 18px; line-height: 21px; margin: 0 0 5px 0; } #splog_recent .splog_entry .section a { font-family: "Arial Black", Arial, sans-serif; color: #666; text-decoration: none; font-size: .81em; text-transform: uppercase;} #splog_recent .splog_entry h3 a { text-decoration: none; color: #666;} #splog_recent .splog_entry h3 a:hover { text-decoration: underline;} #splog_recent .splog_entry img { float: left; margin: 5px 10px 20px 0; height: 45px; width: 45px;} #splog_recent h2 { font-family: "Arial Black", Arial, sans-serif; color: #000; font-size: 10px; text-transform: uppercase; margin: 0 0 20px 0; } /******************************************** MODULES *******************************************/ /* ordered list */ .ui-accordion-content ol li { color: #CCC; list-style: decimal inside; padding: 10px 0 10px 5px; background: url(/images/_global/dotted_line_CCC.gif) left bottom repeat-x; font-size: .88em;} .ui-accordion-content ol li img { display: block; clear: both; margin: 5px 0 0 0;} .ui-accordion-content ol li a { color: #666; text-decoration: none; } .ui-accordion-content ol li:hover { color: #666; } .ui-accordion-content ol li:hover a { color: #333; } .ui-accordion-content ol li:hover a:hover { color: #000; text-decoration: underline; } .ui-accordion-content ol li:hover .metadata { color: #999; } .ui-accordion-content ol li:hover .metadata a { color: #666; } .ui-accordion-content .metadata { display: block; color: #CCC; font-size: 0.88em; margin: 5px 0 0 0;} .ui-accordion-content .metadata .section { font-family: "Arial Black", Arial, sans-serif; color: #666; font-size: .81em; text-transform: uppercase;} .ui-accordion-content .metadata .section a:hover { color: #000;} .ui-accordion-content .metadata a { text-decoration: none; color: #CCC;} .ui-accordion-content .metadata a:hover { text-decoration: underline; color: #000;} /* comments list */ .ui-accordion-content .comments_entry { clear: both; overflow: hidden; background: url(/images/_global/dotted_line_CCC.gif) left bottom repeat-x; padding: 10px 0 10px 0;} .ui-accordion-content .comments_entry .image { float: left; width: 60px; padding: 2px 0 0 0;} .ui-accordion-content .comments_entry .content { float: left; width: 250px; } .ui-accordion-content .comments_entry .content .metadata { color: #CCC; font-size: 0.76em; } .ui-accordion-content .comments_entry:hover .metadata { color: #999; } .ui-accordion-content .comments_entry:hover .metadata a { color: #666; } /* archives */ .ui-accordion-content .year_archive { clear: both; overflow: visible; height: 35px; background: url(/images/_global/dotted_line_CCC.gif) left bottom repeat-x; padding: 10px 0;} .ui-accordion-content .year_archive h3 { float: left; color: #ccc; font-family: Georgia, serif; font-size: 1.7em; margin: 0 10px 0 0; padding: 8px 0 0 0; } .ui-accordion-content .year_archive ul { float: left; width: 250px; height: 35px; font-size: .88em} .ui-accordion-content .year_archive ul li { float: left; display: inline; border-right: 1px #E6E6E6 solid; padding: 0 10px 0 0; margin: 0 0 3px 5px; } .ui-accordion-content .year_archive ul li a { color: #666; } .ui-accordion-content .year_archive ul li:last-child { border-right: 0px #E6E6E6 solid; padding: 0;} .ui-accordion-content .year_archive:hover h3 { color: #666;} .ui-accordion-content .year_archive:hover ul li a:hover { color: #000;} /* rss feeds */ #rss_feeds { overflow: hidden; height: 1%; background-color: #F9F9F9; border: 1px #CCC solid; padding: 20px; } #rss_feeds h3 { font-family: Georgia, serif; font-size: 1.5em; line-height: 1.2em; margin: 0 .8em .8em 0; } #rss_feeds ul#rss_feed_left { float: left; width: 175px;} #rss_feeds ul#rss_feed_right { float: left; } #rss_feeds ul li a { font-family: Georgia, serif; font-size: 1em; line-height: 1.8em; margin: 0 .8em .8em 0; text-decoration: none; color: #666;} #rss_feeds ul li a:hover { color: #000;} #rss_feeds img { vertical-align: middle; margin: 0 5px 0 0;} /******************************************** FEATURED ARTICLES *******************************************/ /* PZ EDITS START */ #featured_articles { clear: both;} #featured_articles #featured_articles_header { overflow: hidden; height: 1%; background-color: #000; color: #FFF; padding: 10px 20px;} #featured_articles #featured_articles_header h2 { float: left; font-family: Arial, sans-serif; font-size: 1em; font-weight: bold;} #featured_articles #featured_articles_header #featured_controls { float: right; } #featured_articles #featured_articles_header #featured_controls p a { text-indent: -10000px; display: block; height: 12px; width: 12px; float: left; margin: 3px 0 0 4px; background: url('/images/_global/featured_articles/dot_inactive.gif') no-repeat; } #featured_articles #featured_articles_header #featured_controls p a.activeSlide { background: url('/images/_global/featured_articles/dot_active.gif'); } #featured_articles #featured_articles_header #featured_controls p a:hover { background: url('/images/_global/featured_articles/dot_hover.gif'); } #featured_articles #featured_articles_header #featured_controls p a.active:hover { background: url('/images/_global/featured_articles/dot_active.gif'); } #featured_articles #featured_articles_container { height: 360px; background: url(/images/_global/jquery_ui/active_content_top.gif) 0 0 repeat-x; } #featured_articles_container .entryWrapper { display: block; height: 340px; width: 970px; margin: 10px 0 10px 20px; } #featured_articles .featured_article { float: left; height: 300px; width: 194px; } #featured_articles p.section { font-family: "Arial Black", Arial, sans-serif; color: #000; font-size: .61em; text-transform: uppercase; } #featured_articles p.section a { text-decoration: none; color: #000000; } #featured_articles p.section a:hover { text-decoration: underline; } #featured_articles h3 { font-family: Georgia, serif; font-size: 1.2em; line-height: 1.2em; margin: .5em .8em .8em 0; } #featured_articles h3 a { text-decoration: none; } #featured_articles h3 a:hover { text-decoration: underline; } /* PZ EDITS END */ /******************************************** HOME *******************************************/ #home #content { border-bottom: 1px #ccc dotted; background-image: none; width: 950px;} #home #right_column { padding: -20px 0 0 0; } /* WHEN NEW HOMEPAGE LAUNCHES USE THIS AND REMOVE "HOPPER" */ #home #left_column { border-right: #CCC 1px dotted; padding: 0 20px 0 0; margin: 0;} #home #latest_greatest { overflow: hidden; height: 1%; width: 580px; padding: 0;} #home #latest_greatest .left { float: left; margin: 0 20px 0 0; } #home #latest_greatest .right { float: left; width: 270px; } #home .latest_greatest { height: 260px; width: 560px;} #home .latest_greatest p.section { font-family: "Arial Black", Arial, sans-serif; color: #000; font-size: 10px; } #home .latest_greatest h3 { font-size: 28px; line-height: 1.1em; clear: both; margin: 0 0 10px 0; } #home .latest_greatest p.post_meta_info { font-size: 10px; line-height: 1.4em; clear: both; margin: 0 0 20px 0; color: #ccc; font-family: Verdana;} #home #right_column .advertisement { margin: 0; padding: 10px 0 0 0;} #home #latest_greatest a.section { font-family: "Arial Black", Arial, sans-serif; color: #999; text-decoration: none; } #home #latest_greatest a.section:hover { color: #333; } #home #latest_greatest_container { height: 260px; } #home #three_column { overflow: hidden; height: 1%; margin: 20px; width: 950px; background: url('/images/_global/home/three_column_bkgd.gif');} #home #three_column #column_one { width: 260px; float: left; padding: 0 20px 0 0; margin: 0 10px 0 0;} #home #three_column #column_two { width: 280px; float: left; margin: 38px 30px 0 0; } #home #three_column #column_three { width: 350px; float: left; } #home #three_column h2 { font-family: "Arial Black", Arial, sans-serif; color: #000; font-size: 10px; text-transform: uppercase; margin: 0 0 20px 0; } #home #three_column h3 { font-family: "Georgia", Georgia; font-size: 21px; line-height: 1.1em; } #home #three_column h3 a { text-decoration: none; } #home #three_column h3 a:hover { text-decoration: underline; } #home #three_column p { font-family: Arial, sans-serif; margin-bottom: 1em; color: #666666; font-size: 0.81em; } #home #three_column p.post_meta_info { clear: both; font-size: 9px; line-height: 1.4em; width: 250px; color: #CCC; font-family: Verdana; margin: 5px 0 10px 0; } #home #three_column p.post_meta_info a { color: #999; text-decoration: underline; } #home #three_column p.post_meta_info a:hover { color: #666; } #home #three_column p.post_meta_info a.section { font-family: "Arial Black", Arial, sans-serif; color: #999; text-decoration: none; } #home #three_column p.post_meta_info a.section:hover { color: #333; } #home #three_column p a { color: #000; text-decoration: underline;} #home #three_column p a:hover { text-decoration: none; } #home #three_column .other_recent_entry { margin: 0 0 40px 0;} #home #three_column h3.ui-accordion-header { font-family: Arial; font-size: 15px;} #home #three_column .ui-accordion-group h3.ui-accordion-header a:hover { text-decoration: none;} #home #two_column { overflow: hidden; height: 1%; margin: 0 20px 20px 0; width: 620px; background: url('/images/_global/home/three_column_bkgd.gif') -1 -1;} #home #two_column #column_one { width: 260px; float: left; padding: 0 20px 0 0; margin: 0 10px 0 0;} #home #two_column #column_two { width: 270px; float: left; margin: 38px 30px 0 0; } #home #two_column h2 { font-family: "Arial Black", Arial, sans-serif; color: #000; font-size: 10px; text-transform: uppercase; margin: 0 0 20px 0; } #home #two_column h3 { font-family: "Georgia", Georgia; font-size: 21px; line-height: 1.1em; } #home #two_column h3 a { text-decoration: none; } #home #two_column h3 a:hover { text-decoration: underline; } #home #two_column p { font-family: Arial, sans-serif; margin-bottom: 1em; color: #666666; font-size: 0.81em; } #home #two_column p.post_meta_info { clear: both; font-size: 9px; line-height: 1.4em; width: 250px; color: #CCC; font-family: Verdana; margin: 5px 0 10px 0; } #home #two_column p.post_meta_info a { color: #999; text-decoration: underline; } #home #two_column p.post_meta_info a:hover { color: #666; } #home #two_column p.post_meta_info a.section { font-family: "Arial Black", Arial, sans-serif; color: #999; text-decoration: none; } #home #two_column p.post_meta_info a.section:hover { color: #333; } #home #two_column p a { color: #000; text-decoration: underline;} #home #two_column p a:hover { text-decoration: none; } #home #two_column .other_recent_entry { margin: 0 0 40px 0;} #home #two_column h3.ui-accordion-header { font-family: Arial; font-size: 15px;} #home #two_column .ui-accordion-group h3.ui-accordion-header a:hover { text-decoration: none;} #home #two_column #latest_header { width: 560px; overflow: hidden; height: 1%; padding: 0 0 10px 0; margin: 0 0 20px 0; border-bottom: 1px #ccc dotted;} /******************************************** SPECIAL *******************************************/ .clear { clear: both;} .hidden { display: none;} hr { border: none; height: 1px; background: url(/images/_global/dotted_line_CCC.gif) left bottom repeat-x;} #hiddenModalContent { display: none;}