Guest User

Untitled

a guest
Apr 22nd, 2018
122
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 49.78 KB | None | 0 0
  1.  
  2. /*
  3. THEME NAME: Radio Template
  4. ...
  5.  
  6.  
  7.  
  8. ------------------------------------ Style Index-----------------------------------------------
  9.  
  10.  
  11. 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).
  12.  
  13. @TOP Level
  14.  
  15. |_@SUB
  16.  
  17. |_@2nd SUB
  18. |_ @group Typography - Location for all type rules: h1, a, p and blockquotes
  19.  
  20. |_ @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.
  21.  
  22. |_ @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.
  23.  
  24. |_@group Structure - Local for all the structural selectors. This can be described as the site frame. !important: these selectors should be modified.
  25.  
  26. |_@group Header - Encompasses the header section, including navigation.
  27.  
  28. |_@group Navigation - Navigation id is #category
  29.  
  30. |_@group Black Planet Bar - Top bar of the page with login info
  31.  
  32. |_@group Featured - Featured Section below the navigation and above the content.
  33.  
  34. |_@group DJ Section - Featured section for the DJ/Author pages
  35.  
  36. |_@group Left Column - Rule sets for everything within the left column of the content area.
  37.  
  38. |_@group Content - Local for all everything within a post area.
  39.  
  40. |_@group Post Images - Image padding for image floats
  41.  
  42. |_@group Comments - Comments section below posts and events
  43.  
  44. |_@group List Header - Comment List Header
  45.  
  46. |_@group Post Ratings - Post Ratings styling (thumbs)
  47.  
  48. |_@group Comment List - List of Comments
  49.  
  50. |_@group Comment Form - Comment Form
  51.  
  52. |_@group Post Meta - Post information section. Includes the Posted by, Posted date, ect..
  53.  
  54. |_@group Events - Styles for the events category and single page
  55.  
  56. |_@group Author Floor - Footer section of posts with author information
  57.  
  58. |_@group Page - Single Pages styles (most styles for these pages are found in the above sections).
  59.  
  60. |_@group DJ Roster - DJ Roster / Featured Authors list
  61.  
  62. |_@group Custom Post Styles - Provides the display properties for the post style images pulled in from the theme template.
  63.  
  64. |_@group Sidebar / Right Column - Sidebar section
  65.  
  66. |_@group Widgets - Group contains all widget specific rules
  67. |_@group Ads
  68. |_@group Highlights
  69. |_@group The Most
  70. |_@group Sponsored Links
  71. |_@group You Said it
  72. |_@group Calendar
  73. |_@group Recent/Most
  74. |_@group Tag Cloud
  75. |_@group Text Widget
  76. |_@group Image Widget
  77. |_@group Polls
  78. |_@group Featured Author
  79.  
  80. |_@group Footer - Location for all Footer styles including carousal holder
  81.  
  82. |_@group Backgrounds Images
  83.  
  84. |_@group FLASH
  85.  
  86. |_@group Polldaddy - Polldaddy styles
  87. |_@group Sidebar - Polldaddy styles for the sidebar
  88. |_@group Content - Polldaddy styles for the content area
  89.  
  90. |_@group LSAP - Live Streaming Audio Player styles
  91.  
  92. ------------------------------------ Design -----------------------------------------------
  93.  
  94. Background ....................#ccc
  95. Left Column ...................650px
  96. Right Column ..................323px
  97. Links Color (gray) ............#666
  98. Links Color : hover ...........#000 + Underline
  99. Font Size .....................12pt
  100.  
  101. Common Colors:
  102. ...............................#000
  103. ...............................#333
  104. ...............................#666
  105. ...............................#999
  106. ...............................#fff
  107.  
  108. Common Sizes:
  109. ...............................12px
  110. ...............................18px
  111. ...............................24px
  112.  
  113. ------------------------------------ // -----------------------------------------------
  114. */
  115.  
  116. body {
  117. margin: 0;
  118. padding: 0;
  119. background: #ccc;
  120. font: normal 0.75em Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
  121. }
  122.  
  123. /* @group Reset */
  124.  
  125. /* MS Word CSS defense */
  126.  
  127. .MsoNormal {
  128. margin: 0 0 15px !important;
  129. text-indent: 0 !important;
  130. }
  131. .MsoNormal span, font {
  132. font-size: inherit !important;
  133. font-family: inherit !important;
  134. color: inherit !important;
  135. }
  136.  
  137. /* @end */
  138.  
  139. /* @group Typography */
  140.  
  141. h1 {
  142. display: none;
  143. }
  144.  
  145. .post-content h1 {
  146. display: block;
  147. float: none;
  148. font: bold 2.00em Arial, Helvetica, sans-serif;
  149. color: #999;
  150. }
  151.  
  152. h1.comments-title {
  153. margin: 0 0 0 160px;
  154. padding: 15px 0 0 0;
  155. display: block;
  156. float: none;
  157. color: #999;
  158. }
  159.  
  160. h2 {
  161. margin: 0;
  162. padding: 0;
  163. color: #000;
  164. }
  165.  
  166. .post-content h2 {
  167. font: bold 1.2em Arial, Helvetica, sans-serif;
  168. color: #353535;
  169. margin: 5px 0;
  170. }
  171.  
  172. .compact_entry h2 {
  173. font: bold 1.5em Arial, Helvetica, sans-serif;
  174. color: #000;
  175. }
  176.  
  177. .post-info {
  178. font-weight: bold;
  179. }
  180.  
  181. .compact_post_head h2.title {
  182. float: left;
  183. min-height: 28px;
  184. width: 550px;
  185. }
  186.  
  187. .compact_post_head .post-info {
  188. display: block;
  189. clear: left;
  190. }
  191.  
  192. .compact_post_head .post-info a {
  193. font-weight: bold;
  194. }
  195.  
  196. .search .compact_post_head .post-info {
  197. font-weight: normal;
  198. font-style: normal;
  199. }
  200.  
  201. .compact_post_head {
  202. border-bottom: 1px dotted #000;
  203. padding: 3px 3px 5px;
  204. }
  205.  
  206. .compact_entry {
  207. margin-top: 5px;
  208. margin-bottom: 2px;
  209. }
  210.  
  211. .post-content h2.title a {
  212. color: #000;
  213. text-decoration: none;
  214. }
  215.  
  216. h2.featured {
  217. padding: 8px 0 0 15px;
  218. height: auto;
  219. font: bold 28px Arial;
  220. color: #fff;
  221. margin-bottom: 0;
  222. margin-left: 0;
  223. margin-right: 0;
  224. }
  225. /*
  226. Hiding "The Daily Pulse" text and box that appears above the loop on the homepage
  227. Simply comment out or remove the single rule that appears after this comment to display
  228. */
  229. .home #content-hat, .home h2.featured {display: none;}
  230.  
  231.  
  232. h2.comments-title {
  233. margin: 0 0 0 160px;
  234. padding: 0 0 15px 0;
  235. float: none;
  236. font: .92em Arial, Helvetica, sans-serif;
  237. color: #999;
  238. display: none;
  239. }
  240.  
  241. h2.gray {
  242. margin: 0;
  243. font-size: 1.75em;
  244. }
  245.  
  246. h3 {
  247. padding: 0;
  248. font: bold 18px Arial, Helvetica, sans-serif;
  249. color: #999;
  250. margin: 0;
  251. }
  252.  
  253. .post-content h3 {
  254. font: 1.25em Arial, Helvetica, sans-serif;
  255. color: #333;
  256. margin: 5px 0;
  257. }
  258.  
  259. .meta h3 {
  260. font-size: 1.64em;
  261. }
  262.  
  263. h4 {
  264. font: 1.17em Arial, Helvetica, sans-serif;
  265. color: #fff;
  266. }
  267.  
  268. .post-content h4 {
  269. font: bold 1.00em Arial, Helvetica, sans-serif;
  270. color: #2c2c2c;
  271. text-transform: uppercase;
  272. margin: 5px 0;
  273. }
  274.  
  275. h4.related-posts, h4.tags {
  276. font: 1.27em Arial, Helvetica, sans-serif;
  277. color: #fff;
  278. }
  279.  
  280. #category-events .event-day h4 {
  281. font-weight: bold;
  282. color: #fff;
  283. font-size: 15px;
  284. }
  285.  
  286. h5 {
  287. margin: 0 0 12px 2px;
  288. padding: 5px 0 5px 10px;
  289. font: bold 24px Arial;
  290. color: #fff;
  291. }
  292.  
  293. .post-content h5 {
  294. color: #333;
  295. margin: 5px 0;
  296. padding: 0;
  297. border: 0;
  298. font: bold .9em Arial, Helvetica, sans-serif;
  299. }
  300.  
  301. .post-content h6 {
  302. font: bold 0.8em Arial, Helvetica, sans-serif;
  303. color: #999;
  304. margin: 5px 0;
  305. padding: 0;
  306. border: 0;
  307. }
  308.  
  309. a:link, a:active, a:visited {
  310. color: #666;
  311. text-decoration: none;
  312. }
  313.  
  314. h2 a:link, h2 a:active, h2 a:visited {
  315. font: bold 25px Arial, Helvetica, sans-serif;
  316. color: #000;
  317. }
  318.  
  319. h2.featured, h2.featured a:link, h2.featured a:active, h2.featured a:visited {
  320. font: bold 26px Arial, Helvetica, sans-serif;
  321. color: #fff;
  322. float: none !important;
  323. }
  324.  
  325. h3 a:link, h3 a:active, h3 a:visited {
  326. font: bold 18px Arial, Helvetica, sans-serif;
  327. color: #999;
  328. }
  329.  
  330. .excerpt a {
  331. text-decoration: underline;
  332. }
  333.  
  334. .post-content a {
  335. text-decoration: underline;
  336. color: #999;
  337. font-weight: bold;
  338. }
  339.  
  340. .post-content a:hover {
  341. text-decoration: underline;
  342. color: #000;
  343. font-weight: bold;
  344. }
  345.  
  346. #author-default #featured-left a {
  347. color: #fff;
  348. }
  349.  
  350. #pages-list li a {
  351. font: normal 0.94em Arial, Helvetica, sans-serif;
  352. color: #666;
  353. }
  354.  
  355. #category-list li a {
  356. font: normal 1em Verdana, Arial, Helvetica, sans-serif;
  357. color: #666;
  358. }
  359.  
  360. #category-list li.active a {
  361. font: bold 1em Verdana, Arial, Helvetica, sans-serif;
  362. color: #666;
  363. }
  364.  
  365. .related_posts li a, .meta a {
  366. font: 0.92em Arial, Helvetica, sans-serif;
  367. color: #000;
  368. }
  369.  
  370. #sidebar a, #sidebar {
  371. color: #000;
  372. line-height: 145%;
  373. font-weight: bold;
  374. }
  375.  
  376. .recentcomments a {
  377. font-weight: bold;
  378. }
  379.  
  380. a:hover {
  381. text-decoration: underline;
  382. }
  383.  
  384. #pages-list li a:hover {
  385. color: #000;
  386. }
  387.  
  388. #category-list li a:hover {
  389. text-decoration: none;
  390. color: #000;
  391. }
  392.  
  393. .meta a:hover {
  394. color: #000;
  395. }
  396.  
  397. .moretext {
  398. font-size: 12px;
  399. color: #666;
  400. font-weight: bold;
  401. text-decoration: underline;
  402. }
  403.  
  404. .archives-nav a {
  405. font: bold 24px Arial;
  406. color: #000;
  407. }
  408.  
  409. .archives-nav a:hover {
  410. font: bold 24px Arial;
  411. color: #666;
  412. }
  413.  
  414. .post-author-meta {
  415. font-weight: bold;
  416. color: #666;
  417. }
  418.  
  419. .post-author-meta a:hover {
  420. color: #000;
  421. text-decoration: none;
  422. }
  423.  
  424. blockquote p {
  425. margin: 0 !important;
  426. }
  427.  
  428. blockquote a {
  429. font-weight: bold;
  430. color: #111;
  431. text-decoration: underline;
  432. }
  433.  
  434. /* @group Misc. */
  435.  
  436. .extrasmall {
  437. font-size: 0.72em;
  438. }
  439.  
  440. .small {
  441. font-size: 0.92em;
  442. }
  443.  
  444. .medium {
  445. font-size: 1.08em;
  446. }
  447.  
  448. .large {
  449. font-size: 1.33em;
  450. }
  451.  
  452. .bold {
  453. font-weight: bold;
  454. }
  455.  
  456. .caption {
  457. font-style: italic;
  458. }
  459.  
  460. .block {
  461. display: block;
  462. }
  463. .inline {
  464. display: inline;
  465. }
  466.  
  467. .textright {
  468. text-align: right;
  469. }
  470.  
  471. /* @end */
  472.  
  473. /* @end */
  474.  
  475.  
  476. /* @group Style */
  477.  
  478. img {
  479. border: 0;
  480. }
  481.  
  482. blockquote {
  483. margin: 0;
  484. padding: 15px 15px 15px 25px;
  485. background: #eee url(images/blockquote.png) no-repeat 5px 11px;
  486. border: 1px solid #ccc;
  487. clear: both;
  488. }
  489.  
  490. .stats-comments a {
  491. color: #666;
  492. font-size: 14px;
  493. font-weight: bold;
  494. }
  495.  
  496. .stats-comments a:hover {
  497. color: #000;
  498. text-decoration: none;
  499. }
  500.  
  501. #search-result_info {
  502. color: #fff;
  503. font-size: 14px;
  504. font-weight: bold;
  505. padding-left: 15px;
  506. }
  507.  
  508. #search-result_info strong, #search-result_info strong a {
  509. color: #ccc;
  510. }
  511.  
  512. span.search-query {
  513. color: #666;
  514. }
  515.  
  516. .meta {
  517. font-weight: bold;
  518. color: #000;
  519. font-size: 12px;
  520. }
  521. .meta p.meta_date {
  522. font-size: 11px;
  523. }
  524. .meta h4 {
  525. margin: 0;
  526. }
  527.  
  528. .meta h4 a {
  529. color: #666;
  530. font: bold 16px Arial;
  531. }
  532.  
  533. .meta p {
  534. margin: 0 0 3px;
  535. }
  536.  
  537. .meta img {
  538. padding-bottom: 5px;
  539. }
  540.  
  541. .post-content p {
  542. line-height: 16px;
  543. margin: 0 0 15px;
  544. font-size: 12px;
  545. color: #333;
  546. }
  547. .advertorial_content p {
  548. margin: 0;
  549. }
  550. .post-content ul, .post-content ol {
  551. padding: 0;
  552. margin: 0px;
  553. }
  554.  
  555. .post-content ul ul, .post-content ol ol {
  556. margin-left: 20px;
  557. }
  558.  
  559. .post-content li {
  560. list-style-position: inside;
  561. margin: 4px 4px 4px 2px;
  562. color: #666;
  563. font-weight: bold;
  564. font-size: .9em;
  565. }
  566.  
  567. .post-content li li {
  568. background-color: #f7f7f7;
  569. padding: 5px;
  570. }
  571.  
  572. .previous-next-link_entry {
  573. font-weight: bold;
  574. }
  575.  
  576. #next-link_entry {
  577. border-left: 1px solid #000;
  578. margin-left: 5px;
  579. padding-left: 5px;
  580. }
  581.  
  582. .comment-content {
  583. font-family: Arial, Helvetica, sans-serif;
  584. }
  585.  
  586. .comment-content p {
  587. line-height: 135%;
  588. }
  589.  
  590. #footer, a.ionethemes-link:link, a.ionethemes-link:active, a.ionethemes-link:visited {
  591. font: normal 0.92em Arial, Helvetica, sans-serif;
  592. color: #a7a1a1;
  593. }
  594.  
  595. .textfield {
  596. color: #b2b5b6;
  597. font: .92em Arial, Helvetica, sans-serif;
  598. }
  599.  
  600. #post-floor {
  601. border-top: 1px dotted #666;
  602. color: #323232;
  603. clear: both;
  604. width: 621px;
  605. }
  606.  
  607. #post-floor_left {
  608. font-weight: bold;
  609. width: 340px;
  610. padding-top: 10px;
  611. float: left;
  612. clear: both;
  613. }
  614.  
  615. #post-floor_right {
  616. font-weight: bold;
  617. float: right;
  618. width: 270px;
  619. }
  620.  
  621. #post-floor_left ul, #post-floor_left li {
  622. margin: 0;
  623. color: #666;
  624. list-style-type: disc;
  625. padding-left: 2px;
  626. }
  627.  
  628. #post-floor_right .sociable {
  629. margin-top: 10px;
  630. }
  631. #post-floor_right .sociable_tagline {
  632. margin-bottom: 5px;
  633. }
  634. /*
  635. #post-floor_left span#post-tags {
  636. background: url(images/tag.png) no-repeat left center;
  637. padding-left: 25px;
  638. line-height: 15px;
  639. }
  640. */
  641. span.nav-slash {
  642. font: 24px Arial;
  643. padding-left: 7px;
  644. padding-right: 10px;
  645. color: #999;
  646. }
  647. span.next_entries a {
  648. background: url(images/next.png) no-repeat right -78px;
  649. padding-right: 17px;
  650. text-transform: uppercase;
  651. }
  652.  
  653. span.previous_entries a {
  654. background: url(images/prev.png) no-repeat left -78px;
  655. padding-left: 17px;
  656. text-transform: uppercase;
  657. }
  658.  
  659. span.next_entries a:hover {
  660. background: url(images/next.png) no-repeat right 6px;
  661. padding-right: 17px;
  662. text-decoration: none;
  663. }
  664.  
  665. span.previous_entries a:hover {
  666. background: url(images/prev.png) no-repeat left 6px;
  667. padding-left: 17px;
  668. text-decoration: none;
  669. }
  670.  
  671. a.bp-profile-link {
  672. background: url(images/bp-profile-icon-trans.gif) no-repeat left top;
  673. padding-left: 22px;
  674. }
  675. .on-air a.bp-profile-link {
  676. background: url(images/bp-profile-icon-white-on-black-trans.gif) no-repeat left top;
  677. padding-left: 22px;
  678. }
  679. /* @end
  680.  
  681. */
  682.  
  683. /* @group Structure */
  684.  
  685. .clearfix:after {
  686. content: " ";
  687. display: block;
  688. clear: both;
  689. visibility: hidden;
  690. line-height: 0;
  691. height: 0;
  692. }
  693.  
  694. .clearfix {
  695. display: inline-block;
  696. }
  697.  
  698. html[xmlns] .clearfix {
  699. display: block;
  700. }
  701.  
  702. * html .clearfix {
  703. height: 1%;
  704. }
  705.  
  706. .container {
  707. margin: 0 auto;
  708. padding: 0;
  709. width: 980px;
  710. height: auto;
  711. }
  712. .column {
  713. display: block;
  714. float: left;
  715. clear: right;
  716. }
  717. #pages-top {
  718. margin: 0;
  719. padding: 8px 0;
  720. width: auto;
  721. height: auto;
  722. }
  723.  
  724. #header {
  725. margin: 4px 0 0;
  726. padding: 0;
  727. width: auto;
  728. height: auto;
  729. }
  730.  
  731. #header .container {
  732. height: 120px;
  733. }
  734.  
  735. #featured {
  736. margin: 0;
  737. padding: 0;
  738. width: auto;
  739. height: 285px;
  740. }
  741. #featured-author {
  742. padding: 0;
  743. width: 650px;
  744. float: left;
  745. overflow: hidden !important;
  746. margin: 15px 0;
  747. }
  748. #content {
  749. margin: 0;
  750. padding: 15px 0 0;
  751. width: auto;
  752. height: auto;
  753. clear: both;
  754. }
  755. #left-col {
  756. margin: 0;
  757. padding: 0;
  758. width: 650px;
  759. height: auto;
  760. float: left;
  761. overflow: hidden !important;
  762. }
  763.  
  764. #right-col {
  765. margin: 0;
  766. padding: 0;
  767. width: 323px;
  768. height: auto;
  769. float: right;
  770. overflow: hidden !important;
  771. }
  772. .post {
  773. position: relative;
  774. }
  775. .meta {
  776. width: 160px;
  777. }
  778. .post-content {
  779. overflow: hidden;
  780. margin: 10px 2px;
  781. }
  782.  
  783. .event .post-content {
  784. margin: 0;
  785. }
  786.  
  787. .post-list .post-content {
  788. padding: 5px 10px 10px;
  789. margin: 0;
  790. }
  791.  
  792. .archives-nav {
  793. text-align: right;
  794. padding: 0 10px 10px 0;
  795. }
  796.  
  797. .float-right {
  798. float: right;
  799. clear: right;
  800. }
  801.  
  802. .float-left {
  803. float: left;
  804. clear: left;
  805. }
  806.  
  807. /*
  808.  
  809. @end */
  810.  
  811. /* @group Header */
  812.  
  813. #header {
  814. background: #fff;
  815. }
  816.  
  817. #header-logo {
  818. margin-top: 5px;
  819. margin-bottom: 5px;
  820. width: 220px;
  821. float: left;
  822. padding-left: 15px;
  823. }
  824.  
  825. #header-ad {
  826. background-color: #000;
  827. width: 730px;
  828. height: 90px;
  829. float: right;
  830. margin-top: 10px;
  831. margin-bottom: 10px;
  832. }
  833.  
  834. /* @group Navigation */
  835.  
  836. /* @group Drop Down Sub nav */
  837.  
  838. /* functionality removed */
  839.  
  840. .sf-menu, .sf-menu * {
  841. margin: 0;
  842. padding: 0;
  843. list-style: none;
  844. z-index: 9999;
  845. }
  846. .sf-menu {
  847. line-height: 1.0;
  848. }
  849. .sf-menu ul {
  850. position: absolute;
  851. top: -999em;
  852. width: 10em; /* left offset of submenus need to match (see below) */
  853. }
  854. .sf-menu ul li {
  855. width: 100%;
  856. }
  857. .sf-menu li:hover {
  858. visibility: inherit; /* fixes IE7 'sticky bug' */
  859. }
  860. .sf-menu li {
  861. float: left;
  862. position: relative;
  863. }
  864. .sf-menu a {
  865. display: block;
  866. position: relative;
  867. }
  868. .sf-menu li:hover ul,
  869. .sf-menu li.sfHover ul {
  870. left: 0;
  871. top: 2.3em; /* match top ul list item height */
  872. z-index: 99;
  873. }
  874. ul.sf-menu li:hover li ul,
  875. ul.sf-menu li.sfHover li ul {
  876. top: -999em;
  877. }
  878. ul.sf-menu li li:hover ul,
  879. ul.sf-menu li li.sfHover ul {
  880. left: 10em; /* match ul width */
  881. top: 0;
  882. }
  883. ul.sf-menu li li:hover li ul,
  884. ul.sf-menu li li.sfHover li ul {
  885. top: -999em;
  886. }
  887. ul.sf-menu li li li:hover ul,
  888. ul.sf-menu li li li.sfHover ul {
  889. left: 10em; /* match ul width */
  890. top: 0;
  891. }
  892.  
  893. .sf-menu {
  894. }
  895. .sf-menu a {
  896. }
  897. .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
  898. }
  899. .sf-menu li {
  900.  
  901. }
  902. .sf-menu li li {
  903. background: #000;
  904. }
  905. .sf-menu li li li {
  906. background: #111;
  907. }
  908. .sf-menu li li:hover, .sf-menu li li.sfHover {
  909.  
  910. }
  911.  
  912.  
  913. /* @end */
  914.  
  915. #categories {
  916. background: #000 url(images/nav_background.png) repeat-x;
  917. }
  918. #category-list {
  919. position: relative;
  920. }
  921. #category-list ul {
  922. margin: 0;
  923. padding: 0;
  924. font-size: 15px;
  925. }
  926.  
  927. #category-list li {
  928. float: left;
  929. list-style: none;
  930. }
  931.  
  932. #category-list li a {
  933. padding: 8px 16px 9px;
  934. display: inline-block;
  935. color: #fff;
  936. font-weight: bold;
  937. font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
  938. }
  939.  
  940. #category-list li a:hover {
  941. color: #666;
  942. }
  943.  
  944. .active_link {
  945. background: #000 url(images/nav_background-active.png) repeat-x;
  946. color: #fff;
  947. border-right: 1px solid #3f4246;
  948. border-left: 1px solid #3f4246;
  949. }
  950.  
  951. #header_search {
  952. width: 300px;
  953. position: absolute;
  954. right: 0;
  955. }
  956.  
  957. .search-form {
  958. margin: 0;
  959. padding: 0;
  960. height: 33px;
  961. }
  962.  
  963. .search-box {
  964. background: #fff url(images/search-glass.gif) no-repeat 6px 3px;
  965. color: #666;
  966. margin-top: 7px;
  967. border: 1px solid #9c9c9c;
  968. float: left;
  969. font-size: 12px;
  970. padding: 4px 0 3px 30px;
  971. width: 190px;
  972.  
  973. }
  974.  
  975. #header_search .search-box {
  976. background: #fff url(images/search_background.png) no-repeat 0 0;
  977. border: none;
  978. }
  979.  
  980. .search-button {
  981. color: #fff;
  982. font: bold 12px Arial;
  983. text-transform: uppercase;
  984. float: right;
  985. background: #111;
  986. border: 1px solid #383838;
  987. margin-top: 6px;
  988. padding-top: 3px;
  989. margin-bottom: 7px;
  990. padding-bottom: 3px;
  991. }
  992.  
  993. .search-button:hover {
  994. color: #333;
  995. }
  996.  
  997. /* @end */
  998.  
  999. /* @group Black Planet Bar */
  1000.  
  1001. #tophat {
  1002. height:30px;
  1003. color:#737373;
  1004. background:#FFF none;
  1005. width:100%;
  1006. border-bottom: 1px solid #CCC;
  1007. }
  1008. .tophat_content {
  1009. width:980px;
  1010. margin:0px auto;
  1011. font: normal 11px/23px arial, helvetica, sans-serif;
  1012. overflow: hidden;
  1013. }
  1014. .tophat_content a {
  1015. color:#737373 !important;
  1016. display:block;
  1017. font-weight:bold;
  1018. text-decoration:none;
  1019. font-size:10px;
  1020. font-weight:bold;
  1021. text-decoration:none;
  1022. }
  1023. .tophat_content a:hover {color:#AE0082 !important;}
  1024.  
  1025. .onone_top_logo {
  1026. height:30px;
  1027. width:500px;
  1028. float:left;
  1029. }
  1030. .onone_top_logo p {
  1031. display:block;
  1032. float:left;
  1033. }
  1034. #tophat .tophat_content .onone_top_logo .top_logo_left {margin: 6px 8px; padding: 0 !important;}
  1035. .top_logo_right {margin:8px;}
  1036.  
  1037. .onone_top_logo a {
  1038. background:url('images/tophat_bp-univ_logo.gif') 0 -22px no-repeat !important;
  1039. width:131px;
  1040. height:22px;
  1041. display:block;
  1042. text-indent:-999em;
  1043. overflow:hidden;
  1044. }
  1045. .onone_top_logo a:hover {
  1046. background:url('images/tophat_bp-univ_logo.gif') 0 0 no-repeat !important;
  1047. width:131px;
  1048. height:22px;
  1049. display:block;
  1050. text-indent:-999em;
  1051. overflow:hidden;
  1052. padding:0;
  1053. }
  1054. .blackPlanet {
  1055. padding-top:1px;
  1056. margin:3px 1px;
  1057. }
  1058. .logInOut {float:right; padding-top: 4px;}
  1059.  
  1060. .logInOut ul {
  1061. list-style-type:none;
  1062. margin:0;
  1063. padding:0;
  1064. }
  1065. .logInOut ul li {
  1066. float:left;
  1067. padding:0 6px 0 8px;
  1068. background:transparent url(images/tophat_li_dot.gif) no-repeat scroll -7px 2px;
  1069. }
  1070. .logInOut ul li.bp_name_link,
  1071. .logInOut ul li.loginLink,
  1072. .logInOut ul li.welcome
  1073. {background: none;}
  1074.  
  1075. .bp_login_link, .logInOut a {
  1076. color:#737373;
  1077. display: inline;
  1078. font-size:10px;
  1079. font-weight:bold;
  1080. text-decoration:none;
  1081. }
  1082. .logInOut a:hover {color:#000 !important; text-decoration: none;}
  1083. .bp_name_link a:link, .bp_name_link a:active, .bp_name_link a:visited {color: #000; font-weight: bold;}
  1084. .bp_name_link a:hover {cursor: default; color: #000;}
  1085. .bp_profile_link {display: none;}
  1086.  
  1087. .bp_profile_link a {
  1088. background: url(images/tophat_icon_bp_profile.gif) left top no-repeat !important;
  1089. padding-left: 24px;
  1090. height: 17px;
  1091. }
  1092. .bp_profile_link a:hover {
  1093. background: url(images/tophat_icon_bp_profile.gif) left -17px no-repeat !important;
  1094. padding-left: 24px;
  1095. }
  1096. .bp_login_link a {display: inline;}
  1097. .bp_signup_link {padding-right:0 !important;}
  1098.  
  1099. .thumbsup {
  1100. vertical-align: middle;
  1101. margin-top: -4px;
  1102. padding-right: 5px;
  1103. }
  1104.  
  1105. /* @end */
  1106.  
  1107. /* @end */
  1108.  
  1109. /* @group Featured */
  1110.  
  1111. #featured {
  1112. background: #000 url(images/feature_background.png) repeat-x;
  1113. }
  1114.  
  1115. #featured-left {
  1116. float: left;
  1117. margin: 15px 0;
  1118. }
  1119. #featured-author #featured-left {
  1120. margin: 0;
  1121. }
  1122. #featured-left_header, #featured-left_footer {
  1123. display: none;
  1124. }
  1125. #featured-sponsor, #featured-right {
  1126. margin-top: 15px;
  1127. float: right;
  1128. }
  1129.  
  1130. /* @group DJ Section */
  1131.  
  1132. #author-default #featured-left {
  1133. float: left;
  1134. width: 620px;
  1135. border: 3px solid #fff;
  1136. padding: 10px;
  1137. color: #fff;
  1138. font-weight: bold;
  1139. background-color: #000;
  1140. }
  1141.  
  1142. #featured-sponsor {
  1143. background-color: #000;
  1144. }
  1145.  
  1146. #featured-sponsor .dj-sponsor_large {
  1147. padding-top: 10px;
  1148. padding-right: 10px;
  1149. padding-left: 10px;
  1150. }
  1151.  
  1152. #featured-sponsor #official-sponsor {
  1153. display: block;
  1154. clear: left;
  1155. color: #888;
  1156. margin-left: 10px;
  1157. padding-bottom: 5px;
  1158. padding-top: 3px;
  1159. font-weight: bold;
  1160. }
  1161.  
  1162. #featured-author_header {
  1163. border-bottom: 1px dotted #fff;
  1164. padding-bottom: 10px;
  1165. height: 25px;
  1166. }
  1167.  
  1168. #featured-author-title h2 {
  1169. float: left;
  1170. color: #fff;
  1171. font-size: 26px;
  1172. }
  1173.  
  1174. #featured-left .featured-author-links {
  1175. float: right;
  1176. height: 18px;
  1177. padding-top: 12px;
  1178. }
  1179. #featured-left .featured-author-links a {
  1180. padding-right: 4px;
  1181. padding-left: 4px;
  1182. }
  1183. #featured-left .dj-updates-rss {
  1184. background: url(images/rss.png) no-repeat;
  1185. margin: 0 0 0 3px;
  1186. padding: 3px 0 3px 22px !important;
  1187. }
  1188. #featured-left .featured-author-links a.bp-profile-link {
  1189. background: url(images/bp-profile-icon-white.gif) no-repeat left center;
  1190. padding: 2px 0 0 24px !important;
  1191. }
  1192. #featured-author-meta {
  1193. width: 160px;
  1194. float: left;
  1195. margin-top: 10px;
  1196. }
  1197.  
  1198. #featured-author-bio {
  1199. float: right;
  1200. width: 450px;
  1201. color: #989898;
  1202. font-weight: normal;
  1203. font-style: normal;
  1204. margin-top: 10px;
  1205. }
  1206. #featured-author-bio p {
  1207. margin: 0;
  1208. padding-bottom: 10px;
  1209. }
  1210. span#back-to-dj-list {
  1211. float: right;
  1212. color: #fff;
  1213. font-weight: bold;
  1214. background: url(images/arrow-left-black.png) no-repeat left center;
  1215. padding-left: 10px;
  1216. margin-top: -5px;
  1217. clear: both;
  1218. width: 90px;
  1219. }
  1220.  
  1221. #featured-left #featured-author-meta span {
  1222. clear: left;
  1223. display: block;
  1224. padding-top: 5px;
  1225. }
  1226.  
  1227. #featured-left .author-schedule p {
  1228. margin: 0;
  1229. padding: 0;
  1230. }
  1231.  
  1232. /* @end */
  1233.  
  1234. /* @end */
  1235.  
  1236. /* @group Left Column */
  1237.  
  1238. /* @group Content */
  1239.  
  1240. #content {
  1241. background: url(images/content_background_header.png) repeat-x 0 top;
  1242. }
  1243.  
  1244. .search-footer h2.featured {
  1245. padding-bottom: 0;
  1246. }
  1247.  
  1248. #content-hat {
  1249. background: url(images/content-hat.png) no-repeat 0 bottom;
  1250. height: auto;
  1251. margin-bottom: 5px;
  1252. padding-bottom: 15px;
  1253. }
  1254. .search-result h2.featured {
  1255. padding: 10px 0 6px 15px;
  1256. }
  1257. .search-result #content-hat {
  1258. background: url(images/content-hat_search.gif) no-repeat 0 top;
  1259. height: 85px;
  1260. padding-bottom: 0px;
  1261. }
  1262.  
  1263. .post, .single-post {
  1264. background: url(images/content_background.gif) repeat-y;
  1265. overflow: hidden;
  1266. }
  1267.  
  1268. #comments, #respond, #author-floor-wrap {
  1269. background: url(images/content_background.gif) repeat-y;
  1270. }
  1271.  
  1272. .content_header {
  1273. background: url(images/content_header.gif) no-repeat;
  1274. height: 2px;
  1275. }
  1276.  
  1277. .content_footer {
  1278. height: 2px;
  1279. margin-bottom: 10px;
  1280. background: url(images/content_footer.gif) no-repeat;
  1281. }
  1282.  
  1283. h2.featured, h2.featured a:link, h2.featured a:active, h2.featured a:visited {
  1284. padding: 10px 10px 10px 15px;
  1285. }
  1286.  
  1287. .compact.post {
  1288. padding: 5px 10px !important;
  1289. min-height:100px;
  1290. /* Min-Height Hack for IE */
  1291. height:auto !important;
  1292. height:100px;
  1293. }
  1294. .compact.post.four04 {
  1295. min-height:50px;
  1296. /* Min-Height Hack for IE */
  1297. height:auto !important;
  1298. height:50px;
  1299. }
  1300. .single-post {
  1301. padding: 5px 10px;
  1302. margin: 0;
  1303. }
  1304.  
  1305. #single-event .single-post {
  1306. padding: 10px 15px;
  1307. }
  1308.  
  1309. .post-thumb, .default-post-thumb, .compact-post-thumb {
  1310. float: left;
  1311. margin-bottom: 10px;
  1312. margin-right: 10px;
  1313. max-width: 200px !important;
  1314. }
  1315.  
  1316. .post-content img.post-thumb {
  1317. border: 1px solid #8c8c8c;
  1318.  
  1319. }
  1320.  
  1321. .event .post-thumb {
  1322. float: left;
  1323. margin: 0 10px 10px 0;
  1324. }
  1325.  
  1326. .compact-post-thumb {
  1327. padding-top: 2px;
  1328. }
  1329.  
  1330. .previous-next-link_entry, .month-nav {
  1331. float: right;
  1332. margin: 0 5px 10px 0;
  1333. }
  1334.  
  1335. .search-footer {
  1336. background: url(images/new-search_background.gif) no-repeat;
  1337. height: 90px;
  1338. }
  1339.  
  1340. .search-footer #searchform {
  1341. width: 625px;
  1342. padding-left: 12px;
  1343. }
  1344.  
  1345. .search-footer .search-box {
  1346. width: 520px;
  1347. height: 13px;
  1348. margin-top: 6px;
  1349. }
  1350.  
  1351. .post-content .post-category {
  1352. height: 24px;
  1353. }
  1354.  
  1355. .post-list .post-category h3 a {
  1356. float: left;
  1357. text-decoration: none !important;
  1358. }
  1359.  
  1360. .stats-comments a {
  1361. text-align: center;
  1362. margin-right: 3px;
  1363. text-decoration: none;
  1364. }
  1365.  
  1366. .stats-comments {
  1367. float: right;
  1368. padding: 5px 5px 10px 8px;
  1369. }
  1370.  
  1371. span.comments-bubble {
  1372. background: url(images/comment-bubble.png) no-repeat left top;
  1373. padding: 2px 5px 10px 8px;
  1374. }
  1375.  
  1376. span.stats-comments_close {
  1377. background: url(images/comment-bubble_close.png) no-repeat 0 top;
  1378. padding-bottom: 7px;
  1379. padding-top: 2px;
  1380. }
  1381.  
  1382. .post-list, .post-list-last {
  1383. margin: 0;
  1384. padding: 0;
  1385. list-style: none;
  1386. }
  1387.  
  1388. .post-content span.moretext {
  1389. margin: 2px 0 0;
  1390. padding: 0;
  1391. }
  1392.  
  1393. .img-border {
  1394. padding: 2px;
  1395. border: 1px solid #c2c2c2;
  1396. }
  1397.  
  1398. /* @end */
  1399.  
  1400. /* @group Image Resizer Max-Heights */
  1401.  
  1402. /*
  1403. 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.
  1404.  
  1405. Max widths and heights rules for IE6 are specified within css/ltie7.css.
  1406. */
  1407.  
  1408. .post-author-image, .post-thumb, .featured-author-image {
  1409. max-height: 100px;
  1410. }
  1411. .compact-post-thumb, .featuredAuthorImage {
  1412. max-height:75px;
  1413. }
  1414. .default-post-thumb {
  1415. max-height:150px;
  1416. }
  1417. .dj-sponsor_small {
  1418. max-height:60px;
  1419. }
  1420. .featured-author-image-large {
  1421. max-height:160px;
  1422. }
  1423. img.dj-sponsor_large {
  1424. max-height:220px;
  1425. }
  1426. /* @end */
  1427.  
  1428. /* @group Post Images */
  1429. .single-post .post-content img {
  1430. max-width: 620px !important;
  1431. }
  1432. .advertorial_content img {
  1433. max-width: 650px !important;
  1434. }
  1435. img.alignright {
  1436. margin: 0px 0px 10px 10px;
  1437. float: right;
  1438. }
  1439.  
  1440. img.alignleft {
  1441. margin: 0px 10px 10px 0px;
  1442. float: left;
  1443. }
  1444. img.alignnone {
  1445. margin: 10px;
  1446. }
  1447.  
  1448. .aligncenter, .advertorial_content img.aligncenter{
  1449. display: block;
  1450. margin-left: auto;
  1451. margin-right: auto;
  1452. margin-bottom: 10px;
  1453. float: none;
  1454. }
  1455. .alignright, .advertorial_content img.alignright {
  1456. float: right;
  1457. margin: 0px 0px 10px 10px;
  1458. }
  1459.  
  1460. .alignleft, .advertorial_content img.alignleft {
  1461. float: left;
  1462. margin: 0px 10px 10px 0px;
  1463. }
  1464. .advertorial_content img.aligncenter{
  1465. margin: 0 auto;
  1466. padding: 0;
  1467. }
  1468. .advertorial_content img.alignright, .advertorial_content img.alignleft {
  1469. margin: 0;
  1470. padding: 0;
  1471. }
  1472.  
  1473. .wp-caption {
  1474. border: 1px solid #ddd;
  1475. background-color: #eee;
  1476. padding: 0;
  1477. margin: 0;
  1478. }
  1479. .single-post .wp-caption {
  1480. max-width: 620px;
  1481. }
  1482. .wp-caption img {
  1483. margin: 0px 0px 5px 0px;
  1484. padding: 5px;
  1485. border: 0px;
  1486. }
  1487. .wp-caption p.wp-caption-text {
  1488. margin: 0px !important;
  1489. padding: 0px 0px 0px 0px;
  1490. font-size: 11px;
  1491. font-weight: normal;
  1492. line-height: 12px;
  1493. text-align: center;
  1494. }
  1495. /* @end */
  1496.  
  1497. /* @group Comments */
  1498.  
  1499. /* @group List Header */
  1500.  
  1501. #comment_content_header {
  1502. display: none;
  1503. }
  1504.  
  1505. #comments_header {
  1506. background: #000;
  1507. border-left: 1px solid #b4b4b4;
  1508. border-right: 1px solid #b4b4b4;
  1509. color: #fff;
  1510. font-size: 23px;
  1511. font-weight: bold;
  1512. margin: 0 1px;
  1513. height: 35px;
  1514. padding: 10px;
  1515. width: 624px;
  1516. }
  1517.  
  1518. #respond_header {
  1519. height: 19px;
  1520. padding: 0 5px 10px;
  1521. }
  1522.  
  1523. #comments_header .post-ratings {
  1524. float: right;
  1525. width: 350px;
  1526. height: 30px;
  1527. padding: 4px 0 10px;
  1528. text-align: right;
  1529. }
  1530.  
  1531. .comments-bubble_wrap {
  1532. float: left;
  1533. padding-bottom: 10px;
  1534. padding-top: 2px;
  1535. }
  1536.  
  1537. span.comments-list-bubble {
  1538. color: #000;
  1539. font-size: 20px;
  1540. }
  1541.  
  1542. span.comments-list-bubble {
  1543. background: url(images/comments-list-bubble.png) no-repeat 0 0;
  1544. padding: 3px 8px 10px 12px;
  1545. }
  1546.  
  1547. span.comments-list-bubble_close {
  1548. background: url(images/comments-bubble_close.png) no-repeat 0 0;
  1549. width: 2px;
  1550. font-size: 20px;
  1551. padding: 3px 0 10px;
  1552. }
  1553.  
  1554. /* @group Post Ratings */
  1555.  
  1556. .post-ratings #good-read {
  1557. margin-right: 10px;
  1558. }
  1559.  
  1560. span.ratings-up, span.ratings-down {
  1561. cursor: pointer;
  1562. color: #fff;
  1563. font-size: 16px;
  1564. line-height: 30px;
  1565. }
  1566.  
  1567. span.ratings-up {
  1568. background: url(images/ratings-thumbs.png) no-repeat left top;
  1569. padding: 5px 0 2px 28px;
  1570. margin: 0 5px 0 0;
  1571. }
  1572.  
  1573. span.ratings-down {
  1574. background: url(images/ratings-thumbs.png) no-repeat -126px top;
  1575. padding: 5px 0 2px 28px;
  1576. margin: 0 5px 0 0;
  1577. }
  1578.  
  1579. span.ratings-up:hover {
  1580. background: url(images/ratings-thumbs.png) no-repeat 0 -26px;
  1581. text-decoration: none;
  1582. padding: 5px 0 2px 28px;
  1583. margin: 0 5px 0 0;
  1584. }
  1585.  
  1586. span.ratings-down:hover {
  1587. background: url(images/ratings-thumbs.png) no-repeat -126px -26px;
  1588. text-decoration: none;
  1589. padding: 5px 0 2px 28px;
  1590. margin: 0 5px 0 0;
  1591. }
  1592.  
  1593.  
  1594. /* @end */
  1595.  
  1596. /* @end */
  1597.  
  1598. /* @group Comment List */
  1599.  
  1600. #comment-list {
  1601. list-style-type: none;
  1602. padding: 0;
  1603. margin: 0 0 45px;
  1604. }
  1605.  
  1606. #comment-list ul {
  1607. margin: 0;
  1608. padding: 0;
  1609. list-style-type: none;
  1610. }
  1611.  
  1612. #comment-list .comment {
  1613. padding: 10px 5px 5px 10px;
  1614. border-bottom: 1px dotted #666;
  1615. margin-left: 2px;
  1616. margin-right: 4px;
  1617. }
  1618.  
  1619. #comment-list .comment.alt {
  1620. background: #f5f5f5;
  1621. }
  1622.  
  1623. #comments .comments_left {
  1624. width: 90px;
  1625. float: left;
  1626. }
  1627.  
  1628. .comment_img {
  1629. padding-bottom: 5px;
  1630. }
  1631. .timestamp {
  1632. clear: left;
  1633. display: block;
  1634. }
  1635. #comments .comments_left a {
  1636. font-weight: bold;
  1637. }
  1638.  
  1639. #comments .comments_right {
  1640. color: #333;
  1641. float: right;
  1642. display: block;
  1643. width: 530px;
  1644. }
  1645.  
  1646. .comments_right p {
  1647. margin: 0 0 10px;
  1648. overflow:hidden;
  1649. }
  1650.  
  1651. #commentform {
  1652. margin-bottom: 0;
  1653. }
  1654.  
  1655. .comment-page-numbers {
  1656. float: right;
  1657. margin: 10px 15px 10px 0;
  1658. padding: 5px 0;
  1659. }
  1660.  
  1661. .comment-page-numbers a {
  1662. padding: 5px;
  1663. background-color: #ccc;
  1664. color: #000;
  1665. font-weight: bold;
  1666. }
  1667.  
  1668. .comment-page-numbers .current, .comment-page-numbers a:hover {
  1669. padding: 5px;
  1670. background-color: #000;
  1671. color: #fff;
  1672. font-weight: bold;
  1673. }
  1674.  
  1675. .comment-page-numbers a.previous-comment-page {
  1676. text-indent: 32px;
  1677. color: #fff;
  1678. background: url(images/pagination-arrows.gif) -2px 2px;
  1679. text-decoration: none;
  1680. }
  1681.  
  1682. .comment-page-numbers a.next-comment-page {
  1683. text-indent: 32px;
  1684. color: #fff;
  1685. background: url(images/pagination-arrows.gif) -22px 2px;
  1686. text-decoration: none;
  1687. }
  1688.  
  1689. /* @end */
  1690.  
  1691. /* @group Comment Form */
  1692.  
  1693. #respond {
  1694. padding: 10px 12px 10px 10px;
  1695. }
  1696.  
  1697. #respond_header {
  1698. height: 20px;
  1699. padding: 0;
  1700. margin-bottom: 5px;
  1701. }
  1702.  
  1703. .respond-title {
  1704. font: bold 1.50em Arial, Helvetica, sans-serif;
  1705. color: #000;
  1706. }
  1707.  
  1708. #respond #comment-login {
  1709. float: right;
  1710. font-weight: bold;
  1711. padding: 2px 2px 5px 0;
  1712. }
  1713.  
  1714. #respond #comment-login .account-name {
  1715. color: #666;
  1716. }
  1717.  
  1718. #login-req {
  1719. padding: 70px;
  1720. background-color: #f7f7f7;
  1721. border: 1px solid #838383;
  1722. font-size: 15px;
  1723. text-align: center;
  1724. font-weight: bold;
  1725. margin: 0;
  1726. }
  1727.  
  1728. #commentform textarea {
  1729. background-color: #f7f7f7;
  1730. border: 1px solid #838383;
  1731. font-size: 15px;
  1732. width: 100%;
  1733. }
  1734.  
  1735. #commentform #submit {
  1736. background: url(images/comment-submit.png) no-repeat right top;
  1737. width: 145px;
  1738. height: 44px;
  1739. margin-top: 5px;
  1740. margin-left: 480px;
  1741. margin-bottom: 0;
  1742. border-style: none;
  1743. text-indent: -9000px;
  1744. display: block;
  1745. cursor: pointer;
  1746. overflow: hidden;
  1747. font-size: 1px; /* since IE6 doesn't behave */
  1748. }
  1749.  
  1750. #commentform #submit:hover {
  1751. background: url(images/comment-submit.png) no-repeat right -44px;
  1752. }
  1753.  
  1754. /* @end */
  1755.  
  1756. /* @end */
  1757.  
  1758. /* @group Post Meta */
  1759.  
  1760. .meta {
  1761. background: url(images/post-meta.gif) repeat;
  1762. float: left;
  1763. margin-left: 3px;
  1764. padding: 10px;
  1765. /*
  1766. Here's a little trick to make sure the section has
  1767. a background to the bottom of the parent div
  1768. */
  1769. padding-bottom: 2010px;
  1770. overflow: hidden;
  1771. /* X + padding-bottom */
  1772. margin-bottom: -2000px;
  1773. }
  1774.  
  1775. .sponsored-by {
  1776. font-size: 12px;
  1777. color: #000;
  1778. float: left;
  1779. padding-top: 40px;
  1780. }
  1781.  
  1782. .on_air_schedule {
  1783. font-weight: normal;
  1784. font-style: normal;
  1785. }
  1786.  
  1787. .ione-schedule-dj-timeslots td {
  1788. padding:0;
  1789. }
  1790.  
  1791. td.ione-schedule-dj-timeslot-startday {
  1792. white-space:nowrap;
  1793. padding-right:4px;
  1794. }
  1795.  
  1796. .author-meta {
  1797. padding-bottom: 5px;
  1798. padding-top: 7px;
  1799. }
  1800.  
  1801. .author-meta a {
  1802. color: #666;
  1803. font: bold 12px Arial;
  1804. }
  1805.  
  1806. .author-image {
  1807. max-width: 155px;
  1808. max-height: 100px;
  1809. overflow: hidden;
  1810. }
  1811.  
  1812. /* @end */
  1813.  
  1814. /* @group Events and Schedule */
  1815.  
  1816. /* @group Events and Schedule Navigation */
  1817.  
  1818. #category-events #content-hat, #category-schedule #content-hat {
  1819. background: url(images/content-hat_events.png) no-repeat left top;
  1820. height: 100px;
  1821. padding-bottom: 0;
  1822. }
  1823.  
  1824. #category-events #events-nav-bottom_wrap, #category-schedule #events-nav-bottom_wrap {
  1825. background: url(images/content-nav_events.png) no-repeat left bottom;
  1826. height: 52px;
  1827. clear: both;
  1828. }
  1829.  
  1830. #category-events h2.featured, #category-schedule h2.featured{
  1831. margin-bottom: 0px;
  1832. padding-bottom: 7px;
  1833. }
  1834.  
  1835. /* nav links */
  1836.  
  1837. #category-events .events-nav-links, #category-schedule .events-nav-links {
  1838. float: left;
  1839. height: 35px;
  1840. padding-bottom: 15px;
  1841. line-height: 38px;
  1842. }
  1843. #category-events .bottom .events-nav-links, #category-schedule .bottom .events-nav-links {
  1844. float: left;
  1845. height: 35px;
  1846. padding: 12px 0 2px;
  1847. }
  1848. #events-upcoming a, #events-past a, #events-upcoming_bottom a, #events-past_bottom a, .schedule-day a, .schedule-day_bottom a {
  1849. color: #fff;
  1850. font-weight: bold;
  1851. font-size: 14px;
  1852. margin: 0 0 0 2px;
  1853. padding: 10px;
  1854. }
  1855.  
  1856. /* end nav links */
  1857.  
  1858. /* active states */
  1859.  
  1860. #events-upcoming.active a, #events-past.active a, #events-month.active a, .schedule-day.active a {
  1861. background: url(images/event-arrow.png) center bottom;
  1862. padding-bottom: 20px;
  1863. }
  1864.  
  1865. #events-upcoming_bottom.active a, #events-past_bottom.active a, #events-month_bottom.active a, .bottom .schedule-day_bottom.active a {
  1866. background: url(images/event-arrow_bottom.png) center top;
  1867. }
  1868.  
  1869. #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 {
  1870. color: #fff;
  1871. font-weight: bold;
  1872. font-size: 14px;
  1873. margin: 0 0 0 2px;
  1874. line-height: 38px;
  1875. text-decoration: none;
  1876. }
  1877.  
  1878. /* end active states */
  1879.  
  1880. /* Reset padding for bottom nav */
  1881.  
  1882. #events-upcoming_bottom.active a, #events-past_bottom.active a, #events-month_bottom.active a, .schedule-day_bottom.active a {
  1883. padding: 21px 10px 10px !important;
  1884. }
  1885.  
  1886. #events-upcoming a, #events-past a, #events-month a, .schedule-day a {
  1887. padding: 10px;
  1888. }
  1889.  
  1890. /* end reset */
  1891. span.events_next_month a {
  1892. background: url(images/next.png) no-repeat right -78px;
  1893. padding: 5px 17px 5px 5px;
  1894. }
  1895.  
  1896. span.events_previous_month a {
  1897. background: url(images/prev.png) no-repeat left -78px;
  1898. padding: 5px 5px 5px 17px;
  1899. }
  1900.  
  1901. span.events_next_month a:hover {
  1902. background: url(images/next.png) no-repeat right 6px;
  1903. text-decoration: none;
  1904. padding: 5px 17px 5px 5px;
  1905. }
  1906.  
  1907. span.events_previous_month a:hover {
  1908. background: url(images/prev.png) no-repeat left 6px;
  1909. text-decoration: none;
  1910. padding: 5px 5px 5px 17px;
  1911. }
  1912.  
  1913. .month-nav .events_previous_month a, .month-nav .events_next_month a {
  1914. color: #000;
  1915. font: bold 16px Arial;
  1916. }
  1917.  
  1918. .month-nav a:hover {
  1919. color: #666;
  1920. }
  1921.  
  1922. #category-events .events-datepicker {
  1923. float: right;
  1924. margin-right: 16px;
  1925. padding: 10px;
  1926. color: #fff;
  1927. font-weight: bold;
  1928. }
  1929.  
  1930. #category-events .bottom .events-datepicker {
  1931. padding-top: 20px;
  1932. }
  1933.  
  1934. #category-events .datepicker {
  1935. width: 18px;
  1936. height: 18px;
  1937. border: none;
  1938. background: url(images/calendar.png) no-repeat 0 0;
  1939. cursor: pointer;
  1940. }
  1941.  
  1942. #category-events .datepicker:hover {
  1943. background: url(images/calendar.png) no-repeat 0 -22px;
  1944. }
  1945.  
  1946. .ui-datepicker {
  1947. z-index: 9999999 !important;
  1948. }
  1949.  
  1950. /* @end */
  1951.  
  1952. #category-events .event-day {
  1953. background: url(images/new-search_background.gif) no-repeat 0 bottom;
  1954. }
  1955.  
  1956. #category-events .event-day h4 {
  1957. padding: 10px 10px 13px 13px;
  1958. margin: 0 0 15px;
  1959. }
  1960.  
  1961. .event_entry {
  1962. float: left;
  1963. width: 395px;
  1964. margin: 10px 5px 10px 13px;
  1965. }
  1966.  
  1967. .event-list-meta {
  1968. background: url(images/post-meta.gif) repeat;
  1969. float: right;
  1970. margin-right: 3px;
  1971. padding: 10px;
  1972. /*
  1973. Here's a little trick to make sure the section has
  1974. a background to the bottom of the parent div
  1975. */
  1976. padding-bottom: 2010px;
  1977. overflow: hidden;
  1978. /* X + padding-bottom */
  1979. margin-bottom: -2000px;
  1980. width: 205px;
  1981. }
  1982.  
  1983. .event-meta-desc {
  1984. font-weight: bold;
  1985. text-align: left;
  1986. padding-right: 15px;
  1987. vertical-align: top;
  1988. }
  1989.  
  1990. .event-meta-value {
  1991. text-align: left;
  1992. font-weight: normal;
  1993. font-style: normal;
  1994. }
  1995.  
  1996. /* Single Event Page */
  1997.  
  1998. #single-event #back-to-events a {
  1999. color: #fff;
  2000. font-weight: bold;
  2001. font-size: 10px;
  2002. padding: 10px 15px 0 10px;
  2003. float: right;
  2004.  
  2005. }
  2006.  
  2007. #single-event #back-to-events a {
  2008. color: #fff;
  2009. background: url(images/arrow-left-small-trans.png) no-repeat 0 11px;
  2010. }
  2011. #single-event #back-to-events a:hover {
  2012. background: url(images/arrow-left-small-trans.png) no-repeat 0 -11px;
  2013. }
  2014. #single-event .event-header {
  2015. color: #fff;
  2016. }
  2017.  
  2018. #single-event .event-meta {
  2019. padding: 0 0 10px 15px;
  2020. }
  2021.  
  2022. #single-event .event-meta.float-right {
  2023. margin-right: 100px;
  2024. }
  2025.  
  2026. #single-event .event-meta.float-right .event-meta-value {
  2027. width: 200px;
  2028. float: left;
  2029. }
  2030.  
  2031. #the_event_city-state-zip {
  2032. clear: left;
  2033. display: block;
  2034. }
  2035.  
  2036. #google-map {
  2037. font-size: 9px;
  2038. color: #fff;
  2039. background: url(images/google-map.png) no-repeat center bottom;
  2040. padding: 11px 8px 4px;
  2041. line-height: 26px;
  2042. }
  2043.  
  2044. /* @group Schedule Loop */
  2045. .show-start_end {
  2046. background: url(images/post-meta.gif) repeat;
  2047. padding: 10px;
  2048. /*
  2049. Here's a little trick to make sure the section has
  2050. a background to the bottom of the parent div
  2051. */
  2052. padding-bottom: 2010px;
  2053. overflow: hidden;
  2054. /* X + padding-bottom */
  2055. margin: 0 0 -2000px 2px;
  2056. font-weight: bold;
  2057. font-size: 15px;
  2058. width: 60px;
  2059. text-transform: uppercase;
  2060. }
  2061.  
  2062. .show_entry {
  2063. padding: 10px;
  2064. margin: 0;
  2065. width: 364px !important;
  2066. /*
  2067. Here's a little trick to make sure the section has
  2068. a background to the bottom of the parent div
  2069. */
  2070. padding-bottom: 2010px;
  2071. overflow: hidden;
  2072. /* X + padding-bottom */
  2073. margin-bottom: -2000px;
  2074.  
  2075. /* X */
  2076. }
  2077. .hosted-by {
  2078. width: 160px;
  2079. background: url(images/post-meta.gif) repeat;
  2080. padding: 10px;
  2081. /*
  2082. Here's a little trick to make sure the section has
  2083. a background to the bottom of the parent div
  2084. */
  2085. padding-bottom: 2010px;
  2086. overflow: hidden;
  2087. /* X + padding-bottom */
  2088. margin-bottom: -2000px;
  2089.  
  2090. /* X */
  2091. }
  2092. .shows .excerpt {
  2093. min-height:95px;
  2094. /* Min-Height Hack for IE */
  2095. height:auto !important;
  2096. height:95px
  2097. }
  2098. span.show-end-time {
  2099. margin-top: 140px;
  2100. }
  2101. .hosted-by .hosted-by-title {
  2102. font-weight: bold;
  2103. font-size: 12px;
  2104. line-height: 16px;
  2105. }
  2106. .hosted-by .hosted-by-author a {
  2107. font-weight: bold;
  2108. font-size: 16px;
  2109. color: #535353;
  2110. line-height: 18px;
  2111. text-transform: capitalize;
  2112. }
  2113. .hosted-by img.post-author-image {
  2114. margin-top: 5px;
  2115. margin-bottom: 7px;
  2116. }
  2117.  
  2118. /* @group On Air Styling */
  2119. .on-air-content_header, .on-air-content_footer {
  2120. display: none;
  2121. }
  2122.  
  2123. .on-air span.show-end-time {
  2124. margin-top: 180px;
  2125. }
  2126. .on-air .show-start_end {
  2127. background: url(images/post-meta-black.gif) repeat;
  2128. color: #fff;
  2129. }
  2130. .on-air .show_entry a {
  2131. color: #fff;
  2132. }
  2133. .on-air .show_entry, .on-air .show_entry h2 span {
  2134. color: #999;
  2135. background: #000;
  2136. }
  2137. .on-air .hosted-by {
  2138. background: url(images/post-meta-black.gif) repeat;
  2139. color: #fff;
  2140. }
  2141. .on-air .hosted-by a {
  2142. color: #fff !important;
  2143. }
  2144. #on-air_buttons {
  2145. color: #fff;
  2146. font-weight: bold;
  2147. font-size: 12px;
  2148. margin-top: 15px;
  2149. }
  2150. #list_button a, #chat_button a {
  2151. font-size: 12px;
  2152. line-height: 30px;
  2153. height: 15px;
  2154. padding: 0 0 16px 30px;
  2155. display: block;
  2156. float: left;
  2157. }
  2158. #list_button a {
  2159. background: url(images/on-air_button.png) no-repeat left top;
  2160. width: 72px;
  2161. padding: 0 0 16px 30px;
  2162. }
  2163. #chat_button a {
  2164. background: url(images/on-air_button.png) no-repeat right top;
  2165. width: 37px;
  2166. padding: 0 0 16px 30px;
  2167. margin-left: 10px;
  2168. }
  2169. /* @end */
  2170.  
  2171. /* @end */
  2172.  
  2173. /* @end */
  2174.  
  2175. /* @group Author Floor */
  2176.  
  2177. #author-floor {
  2178. height: 120px;
  2179. padding: 0 10px;
  2180. margin: 0 2px;
  2181. width: 624px;
  2182. background: url(images/post-meta.gif) repeat;
  2183. overflow: hidden;
  2184. }
  2185.  
  2186. #author-floor .post-author {
  2187. width: 385px;
  2188. height: 110px;
  2189. float: left;
  2190. padding-top: 10px;
  2191. }
  2192.  
  2193. #author-floor .post-author-image {
  2194. float: left;
  2195. margin-right: 10px;
  2196. border: 1px solid #666;
  2197. }
  2198.  
  2199. #author-floor .post-sponsored-by {
  2200. padding-top: 10px;
  2201. }
  2202.  
  2203. #author-floor span.dj-updates-rss {
  2204. background: url(images/rss-light.png) no-repeat left top;
  2205. padding: 2px 0 2px 20px;
  2206. margin-top: 5px;
  2207. float: left;
  2208. display: block;
  2209. }
  2210.  
  2211. /* @end */
  2212.  
  2213. /* @group Page */
  2214.  
  2215. #back-schedule_page {
  2216. float: right;
  2217. background: url(images/arrow-left.png) no-repeat left center;
  2218. padding-left: 10px;
  2219. font-weight: bold;
  2220. }
  2221.  
  2222. #back-schedule_page a {
  2223. color: #999;
  2224. }
  2225.  
  2226. #page-default .post-ratings {
  2227. display: none;
  2228. }
  2229.  
  2230. /*
  2231.  
  2232. @end */
  2233.  
  2234. /* @group DJ Roster */
  2235.  
  2236. /* DJ timeslot spans shared with the sidebar widget. */
  2237.  
  2238. .ione-schedule-dj-timeslot span {
  2239. display: inline !important;
  2240. padding: 0 2px 2px 0;
  2241. }
  2242. .ione-schedule-dj-timeslot span.ione-schedule-dj-timeslot-endtime {
  2243. padding-left: 2px;
  2244. }
  2245.  
  2246. /* end dj timeslot */
  2247.  
  2248. #page_authors img.featured-author-image {
  2249. padding-bottom: 10px;
  2250. }
  2251. #page_authors .post span.author-schedule {
  2252. font-weight: normal;
  2253. }
  2254.  
  2255. #page_authors h2 a, #page_authors .featured-author-links a {
  2256. text-decoration: none;
  2257. }
  2258. #page_authors .featured-author-links {
  2259. border-bottom: 1px dotted #999;
  2260. padding-bottom: 7px;
  2261. color: #999;
  2262. width: 440px;
  2263. height: 15px;
  2264. }
  2265. #page_authors .author-links {
  2266. float: left;
  2267. }
  2268. #page_authors .dj-updates-rss a {
  2269. float: right;
  2270. background: url(images/rss-light.png) no-repeat left top;
  2271. padding-right: 0;
  2272. padding-left: 20px;
  2273. padding-bottom: 5px;
  2274. }
  2275. #page_authors .dj-updates-rss a:hover {
  2276. background: url(images/rss-light.png) no-repeat left top;
  2277. }
  2278. #page_authors .featured-author-bio {
  2279. margin-top: 5px;
  2280. color: #666;
  2281. }
  2282.  
  2283. /* @end */
  2284.  
  2285. /* @group Custom Post Styles */
  2286.  
  2287. /* do not try to display the images. */
  2288. .post-style_top {
  2289. display: none;
  2290. }
  2291. /* @end */
  2292.  
  2293. /* @group Post Polls */
  2294.  
  2295. .post-content .excerpt .wp-polls {
  2296. clear: left;
  2297. padding: 5px;
  2298. }
  2299. .post-content .wp-polls-form p{
  2300. text-align: left !important;
  2301.  
  2302. color: #000;
  2303. margin-bottom: 5px;
  2304. }
  2305. .post-content .wp-polls-form input.Buttons {
  2306. margin: 10px 0 5px;
  2307. }
  2308. .post-content .wp-polls-form .wp-polls-ans {
  2309. margin-left: 15px;
  2310. }
  2311. .post-content .wp-polls-form .wp-polls-ans a {
  2312. font-size: 10px;
  2313. }
  2314. /* @end */
  2315.  
  2316. /* @end */
  2317.  
  2318. /* @group Sidebar / Right Column */
  2319.  
  2320. .widget p {
  2321. padding-left: 10px;
  2322. padding-right: 10px;
  2323. }
  2324.  
  2325. h5.widgettitle {
  2326. margin-right: 2px;
  2327. background-color: #000;
  2328. margin-bottom: 3px;
  2329. margin-left: 2px;
  2330. }
  2331. #sidebar h5.widgettitle a.rsswidget {
  2332. text-decoration: none;
  2333. color: #FFF;
  2334. }
  2335. #sidebar h5.widgettitle a.rsswidget:hover {
  2336. text-decoration: none;
  2337. background: transparent none;
  2338. }
  2339.  
  2340. #sidebar .widget-top {
  2341. background: url(images/sidebar_header.gif) no-repeat;
  2342. }
  2343.  
  2344. #sidebar .widget {
  2345. background: url(images/sidebar_background.gif) repeat-y;
  2346. height: auto;
  2347. overflow: hidden;
  2348. padding-bottom: 5px;
  2349. }
  2350.  
  2351. #sidebar .widget-bottom {
  2352. background: url(images/sidebar_footer.gif) no-repeat;
  2353. height: 7px;
  2354. margin-bottom: 10px;
  2355. }
  2356.  
  2357. #sidebar {
  2358. margin: 0;
  2359. padding: 0 0 5px;
  2360. list-style: none;
  2361. overflow: hidden;
  2362. }
  2363. #sidebar {
  2364. margin: 0;
  2365. padding: 0 0 5px;
  2366. list-style: none;
  2367. overflow: hidden;
  2368. }
  2369. .author-page #sidebar {
  2370. margin-top: 15px;
  2371. }
  2372. #sidebar ul {
  2373. list-style: none;
  2374. padding-right: 2px;
  2375. padding-left: 2px;
  2376. margin: 0;
  2377. }
  2378.  
  2379. #sidebar ol {
  2380. padding-right: 2px;
  2381. padding-left: 2px;
  2382. margin: 0;
  2383. list-style-position:inside;
  2384. }
  2385.  
  2386. #sidebar li {
  2387. margin: 0;
  2388. padding: 5px 10px;
  2389. width: auto;
  2390. height: auto;
  2391. border-bottom: 1px dotted #666;
  2392. }
  2393.  
  2394. #sidebar li.last {
  2395. border-bottom: none;
  2396. }
  2397.  
  2398. #sidebar ul ul li, #sidebar ul ol li {
  2399. margin: 5px 0 0;
  2400. padding: 5px 0 0;
  2401. border-top: 1px dotted #666;
  2402. border-bottom: none;
  2403. }
  2404.  
  2405. #sidebar li.popular {
  2406. margin: 15px 0 0 0;
  2407. padding: 0 0 5px 0;
  2408. width: auto;
  2409. height: auto;
  2410. background: url(images/dash.gif) repeat-x bottom center;
  2411. }
  2412.  
  2413. /* @group Widgets */
  2414.  
  2415. /* @group The Most */
  2416.  
  2417. #the-most-tabbed-elements a {
  2418. color: #666;
  2419. text-decoration: none;
  2420. font-size: 11px;
  2421. font-weight: bold;
  2422. margin-left: 2px;
  2423. }
  2424.  
  2425. #the-most-tabbed-elements li {
  2426. border: none !important;
  2427. display: inline;
  2428. /* Since IE6 and 7 doesn't support inline-block */
  2429. position: relative;
  2430. top: 10px;
  2431. padding: 0;
  2432. }
  2433.  
  2434. #the-most-tabbed-elements li a {
  2435. text-decoration: none;
  2436. text-transform: uppercase;
  2437. font-weight: bold;
  2438. padding: 6px 22px;
  2439. border: 1px solid #cacaca;
  2440. }
  2441.  
  2442. #the-most-tabbed-elements li a:hover, #the-most-tabbed-elements li a.selected {
  2443. background: #000;
  2444. color: #fff !important;
  2445. text-decoration: none;
  2446. }
  2447.  
  2448. ul#the-most-tabbed-elements {
  2449. margin:2px 6px;
  2450. }
  2451.  
  2452. /* Style for the ul lists within the_most widget */
  2453. #the-most-items {
  2454. border: 1px solid #cacaca;
  2455. width: 279px;
  2456. padding: 10px 10px 5px;
  2457. margin: 23px 9px 5px;
  2458. }
  2459. #the-most-items ul li, #the-most-items ol li {
  2460. border-bottom-style: none;
  2461. padding: 0 0 5px;
  2462. }
  2463.  
  2464.  
  2465. /* @end */
  2466.  
  2467. /* @group Ads */
  2468. #sidebar .widget .admod {
  2469. width: 300px;
  2470. margin: 0 auto;
  2471. }
  2472. #sidebar .ione.dart.ads, #sidebar .ione.dart.ads .widget {
  2473. background: none !important;
  2474. }
  2475. #sidebar .ione.dart.ads {
  2476. margin-left: 0;
  2477. }
  2478. #sidebar .ione.dart.ads .widget-bottom {
  2479. display: none;
  2480. }
  2481. #sidebar .ad_text {
  2482. text-align: right;
  2483. font-size: 8px;
  2484. font-weight: normal;
  2485. font-style: normal;
  2486. color: #666;
  2487. text-transform: capitalize;
  2488. padding-right: 10px;
  2489. }
  2490.  
  2491. /* @end */
  2492.  
  2493. /* @group Highlights */
  2494.  
  2495. #sidebar .highlight_item {
  2496. padding: 5px 10px;
  2497. border-bottom: 1px dotted #666;
  2498. margin-left: 2px;
  2499. margin-right: 2px;
  2500. }
  2501.  
  2502. #sidebar .highlight_item .highlight_link {
  2503. font-weight: normal;
  2504. color: #666;
  2505. }
  2506. #sidebar .widget .highlights_more {
  2507. display: inline;
  2508. }
  2509. #sidebar .widget .button-back {
  2510. background: url(images/button_background.png) no-repeat right top;
  2511. float: right;
  2512. height: 34px;
  2513. padding-right: 8px;
  2514. margin: 10px 15px 0 0;
  2515. }
  2516. #sidebar .widget .button-back a {
  2517. color: #fff;
  2518. background: url(images/button_background.png) no-repeat left top;
  2519. line-height: 34px;
  2520. padding: 10px 7px 10px 15px;
  2521. }
  2522. #sidebar .widget .button-back a:hover {
  2523. background: url(images/button_background.png) no-repeat left -41px;
  2524. }
  2525. #sidebar .widget .button-back:hover {
  2526. background: url(images/button_background.png) no-repeat right bottom;
  2527. }
  2528. /* @end */
  2529.  
  2530. /* @group Sponsored Links */
  2531.  
  2532. .widget_sponsored_links {
  2533. margin-right: 5px;
  2534. margin-left: -10px;
  2535. }
  2536.  
  2537. /* @end */
  2538.  
  2539. /* @group You Said It */
  2540.  
  2541. #you_said_it_app {
  2542. margin-left: 11px;
  2543. }
  2544.  
  2545. /* @end */
  2546.  
  2547. /* @group Calendar */
  2548.  
  2549. #wp-calendar {
  2550. width: 250px;
  2551. text-align: center;
  2552. margin-right: auto;
  2553. margin-left: auto;
  2554. }
  2555.  
  2556. /* @end */
  2557.  
  2558. /* @group Recent/Most */
  2559.  
  2560. ul#recentcomments li {
  2561. padding-left: 13px;
  2562. }
  2563.  
  2564. #iOneMostCommented ul li {
  2565. padding-left: 12px;
  2566. }
  2567.  
  2568. #wp-postviews ul li {
  2569. padding-left: 10px;
  2570. }
  2571.  
  2572. /* @end */
  2573.  
  2574. /* @group Tag Cloud */
  2575.  
  2576. #tag_cloud a {
  2577. padding-left: 10px;
  2578. }
  2579.  
  2580. .iOneTagCloud a {
  2581. margin-left: 21px;
  2582. }
  2583.  
  2584. /* @end */
  2585.  
  2586. /* @group Text Widget */
  2587.  
  2588. .textwidget p {
  2589. margin-left: 7px;
  2590. margin-right: 7px;
  2591. }
  2592. .widget .textwidget img {
  2593. margin: 0;
  2594. }
  2595.  
  2596. /* @end */
  2597.  
  2598. /* @group Image Widget */
  2599.  
  2600. .widget_sp_image-image {
  2601. margin: 7px 9px;
  2602. }
  2603.  
  2604. .widget_sp_image-description {
  2605. margin: 0;
  2606. }
  2607.  
  2608. /* @end */
  2609.  
  2610. /* @group Polls */
  2611.  
  2612. .widget_polls li {
  2613. padding-left: 12px !important;
  2614. border: none !important;
  2615. }
  2616.  
  2617. .wp-polls-ans p, .wp-polls-form {
  2618. margin: 0;
  2619. clear: both;
  2620. }
  2621.  
  2622. .wp-polls-ans .button-back {
  2623. background: url(images/button_background.png) no-repeat right top;
  2624. height: 34px;
  2625. padding-right: 8px;
  2626. float: left;
  2627. }
  2628. /* Position the vote button within the widget */
  2629. .widget .wp-polls-ans .button-back {
  2630. margin-right: 125px !important;
  2631. }
  2632. .wp-polls-ans input.Buttons {
  2633. background: url(images/button_background.png) no-repeat left top;
  2634. border: none;
  2635. color: #fff;
  2636. font-weight: bold;
  2637. height: 34px;
  2638. margin: 0 !important;
  2639. padding: 0 15px 0 23px;
  2640. }
  2641. .wp-polls-ans input.Buttons:hover {
  2642. background: url(images/button_background.png) no-repeat left -41px;
  2643. }
  2644. .wp-polls-ans .button-back:hover {
  2645. background: url(images/button_background.png) no-repeat right -41px;
  2646. }
  2647. /* @end */
  2648.  
  2649.  
  2650. /* @group RSS Widget */
  2651.  
  2652. .widget_rss img {
  2653. display: none;
  2654. }
  2655.  
  2656. /* @end */
  2657.  
  2658. /* @group Featured Authors */
  2659. .widget .featuredAuthor {
  2660. font-size: 12px;
  2661. font-weight: normal;
  2662. font-style: normal;
  2663. border-bottom: 1px dotted #c7c7c7;
  2664. padding-bottom: 8px;
  2665. margin: 7px 2px 0;
  2666. }
  2667. .widget .featuredAuthor .featured-authors-wrap {
  2668. width: 220px;
  2669. float: right;
  2670. color: #9b9b9b;
  2671. }
  2672. .widget .featuredAuthor img.featuredAuthorImage {
  2673. float: left;
  2674. display: block;
  2675. margin-left: 5px;
  2676. }
  2677. .widget .featuredAuthor .featured-authors-wrap a {
  2678. color: #9b9b9b !important;
  2679. }
  2680. .widget .featuredAuthor h4.featuredAuthorName {
  2681. margin: 0;
  2682. }
  2683. .widget .featuredAuthor h4.featuredAuthorName a {
  2684. font-size: 14px;
  2685. text-transform: capitalize;
  2686. color: #000 !important;
  2687. }
  2688.  
  2689. .widget .featuredAuthor .ione-schedule-dj-timeslots {
  2690. margin-bottom: 5px;
  2691. color: #000;
  2692. }
  2693. /* @end */
  2694.  
  2695. /* @end */
  2696.  
  2697. /* @end */
  2698.  
  2699. /* @group Flash */
  2700. #DL_container{
  2701. height:253px;
  2702. width:638px;
  2703. }
  2704.  
  2705. #flash_carousel_target{
  2706. width:980px;
  2707. height:284px;
  2708. }
  2709. /* @end */
  2710.  
  2711. /* @group Footer */
  2712.  
  2713. #footer {
  2714. background: url(images/footer_background.png) repeat-x center top;
  2715. }
  2716.  
  2717. #footer_cap {
  2718. background: url(images/content_background_header.png) repeat-x 0 11px;
  2719. }
  2720.  
  2721. #footer {
  2722. margin: 0;
  2723. padding: 0;
  2724. background-color: #000;
  2725. height: 370px;
  2726. font-weight: bold;
  2727. font-size: 12px;
  2728. color: #666;
  2729. }
  2730.  
  2731. .footer_left, .footer_right {
  2732. padding-top: 5px;
  2733. }
  2734.  
  2735. #footer a {
  2736. color: #666;
  2737. }
  2738.  
  2739. .footer_left {
  2740. float: left;
  2741. }
  2742.  
  2743. .footer_right {
  2744. float: right;
  2745. }
  2746.  
  2747. #carousel_holder {
  2748. height: 300px;
  2749. padding-top: 20px;
  2750. }
  2751.  
  2752. .copyright {
  2753. margin: auto;
  2754. padding: 20px 0;
  2755. float: left;
  2756. }
  2757.  
  2758. /* @end */
  2759.  
  2760. /* @group Polldaddy */
  2761.  
  2762. /* @group Sidebar */
  2763.  
  2764. /* Manually setting image widths within the polldaddy
  2765. .PDS_Poll .pds-question-top img {
  2766. width: 280px !important;
  2767. }
  2768. .post-content .PDS_Poll .pds-question-top img {
  2769. width: 270px !important;
  2770. }
  2771. */
  2772.  
  2773. /* Fixing the PD horrible markup */
  2774.  
  2775. .PDS_Poll .pds-answer span label {
  2776. float: left;
  2777. clear: right;
  2778. }
  2779. .PDS_Poll input.pds-radiobutton {
  2780. margin: 10px 0 5px 1px;
  2781. float: left;
  2782. clear: both;
  2783.  
  2784. }
  2785. .PDS_Poll span label {
  2786. margin-left: 15px !important;
  2787. color: #000 !important;
  2788. }
  2789. .PDS_Poll .pds-answer label {
  2790. font-weight: normal;
  2791. font-style: normal;
  2792. color: #000;
  2793. line-height: 14px !important;
  2794. display: block;
  2795. padding: 10px 0 5px 1px;
  2796. }
  2797. /* hiding those links in the footer, there's no individual classes here */
  2798. .PDS_Poll .pds-votebutton-outer a, .PDS_Poll .pds-totalvotes-outer a, .PDS_Poll .pds-totalvotes-outer {
  2799. display: none !important;
  2800. }
  2801. /* Styling the vote button and positioning it */
  2802. .PDS_Poll .pds-vote {
  2803. padding: 0px !important;
  2804. max-height: 34px !important;
  2805. display: block !important;
  2806. margin-bottom: 10px !important;
  2807. }
  2808.  
  2809. .PDS_Poll .pds-votebutton-outer input {
  2810. background: url(images/vote.png) no-repeat left top !important;
  2811. border: none !important;
  2812. height: 34px !important;
  2813. width: 80px !important;
  2814. margin: 0px !important;
  2815. }
  2816. .PDS_Poll .pds-votebutton-outer input:hover {
  2817. background: url(images/vote.png) no-repeat left -48px !important;
  2818. }
  2819. .PDS_Poll .pds-totalvotes-outer {
  2820. height: 24px !important;
  2821. }
  2822. .PDS_Poll .pds-totalvotes-inner {
  2823. margin: 0 !important;
  2824. }
  2825. /* Styling the results bar */
  2826. .PDS_Poll .pds-answer-feedback {
  2827. background-color: #c4c4c4 !important;
  2828. border: 2px inset #e0e0e0 !important;
  2829. margin-bottom: 4px !important;
  2830. }
  2831. .PDS_Poll .pds-answer-feedback img.pds-answer-feedback-bar {
  2832. background: #bc1a01 url(images/pd-results_bg.png) repeat-x !important;
  2833. margin: 0 !important;
  2834. height: 18px !important;
  2835. display: inline !important;
  2836. }
  2837.  
  2838. /* @end */
  2839.  
  2840. /* @group Content */
  2841.  
  2842. .post-content .PDS_Poll {
  2843. float: left !important;
  2844. padding: 15px !important;
  2845. background: url(images/post-meta.gif) repeat !important;
  2846. }
  2847. .post-content .PDS_Poll div.pds-box {
  2848. background-color: #fff !important;
  2849. }
  2850.  
  2851. /* @end */
  2852.  
  2853. /* @group LSAP */
  2854.  
  2855. body#lsap, body#lsap table {
  2856. background-color:#111111;
  2857. color:#FFFFFF;
  2858. margin:0px 0px 0px 0px;
  2859. }
  2860. body#lsap a {
  2861. color:#FFFFFF;
  2862. }
  2863. body#lsap .container {
  2864. background-color:#111111;
  2865. width:100%;
  2866. height:100%;
  2867. margin:0px 0px 0px 0px;
  2868. }
  2869.  
  2870. /* @end */
Add Comment
Please, Sign In to add comment