/* $Id: style.css */ /* Philly2Philly Default Style Sheet ---------------------------------------------------------------- [Table of contents] 0.Reset 1.Global 2.Layout 3.Header 4.Navigation 5.Nodes 6.Comments 7.Sidebars 8.Blocks 9.Footer 10.CSS Support 11.Advanced [Font sizes - based on 75%/12px body] 30px = 2.5em 28px = 2.3333em 26px = 2.166667em 24px = 2em 22px = 1.8333em 20px = 1.6667em 18px = 1.5em 16px = 1.333333em 14px = 1.1667em 12px = 1em 11px = .9167em 10px = .8333em Equasion for font sizing: -Desired in px / Default (or parent) in px = sizing in em ----------------------------------------------------------------*/ /** * 0.RESET */ @import "reset.css"; /*@import "mockup.css";*/ /** * 1.GLOBAL */ html { height: 100%; } body { background: #fff url(images/bg/default_repeat.gif) repeat-y center top; color: #4c4c4c; font: 75% Arial, Helvetica, sans-serif; margin: 0; padding: 0; height: 100%; } h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; } h1 { font-size: 2.5em; line-height: 1.2em; margin: 0.6em 0 0 0; } h2 { font-size: 1.8333em; line-height: 1em; margin: 1.15em 0 .3em 0; } h3 { font-size: 1.3333em; line-height: 1.125em; margin: 1.125em 0 0 0; } h4 { font-size: 1.1667em; line-height: 1.2857em; margin: 1.2857em 0 0 0; } h5 { font-size: 1em; line-height: 1.5em; margin: 1.5em 0 0 0; } h6 { font-size: .9167em; line-height: 1.6364em; margin: 1.6364em 0 0 0; } p { font-size: 1em; line-height: 1.5em; margin: 0 0 1.5em 0; } p a:link, li a:link { text-decoration: underline; } a:link, a:visited { color: #1b4298; text-decoration: underline; } a:focus { outline: 1px dotted; } a:hover, a:active, li a.active { outline: none; text-decoration: underline; } /** * 2.LAYOUT */ #bg { min-height: 100%; position: relative; background: url(images/bg/default.jpg) no-repeat top center; /*min-height: 1080px;*/ } #wrapper { margin: 0 auto; width: 960px; } #inner_wrapper { margin: 0px 10px; } #main { padding-bottom: 30px; } /* 1 column */ #center { margin: 0 0 10px; /*position: relative;*/ } /* 3 columns */ body.sidebars #center { border-left: 1px solid #ccc; border-right: 1px solid #ccc; float: left; padding: 0 10px; width: 600px; } /* 2 columns - sidebar-left */ body.sidebar-left #center { border-left: 1px solid #ccc; float: right; padding-left: 10px; width: 760px; } /* 2 columns - sidebar-right */ body.sidebar-right #center { border-right: 1px solid #ccc; float: left; padding-right: 10px; width: 760px; } body.phillybuzz #center { border-right: 0; float: left; padding-right: 10px; width: 760px; } /* story page */ body.sidebar-right .story #center { width: 590px; border-right: none; } .story .sidebar { /*width: 325px;*/ width: 332px; } /* project dig */ body.sidebar-right .project_dig_profile #center { width: 742px; } .project_dig_profile .sidebar { width: 180px; } .project_dig_profile .sidebar .image-advertisement { margin-bottom: 20px; } /* breadcrumb */ .breadcrumb { float: left; margin-left: 5px; margin-bottom: 10px; padding: 0; width: 700px; float: left;} .breadcrumb ul { margin: 0px; padding: 0; list-style-type: none; height: 21px; } .breadcrumb ul li { font-size: .9167em; line-height: 21px; height: 21px; float: left; background: url(images/misc/breadcrumb_bg.gif) repeat-x; } .breadcrumb ul li img { float: left; } .breadcrumb li.item { padding: 0px 5px; } .breadcrumb li.item a { text-decoration: underline; } /* welcome */ #user_welcome { height: 21px; font-size: 0.8333em; font-weight: bold; color: #7b7b7b; text-align: right; line-height: 21px; margin-right: 5px; margin-bottom: 10px;} #user_welcome a { font-weight: normal; } .home #user_welcome { margin-bottom: 0px; } /** * 3. HEADER */ #top_ad { background: #333133 url(images/misc/top_ad_bg.gif) repeat-x scroll bottom left; } #top_ad .content { padding: 6px 0px; text-align: center; } #info_bar { background: #fff; height: 32px; } #info_bar .wrap { width: 940px; } #weather_traffic { float: left; } #info_bar #search-theme-form { float: right; margin: 2px 0px 0px; } #info_bar #search-theme-form label, #search-theme-form .blur { font-style: italic; } #info_bar #search-theme-form .form-text { font-size: .9167em; color: #808080; background: url(images/form/txtSearch.gif) no-repeat; border: none; width: 140px; padding: 4px 10px 4px 6px; } #info_bar #search-theme-form .form-submit { position: relative; top: 4px; } #banner { margin-bottom: 5px; } #weather_traffic div { float:left; } #weather_traffic a { color: #808080; font-weight: bold; font-size: .8333em; } #weather_traffic a { text-decoration: none; } #weather_traffic a:hover { text-decoration: none; } #weather_traffic #weather { /*margin: 0px 0px 0px 10px;*/ width: 160px; } #weather_traffic #weather img { float: left; } #weather_traffic #weather a { display: block; margin: 6px 0 0 35px; line-height: 22px; } #weather_traffic img.spacer { float: left; margin: 3px 10px 0px; } #weather_traffic #trafficMarquee { background: url(images/misc/traffic_bg.gif) no-repeat; margin: 5px 10px 0px 5px; width: 323px; padding: 4px 5px; height: 14px; } #trafficMarquee { float:left;margin-top:19px;padding-left:15px;padding-right:5px;} .trafficLink {text-decoration:underline; font-weight:bold;} #level1{color:#74b04a;} #level2{color:#61b541;} #level3{color:#c2c138;} #level4{color:#eaca30;} #level5{color:#e7ab31;} #level6{color:#e48c32;} #level7{color:#e16e34;} #level8{color:#e05e39;} #level9{color:#df4f3e;} #level10 {color:#de4044;} /** * 4. NAVIGATION */ #nav ul { list-style-type: none; height: 36px; margin-bottom: 0; } #nav ul li { float: left; height: 36px; } #secondary_links { float: left; margin: 8px 0 0 32px; } #secondary_links ul { list-style-type: none; margin: 0; padding: 0; } #secondary_links ul li { float: left; margin-right: 8px; } #secondary_links ul li a { text-decoration: underline; font-size: .8333em; } #secondary_links ul li a.active { color: #1b4298; } /** * 5.NODES */ /* story node */ .view-content .submitted, .story .node .submitted { font-size: 0.9167em; color: #808080; margin: 10px 0px; } .story .node h2.title { color: #808080; font-size: 1.5em; } .node .content p { /*font-size: 0.9167em;*/ } .node .meta { } .node .meta div.links { margin-top: 10px; } .node .meta div.addthis { margin-top: 10px; display: block; } .view-article-archive h2.title { font-size: 1.5em; } /* default block heading */ .block .heading { background-image: url(images/block/heading_lg_gray2.gif); } /************** * Home **************/ #home { /*margin-top: 10px;*/ } #home .panels-flexible-column-4-1 { } #home .panels-flexible-column-4-main { margin-left: 5px; } #home .panel-flexible-4-middle { width: 184px; margin-left: 8px; } #home .panels-flexible-column-4-5 { } #home .panels-flexible-region-4-right { width: 254px; } #home .panels-flexible-row-4-10-inside { padding-right: 250px; } #home .panels-flexible-row-4-10-right { float: left; } #home #yo_philly .heading .title a { display: inline; margin-left: 132px; } #home #featured_blogs { margin-right: 5px; } #home #featured_blogs .title { padding-left: 0px; padding-right: 0px;} #home #featured_blogs .view-content { font-size: 1em !important; } #home #featured_blogs ul { border-top: solid 1px #ccc; list-style-type: none; padding: 3px 0px; margin: 0; } #home #featured_blogs ul li { padding: 8px 5px; color: #666666; } #home #featured_blogs ul li.views-row-odd { background: #e7e3df; } #home #featured_blogs ul li small { text-transform: uppercase; } /**************** * Entertainment ***************/ body.entertainment { background-image: url(images/bg/entertainment_repeat.gif); } body.entertainment #bg { background: url(images/bg/entertainment.jpg) no-repeat top center; } #entertainment_home { } #entertainment_home .block .heading, #entertainment_home .block h2.title { background-image: url(images/block/heading_med_ltblue.gif); } .entertainment .block .heading, .entertainment .view-recent-articles .heading { background-image: url(images/block/heading_med_ltblue.gif); } #entertainment_home #hottest_bands p, #entertainment_home #comedy_clubs p, #entertainment_home #philly_films p { font-size: .9167em; margin-left: 112px; } /**************** * Philly Buzz ***************/ body.philly-buzz { background-image: url(images/bg/philly-buzz_repeat.gif); } body.philly-buzz #bg { background: url(images/bg/philly-buzz.jpg) no-repeat top center; } #philly-buzz { } #philly-buzz .block .heading, #philly-buzz .block h2.title { background-image: url(images/block/heading_med_dkblue_wide.gif); } .philly-buzz .block .heading, .philly-buzz .view-recent-articles .heading { background-image: url(images/block/heading_med_dkblue_wide.gif); } .view-philly-buzz h1 a { color: #FFF; text-decoration: none; font-size: 0.9em; } .view-philly-buzz h1 a:hover { color: #AFF; text-decoration: none; } a.philly-buzz-title{ color: #FFF; text-decoration: none; } a.philly-buzz-title:hover { color: #AFF; text-decoration: none; } /**************** * Culture ***************/ body.culture { background-image: url(images/bg/culture_repeat.gif); } body.culture #bg { background: url(images/bg/culture.jpg) no-repeat top center; } #culture_home { } #culture_home h2.title { text-transform: uppercase; } #culture_home .block { /*background-color: #ebebeb;*/ } #culture_home .block .heading, #culture_home .block h2.title { background-image: url(images/block/heading_med_yellow.gif); } .culture .block .heading, .culture .view-recent-articles .heading { background-image: url(images/block/heading_med_yellow.gif); } #lens p { font-size: .9167em; margin-left: 118px; margin-top:20px;margin-right:35px} #restaurant_heading .heading { background: url(images/block/heading_restaurant.gif) no-repeat !important; margin-bottom: 0px !important; } #restaurant_heading { background-color:#eaca30; } #restaurant { padding-left: 10px; padding-right: 10px; } #restaurant .heading { background: none !important; } #restaurant .title { padding-left: 0px; } #restaurant .title a { color:#a28600; } #restaurant p { font-size: .9167em; } #restaurant .address { font-weight: bold; float: left; width: 50%; } #restaurant .hours { margin-left: 54%; } /* lens gallery */ ul.gallery_items { display: none; } .gallery_item { margin-top: 25px; } .gallery_item div.text { width: 330px; float: left; color: #4c4c4c; } .gallery_item h3 { font-size: 1.1667em; color: #4c4c4c; margin: 0px 0px 12px 0px; } .gallery_item p, .gallery_item a { font-size: 0.9167em; } .gallery_item div.image { margin-left: 340px; } /**************** * Politics / Community ***************/ body.politics_community { background-image: url(images/bg/politics_community_repeat.gif); } body.politics_community #bg { background: url(images/bg/politics_community.jpg) no-repeat top center; } #politics_home { } #politics_home .block { } #politics_home .block .heading, #politics_home .block h2.title { background-image: url(images/block/heading_med_green.gif);} #project_dig p, #politics_home #phinest p { font-size: .9167em; margin-left: 112px; margin-right: 5px; } .politics_community .block .heading, .politics_community .view-recent-articles .heading { background-image: url(images/block/heading_med_green.gif); } body.politics_community .views-view-grid .views-field-title { text-align: left; } /* project dig profile */ .dig_profile { } .dig_profile #left { float: left; width: 480px; padding-right: 20px; } .dig_profile #left h3.title { color:#1b4298; margin-bottom: 15px; } .dig_profile #left .imagefield-field_photo { float: left; margin-right: 10px; } .dig_profile #right { margin-left: 0px; } .view-politics-project-dig-profiles .views-view-grid td { padding: 20px; border-right: 1px solid #e6e6e6; } .view-politics-project-dig-profiles .views-field-title { text-decoration: none; font-weight: bold; text-align: center; display: block; margin: 5px 0; } .view-politics-project-dig-profiles .views-field-title a { text-decoration: none; } .view-politics-project-dig-profiles .views-field-teaser, .view-politics-project-dig-profiles .views-field-view-node { font-size: .9167em; } .politics_community .pager { float: right; } .politics_community .pager li { margin-left: 0px; } .politics_community .pager li a { color: #395ba6; } .view-politics-project-dig-profiles h2 { margin: 0 0 0.3em; text-transform: uppercase; color: #999999; font-size: 16px; } /**************** * Sports ***************/ body.sports { background-image: url(images/bg/sports_repeat.gif); } body.sports #bg { background: url(images/bg/sports.jpg) no-repeat top center; } #sports_home { } #sports_home .panel-col-first { width: 422px; overflow: hidden; float: left;} #sports_home .inside { float: left; width: 100%;} #sports_home .panel-col { float: left; width: 322px; margin-left: 8px; } #sports_home .block { } #sports_home .block h2.title, #sports_home .block .heading { background-image: url(images/block/heading_xl_red.gif); } #sports_home .block p { font-size: .9167em;} #sports_home #the_eye p, #sports_home #sports_blog p { margin-left: 118px; margin-right:35px; } #sports_home #featured_blogs h2.title, #sports_home #featured_blogs .heading { background-image: url(images/block/heading_lg_beige.gif) !important; } .sports .block .heading, .sports .view-recent-articles .heading, .sports .view-blog-views .heading { background-image: url(images/block/heading_xl_red.gif); } #the_eye .view-sports-the-eye-home h2 { color: #808080; } /**************** * Links ***************/ #lnk1{ float: left; width: 600px; margin-right:5px; overflow:hidden;} #lnk2{ float: left; width: 333px; overflow:hidden;} #links_xl { background: #ebebeb; padding: 4px; margin-top: 7px; } #links_xl .heading { background-image: url(images/block/heading_xl_gray.gif); } #links_xl .title a { margin-left: 132px; } #links_xl p a {text-decoration:underline} #links_xl p span {font-weight:bold; font-size:12px;} #links_xl p { font-size: .9167em; padding-top:10px;padding-bottom:10px;border-bottom:1px solid #CCC;padding-left:5px;margin-left:5px;margin-right:5px;margin-bottom:0px;} #lnk_comments {background:url(images/block/box_bg.gif) no-repeat; height:250px;} #lnk_comments .heading { background-image: none; } #lnk_comments .title { color:#999; padding-left:10px;padding-top:20px;} #lnk_comments p { width:259px;padding-left:10px;font-size:11px; font-weight:bold;} /**************** * Videos ***************/ #nodeblock-5518 { background: #ebebeb; padding: 4px; margin-top: 7px; width: 600px;} #nodeblock-5518 .heading { background-image: url(images/block/heading_xl_gray.gif); } #nodeblock-5518 .title a { margin-left: 132px; } #nodeblock-5518 p a {text-decoration:underline} #nodeblock-5518 p span {font-weight:bold; font-size:12px;} #nodeblock-5518 p { font-size: .9167em; padding-top:10px;padding-bottom:10px;border-bottom:1px solid #CCC;padding-left:5px;margin-left:5px;margin-right:5px;margin-bottom:0px;} /**************** *About Us ***************/ #about_top { margin-bottom: 10px; float: left; width: 940px;} #about_top #mission { width:593px;} #about_top #mission .heading { background-image: url(images/block/heading_xl_gray.gif); width: 593px;} #about_top #mission .title a { display: none; } #about_top #mission p { font-size: .9167em; } #about_top #advertise {background: url(images/block/advertise_box.gif) no-repeat; height:190px;width:318px;float:right;} #about_top #advertise .heading { color:#999; padding-left:15px;padding-top:20px; text-transform: uppercase; font-size: 1.1667em; font-weight: bold;} #about_top #advertise p { width:205px;padding-left:15px;padding-top:15px;font-size:11px;font-weight:bold} #about { float:left; width:465px;} #about .block {padding: 10px 20px 10px 10px; font-size:11px; overflow:hidden;} .about_us .info {/*border-right:310px solid transparent;*/float:left; /*margin-right:-290px;*/ width:120px;line-height:22px;} .about_us .info span {font-weight:bold;} .about_us .bio {width:260px;float:left; margin-left: 20px;} .abous_us .bio span {font-size:14px; font-weight:bold;} /**************** *Advertise ***************/ #packages {background-image:url(images/misc/advertise_packages.gif);height:300px;width:942px;background-repeat:no-repeat;} #package, #package_alt {width:185px;height:175px;color:white;float:left;margin-top:10px;font-size:11px;} #package_selected {width:185px;height:175px;color:white;float:left; /*background-image:url(images/block/package_selected_bg.jpg);border:1px solid white;z-index:2;*/margin-top:10px;margin-left:10px;} #package p, #package_alt p, #package_selected p {margin-left:10px;} #package_selected ul {padding-left:10px;list-style-type:none;} #package ul, #package_alt ul {list-style-type:none;padding-left:10px;height:45px;padding-top:15px;} .list_head {font-weight:bold;padding-bottom:5px;} #package #title, #package_alt #title {height:12px;width:175px;padding-top:15px;margin-top:7px;padding-bottom:13px;padding-left:10px;font-size:12px;font-weight:bold;} #package_selected #title {text-align:center;width:175px;margin-left:5px;margin-right:5px;margin-top:7px;font-weight:bold;} #package_selected #title hr {background-color:#7ec9dd;margin-top:8px;} #ad_description {/*background-image:url(images/misc/advertise_box.gif);*/height:56px;width:927px;clear:both;font-size:10px;padding-top:15px;padding-left:15px; margin-top: 20px;} #ad_neighborhood, #ad_blogs{border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding-left:10px;padding-top:30px;font-size:11px;padding-bottom:20px;} #ad_neighborhood p, #ad_blogs p {width:505px;margin-bottom:5px;} #ad_neighborhood span, #ad_blogs span, #about_top span, #advertising_packages {font-size:14px;font-weight:bold;color:#1b4298;line-height:25px;} .price {float:left;font-size:24px;font-weight:bold;padding-right:15px;} #benefits p, #benefits ul {width:475px;font-size:12px;font-weight:bold;} #benefits ul {list-style-image:url(images/misc/blue_bullet.gif);padding-left:15px;font-size:11px;font-weight:normal;} #benefits ul li {padding-bottom:7px;} /**************** *Contact Us ***************/ #contact {float:left;width:540px;padding-right:0px;margin-right:7px;} #contact .heading, #contact h2.title { background-image: url(images/block/heading_533_gray.gif);margin-right:0px;} #contact .title a { display: none; } #contact p {font-size:11px;font-style:italic;width:350px;margin-left:15px;} .webform .webform-client-form { margin-left: 15px; } .webform .webform-client-form .form-item label { display: block; float: left; width: 130px; font-size: 11px; font-weight: bold; margin-right: 15px;} .webform .webform-client-form .form-item label span.form-required { } .webform .webform-client-form .form-item input.form-text { width: 190px; } .webform .webform-client-form .form-item textarea { width: 190px; } .webform .form-submit { margin: 10px 0px 0px 144px; } #contact_ad {width:388px;background: url(images/block/send_comments_box_388.gif) no-repeat;float:left;padding:0px;height:148px; float: left;} #contact_ad .title {color:#999} #contact_ad p {width:290px;margin-left:10px;font-size:11px;} .email_address {font-weight:bold;padding-top:20px;} .email_address span {font-size:14px;} /**************** *Yo Philly ***************/ .yophilly { } .yophilly #left { float: left; width: 590px; } .yophilly #right { margin-left: 600px; width: 334px; } .yophilly #comments { width: 590px; } #yo_philly_top {width:937px;padding-right:0px;margin-right:7px;height:160px;margin-bottom: 10px;} #yo_philly_top .heading { background-image: url(images/block/heading_xl_black.gif);margin-right:0px; width: 935px;} #yo_philly_top .title a { display: none; } #yo_philly_desc{float:left;width:400px;padding-right:128px;border-right:1px solid #CCC; font-size: 0.9167em;} #yo_philly_desc p { margin-left: 110px; } #yo_philly_share {float:left;width:330px;margin-left:20px; font-size: 0.9167em; font-weight: bold; } #yo_philly_share input { width: 250px; font-size: 0.9167em; } #recent_shows .heading { background-image: url(images/block/heading_324_black.gif); } #recent_shows .show_item { margin-left: 5px; } #recent_shows .show_item a { font-weight: bold; text-decoration: none; } /*** * Tag Panel */ #taginfo { } #taginfo h2.title { text-transform: capitalize; } #taginfo div.left { float: left; margin: 0 10px 0 0; } #taginfo div.right { float: none; } .view-tagpage div.item { margin: 15px 0 20px 0; } .view-tagpage h3.title { margin: 0; } .view-tagpage h3.title a { text-decoration: none; } .view-tagpage p.teaser { margin-bottom: 12px; } /** * 6.COMMENTS */ #comments { margin: 40px 0px 0px; } #comments h2 { /*margin: .5em 0 -15px;*/ margin: 20px 0px; color: #666; font-size: 1.1667em; } /*.comment { margin: 20px 0 0; padding: 0; }*/ .comment { background-color:#e0e0e1; overflow:hidden; margin-bottom:5px; /*font-size: .9167em;*/ } #comments .even { background-color:#efeff0; } .comment .info { float:left; width:95px;background-color:#e0e0e1;border-right:480px solid #e6e6e6;margin-right:-480px; padding: 15px 0px 15px 10px} .even .info { background-color:#efeff0; border-right:480px solid #f5f5f5; } .comment .info a {color:#4161a8;font-weight:bold;} .comment .text { float:left;width:450px;background-color:#e6e6e6; padding:0px 15px;} .comment .text div.links { margin-bottom: 5px; text-align: right; } .comment .text .links a { color: #999; } .even .text {background-color:#f5f5f5;} .comment-bar { background: #eee; border-bottom: 1px solid #ccc; padding: 5px; position: relative; } .comment span.submitted { color: #898989; display: inline; font-size: .8333em; margin: 0; } .comment span.new { color: red; font-size: .8333em; } .comment .content { padding: 5px; } .comment .picture { float: right; margin: .3em 0 .1em .3em; } .comment h3 { font-size: 1.1667em; line-height: 1.1429em; margin: .5em 5px 0; } .comment ul.links { margin: -10px 0 0 25px; } .comment ul.links li a { text-decoration: underline; } .indented { border-left: 1px solid #ddd; margin-left: 14px; padding-left: 5px; } /** * 7.SIDEBARS */ .sidebar { width: 160px; } #sidebar-left { float: left; margin-right: 9px; } #sidebar-right { float: right; margin-left: 8px; } /* stops right sidebar from falling in some 3-col situations */ .sidebars #sidebar-right { margin-left: 0; width: 145px; } /* Panels */ .panel-3col-33 { } .panel-col-first { width: 365px; } .panel-col { float: left; width: 370px; margin-left: 5px; _margin-left: 2px; overflow: hidden;} .panel-col-last { float: left; width: 180px; margin-left: 8px; /*margin-top: 10px;*/ } .panel-3col-33 .inside { margin: 0 !important; } .sitemap-archive .panel-col { width: 700px !important; } /*.panels-flexible-row, .panels-flexible-column, .panel-flexible { width: 100% !important; }*/ /** * 8.BLOCKS */ .block, .view-recent-articles { background: #f2f2f2; padding: 4px; margin-bottom: 10px; /*margin-top: 7px;*/ } .block .heading, .block .heading-nobg, .block h2.title, .view-recent-articles .heading { margin: 0 0 5px 0; background-repeat: no-repeat; } .block .heading .title, .block .heading-nobg .title, .block h2.title, .view-recent-articles .heading .title { color: #fff; text-transform: uppercase; font-size: 1.1667em; font-weight: bold; padding: 10px; } .block h2.title a, .block h2.title a:hover { color: #fff; text-decoration: none; } .block .view-recent-articles { padding: 0px; margin-top: 0px; background: transparent; } .block .imagecache-nodeblock_thumb { float: left; margin-right: 5px; } .nodeblock .heading h1.title { margin: 0 0 5px 0; padding-right: 7px; } .nodeblock p { font-size: 0.9167em; word-wrap: break-word; } .nodeblock .hasImage p { /*margin-left: 112px;*/ } /*.block .content { font-size: .9167em; }*/ .featured { background: #1a1a1a !important; color: #ccc; padding: 15px; /*margin-top: 10px;*/ } .featured table { margin-bottom: 0px !important; } .featured img { margin: 0px 12px 12px 0px; } .featured span.title { font-weight: bold; color: #fff; font-size: 1.100em; } .featured p { font-size: 0.9167em; margin: 15px 0px 0px; } .featured .view-content p { /*margin-left: 167px;*/ } .featured a , .featured a:visited { color: #57b0d7; } .featured h6 { margin: 0px; } .featured li.link { color: #57B0D7; font-size: 0.9167em; list-style-position: outside; padding: 5px 0px; margin-left: 15px; } .block-ad { background: #fff; text-align: center; } /* gallery block */ #gallery { margin-top: 10px; text-align: center; font-size: 0.9167em; } /* related links right */ h5.relatedlink { margin: 10px !important; text-decoration: underline; } /* PollDaddy Override */ .pds-box { background-color: #f2f2F2 !important; border: 0px none #C0C0C0;margin: 0px 0px 0px 0px;width: 220px; } .pds-question-top { font: normal normal bold 11px/14px Arial; color: #333333; border: 0px none #000000; background-color: Transparent; margin: 0px 0px 10px 0px;padding: 0px 0px 0px 0px; } .pds-answer { font: normal normal normal 11px/24px Arial; color: #333; background-color: Transparent; border: 0px none #FFFFFF;margin: 0px 0px 0px 0px;padding: 0px 0px 0px 0px; } .pds-textfield { font: normal normal normal 11px/12px Arial; color: #333333; background-color: #FFFFFF; border: 1px solid #999999;margin: 1px 1px 15px 1px;padding: 1px 5px 1px 1px;width: 210px; } .pds-answer-feedback { background-color: #F2f2f2; border: 0px none #999999;padding: 1px 1px 1px 1px;margin: 0px 0px 0px 0px; } .pds-answer-feedback-bar { background-color: #909090; border: 0px solid #999999;padding: 0px 0px 0px 0px;margin: 3px 3px 3px 3px; } .pds-totalvotes-inner { font: normal normal bold 11px/14px Arial; color: #333333; background-color: #F0F0F0; border: 0px solid #F0F0F0;padding: 2px 2px 2px 2px; } .pds-vote { color:#C3C4C7; font-size:9px; line-height:17px; padding:15px 0px 10px; } .pds-vote a { color: #333; font-size:9px !important; padding:2px 0px; text-decoration:none; } input.pds-votebutton { background:transparent url(http://s3.polldaddy.com/images/pdsimple-votebutton.gif) no-repeat scroll 0%; float:right; height:21px; margin:0px 0px 10px; outline-color:invert; outline-style:none; outline-width:medium; width:55px; } .pds-box {color:#333333;font-family:Verdana,Arial,Helvetica,sans-serif;text-align:left;} .pds-answer-feedback-bar{height:12px;} .pds-totalvotes-inner{margin:0px 0px 15px;} input.pds-votebutton-pack{float: right;font-size: 10px;} /* poll */ #poll.block .heading { background-image: url(images/block/heading_sm_blue.gif) !important; } .pds-vote a { border: none !important; } .pds-radiobutton { margin-right: 5px; } #yo_philly { padding-bottom: 20px; margin-right: 5px; } #yo_philly .heading { background-image: url(images/block/heading_med_black.gif) !important; } #yo_philly .title a { display: none; } #yo_philly p { font-size: .9167em; margin-left: 108px; } #featured_blogs .heading { background-image: url(images/block/heading_med_beige.gif) !important; } #featured_blogs .title { height: 14px; } #featured_blogs .title a { color: #d5d1a9; text-decoration: underline; font-size: 11px; text-transform: none; /*margin-left: 17px;*/ float: right; margin-right: 5px; } #featured_blogs .view-content { font-size: 0.9167em; } #featured_blogs_copy { font-size: 0.9167em; float:left;width:145px;padding-left:15px;padding-right:20px;border-right:1px solid #ccc; margin: 10px 10px 10px 0px; } #featured_blogs ul { margin: 10px 0px; margin-left: 190px; padding: 0; } #featured_blogs ul li { list-style-type: none; margin-left: 0px; } .home #featured_blogs ul { border-top: solid 1px #ccc; list-style-type: none; padding: 3px 0px; } .home #featured_blogs ul li { padding: 8px 5px; color: #666666; } .home #featured_blogs ul li.alt { background: #e7e3df; } .home #featured_blogs ul li a { font-size: 1em; } #send_comments {background:url(images/block/send_comments_box_bg.gif) no-repeat; padding: 0px 5px 0px 0px; padding-left:90px; height: 152px;} #send_comments .heading { background: none !important; } #send_comments .title { color:#999; padding-left: 0px; } #send_comments p { /*width:256px;*/ font-size: 0.9167em;} /*.send_comments_331 #send_comments { background-image: url(images/block/send_comments_box_331.gif); }*/ /*.send_comments_331 #send_comments p { width: 235px; }*/ #teams .heading { background-image: url(images/block/heading_lg_gray.gif) !important; } #teams .title a { margin-left: 132px; } #teams .teamname { margin-bottom:15px;} #teams .teamname div { color:#585858; padding:1px; text-transform: uppercase; background-color:#f2f2f2; font-weight:bold; margin-bottom:1px; font-size:11px;} #teams .teamname p { margin-left:5px; padding:0px; text-transform: none;} #sports_home #mini-panel-sports_feeds_mini .panel-col, #sports_home #mini-panel-sports_feeds_mini .panel-pane{ width: 414px !important; margin-left: 0; } #mini-panel-sports_feeds_mini .panel-col .heading{ /*margin-left: -5px !important;*/ } #user-login-form .item-list ul li { background: none; padding: 0; } #search-block-form .form-text { width: 8em; } #edit-search-theme-form-1 { margin-top: 4px; } #edit-submit { vertical-align: top; } #search-block-form input.form-submit { font-size: .9em; width: 5em; padding: 0; } /** * 9.FOOTER */ #footer { padding: 5px 0; /*position: absolute;*/ bottom: 0px; color: #716558; font-size: .8333em; height: 15px; } #footer ul.links { float: left; margin-right: 8px; } #footer a { color: #716558; } #footer a.feed-icon { position: absolute; right: 0; top: 5px; } /* Support Drupal */ #footer #block-system-0 { position: absolute; right: 25px; top: 6px; } /** * 10.CSS SUPPORT */ span.clear { clear: both; display: block; font-size: 0; height: 1px; line-height: 0; margin-bottom: -1px; } .clear { clear: both; } .clear-block { display: block; } .float-left { float: left; } .float-right { float: right; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .bold { font-weight: bold; } .italic { font-style: italic; } .underline { border-bottom: 1px solid; } .highlight { background: #ffc; } .wrap { width: 960px; margin: 0 auto; } .img-left { float: left; margin: 4px 10px 4px 0; } .img-right { float: right; margin: 4px 0 4px 10px; } .nopadding { padding: 0 } .noindent { margin-left: 0; padding-left: 0 } .nobullet { background: none; list-style: none; list-style-image: none; } div.hr { background: #777; height: 1px; margin: 10px 0px; } div.hr hr { display: none; } /** * 11.ADVANCED */ /* admin tab links */ #tabs-wrapper { border-bottom:1px solid #ccc; margin: .5em 0 1em; padding: 0; } ul.primary { border-bottom: 5px solid #eee; margin: 0; padding: .25em 0; } ul.primary li { background: none; border-top: 3px solid #ccc; margin: 0 .5em 0 0; padding: .25em 0; } ul.primary li.active { background: #eee; } ul.primary li:hover { background: #f5f5f5; } ul.secondary { background: #eee; border: none; margin: 0; padding: 0 1em; } ul.secondary li { background: none; border: none; display:inline; line-height: 2em; margin: 0 0 0 0; padding: 0 1em 0 0; } ul.primary li a, ul.primary li.active a, ul.primary li a:hover, ul.primary li a:visited { background: none; border: 0; margin: 0; padding: 0 1em; text-decoration: none; } ul.secondary li a, ul.secondary li a:visited { background: none; border: 0; margin: 0; padding: 0; text-decoration: none; } ul.secondary li.active a, ul.secondary li a:hover { text-decoration: underline; } ul.primary li.active a, ul.secondary li.active a { font-weight: 700; text-decoration: none; } /* admin styling */ div.admin, div.admin .left, div.admin .right, div.admin-panel, div.admin-panel .body, div.admin .expert-link { margin: 0; padding: 0; } div.admin .left { float: left; width: 48%; } div.admin .right { float: right; width: 48%; } div.admin-panel { background: none; padding: 1em; } body.admin .description { margin-bottom: 1.5em; } body.admin dl { margin: 0; } body.admin dt { font-weight: normal; } body.admin dd { color: #898989; font-size: .9167em; line-height: 1.5em; margin-bottom: .5em; } /* admin tables */ body.admin table { margin: 1em 0; width: 100%} body.admin thead th { border-bottom: 2px solid #ccc; font-weight: 700; padding:0 1em 0 0; } body.admin tbody { border-top: none; } body.admin td, body.admin th { padding: .3em .5em; vertical-align: middle; } body.admin tr.even, body.admin tr.odd { border: solid #ccc; border-width: 1px 0; } body.admin tr.odd, body.admin tr.info { background-color: #eee; } body.admin tr.even { background-color: #f5f5f5; } body.admin tr.drag { background-color: #fffff0; } body.admin tr.drag-previous { background-color: #ffd; } td.region, td.module, td.container, td.category { background-color: #ddd; border-bottom: 1px solid #ccc; border-top: 1em solid #fff; color: #666; font-weight: 700; } tr:first-child td.region, tr:first-child td.module, tr:first-child td.container, tr:first-child td.category { border-top-width: 0; } body.admin table.sticky-header { margin: 0 0 0 1px; } body.admin table.sticky-header th { padding-top: .5em; } span.form-required { color: #ffae00; } /* messages */ .messages { background-color: #fff; border: 1px solid #b8d3e5; } .messages, .preview { margin: .75em 0; padding: .5em 1em; } .messages ul { margin: 0; margin-left: 22px; } .preview { background-color: #fcfce8; border: 1px solid #e5e58f; } .preview .node { background-color: #fcfce8; } div.status { border-color: #c7f2c8; color: #33a333; } div.error, tr.error { background-color: #fcc; color: #a30000; } .form-item input.error, .form-item textarea.error { border: 1px solid #c52020; color: #363636; } .description { color: #666; font-size: .92em; line-height: 150%; margin-bottom: .75em; } /* status report */ table.system-status-report tr.error, table.system-status-report tr.error th { background-color: #fcc; border-color: #ebb; color: #200; } table.system-status-report tr.warning, table.system-status-report tr.warning th { background-color: #ffd; border-color: #eeb; } table.system-status-report tr.ok, table.system-status-report tr.ok th { background-color: #dfd; border-color: #beb; } table.system-status-report th { padding-bottom: 6px; padding-top: 6px; } table.system-status-report th, table.system-status-report tr.merge-up td { padding-left: 30px; } /* search page */ .box ul { padding-left: 18px; } fieldset.search-advanced { display: none; } /* site map */ #sitemap { } #sitemap ul { padding-left: 20px; } #sitemap ul.top { } #sitemap ul.sub { } #sitemap ul.top li { } #sitemap ul.sub li { } /* video player */ #video-demo .panel-col { float: left; width: 600px; margin-left: 5px; _margin-left: 2px; overflow: hidden;} .video-thumb { width: 125px; text-align: center; float: left; margin-top: 15px;} .video-thumb img { border: 1px solid #999; width: 100px; height: 75px;} .video { display: none; } .video object { border: 1px solid #999; } #video-1 { display: block; } #video-interface { background-color: #000; border: 2px solid #999; width: 500px; text-align: center; padding-top: 10px;} #video-link { margin-top: 10px; } #video-link a { color: #999; text-decoration: none; font-weight: bold; font-size: 16px;} .video-page-item { clear: both; height: 300px; width: 300px; } .video-page-item .video-page-item-vid { float: left; margin-right: 25px; } .video-page-item .video-page-item-title { font-size: 16px; } #emvideo-youtube-flash-wrapper-1 object {margin-bottom: 25px; } /* Submit Blog Content */ form#webform-client-form-4848 textarea { width: 450px; } form#webform-client-form-4848 div.resizable-textarea { clear:both; } /* Submit Video Content */ form#webform-client-form-4849 textarea { width: 450px; } form#webform-client-form-4849 div.resizable-textarea { clear:both; } /* Video List */ div.view-video-list div.views-row { float: left; width: 325px; margin-bottom: 50px; } /* User Profile */ h3.profile { margin: 0 0 10px 0; } div.facebookshare-box, div.tweetbutton { float: left; } div.facebookshare-box { padding-top: 11px; } div.tweetbutton { padding-top: 10px; } #TB_window { top: 20% !important; left: 50% !important; }