Skip to content

Instantly share code, notes, and snippets.

@sproutventure
Created November 4, 2009 17:01
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sproutventure/226212 to your computer and use it in GitHub Desktop.
Save sproutventure/226212 to your computer and use it in GitHub Desktop.
/*
...
------------------------------------ Style Index-----------------------------------------------
All Structural Changes @group Structure Changes
All Style and Type Changes @group Style and Typography
All Background Changes from default style @group Background Replacements
Custom Post Styles @group Custom Post Style
Flash Elements @group Flash
------------------------------------ Design -----------------------------------------------
Left Column ...................645px
Right Column ..................323px
Links Color (gray) ............#666
Links Color : hover ...........#000 + Underline
Links Color (red) .............#bb0216
Font Size .....................12pt
------------------------------------ // -----------------------------------------------
*/
/* @group
-------------------------------------------------------------------------------------------------------
Global: Header/Search/Nav/Footer
-------------------------------------------------------------------------------------------------------
*/
/*body {background: #E1E1E1 url(images/body-bg.jpg?cache=2009-06-30) no-repeat center 183px;}*/
/* @end */
/****************************/
/* @group Structure Changes */
/****************************/
/* Set the width for consitant gutters - normally 650px */
#left-col {
width: 645px;
overflow: hidden;
}
.single-post, #comments, #author-floor-wrap {
margin: 0 !important;
}
/* Set the margin for consitant gutters */
.widget {
margin-left: 4px;
}
.content_footer {
margin-bottom: 15px;
}
/* Set the margin since the widgets are different widths on this flavor */
.widget_sp_image-image {
margin: 7px;
}
.single-post {
padding: 10px;
}
#single-event .single-post {
padding: 10px;
}
.show-start_end {
width: 59px;
margin-left: 0;
}
#comment_content_footer {
display: none;
}
/* @end */
/*******************************/
/* @group Style and Typography */
/*******************************/
/*Changing link colors */
h2.title a:hover {
text-decoration: underline !important;
}
.meta h4 a, .post-category h3 a, span.moretext a {
color: #bb0216;
}
.archives-nav a {
font: bold 24px Arial;
color: #fff;
}
.archives-nav a:hover {
font: bold 24px Arial;
color: #ce1010;
}
.month-nav a {
color: #fff;
}
.month-nav a:hover {
color: #ce1010;
}
.author-links a {
color: #bb0216;
}
#author-floor span.dj-updates-rss a {
color: #bb0216;
}
/* Header link active state */
.active_link {
border: none;
background: #ce1010 url(images/navbg.gif) center center;
}
.active_link a:hover {
color: #fff !important;
}
/* Bullet divider color change */
.post-author-meta, .author-links {
color: #333;
}
.schedule-day a:visited, .schedule-day_bottom a:visited {color: #FFF;}
/* @end */
/*************************************************************/
/* @group Background Replacements specific to the WKYS Flavor */
/* The WKYS design doesn't have all of the same background
elements, display none is used to hide theme (ie. featured) */
/*************************************************************/
/*
body {
background: #000 url(images/background.jpg?cache=2009-06-30) no-repeat center 11px;
}
*/
body {background: #AAA url(images/body-bg.gif?cache=2009-07-06) no-repeat center 38px;}
/* Hiding the background behind the logo & nav */
#header {
background: none;
}
/* Since the background is part of the body background let's remove the default background */
#categories {
background: none;
}
/* Don't need the big horizontal stripe for this design
#content backgorund was used to create the shadow below the feature */
#featured, #content {
background: none;
}
/* Content Hat = daily pulse area and post head area */
.home #content-hat {
text-indent: -5000px;
border: none;
height: 46px;
margin-top: -2px; /* ie6 fix */
background: url(images/home_content-hat.png) no-repeat left top;
}
#content-hat {
margin-top: 0;
background-image: url(images/content-hat.png);
}
/* Use the default trasparancies from the Vanilla theme */
.search-result #content-hat {
background: url(../../images/content-hat_search.png) no-repeat 0 top;
}
/* Use the default trasparancies from the Vanilla theme */
.search-footer {
background: url(../../images/new-search_background-trans.png) no-repeat 0 top;
height: 90px;
}
#category-events #content-hat, #category-schedule #content-hat {
background: url(../../images/content-hat_events-trans.png) no-repeat 0 top;
}
#category-events #events-nav-bottom_wrap, #category-schedule #events-nav-bottom_wrap {
background: url(../../images/content-nav_events-trans.png) no-repeat 0 bottom;
}
#category-events .event-day {
background: url(../../images/new-search_background-trans.png) no-repeat 0 bottom;
}
#events-upcoming.active a, #events-past.active a, #events-month.active a, .schedule-day.active a {
background: url(../../images/event-arrow-trans.png) no-repeat center bottom;
}
#events-upcoming_bottom.active a, #events-past_bottom.active a, #events-month_bottom.active a, .bottom .schedule-day_bottom.active a {
background: url(../../images/event-arrow_bottom-trans.png) no-repeat center top;
}
.post {padding: 0 !important;}
.post, .single-post, #comments, #author-floor-wrap {
background: none;
background-color: #fff;
margin-left: 2px;
}
#respond {
background: none;
background-color: #fff;
}
.content_header {
display: none !important;
}
.content_footer {
background: none;
}
/* Next and Preview Links */
span.next_entries a, span.events_next_month a {
background: url(images/next.png) no-repeat right 5px;
color: #fff !important;
}
span.previous_entries a, span.events_previous_month a {
background: url(images/prev.png) no-repeat left 5px;
color: #fff !important;
}
span.next_entries a:hover, span.events_next_month a:hover {
background: url(images/next.png) no-repeat right -79px;
color: #ce1010 !important;
}
span.previous_entries a:hover, span.events_previous_month a:hover {
background: url(images/prev.png) no-repeat left -79px;
color: #ce1010 !important;
}
/* Comments Changes */
#comments_header {
background: #000 url(images/comment_header.png) no-repeat 0 0;
width: 625px;
height: 36px;
margin: 0;
border: none;
}
#comment-pagination {
background: #fff !important;
}
.comment-page-numbers .current, .comment-page-numbers a:hover {
padding: 5px;
background-color: #000;
color: #fff;
font-weight: bold;
}
/* Widget Styles */
#sidebar .widget {
background: none;
background-color: #fff;
}
#sidebar ul {
padding: 0;
}
#sidebar .widget li {
text-align: left !important;
}
#sidebar .widget-bottom, #sidebar .widget-top {
background: none;
}
h5.widgettitle {
margin: 0;
background: #000 url(images/widget_header_background.png) no-repeat;
}
span.featuredAuthorRSS a {
background: url(images/rss-light.gif) no-repeat left center;
padding-top: 3px;
padding-left: 20px;
color: #cd2027 !important;
}
/* Reverse the "See Full Schedule" buttons */
#sidebar .widget .highlight_more_link a {
background: url(../../images/see-full-schedule.png) no-repeat center -32px;
}
#sidebar .widget .highlight_more_link a:hover {
background: url(../../images/see-full-schedule.png) no-repeat center 0px;
}
#sidebar .widget .featuredAuthor {text-align: left !important;}
/* Footer Styles */
#footer {
/*background: url(images/footer_background.jpg) no-repeat center top;*/
background: transparent none;
}
#footer_cap {
background: none;
}
#carousel {
background: transparent url(images/carousel_checkout_text.png) no-repeat 20px 0;
}
/* Author Pages */
#author-floor span.dj-updates-rss {
background: url(images/rss-light.gif) no-repeat left top;
}
/* @end */
/* Custom Post Styles */
/* @group Custom Post Style */
.post-style_top {
display: inline;
}
.post-style_top img {
top: 0;
right: -1px;
z-index: 9999999;
position: absolute;
}
/* @end */
#DL_container{
padding:3px;
background:#000000;
}
#ITS_container{
padding:3px;
background:#000000;
}
/* Advertorial */
.advertorial .post, .advertorialdefault .post {background: none;}
/*
THEME NAME: Radio Template
...
------------------------------------ Style Index-----------------------------------------------
This Style Sheet is categorized in groups. @group prefixes the group name within a comment, and @end closes the group (Review lines 71-84 as an example).
@TOP Level
|_@SUB
|_@2nd SUB
|_ @group Typography - Location for all type rules: h1, a, p and blockquotes
|_ @group Misc. - Location for global typography styles: .extrasmall-.large and other basic selectors. These selectors are ignored in this template but made available for posts.
|_ @group Style - Location for global styles that are spread out across the theme. Most styles (or rule sets) are spread out across their respective site sections.
|_@group Structure - Local for all the structural selectors. This can be described as the site frame. !important: these selectors should be modified.
|_@group Header - Encompasses the header section, including navigation.
|_@group Navigation - Navigation id is #category
|_@group Black Planet Bar - Top bar of the page with login info
|_@group Featured - Featured Section below the navigation and above the content.
|_@group DJ Section - Featured section for the DJ/Author pages
|_@group Left Column - Rule sets for everything within the left column of the content area.
|_@group Content - Local for all everything within a post area.
|_@group Post Images - Image padding for image floats
|_@group Comments - Comments section below posts and events
|_@group List Header - Comment List Header
|_@group Post Ratings - Post Ratings styling (thumbs)
|_@group Comment List - List of Comments
|_@group Comment Form - Comment Form
|_@group Post Meta - Post information section. Includes the Posted by, Posted date, ect..
|_@group Events - Styles for the events category and single page
|_@group Author Floor - Footer section of posts with author information
|_@group Page - Single Pages styles (most styles for these pages are found in the above sections).
|_@group DJ Roster - DJ Roster / Featured Authors list
|_@group Custom Post Styles - Provides the display properties for the post style images pulled in from the theme template.
|_@group Sidebar / Right Column - Sidebar section
|_@group Widgets - Group contains all widget specific rules
|_@group Ads
|_@group Highlights
|_@group The Most
|_@group Sponsored Links
|_@group You Said it
|_@group Calendar
|_@group Recent/Most
|_@group Tag Cloud
|_@group Text Widget
|_@group Image Widget
|_@group Polls
|_@group Featured Author
|_@group Footer - Location for all Footer styles including carousal holder
|_@group Backgrounds Images
|_@group FLASH
|_@group Polldaddy - Polldaddy styles
|_@group Sidebar - Polldaddy styles for the sidebar
|_@group Content - Polldaddy styles for the content area
|_@group LSAP - Live Streaming Audio Player styles
------------------------------------ Design -----------------------------------------------
Background ....................#ccc
Left Column ...................650px
Right Column ..................323px
Links Color (gray) ............#666
Links Color : hover ...........#000 + Underline
Font Size .....................12pt
Common Colors:
...............................#000
...............................#333
...............................#666
...............................#999
...............................#fff
Common Sizes:
...............................12px
...............................18px
...............................24px
------------------------------------ // -----------------------------------------------
*/
body {
margin: 0;
padding: 0;
background: #ccc;
font: normal 0.75em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}
/* @group Reset */
/* MS Word CSS defense */
.MsoNormal {
margin: 0 0 15px !important;
text-indent: 0 !important;
}
.MsoNormal span, font {
font-size: inherit !important;
font-family: inherit !important;
color: inherit !important;
}
/* @end */
/* @group Typography */
h1 {
display: none;
}
.post-content h1 {
display: block;
float: none;
font: bold 2.00em Arial, Helvetica, sans-serif;
color: #999;
}
h1.comments-title {
margin: 0 0 0 160px;
padding: 15px 0 0 0;
display: block;
float: none;
color: #999;
}
h2 {
margin: 0;
padding: 0;
color: #000;
}
.post-content h2 {
font: bold 1.2em Arial, Helvetica, sans-serif;
color: #353535;
margin: 5px 0;
}
.compact_entry h2 {
font: bold 1.5em Arial, Helvetica, sans-serif;
color: #000;
}
.post-info {
font-weight: bold;
}
.compact_post_head h2.title {
float: left;
min-height: 28px;
width: 550px;
}
.compact_post_head .post-info {
display: block;
clear: left;
}
.compact_post_head .post-info a {
font-weight: bold;
}
.search .compact_post_head .post-info {
font-weight: normal;
font-style: normal;
}
.compact_post_head {
border-bottom: 1px dotted #000;
padding: 3px 3px 5px;
}
.compact_entry {
margin-top: 5px;
margin-bottom: 2px;
}
.post-content h2.title a {
color: #000;
text-decoration: none;
}
h2.featured {
padding: 8px 0 0 15px;
height: auto;
font: bold 28px Arial;
color: #fff;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
/*
Hiding "The Daily Pulse" text and box that appears above the loop on the homepage
Simply comment out or remove the single rule that appears after this comment to display
*/
.home #content-hat, .home h2.featured {display: none;}
h2.comments-title {
margin: 0 0 0 160px;
padding: 0 0 15px 0;
float: none;
font: .92em Arial, Helvetica, sans-serif;
color: #999;
display: none;
}
h2.gray {
margin: 0;
font-size: 1.75em;
}
h3 {
padding: 0;
font: bold 18px Arial, Helvetica, sans-serif;
color: #999;
margin: 0;
}
.post-content h3 {
font: 1.25em Arial, Helvetica, sans-serif;
color: #333;
margin: 5px 0;
}
.meta h3 {
font-size: 1.64em;
}
h4 {
font: 1.17em Arial, Helvetica, sans-serif;
color: #fff;
}
.post-content h4 {
font: bold 1.00em Arial, Helvetica, sans-serif;
color: #2c2c2c;
text-transform: uppercase;
margin: 5px 0;
}
h4.related-posts, h4.tags {
font: 1.27em Arial, Helvetica, sans-serif;
color: #fff;
}
#category-events .event-day h4 {
font-weight: bold;
color: #fff;
font-size: 15px;
}
h5 {
margin: 0 0 12px 2px;
padding: 5px 0 5px 10px;
font: bold 24px Arial;
color: #fff;
}
.post-content h5 {
color: #333;
margin: 5px 0;
padding: 0;
border: 0;
font: bold .9em Arial, Helvetica, sans-serif;
}
.post-content h6 {
font: bold 0.8em Arial, Helvetica, sans-serif;
color: #999;
margin: 5px 0;
padding: 0;
border: 0;
}
a:link, a:active, a:visited {
color: #666;
text-decoration: none;
}
h2 a:link, h2 a:active, h2 a:visited {
font: bold 25px Arial, Helvetica, sans-serif;
color: #000;
}
h2.featured, h2.featured a:link, h2.featured a:active, h2.featured a:visited {
font: bold 26px Arial, Helvetica, sans-serif;
color: #fff;
float: none !important;
}
h3 a:link, h3 a:active, h3 a:visited {
font: bold 18px Arial, Helvetica, sans-serif;
color: #999;
}
.excerpt a {
text-decoration: underline;
}
.post-content a {
text-decoration: underline;
color: #999;
font-weight: bold;
}
.post-content a:hover {
text-decoration: underline;
color: #000;
font-weight: bold;
}
#author-default #featured-left a {
color: #fff;
}
#pages-list li a {
font: normal 0.94em Arial, Helvetica, sans-serif;
color: #666;
}
#category-list li a {
font: normal 1em Verdana, Arial, Helvetica, sans-serif;
color: #666;
}
#category-list li.active a {
font: bold 1em Verdana, Arial, Helvetica, sans-serif;
color: #666;
}
.related_posts li a, .meta a {
font: 0.92em Arial, Helvetica, sans-serif;
color: #000;
}
#sidebar a, #sidebar {
color: #000;
line-height: 145%;
font-weight: bold;
}
.recentcomments a {
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
#pages-list li a:hover {
color: #000;
}
#category-list li a:hover {
text-decoration: none;
color: #000;
}
.meta a:hover {
color: #000;
}
.moretext {
font-size: 12px;
color: #666;
font-weight: bold;
text-decoration: underline;
}
.archives-nav a {
font: bold 24px Arial;
color: #000;
}
.archives-nav a:hover {
font: bold 24px Arial;
color: #666;
}
.post-author-meta {
font-weight: bold;
color: #666;
}
.post-author-meta a:hover {
color: #000;
text-decoration: none;
}
blockquote p {
margin: 0 !important;
}
blockquote a {
font-weight: bold;
color: #111;
text-decoration: underline;
}
/* @group Misc. */
.extrasmall {
font-size: 0.72em;
}
.small {
font-size: 0.92em;
}
.medium {
font-size: 1.08em;
}
.large {
font-size: 1.33em;
}
.bold {
font-weight: bold;
}
.caption {
font-style: italic;
}
.block {
display: block;
}
.inline {
display: inline;
}
.textright {
text-align: right;
}
/* @end */
/* @end */
/* @group Style */
img {
border: 0;
}
blockquote {
margin: 0;
padding: 15px 15px 15px 25px;
background: #eee url(images/blockquote.png) no-repeat 5px 11px;
border: 1px solid #ccc;
clear: both;
}
.stats-comments a {
color: #666;
font-size: 14px;
font-weight: bold;
}
.stats-comments a:hover {
color: #000;
text-decoration: none;
}
#search-result_info {
color: #fff;
font-size: 14px;
font-weight: bold;
padding-left: 15px;
}
#search-result_info strong, #search-result_info strong a {
color: #ccc;
}
span.search-query {
color: #666;
}
.meta {
font-weight: bold;
color: #000;
font-size: 12px;
}
.meta p.meta_date {
font-size: 11px;
}
.meta h4 {
margin: 0;
}
.meta h4 a {
color: #666;
font: bold 16px Arial;
}
.meta p {
margin: 0 0 3px;
}
.meta img {
padding-bottom: 5px;
}
.post-content p {
line-height: 16px;
margin: 0 0 15px;
font-size: 12px;
color: #333;
}
.advertorial_content p {
margin: 0;
}
.post-content ul, .post-content ol {
padding: 0;
margin: 0px;
}
.post-content ul ul, .post-content ol ol {
margin-left: 20px;
}
.post-content li {
list-style-position: inside;
margin: 4px 4px 4px 2px;
color: #666;
font-weight: bold;
font-size: .9em;
}
.post-content li li {
background-color: #f7f7f7;
padding: 5px;
}
.previous-next-link_entry {
font-weight: bold;
}
#next-link_entry {
border-left: 1px solid #000;
margin-left: 5px;
padding-left: 5px;
}
.comment-content {
font-family: Arial, Helvetica, sans-serif;
}
.comment-content p {
line-height: 135%;
}
#footer, a.ionethemes-link:link, a.ionethemes-link:active, a.ionethemes-link:visited {
font: normal 0.92em Arial, Helvetica, sans-serif;
color: #a7a1a1;
}
.textfield {
color: #b2b5b6;
font: .92em Arial, Helvetica, sans-serif;
}
#post-floor {
border-top: 1px dotted #666;
color: #323232;
clear: both;
width: 621px;
}
#post-floor_left {
font-weight: bold;
width: 340px;
padding-top: 10px;
float: left;
clear: both;
}
#post-floor_right {
font-weight: bold;
float: right;
width: 270px;
}
#post-floor_left ul, #post-floor_left li {
margin: 0;
color: #666;
list-style-type: disc;
padding-left: 2px;
}
#post-floor_right .sociable {
margin-top: 10px;
}
#post-floor_right .sociable_tagline {
margin-bottom: 5px;
}
/*
#post-floor_left span#post-tags {
background: url(images/tag.png) no-repeat left center;
padding-left: 25px;
line-height: 15px;
}
*/
span.nav-slash {
font: 24px Arial;
padding-left: 7px;
padding-right: 10px;
color: #999;
}
span.next_entries a {
background: url(images/next.png) no-repeat right -78px;
padding-right: 17px;
text-transform: uppercase;
}
span.previous_entries a {
background: url(images/prev.png) no-repeat left -78px;
padding-left: 17px;
text-transform: uppercase;
}
span.next_entries a:hover {
background: url(images/next.png) no-repeat right 6px;
padding-right: 17px;
text-decoration: none;
}
span.previous_entries a:hover {
background: url(images/prev.png) no-repeat left 6px;
padding-left: 17px;
text-decoration: none;
}
a.bp-profile-link {
background: url(images/bp-profile-icon-trans.gif) no-repeat left top;
padding-left: 22px;
}
.on-air a.bp-profile-link {
background: url(images/bp-profile-icon-white-on-black-trans.gif) no-repeat left top;
padding-left: 22px;
}
/* @end
*/
/* @group Structure */
.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%;
}
.container {
margin: 0 auto;
padding: 0;
width: 980px;
height: auto;
}
.column {
display: block;
float: left;
clear: right;
}
#pages-top {
margin: 0;
padding: 8px 0;
width: auto;
height: auto;
}
#header {
margin: 4px 0 0;
padding: 0;
width: auto;
height: auto;
}
#header .container {
height: 120px;
}
#featured {
margin: 0;
padding: 0;
width: auto;
height: 285px;
}
#featured-author {
padding: 0;
width: 650px;
float: left;
overflow: hidden !important;
margin: 15px 0;
}
#content {
margin: 0;
padding: 15px 0 0;
width: auto;
height: auto;
clear: both;
}
#left-col {
margin: 0;
padding: 0;
width: 650px;
height: auto;
float: left;
overflow: hidden !important;
}
#right-col {
margin: 0;
padding: 0;
width: 323px;
height: auto;
float: right;
overflow: hidden !important;
}
.post {
position: relative;
}
.meta {
width: 160px;
}
.post-content {
overflow: hidden;
margin: 10px 2px;
}
.event .post-content {
margin: 0;
}
.post-list .post-content {
padding: 5px 10px 10px;
margin: 0;
}
.archives-nav {
text-align: right;
padding: 0 10px 10px 0;
}
.float-right {
float: right;
clear: right;
}
.float-left {
float: left;
clear: left;
}
/*
@end */
/* @group Header */
#header {
background: #fff;
}
#header-logo {
margin-top: 5px;
margin-bottom: 5px;
width: 220px;
float: left;
padding-left: 15px;
}
#header-ad {
background-color: #000;
width: 730px;
height: 90px;
float: right;
margin-top: 10px;
margin-bottom: 10px;
}
/* @group Navigation */
/* @group Drop Down Sub nav */
/* functionality removed */
.sf-menu, .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
z-index: 9999;
}
.sf-menu {
line-height: 1.0;
}
.sf-menu ul {
position: absolute;
top: -999em;
width: 10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
width: 100%;
}
.sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
float: left;
position: relative;
}
.sf-menu a {
display: block;
position: relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
left: 0;
top: 2.3em; /* match top ul list item height */
z-index: 99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
top: -999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
left: 10em; /* match ul width */
top: 0;
}
.sf-menu {
}
.sf-menu a {
}
.sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
}
.sf-menu li {
}
.sf-menu li li {
background: #000;
}
.sf-menu li li li {
background: #111;
}
.sf-menu li li:hover, .sf-menu li li.sfHover {
}
/* @end */
#categories {
background: #000 url(images/nav_background.png) repeat-x;
}
#category-list {
position: relative;
}
#category-list ul {
margin: 0;
padding: 0;
font-size: 15px;
}
#category-list li {
float: left;
list-style: none;
}
#category-list li a {
padding: 8px 16px 9px;
display: inline-block;
color: #fff;
font-weight: bold;
font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}
#category-list li a:hover {
color: #666;
}
.active_link {
background: #000 url(images/nav_background-active.png) repeat-x;
color: #fff;
border-right: 1px solid #3f4246;
border-left: 1px solid #3f4246;
}
#header_search {
width: 300px;
position: absolute;
right: 0;
}
.search-form {
margin: 0;
padding: 0;
height: 33px;
}
.search-box {
background: #fff url(images/search-glass.gif) no-repeat 6px 3px;
color: #666;
margin-top: 7px;
border: 1px solid #9c9c9c;
float: left;
font-size: 12px;
padding: 4px 0 3px 30px;
width: 190px;
}
#header_search .search-box {
background: #fff url(images/search_background.png) no-repeat 0 0;
border: none;
}
.search-button {
color: #fff;
font: bold 12px Arial;
text-transform: uppercase;
float: right;
background: #111;
border: 1px solid #383838;
margin-top: 6px;
padding-top: 3px;
margin-bottom: 7px;
padding-bottom: 3px;
}
.search-button:hover {
color: #333;
}
/* @end */
/* @group Black Planet Bar */
#tophat {
height:30px;
color:#737373;
background:#FFF none;
width:100%;
border-bottom: 1px solid #CCC;
}
.tophat_content {
width:980px;
margin:0px auto;
font: normal 11px/23px arial, helvetica, sans-serif;
overflow: hidden;
}
.tophat_content a {
color:#737373 !important;
display:block;
font-weight:bold;
text-decoration:none;
font-size:10px;
font-weight:bold;
text-decoration:none;
}
.tophat_content a:hover {color:#AE0082 !important;}
.onone_top_logo {
height:30px;
width:500px;
float:left;
}
.onone_top_logo p {
display:block;
float:left;
}
#tophat .tophat_content .onone_top_logo .top_logo_left {margin: 6px 8px; padding: 0 !important;}
.top_logo_right {margin:8px;}
.onone_top_logo a {
background:url('images/tophat_bp-univ_logo.gif') 0 -22px no-repeat !important;
width:131px;
height:22px;
display:block;
text-indent:-999em;
overflow:hidden;
}
.onone_top_logo a:hover {
background:url('images/tophat_bp-univ_logo.gif') 0 0 no-repeat !important;
width:131px;
height:22px;
display:block;
text-indent:-999em;
overflow:hidden;
padding:0;
}
.blackPlanet {
padding-top:1px;
margin:3px 1px;
}
.logInOut {float:right; padding-top: 4px;}
.logInOut ul {
list-style-type:none;
margin:0;
padding:0;
}
.logInOut ul li {
float:left;
padding:0 6px 0 8px;
background:transparent url(images/tophat_li_dot.gif) no-repeat scroll -7px 2px;
}
.logInOut ul li.bp_name_link,
.logInOut ul li.loginLink,
.logInOut ul li.welcome
{background: none;}
.bp_login_link, .logInOut a {
color:#737373;
display: inline;
font-size:10px;
font-weight:bold;
text-decoration:none;
}
.logInOut a:hover {color:#000 !important; text-decoration: none;}
.bp_name_link a:link, .bp_name_link a:active, .bp_name_link a:visited {color: #000; font-weight: bold;}
.bp_name_link a:hover {cursor: default; color: #000;}
.bp_profile_link {display: none;}
.bp_profile_link a {
background: url(images/tophat_icon_bp_profile.gif) left top no-repeat !important;
padding-left: 24px;
height: 17px;
}
.bp_profile_link a:hover {
background: url(images/tophat_icon_bp_profile.gif) left -17px no-repeat !important;
padding-left: 24px;
}
.bp_login_link a {display: inline;}
.bp_signup_link {padding-right:0 !important;}
.thumbsup {
vertical-align: middle;
margin-top: -4px;
padding-right: 5px;
}
/* @end */
/* @end */
/* @group Featured */
#featured {
background: #000 url(images/feature_background.png) repeat-x;
}
#featured-left {
float: left;
margin: 15px 0;
}
#featured-author #featured-left {
margin: 0;
}
#featured-left_header, #featured-left_footer {
display: none;
}
#featured-sponsor, #featured-right {
margin-top: 15px;
float: right;
}
/* @group DJ Section */
#author-default #featured-left {
float: left;
width: 620px;
border: 3px solid #fff;
padding: 10px;
color: #fff;
font-weight: bold;
background-color: #000;
}
#featured-sponsor {
background-color: #000;
}
#featured-sponsor .dj-sponsor_large {
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
}
#featured-sponsor #official-sponsor {
display: block;
clear: left;
color: #888;
margin-left: 10px;
padding-bottom: 5px;
padding-top: 3px;
font-weight: bold;
}
#featured-author_header {
border-bottom: 1px dotted #fff;
padding-bottom: 10px;
height: 25px;
}
#featured-author-title h2 {
float: left;
color: #fff;
font-size: 26px;
}
#featured-left .featured-author-links {
float: right;
height: 18px;
padding-top: 12px;
}
#featured-left .featured-author-links a {
padding-right: 4px;
padding-left: 4px;
}
#featured-left .dj-updates-rss {
background: url(images/rss.png) no-repeat;
margin: 0 0 0 3px;
padding: 3px 0 3px 22px !important;
}
#featured-left .featured-author-links a.bp-profile-link {
background: url(images/bp-profile-icon-white.gif) no-repeat left center;
padding: 2px 0 0 24px !important;
}
#featured-author-meta {
width: 160px;
float: left;
margin-top: 10px;
}
#featured-author-bio {
float: right;
width: 450px;
color: #989898;
font-weight: normal;
font-style: normal;
margin-top: 10px;
}
#featured-author-bio p {
margin: 0;
padding-bottom: 10px;
}
span#back-to-dj-list {
float: right;
color: #fff;
font-weight: bold;
background: url(images/arrow-left-black.png) no-repeat left center;
padding-left: 10px;
margin-top: -5px;
clear: both;
width: 90px;
}
#featured-left #featured-author-meta span {
clear: left;
display: block;
padding-top: 5px;
}
#featured-left .author-schedule p {
margin: 0;
padding: 0;
}
/* @end */
/* @end */
/* @group Left Column */
/* @group Content */
#content {
background: url(images/content_background_header.png) repeat-x 0 top;
}
.search-footer h2.featured {
padding-bottom: 0;
}
#content-hat {
background: url(images/content-hat.png) no-repeat 0 bottom;
height: auto;
margin-bottom: 5px;
padding-bottom: 15px;
}
.search-result h2.featured {
padding: 10px 0 6px 15px;
}
.search-result #content-hat {
background: url(images/content-hat_search.gif) no-repeat 0 top;
height: 85px;
padding-bottom: 0px;
}
.post, .single-post {
background: url(images/content_background.gif) repeat-y;
overflow: hidden;
}
#comments, #respond, #author-floor-wrap {
background: url(images/content_background.gif) repeat-y;
}
.content_header {
background: url(images/content_header.gif) no-repeat;
height: 2px;
}
.content_footer {
height: 2px;
margin-bottom: 10px;
background: url(images/content_footer.gif) no-repeat;
}
h2.featured, h2.featured a:link, h2.featured a:active, h2.featured a:visited {
padding: 10px 10px 10px 15px;
}
.compact.post {
padding: 5px 10px !important;
min-height:100px;
/* Min-Height Hack for IE */
height:auto !important;
height:100px;
}
.compact.post.four04 {
min-height:50px;
/* Min-Height Hack for IE */
height:auto !important;
height:50px;
}
.single-post {
padding: 5px 10px;
margin: 0;
}
#single-event .single-post {
padding: 10px 15px;
}
.post-thumb, .default-post-thumb, .compact-post-thumb {
float: left;
margin-bottom: 10px;
margin-right: 10px;
max-width: 200px !important;
}
.post-content img.post-thumb {
border: 1px solid #8c8c8c;
}
.event .post-thumb {
float: left;
margin: 0 10px 10px 0;
}
.compact-post-thumb {
padding-top: 2px;
}
.previous-next-link_entry, .month-nav {
float: right;
margin: 0 5px 10px 0;
}
.search-footer {
background: url(images/new-search_background.gif) no-repeat;
height: 90px;
}
.search-footer #searchform {
width: 625px;
padding-left: 12px;
}
.search-footer .search-box {
width: 520px;
height: 13px;
margin-top: 6px;
}
.post-content .post-category {
height: 24px;
}
.post-list .post-category h3 a {
float: left;
text-decoration: none !important;
}
.stats-comments a {
text-align: center;
margin-right: 3px;
text-decoration: none;
}
.stats-comments {
float: right;
padding: 5px 5px 10px 8px;
}
span.comments-bubble {
background: url(images/comment-bubble.png) no-repeat left top;
padding: 2px 5px 10px 8px;
}
span.stats-comments_close {
background: url(images/comment-bubble_close.png) no-repeat 0 top;
padding-bottom: 7px;
padding-top: 2px;
}
.post-list, .post-list-last {
margin: 0;
padding: 0;
list-style: none;
}
.post-content span.moretext {
margin: 2px 0 0;
padding: 0;
}
.img-border {
padding: 2px;
border: 1px solid #c2c2c2;
}
/* @end */
/* @group Image Resizer Max-Heights */
/*
Since most images within the template are resized at a particular width we need to specify the max-height otherwise we may see a skyscraper image (100x600) within a location that only accomodates 100x100.
Max widths and heights rules for IE6 are specified within css/ltie7.css.
*/
.post-author-image, .post-thumb, .featured-author-image {
max-height: 100px;
}
.compact-post-thumb, .featuredAuthorImage {
max-height:75px;
}
.default-post-thumb {
max-height:150px;
}
.dj-sponsor_small {
max-height:60px;
}
.featured-author-image-large {
max-height:160px;
}
img.dj-sponsor_large {
max-height:220px;
}
/* @end */
/* @group Post Images */
.single-post .post-content img {
max-width: 620px !important;
}
.advertorial_content img {
max-width: 650px !important;
}
img.alignright {
margin: 0px 0px 10px 10px;
float: right;
}
img.alignleft {
margin: 0px 10px 10px 0px;
float: left;
}
img.alignnone {
margin: 10px;
}
.aligncenter, .advertorial_content img.aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
float: none;
}
.alignright, .advertorial_content img.alignright {
float: right;
margin: 0px 0px 10px 10px;
}
.alignleft, .advertorial_content img.alignleft {
float: left;
margin: 0px 10px 10px 0px;
}
.advertorial_content img.aligncenter{
margin: 0 auto;
padding: 0;
}
.advertorial_content img.alignright, .advertorial_content img.alignleft {
margin: 0;
padding: 0;
}
.wp-caption {
border: 1px solid #ddd;
background-color: #eee;
padding: 0;
margin: 0;
}
.single-post .wp-caption {
max-width: 620px;
}
.wp-caption img {
margin: 0px 0px 5px 0px;
padding: 5px;
border: 0px;
}
.wp-caption p.wp-caption-text {
margin: 0px !important;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: normal;
line-height: 12px;
text-align: center;
}
/* @end */
/* @group Comments */
/* @group List Header */
#comment_content_header {
display: none;
}
#comments_header {
background: #000;
border-left: 1px solid #b4b4b4;
border-right: 1px solid #b4b4b4;
color: #fff;
font-size: 23px;
font-weight: bold;
margin: 0 1px;
height: 35px;
padding: 10px;
width: 624px;
}
#respond_header {
height: 19px;
padding: 0 5px 10px;
}
#comments_header .post-ratings {
float: right;
width: 350px;
height: 30px;
padding: 4px 0 10px;
text-align: right;
}
.comments-bubble_wrap {
float: left;
padding-bottom: 10px;
padding-top: 2px;
}
span.comments-list-bubble {
color: #000;
font-size: 20px;
}
span.comments-list-bubble {
background: url(images/comments-list-bubble.png) no-repeat 0 0;
padding: 3px 8px 10px 12px;
}
span.comments-list-bubble_close {
background: url(images/comments-bubble_close.png) no-repeat 0 0;
width: 2px;
font-size: 20px;
padding: 3px 0 10px;
}
/* @group Post Ratings */
.post-ratings #good-read {
margin-right: 10px;
}
span.ratings-up, span.ratings-down {
cursor: pointer;
color: #fff;
font-size: 16px;
line-height: 30px;
}
span.ratings-up {
background: url(images/ratings-thumbs.png) no-repeat left top;
padding: 5px 0 2px 28px;
margin: 0 5px 0 0;
}
span.ratings-down {
background: url(images/ratings-thumbs.png) no-repeat -126px top;
padding: 5px 0 2px 28px;
margin: 0 5px 0 0;
}
span.ratings-up:hover {
background: url(images/ratings-thumbs.png) no-repeat 0 -26px;
text-decoration: none;
padding: 5px 0 2px 28px;
margin: 0 5px 0 0;
}
span.ratings-down:hover {
background: url(images/ratings-thumbs.png) no-repeat -126px -26px;
text-decoration: none;
padding: 5px 0 2px 28px;
margin: 0 5px 0 0;
}
/* @end */
/* @end */
/* @group Comment List */
#comment-list {
list-style-type: none;
padding: 0;
margin: 0 0 45px;
}
#comment-list ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#comment-list .comment {
padding: 10px 5px 5px 10px;
border-bottom: 1px dotted #666;
margin-left: 2px;
margin-right: 4px;
}
#comment-list .comment.alt {
background: #f5f5f5;
}
#comments .comments_left {
width: 90px;
float: left;
}
.comment_img {
padding-bottom: 5px;
}
.timestamp {
clear: left;
display: block;
}
#comments .comments_left a {
font-weight: bold;
}
#comments .comments_right {
color: #333;
float: right;
display: block;
width: 530px;
}
.comments_right p {
margin: 0 0 10px;
overflow:hidden;
}
#commentform {
margin-bottom: 0;
}
.comment-page-numbers {
float: right;
margin: 10px 15px 10px 0;
padding: 5px 0;
}
.comment-page-numbers a {
padding: 5px;
background-color: #ccc;
color: #000;
font-weight: bold;
}
.comment-page-numbers .current, .comment-page-numbers a:hover {
padding: 5px;
background-color: #000;
color: #fff;
font-weight: bold;
}
.comment-page-numbers a.previous-comment-page {
text-indent: 32px;
color: #fff;
background: url(images/pagination-arrows.gif) -2px 2px;
text-decoration: none;
}
.comment-page-numbers a.next-comment-page {
text-indent: 32px;
color: #fff;
background: url(images/pagination-arrows.gif) -22px 2px;
text-decoration: none;
}
/* @end */
/* @group Comment Form */
#respond {
padding: 10px 12px 10px 10px;
}
#respond_header {
height: 20px;
padding: 0;
margin-bottom: 5px;
}
.respond-title {
font: bold 1.50em Arial, Helvetica, sans-serif;
color: #000;
}
#respond #comment-login {
float: right;
font-weight: bold;
padding: 2px 2px 5px 0;
}
#respond #comment-login .account-name {
color: #666;
}
#login-req {
padding: 70px;
background-color: #f7f7f7;
border: 1px solid #838383;
font-size: 15px;
text-align: center;
font-weight: bold;
margin: 0;
}
#commentform textarea {
background-color: #f7f7f7;
border: 1px solid #838383;
font-size: 15px;
width: 100%;
}
#commentform #submit {
background: url(images/comment-submit.png) no-repeat right top;
width: 145px;
height: 44px;
margin-top: 5px;
margin-left: 480px;
margin-bottom: 0;
border-style: none;
text-indent: -9000px;
display: block;
cursor: pointer;
overflow: hidden;
font-size: 1px; /* since IE6 doesn't behave */
}
#commentform #submit:hover {
background: url(images/comment-submit.png) no-repeat right -44px;
}
/* @end */
/* @end */
/* @group Post Meta */
.meta {
background: url(images/post-meta.gif) repeat;
float: left;
margin-left: 3px;
padding: 10px;
/*
Here's a little trick to make sure the section has
a background to the bottom of the parent div
*/
padding-bottom: 2010px;
overflow: hidden;
/* X + padding-bottom */
margin-bottom: -2000px;
}
.sponsored-by {
font-size: 12px;
color: #000;
float: left;
padding-top: 40px;
}
.on_air_schedule {
font-weight: normal;
font-style: normal;
}
.ione-schedule-dj-timeslots td {
padding:0;
}
td.ione-schedule-dj-timeslot-startday {
white-space:nowrap;
padding-right:4px;
}
.author-meta {
padding-bottom: 5px;
padding-top: 7px;
}
.author-meta a {
color: #666;
font: bold 12px Arial;
}
.author-image {
max-width: 155px;
max-height: 100px;
overflow: hidden;
}
/* @end */
/* @group Events and Schedule */
/* @group Events and Schedule Navigation */
#category-events #content-hat, #category-schedule #content-hat {
background: url(images/content-hat_events.png) no-repeat left top;
height: 100px;
padding-bottom: 0;
}
#category-events #events-nav-bottom_wrap, #category-schedule #events-nav-bottom_wrap {
background: url(images/content-nav_events.png) no-repeat left bottom;
height: 52px;
clear: both;
}
#category-events h2.featured, #category-schedule h2.featured{
margin-bottom: 0px;
padding-bottom: 7px;
}
/* nav links */
#category-events .events-nav-links, #category-schedule .events-nav-links {
float: left;
height: 35px;
padding-bottom: 15px;
line-height: 38px;
}
#category-events .bottom .events-nav-links, #category-schedule .bottom .events-nav-links {
float: left;
height: 35px;
padding: 12px 0 2px;
}
#events-upcoming a, #events-past a, #events-upcoming_bottom a, #events-past_bottom a, .schedule-day a, .schedule-day_bottom a {
color: #fff;
font-weight: bold;
font-size: 14px;
margin: 0 0 0 2px;
padding: 10px;
}
/* end nav links */
/* active states */
#events-upcoming.active a, #events-past.active a, #events-month.active a, .schedule-day.active a {
background: url(images/event-arrow.png) center bottom;
padding-bottom: 20px;
}
#events-upcoming_bottom.active a, #events-past_bottom.active a, #events-month_bottom.active a, .bottom .schedule-day_bottom.active a {
background: url(images/event-arrow_bottom.png) center top;
}
#events-upcoming.active a, #events-past.active a, #events-month.active a, #events-upcoming_bottom.active a, #events-past_bottom.active a, #events-month_bottom.active a, .schedule-day_bottom.active a, .schedule-day.active a {
color: #fff;
font-weight: bold;
font-size: 14px;
margin: 0 0 0 2px;
line-height: 38px;
text-decoration: none;
}
/* end active states */
/* Reset padding for bottom nav */
#events-upcoming_bottom.active a, #events-past_bottom.active a, #events-month_bottom.active a, .schedule-day_bottom.active a {
padding: 21px 10px 10px !important;
}
#events-upcoming a, #events-past a, #events-month a, .schedule-day a {
padding: 10px;
}
/* end reset */
span.events_next_month a {
background: url(images/next.png) no-repeat right -78px;
padding: 5px 17px 5px 5px;
}
span.events_previous_month a {
background: url(images/prev.png) no-repeat left -78px;
padding: 5px 5px 5px 17px;
}
span.events_next_month a:hover {
background: url(images/next.png) no-repeat right 6px;
text-decoration: none;
padding: 5px 17px 5px 5px;
}
span.events_previous_month a:hover {
background: url(images/prev.png) no-repeat left 6px;
text-decoration: none;
padding: 5px 5px 5px 17px;
}
.month-nav .events_previous_month a, .month-nav .events_next_month a {
color: #000;
font: bold 16px Arial;
}
.month-nav a:hover {
color: #666;
}
#category-events .events-datepicker {
float: right;
margin-right: 16px;
padding: 10px;
color: #fff;
font-weight: bold;
}
#category-events .bottom .events-datepicker {
padding-top: 20px;
}
#category-events .datepicker {
width: 18px;
height: 18px;
border: none;
background: url(images/calendar.png) no-repeat 0 0;
cursor: pointer;
}
#category-events .datepicker:hover {
background: url(images/calendar.png) no-repeat 0 -22px;
}
.ui-datepicker {
z-index: 9999999 !important;
}
/* @end */
#category-events .event-day {
background: url(images/new-search_background.gif) no-repeat 0 bottom;
}
#category-events .event-day h4 {
padding: 10px 10px 13px 13px;
margin: 0 0 15px;
}
.event_entry {
float: left;
width: 395px;
margin: 10px 5px 10px 13px;
}
.event-list-meta {
background: url(images/post-meta.gif) repeat;
float: right;
margin-right: 3px;
padding: 10px;
/*
Here's a little trick to make sure the section has
a background to the bottom of the parent div
*/
padding-bottom: 2010px;
overflow: hidden;
/* X + padding-bottom */
margin-bottom: -2000px;
width: 205px;
}
.event-meta-desc {
font-weight: bold;
text-align: left;
padding-right: 15px;
vertical-align: top;
}
.event-meta-value {
text-align: left;
font-weight: normal;
font-style: normal;
}
/* Single Event Page */
#single-event #back-to-events a {
color: #fff;
font-weight: bold;
font-size: 10px;
padding: 10px 15px 0 10px;
float: right;
}
#single-event #back-to-events a {
color: #fff;
background: url(images/arrow-left-small-trans.png) no-repeat 0 11px;
}
#single-event #back-to-events a:hover {
background: url(images/arrow-left-small-trans.png) no-repeat 0 -11px;
}
#single-event .event-header {
color: #fff;
}
#single-event .event-meta {
padding: 0 0 10px 15px;
}
#single-event .event-meta.float-right {
margin-right: 100px;
}
#single-event .event-meta.float-right .event-meta-value {
width: 200px;
float: left;
}
#the_event_city-state-zip {
clear: left;
display: block;
}
#google-map {
font-size: 9px;
color: #fff;
background: url(images/google-map.png) no-repeat center bottom;
padding: 11px 8px 4px;
line-height: 26px;
}
/* @group Schedule Loop */
.show-start_end {
background: url(images/post-meta.gif) repeat;
padding: 10px;
/*
Here's a little trick to make sure the section has
a background to the bottom of the parent div
*/
padding-bottom: 2010px;
overflow: hidden;
/* X + padding-bottom */
margin: 0 0 -2000px 2px;
font-weight: bold;
font-size: 15px;
width: 60px;
text-transform: uppercase;
}
.show_entry {
padding: 10px;
margin: 0;
width: 364px !important;
/*
Here's a little trick to make sure the section has
a background to the bottom of the parent div
*/
padding-bottom: 2010px;
overflow: hidden;
/* X + padding-bottom */
margin-bottom: -2000px;
/* X */
}
.hosted-by {
width: 160px;
background: url(images/post-meta.gif) repeat;
padding: 10px;
/*
Here's a little trick to make sure the section has
a background to the bottom of the parent div
*/
padding-bottom: 2010px;
overflow: hidden;
/* X + padding-bottom */
margin-bottom: -2000px;
/* X */
}
.shows .excerpt {
min-height:95px;
/* Min-Height Hack for IE */
height:auto !important;
height:95px
}
span.show-end-time {
margin-top: 140px;
}
.hosted-by .hosted-by-title {
font-weight: bold;
font-size: 12px;
line-height: 16px;
}
.hosted-by .hosted-by-author a {
font-weight: bold;
font-size: 16px;
color: #535353;
line-height: 18px;
text-transform: capitalize;
}
.hosted-by img.post-author-image {
margin-top: 5px;
margin-bottom: 7px;
}
/* @group On Air Styling */
.on-air-content_header, .on-air-content_footer {
display: none;
}
.on-air span.show-end-time {
margin-top: 180px;
}
.on-air .show-start_end {
background: url(images/post-meta-black.gif) repeat;
color: #fff;
}
.on-air .show_entry a {
color: #fff;
}
.on-air .show_entry, .on-air .show_entry h2 span {
color: #999;
background: #000;
}
.on-air .hosted-by {
background: url(images/post-meta-black.gif) repeat;
color: #fff;
}
.on-air .hosted-by a {
color: #fff !important;
}
#on-air_buttons {
color: #fff;
font-weight: bold;
font-size: 12px;
margin-top: 15px;
}
#list_button a, #chat_button a {
font-size: 12px;
line-height: 30px;
height: 15px;
padding: 0 0 16px 30px;
display: block;
float: left;
}
#list_button a {
background: url(images/on-air_button.png) no-repeat left top;
width: 72px;
padding: 0 0 16px 30px;
}
#chat_button a {
background: url(images/on-air_button.png) no-repeat right top;
width: 37px;
padding: 0 0 16px 30px;
margin-left: 10px;
}
/* @end */
/* @end */
/* @end */
/* @group Author Floor */
#author-floor {
height: 120px;
padding: 0 10px;
margin: 0 2px;
width: 624px;
background: url(images/post-meta.gif) repeat;
overflow: hidden;
}
#author-floor .post-author {
width: 385px;
height: 110px;
float: left;
padding-top: 10px;
}
#author-floor .post-author-image {
float: left;
margin-right: 10px;
border: 1px solid #666;
}
#author-floor .post-sponsored-by {
padding-top: 10px;
}
#author-floor span.dj-updates-rss {
background: url(images/rss-light.png) no-repeat left top;
padding: 2px 0 2px 20px;
margin-top: 5px;
float: left;
display: block;
}
/* @end */
/* @group Page */
#back-schedule_page {
float: right;
background: url(images/arrow-left.png) no-repeat left center;
padding-left: 10px;
font-weight: bold;
}
#back-schedule_page a {
color: #999;
}
#page-default .post-ratings {
display: none;
}
/*
@end */
/* @group DJ Roster */
/* DJ timeslot spans shared with the sidebar widget. */
.ione-schedule-dj-timeslot span {
display: inline !important;
padding: 0 2px 2px 0;
}
.ione-schedule-dj-timeslot span.ione-schedule-dj-timeslot-endtime {
padding-left: 2px;
}
/* end dj timeslot */
#page_authors img.featured-author-image {
padding-bottom: 10px;
}
#page_authors .post span.author-schedule {
font-weight: normal;
}
#page_authors h2 a, #page_authors .featured-author-links a {
text-decoration: none;
}
#page_authors .featured-author-links {
border-bottom: 1px dotted #999;
padding-bottom: 7px;
color: #999;
width: 440px;
height: 15px;
}
#page_authors .author-links {
float: left;
}
#page_authors .dj-updates-rss a {
float: right;
background: url(images/rss-light.png) no-repeat left top;
padding-right: 0;
padding-left: 20px;
padding-bottom: 5px;
}
#page_authors .dj-updates-rss a:hover {
background: url(images/rss-light.png) no-repeat left top;
}
#page_authors .featured-author-bio {
margin-top: 5px;
color: #666;
}
/* @end */
/* @group Custom Post Styles */
/* do not try to display the images. */
.post-style_top {
display: none;
}
/* @end */
/* @group Post Polls */
.post-content .excerpt .wp-polls {
clear: left;
padding: 5px;
}
.post-content .wp-polls-form p{
text-align: left !important;
color: #000;
margin-bottom: 5px;
}
.post-content .wp-polls-form input.Buttons {
margin: 10px 0 5px;
}
.post-content .wp-polls-form .wp-polls-ans {
margin-left: 15px;
}
.post-content .wp-polls-form .wp-polls-ans a {
font-size: 10px;
}
/* @end */
/* @end */
/* @group Sidebar / Right Column */
.widget p {
padding-left: 10px;
padding-right: 10px;
}
h5.widgettitle {
margin-right: 2px;
background-color: #000;
margin-bottom: 3px;
margin-left: 2px;
}
#sidebar h5.widgettitle a.rsswidget {
text-decoration: none;
color: #FFF;
}
#sidebar h5.widgettitle a.rsswidget:hover {
text-decoration: none;
background: transparent none;
}
#sidebar .widget-top {
background: url(images/sidebar_header.gif) no-repeat;
}
#sidebar .widget {
background: url(images/sidebar_background.gif) repeat-y;
height: auto;
overflow: hidden;
padding-bottom: 5px;
}
#sidebar .widget-bottom {
background: url(images/sidebar_footer.gif) no-repeat;
height: 7px;
margin-bottom: 10px;
}
#sidebar {
margin: 0;
padding: 0 0 5px;
list-style: none;
overflow: hidden;
}
#sidebar {
margin: 0;
padding: 0 0 5px;
list-style: none;
overflow: hidden;
}
.author-page #sidebar {
margin-top: 15px;
}
#sidebar ul {
list-style: none;
padding-right: 2px;
padding-left: 2px;
margin: 0;
}
#sidebar ol {
padding-right: 2px;
padding-left: 2px;
margin: 0;
list-style-position:inside;
}
#sidebar li {
margin: 0;
padding: 5px 10px;
width: auto;
height: auto;
border-bottom: 1px dotted #666;
}
#sidebar li.last {
border-bottom: none;
}
#sidebar ul ul li, #sidebar ul ol li {
margin: 5px 0 0;
padding: 5px 0 0;
border-top: 1px dotted #666;
border-bottom: none;
}
#sidebar li.popular {
margin: 15px 0 0 0;
padding: 0 0 5px 0;
width: auto;
height: auto;
background: url(images/dash.gif) repeat-x bottom center;
}
/* @group Widgets */
/* @group The Most */
#the-most-tabbed-elements a {
color: #666;
text-decoration: none;
font-size: 11px;
font-weight: bold;
margin-left: 2px;
}
#the-most-tabbed-elements li {
border: none !important;
display: inline;
/* Since IE6 and 7 doesn't support inline-block */
position: relative;
top: 10px;
padding: 0;
}
#the-most-tabbed-elements li a {
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
padding: 6px 22px;
border: 1px solid #cacaca;
}
#the-most-tabbed-elements li a:hover, #the-most-tabbed-elements li a.selected {
background: #000;
color: #fff !important;
text-decoration: none;
}
ul#the-most-tabbed-elements {
margin:2px 6px;
}
/* Style for the ul lists within the_most widget */
#the-most-items {
border: 1px solid #cacaca;
width: 279px;
padding: 10px 10px 5px;
margin: 23px 9px 5px;
}
#the-most-items ul li, #the-most-items ol li {
border-bottom-style: none;
padding: 0 0 5px;
}
/* @end */
/* @group Ads */
#sidebar .widget .admod {
width: 300px;
margin: 0 auto;
}
#sidebar .ione.dart.ads, #sidebar .ione.dart.ads .widget {
background: none !important;
}
#sidebar .ione.dart.ads {
margin-left: 0;
}
#sidebar .ione.dart.ads .widget-bottom {
display: none;
}
#sidebar .ad_text {
text-align: right;
font-size: 8px;
font-weight: normal;
font-style: normal;
color: #666;
text-transform: capitalize;
padding-right: 10px;
}
/* @end */
/* @group Highlights */
#sidebar .highlight_item {
padding: 5px 10px;
border-bottom: 1px dotted #666;
margin-left: 2px;
margin-right: 2px;
}
#sidebar .highlight_item .highlight_link {
font-weight: normal;
color: #666;
}
#sidebar .widget .highlights_more {
display: inline;
}
#sidebar .widget .button-back {
background: url(images/button_background.png) no-repeat right top;
float: right;
height: 34px;
padding-right: 8px;
margin: 10px 15px 0 0;
}
#sidebar .widget .button-back a {
color: #fff;
background: url(images/button_background.png) no-repeat left top;
line-height: 34px;
padding: 10px 7px 10px 15px;
}
#sidebar .widget .button-back a:hover {
background: url(images/button_background.png) no-repeat left -41px;
}
#sidebar .widget .button-back:hover {
background: url(images/button_background.png) no-repeat right bottom;
}
/* @end */
/* @group Sponsored Links */
.widget_sponsored_links {
margin-right: 5px;
margin-left: -10px;
}
/* @end */
/* @group You Said It */
#you_said_it_app {
margin-left: 11px;
}
/* @end */
/* @group Calendar */
#wp-calendar {
width: 250px;
text-align: center;
margin-right: auto;
margin-left: auto;
}
/* @end */
/* @group Recent/Most */
ul#recentcomments li {
padding-left: 13px;
}
#iOneMostCommented ul li {
padding-left: 12px;
}
#wp-postviews ul li {
padding-left: 10px;
}
/* @end */
/* @group Tag Cloud */
#tag_cloud a {
padding-left: 10px;
}
.iOneTagCloud a {
margin-left: 21px;
}
/* @end */
/* @group Text Widget */
.textwidget p {
margin-left: 7px;
margin-right: 7px;
}
.widget .textwidget img {
margin: 0;
}
/* @end */
/* @group Image Widget */
.widget_sp_image-image {
margin: 7px 9px;
}
.widget_sp_image-description {
margin: 0;
}
/* @end */
/* @group Polls */
.widget_polls li {
padding-left: 12px !important;
border: none !important;
}
.wp-polls-ans p, .wp-polls-form {
margin: 0;
clear: both;
}
.wp-polls-ans .button-back {
background: url(images/button_background.png) no-repeat right top;
height: 34px;
padding-right: 8px;
float: left;
}
/* Position the vote button within the widget */
.widget .wp-polls-ans .button-back {
margin-right: 125px !important;
}
.wp-polls-ans input.Buttons {
background: url(images/button_background.png) no-repeat left top;
border: none;
color: #fff;
font-weight: bold;
height: 34px;
margin: 0 !important;
padding: 0 15px 0 23px;
}
.wp-polls-ans input.Buttons:hover {
background: url(images/button_background.png) no-repeat left -41px;
}
.wp-polls-ans .button-back:hover {
background: url(images/button_background.png) no-repeat right -41px;
}
/* @end */
/* @group RSS Widget */
.widget_rss img {
display: none;
}
/* @end */
/* @group Featured Authors */
.widget .featuredAuthor {
font-size: 12px;
font-weight: normal;
font-style: normal;
border-bottom: 1px dotted #c7c7c7;
padding-bottom: 8px;
margin: 7px 2px 0;
}
.widget .featuredAuthor .featured-authors-wrap {
width: 220px;
float: right;
color: #9b9b9b;
}
.widget .featuredAuthor img.featuredAuthorImage {
float: left;
display: block;
margin-left: 5px;
}
.widget .featuredAuthor .featured-authors-wrap a {
color: #9b9b9b !important;
}
.widget .featuredAuthor h4.featuredAuthorName {
margin: 0;
}
.widget .featuredAuthor h4.featuredAuthorName a {
font-size: 14px;
text-transform: capitalize;
color: #000 !important;
}
.widget .featuredAuthor .ione-schedule-dj-timeslots {
margin-bottom: 5px;
color: #000;
}
/* @end */
/* @end */
/* @end */
/* @group Flash */
#DL_container{
height:253px;
width:638px;
}
#flash_carousel_target{
width:980px;
height:284px;
}
/* @end */
/* @group Footer */
#footer {
background: url(images/footer_background.png) repeat-x center top;
}
#footer_cap {
background: url(images/content_background_header.png) repeat-x 0 11px;
}
#footer {
margin: 0;
padding: 0;
background-color: #000;
height: 370px;
font-weight: bold;
font-size: 12px;
color: #666;
}
.footer_left, .footer_right {
padding-top: 5px;
}
#footer a {
color: #666;
}
.footer_left {
float: left;
}
.footer_right {
float: right;
}
#carousel_holder {
height: 300px;
padding-top: 20px;
}
.copyright {
margin: auto;
padding: 20px 0;
float: left;
}
/* @end */
/* @group Polldaddy */
/* @group Sidebar */
/* Manually setting image widths within the polldaddy
.PDS_Poll .pds-question-top img {
width: 280px !important;
}
.post-content .PDS_Poll .pds-question-top img {
width: 270px !important;
}
*/
/* Fixing the PD horrible markup */
.PDS_Poll .pds-answer span label {
float: left;
clear: right;
}
.PDS_Poll input.pds-radiobutton {
margin: 10px 0 5px 1px;
float: left;
clear: both;
}
.PDS_Poll span label {
margin-left: 15px !important;
color: #000 !important;
}
.PDS_Poll .pds-answer label {
font-weight: normal;
font-style: normal;
color: #000;
line-height: 14px !important;
display: block;
padding: 10px 0 5px 1px;
}
/* hiding those links in the footer, there's no individual classes here */
.PDS_Poll .pds-votebutton-outer a, .PDS_Poll .pds-totalvotes-outer a, .PDS_Poll .pds-totalvotes-outer {
display: none !important;
}
/* Styling the vote button and positioning it */
.PDS_Poll .pds-vote {
padding: 0px !important;
max-height: 34px !important;
display: block !important;
margin-bottom: 10px !important;
}
.PDS_Poll .pds-votebutton-outer input {
background: url(images/vote.png) no-repeat left top !important;
border: none !important;
height: 34px !important;
width: 80px !important;
margin: 0px !important;
}
.PDS_Poll .pds-votebutton-outer input:hover {
background: url(images/vote.png) no-repeat left -48px !important;
}
.PDS_Poll .pds-totalvotes-outer {
height: 24px !important;
}
.PDS_Poll .pds-totalvotes-inner {
margin: 0 !important;
}
/* Styling the results bar */
.PDS_Poll .pds-answer-feedback {
background-color: #c4c4c4 !important;
border: 2px inset #e0e0e0 !important;
margin-bottom: 4px !important;
}
.PDS_Poll .pds-answer-feedback img.pds-answer-feedback-bar {
background: #bc1a01 url(images/pd-results_bg.png) repeat-x !important;
margin: 0 !important;
height: 18px !important;
display: inline !important;
}
/* @end */
/* @group Content */
.post-content .PDS_Poll {
float: left !important;
padding: 15px !important;
background: url(images/post-meta.gif) repeat !important;
}
.post-content .PDS_Poll div.pds-box {
background-color: #fff !important;
}
/* @end */
/* @group LSAP */
body#lsap, body#lsap table {
background-color:#111111;
color:#FFFFFF;
margin:0px 0px 0px 0px;
}
body#lsap a {
color:#FFFFFF;
}
body#lsap .container {
background-color:#111111;
width:100%;
height:100%;
margin:0px 0px 0px 0px;
}
/* @end */
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment