1. /* common */
  2.  
  3. *
  4.         { padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
  5. body
  6.         { font-size: 62.50%; background: #E5F3FF url("../images/backgrounds/background.png") no-repeat 50% 0; }
  7. img
  8.         { outline: none; border: 0; }
  9. ul
  10.         { list-style-type: none; }
  11. a
  12.         { color: #4b555f; }
  13. a:hover
  14.         { color: #62a6db; }
  15. hr
  16.         { display: none; }
  17.  
  18. /* site */
  19.  
  20. #site
  21.         { width: 980px; /*position: absolute; top: 0; left: 50%; margin-left: -490px;*/ margin: 0 auto; }
  22.  
  23. /* header */
  24.  
  25. #header
  26.         { padding: 0 20px; height: 161px; background: transparent url("../images/backgrounds/siteTop.png") no-repeat left bottom; }
  27.  
  28. #headerTitle
  29.         { float: left; height: 90px; width: 333px; }
  30. #title
  31.         { float: left; display: block; height: 68px; width: 168px; text-indent: -5000px; cursor: pointer; background: transparent url("../images/logos/logo.png") no-repeat 0 0; margin: 12px 0 0 45px; }
  32. .cal
  33.         { float: left; height: 52px; width: 52px; background: transparent url("../images/backgrounds/calendar.png") no-repeat 0 0; margin: 33px 0 0 5px; }
  34. .cal .dayName
  35.         { color: #fff; display: block; text-align: center; font-size: .8em; height: 10px; padding: 9px 0 0 0; }
  36. .cal .dayDate
  37.         { color: #231f20; display: block; text-align: center; font-size: 1.8em; font-weight: bold; padding: 2px 0 0 0; }
  38. #changeDate
  39.         { float: left; color: #c22a2f; font-size: .9em; display: block; margin: 68px 0 0 0; text-decoration: none; }
  40. #changeDate:hover
  41.         { color: #4475a1; }
  42.  
  43. #headerMenu
  44.         { float: right; height: 90px; width: 566px; }
  45. #headerMenu ul
  46.         { float: right; width: 199px; height: 26px; background: transparent url("../images/backgrounds/topNav.png") no-repeat 0 0; }
  47. #headerMenu ul li
  48.         { float: left; height: 26px; }
  49. #headerMenu ul li a
  50.         { display: block; float: left; height: 26px; text-indent: -5000px; }
  51. #headerMenu ul li.hmAdd a
  52.         { width: 96px; }
  53. #headerMenu ul li.hmJoin a
  54.         { width: 48px; }
  55. #headerMenu ul li.hmLogin a
  56.         { width: 55px; }
  57. #headerMenu ul li.hmAdd a:hover
  58.         { background: transparent url("../images/backgrounds/topNav.png") no-repeat 0 -26px; }
  59. #headerMenu ul li.hmJoin a:hover
  60.         { background: transparent url("../images/backgrounds/topNav.png") no-repeat -96px -26px; }
  61. #headerMenu ul li.hmLogin a:hover
  62.         { background: transparent url("../images/backgrounds/topNav.png") no-repeat -144px -26px; }
  63. #headerMenu span
  64.         { float: right; white-space: nowrap; color: #6a6a6a; display: block; padding: 5px 20px 0 0; }
  65.  
  66. #topMenu
  67.         { clear: both; background: transparent url("../images/backgrounds/topMenu.png") no-repeat left top; height: 32px; position: relative; }
  68. #topMenu ul.tm
  69.         { float: left; height: 32px; }
  70. #topMenu ul.tm li.tm
  71.         { float: left; padding-right: 3px; height: 32px; }
  72. #topMenu ul.tm li.tm a.tm
  73.         { display: block; float: left; height: 32px; text-indent: -5000px; }
  74.  
  75. div.tmSubmenu
  76.         { display: none; position: absolute; top: 32px; left: 0; padding: 12px 17px; font-size: 1.4em; width: 906px; }
  77. li.xhover div.tmSubmenu
  78.         { display: block; }
  79.  
  80. #topMenu .tmSubmenu a, #topMenu .tmSubmenu a:hover { background: transparent; }
  81. .tmSubmenu .set1 {
  82.         float: left;
  83. }
  84. .tmSubmenu .set2 {
  85.         float: left;
  86.         background: transparent url("../images/tabs/subNavSep.png") no-repeat 0 0;
  87. }
  88. #topMenu .tmSubmenu a.active, #topMenu .tmSubmenu a:hover {
  89.         color: #c22a2f;
  90. }
  91. .tmSubmenu .set1 a {
  92.         color: #4475a1;
  93.         margin-right: 12px;
  94.         text-decoration: none;
  95. }
  96. .tmSubmenu .set2 a {
  97.         color: #4b555f;
  98.         margin-left: 12px;
  99.         text-decoration: none;
  100. }
  101.  
  102. li.tmToppicks a { width: 118px; }
  103. li.tmMusic a { width: 118px; }
  104. li.tmArts a { width: 118px; }
  105. li.tmNightlife a { width: 118px; }
  106. li.tmHappyhours a { width: 118px; }
  107. li.tmOthers a { width: 118px; }
  108.  
  109. li.tmToppicks a:hover { background: transparent url("../images/backgrounds/topMenu.png") no-repeat 0px -32px; }
  110. li.tmMusic a:hover { background: transparent url("../images/backgrounds/topMenu.png") no-repeat -121px -32px; }
  111. li.tmArts a:hover { background: transparent url("../images/backgrounds/topMenu.png") no-repeat -242px -32px; }
  112. li.tmNightlife a:hover { background: transparent url("../images/backgrounds/topMenu.png") no-repeat -363px -32px; }
  113. li.tmHappyhours a:hover { background: transparent url("../images/backgrounds/topMenu.png") no-repeat -484px -32px; }
  114. li.tmOthers a:hover { background: transparent url("../images/backgrounds/topMenu.png") no-repeat -605px -32px; }
  115.  
  116. #search
  117.         { width: 208px; float: right; padding: 5px 0 0 0; }
  118. #search input
  119.         { width: 157px; height: 14px; padding: 4px 8px; margin: 0; font-size: 1.1em; color: #4b555f; border: 0; background: transparent; vertical-align: top; }
  120. #search input#searchSubmit
  121.         { width: 22px; height: 22px; vertical-align: top; margin-left: 5px; cursor: pointer; }
  122. #search input.xhover
  123.         { background: transparent url("../images/backgrounds/topMenu.png") no-repeat -913px -38px; }
  124.  
  125. ul.news512
  126.         { }
  127. ul.news512 li
  128.         { margin: 10px 0 5px 0; background: transparent url("../images/icons/news.png") no-repeat 0 3px; padding: 0 0 0 12px; }
  129. ul.news512 li a
  130.         { font-size: 1.1em; color: #4b555f; margin: 0 0 15px 0; text-decoration: none; }
  131. ul.news512 li a:hover
  132.         { color: #62a6db; }
  133.  
  134. /* main */
  135.  
  136. #main
  137.         { width: 940px; clear: both; padding: 0 20px; background: transparent url("../images/backgrounds/siteMiddle.png") repeat-y left bottom; overflow: auto; }
  138.  
  139. #content
  140.         { width: 561px; margin-left: 17px; padding: 10px 0 0 0; overflow: hidden; float: left; background: transparent url("../images/backgrounds/box1Top.png") no-repeat left top; }
  141. #ctBottom
  142.         { width: 561px; background: transparent url("../images/backgrounds/box1Bottom.png") no-repeat left bottom; padding: 0 0 10px 0; }
  143. #ctInner
  144.         { width: 561px; background: transparent url("../images/backgrounds/box1Middle.png") repeat-y left top; }
  145.  
  146. .news
  147.         { width: 535px; clear: both; border-bottom: 3px solid #E3E4E4; margin: 0 13px 15px 13px; padding: 0 0 13px 0; overflow: auto; }
  148. .news h2 a
  149.         { font-size: 1.8em; color: #4b555f; font-weight: bold; text-decoration: none; }
  150. .news h2 a:hover
  151.         { color: #62a6db; }
  152. .news .timeplace
  153.         { font-weight: bold; padding: 3px 0 3px 0; }
  154. .news .timeplace .time
  155.         { color: #c22a2f; font-size: 1.4em; }
  156. .news .timeplace .at
  157.         { color: #abb7c4; font-size: 1.4em; }
  158. .news .timeplace .place a.where
  159.         { color: #4475a1; text-decoration: none; font-size: 1.4em; }
  160. .news .timeplace .place a.where:hover
  161.         { color: #4b555f; }
  162. .news .timeplace .place .placepart
  163.         { font-size: 1.1em; color: #4b555f; }
  164. .news .timeplace .place .placepart a
  165.         { color: #4b555f; text-decoration: none; }
  166. .news .timeplace .place .placepart a:hover
  167.         { color: #62a6db; }
  168. .news .text
  169.         { font-size: 1.3em; color: #4b555f; line-height: 1.5em; }
  170. .news .text a
  171.         { text-decoration: none; color: #c22a2f; font-weight: bold; }
  172. .news .text a:hover
  173.         { color: #4475a1; }
  174. .news .others
  175.         { font-weight: bold; color: #4b555f; padding: 6px 0 0 0; }
  176. .news .others span
  177.         { font-size: 1.4em; }
  178. .news .others a.num
  179.         { text-decoration: none; color: #c22a2f; font-size: 1.4em; }
  180. .news .others a.num:hover
  181.         { color: #4475a1; }
  182. .news .srg
  183.         { clear: both; padding: 8px 0 0 0; }
  184. .news img
  185.         { float: left; border: 6px solid #C8E6FF; margin: 0 15px 0 2px; }
  186.  
  187. .first
  188.         { padding-top: 5px; }
  189. .first .timeplace
  190.         { font-weight: bold; padding: 3px 0 8px 0; }
  191. .first .others a.num
  192.         { text-decoration: none; color: #c22a2f; font-size: 1.6em; }
  193. .first .others a.num:hover
  194.         { color: #4475a1; }
  195. .firstText
  196.         { float: left; width: 320px; }
  197. .oneComment
  198.         { clear: both;  }
  199. .comments
  200.         { float: left; font-size: 1.2em; color: #4b555f; background: transparent url("../images/backgrounds/quotes1.png") no-repeat 0 10px; padding: 18px 0 0 35px; max-width: 350px; }
  201. .commentsInner
  202.         { background: transparent url("../images/backgrounds/quotes2.png") no-repeat right bottom; padding: 0 35px 10px 0; }
  203. .commentsInner a
  204.         { text-decoration: none; color: #c22a2f; font-weight: bold; }
  205. .commentsInner a:hover
  206.         { color: #4475a1; }
  207. .commentsAuthor
  208.         { float: left; font-size: 1.2em; color: #4b555f; }
  209. .commentsAuthor a
  210.         { text-decoration: none; color: #c22a2f; font-weight: bold;  }
  211. .commentsAuthor a:hover
  212.         { color: #4475a1; }
  213. .ca1
  214.         { padding: 17px 0 0 10px; }
  215. .ca2
  216.         { padding: 34px 0 0 10px; }
  217.  
  218. a.img
  219.         { display: block; position: relative; }
  220. .news a.img .play
  221.         { display: block; height: 91px; width: 91px; position: absolute; top: 0; left: 0; background: transparent url("../images/backgrounds/triangle2.png") no-repeat 35px 25px; cursor: pointer; }
  222. .first a.img .play
  223.         { display: block; height: 177px; width: 177px;position: absolute; top: 0; left: 0; background: transparent url("../images/backgrounds/triangle1.png") no-repeat 65px 55px; cursor: pointer; }
  224.  
  225. /* just replace the ??? with the hover images */
  226.  
  227. .news a.img:hover .play
  228.         { /* background: transparent url("../images/backgrounds/???.png") no-repeat 35px 25px; */ }
  229. .first a.img:hover .play
  230.         { /* background: transparent url("../images/backgrounds/???.png") no-repeat 65px 55px; */ }
  231.  
  232. a.sodoi
  233.         { font-size: 1.4em; font-weight: bold; color: #4b555f;  text-decoration: none; }
  234. a.share
  235.         { font-size: 1.4em; font-weight: bold; color: #4b555f; text-decoration: none; }
  236. a.rsvp
  237.         { font-size: 1.4em; font-weight: bold; color: #4b555f; text-decoration: none; }
  238. a.tickets
  239.         { font-size: 1.4em; font-weight: bold; color: #4b555f; text-decoration: none; }
  240.  
  241. a.sodoi:hover,a.share:hover,a.rsvp:hover,a.tickets:hover
  242.         { color: #62a6db; }
  243.  
  244. #sidebar
  245.         { width: 326px; padding-right: 17px; overflow: hidden; float: right; }
  246.  
  247.  
  248.  
  249. #sidebar .box
  250.         { background: transparent url("../images/backgrounds/box2Middle.png") repeat-y 0 0; width: 300px; padding: 0 12px; overflow: auto; }
  251. #sidebar .boxTop
  252.         { background: transparent url("../images/backgrounds/box2Top.png") no-repeat 0 0; width: 324px; height: 10px; font-size: 0; line-height: 0; }
  253. #sidebar .boxBottom
  254.         { background: transparent url("../images/backgrounds/box2Bottom.png") no-repeat 0 0; width: 324px; height: 10px; margin-bottom: 18px; }
  255.  
  256. h4.newsfromdo512
  257.         { width: 324px; height: 28px; background: transparent url("../images/headings/news.png") no-repeat 0 0; text-indent: -5000px; }
  258. h4.recentPicks
  259.         { width: 324px; height: 28px; background: transparent url("../images/headings/recentPicks.png") no-repeat 0 0; text-indent: -5000px; }
  260. h4.recentComments
  261.         { width: 324px; height: 28px; background: transparent url("../images/headings/recentComments.png") no-repeat 0 0; text-indent: -5000px; }
  262. .featuredVenue
  263.         { width: 324px; height: 28px; background: transparent url("../images/headings/featuredVenue.png") no-repeat 0 0; }
  264.  
  265. #featured
  266.         { width: 326px; height: 414px; background: transparent url("../images/backgrounds/blueBox.png") no-repeat left bottom; margin-bottom: 15px; overflow: hidden;  }
  267. #featured img
  268.         { float: left; border: 3px solid #C8E6FF; margin: 0 14px 10px 0; }
  269. #featured img.four
  270.         { margin: 0; }
  271.  
  272. #featuredTabs
  273.         { overflow: hidden; width: 326px; height: 414px; }
  274. .ftb1
  275.         { background: transparent url("../images/backgrounds/tabs.png") no-repeat 0 0; }
  276. .ftb2
  277.         { background: transparent url("../images/backgrounds/tabs.png") no-repeat -326px 0; }
  278. #ft
  279.         { height: 28px; }
  280. a.ft1
  281.         { display: block; float: left; width: 112px; height: 20px; text-indent: -5000px; outline: none; }
  282. a.ft2
  283.         { display: block; float: left; width: 88px; height: 20px; text-indent: -5000px; outline: none; }
  284. a.ft3
  285.         { display: block; float: right; height: 20px; font-size: 1.2em; color: #4b555f; text-decoration: none; font-family: Verdana; font-weight: bold; background: transparent url("../images/icons/share.png") no-repeat 0 4px; padding: 2px 15px 0 22px; }
  286.  
  287. a.ft1:hover
  288.         { background: transparent url("../images/backgrounds/tabshover.gif") no-repeat 0 0; }
  289. a.ft2:hover
  290.         { background: transparent url("../images/backgrounds/tabshover.gif") no-repeat -112px 0; }
  291.  
  292. #ft1
  293.         { width: 302px; padding: 0 12px; }
  294. #ft2
  295.         { width: 302px; padding: 0 12px; }
  296.  
  297. .pick
  298.         { width: 300px; clear: both; padding-top: 11px; color: #4b555f; }
  299. .pick img
  300.         { float: left; border: 3px solid #C8E6FF; margin-right: 8px; }
  301. a.user
  302.         { text-decoration: none; color: #c22a2f; font-weight: bold; font-size: 1.1em; }
  303. a.user:hover
  304.         { color: #4475a1; }
  305. .pick .picked
  306.         { color: #4475a1; font-weight: bold; font-size: 1.2em; }
  307. .pick .picked a
  308.         { text-decoration: none; color: #4475a1; font-weight: bold; }
  309.  
  310. .more
  311.         { clear: both; text-align: right; padding-top: 5px; }
  312. .more a
  313.         { font-weight: bold; color: #c22a2f; font-size: 1.1em; text-decoration: none; }
  314. .more a:hover
  315.         { color: #4475a1; }
  316.  
  317. .comment
  318.         { width: 300px; clear: both; padding: 9px 0 0 0; }
  319. .comment img
  320.         { border: 3px solid #C8E6FF;  }
  321. .odd img
  322.         { float: left; }
  323. .even img
  324.         { float: right; }
  325.  
  326. .odd .cmTop { width: 225px; background: transparent url("../images/backgrounds/comment1Top.png") no-repeat left top; padding: 4px 7px 4px 15px; }
  327. .odd .cmBottom { width: 247px; background: transparent url("../images/backgrounds/commentBottom.png") no-repeat right bottom;}
  328. .odd .cmInner { width: 247px; float: right; background: transparent url("../images/backgrounds/commentMiddle.png") repeat-y right top; }
  329. .even .cmTop { width: 225px; background: transparent url("../images/backgrounds/comment2Top.png") no-repeat left top; padding: 4px 15px 4px 7px; }
  330. .even .cmBottom { width: 247px; background: transparent url("../images/backgrounds/commentBottom.png") no-repeat left bottom;}
  331. .even .cmInner { width: 247px; float: left; background: transparent url("../images/backgrounds/commentMiddle.png") repeat-y left top; }
  332.  
  333. a.post
  334.         { color: #4475a1; text-decoration: none; }
  335. .comment p
  336.         { font-size: 1.1em; padding-top: 7px; color: #4b555f; }
  337.  
  338. /* linkbox */
  339.  
  340. .linkbox {
  341.     width: 535px;
  342.     padding: 0 13px 5px 13px;
  343.     overflow: auto;
  344.     font-family: Arial, Helvetica, sans-serif;
  345.     font-weight: bold;
  346. }
  347. .linkbox .previous, .linkbox .next {
  348.     float: left;
  349.     display: block;
  350.     width: 90px;
  351.     height: 25px;
  352.     padding: 5px 5px 0 5px;
  353. }
  354. .linkbox .next {
  355.     text-align: right;
  356. }
  357. .linkbox .previous a, .linkbox .next a {
  358.     font-size: 1.4em;
  359.     color: #62a6db;
  360.     text-decoration: none;
  361. }
  362. .linkbox .previous a:hover, .linkbox .next a:hover {
  363.         color: #c22a2f;
  364. }
  365. .linkbox .pages {
  366.     float: left;
  367.     width: 335px;
  368.     text-align: center;
  369.     font-size: 1.2em;
  370.     color: #4b555f;
  371.     margin: 0 auto;
  372. }
  373. .linkbox .pages p {
  374.     display: inline-block;
  375.     margin: 0 auto;
  376. }
  377. .linkbox .pages span {
  378.     display: inline-block;
  379.     padding: 6px 6px 0 6px;
  380.     vertical-align: top;
  381. }
  382. .linkbox .pages a {
  383.     display: inline-block;
  384.     height: 22px;
  385.     padding: 4px 10px 0 10px;
  386.     margin: 0 5px;
  387.     border: 2px solid #c9cdd6;
  388.     color: #4b555f;
  389.     text-decoration: none;
  390. }
  391. .linkbox .pages a.active, .linkbox .pages a:hover {
  392.     background-color: #c9cdd6;
  393. }
  394.  
  395. .sodoi
  396.         { background: transparent url("../images/icons/sodoi.png") no-repeat 0 -3px; padding: 0 0 0 20px; white-space: nowrap; }
  397. .others .sodoi
  398.         { background: transparent url("../images/icons/sodoi.png") no-repeat 0 -3px; padding: 0 8px 0 20px; margin-left: 8px; }
  399. .share
  400.         { background: transparent url("../images/icons/share.png") no-repeat 0 3px; padding: 0 16px 0 20px; }
  401. .others .share
  402.         { background: transparent url("../images/icons/share.png") no-repeat 10px 3px; padding: 0 0 0 30px; border-left: 2px solid #C0C9D3; }
  403. .rsvp
  404.         { background: transparent url("../images/icons/rsvp.png") no-repeat 0 3px; padding: 0 16px 0 18px; }
  405. .tickets
  406.         { background: transparent url("../images/icons/tickets.png") no-repeat 0 3px; padding: 0 16px 0 22px; }
  407.  
  408. #sidebar .offset
  409.         { padding-top: 10px; }
  410.  
  411. .h4off
  412.         { display: none; }
  413. .h4form
  414.         { float: right; position: relative; }
  415. .h4form select
  416.         { width: 192px; height: 18px; margin: 5px 12px 0 0; }
  417.  
  418. /* select css */
  419.  
  420. .trigger, .activetrigger {
  421.         display: block;
  422.         font-weight: normal;
  423.         float: left;
  424.         background: #fff url("../images/form/select.png") no-repeat right top;
  425.         border: 0;
  426.         height: 14px;
  427.         width: 176px;
  428.         color: #4b555f;
  429.         font-size: 1.1em;
  430.         padding: 2px 8px;
  431.         margin: 5px 12px 0 0;
  432.         text-decoration: none;
  433.         outline: none; }
  434. .dropcontainer ul {
  435.         background: #fff;
  436.         border: 1px solid #456E98;
  437.         border-top: 0;
  438.         list-style-type: none;
  439.         position: absolute; }
  440. .dropdownhidden {
  441.         top: 0;
  442.         left: -5000px }
  443. .dropdownvisible {
  444.         top: 24px;
  445.         left: -1px;
  446.         width: 192px; }
  447. .dropcontainer ul li a {
  448.         display: block;
  449.         font-weight: normal;
  450.         text-decoration:none;
  451.         color: #4b555f;
  452.         font-size: 1.1em;
  453.         padding: 2px 8px; }
  454. .dropcontainer ul a:hover {
  455.         background: #efefef;
  456.         color: #000; }
  457. .dropcontainer {
  458.         position: relative; }
  459.  
  460. /* events column */
  461.  
  462. h4.h4a
  463.         { color: #4475a1; margin: 0 13px; height: 28px; background: transparent url("../images/backgrounds/grey.png") repeat-x 0 10px; margin-top: 25px; }
  464. h4.toph4
  465.         { margin-top: 10px; }
  466. h4.h4a span
  467.         { display: block; background: #fff url("../images/icons/bullet.png") no-repeat 0 4px; padding: 0 0 0 16px; float: left; }
  468. h4.h4a b
  469.         { font-size: 1.6em; padding: 0 5px 0 0; }
  470. h4.h4a em
  471.         { font-size: 1.4em; font-style: normal; color: #4b555f; padding: 0 5px 0 0; }
  472.  
  473. .box3Top
  474.         { width: 535px; height: 29px; background: transparent url("../images/backgrounds/heading.png") no-repeat 0 0; margin: 0 13px; font-weight: bold; font-size: 1.4em; color: #fff; }
  475. .box3Top span
  476.         { display: block; padding: 6px; float: left; }
  477. .box3
  478.         { width: 535px; background: transparent url("../images/backgrounds/box3Middle.png") repeat-y 0 0; margin: 0 13px; overflow: auto; }
  479. .box3Bottom
  480.         { width: 535px; height: 10px; background: transparent url("../images/backgrounds/box3Bottom.png") no-repeat 0 0; margin: 0 13px; }
  481.  
  482. .box3Top a
  483.         { color: #c22a2f; text-decoration: none; }
  484.  
  485. .box3 p.text
  486.         { color: #4b555f; margin: 8px 13px; font-size: 1.2em; }
  487.  
  488. .rsvpForm
  489.         { margin: 0 13px; }
  490. .rsvpI
  491.         { width: 220px; float: left; padding: 0; margin: 0; }
  492. .rsvpI label
  493.         { display: block; font-size: 1.2em; font-weight: bold; color: #c22a2f; width: 210px; }
  494. .rsvpI input
  495.         { width: 194px; height: 13px; background: transparent url("../images/form/input.png") no-repeat 0 0; border: 0; color: #4b555f; padding: 6px; }
  496. .rsvpSubmit
  497.         { float: left; padding-top: 18px; width: 63px; }
  498. .rsvpSubmit button
  499.         { width: 63px; height: 20px; border: 0; display: block; background: transparent url("../images/buttons/rsvp.png") no-repeat 0 0; text-indent: -5000px; cursor: pointer; }
  500.  
  501. /* scroller */
  502.  
  503. .scroller
  504.         { height: 65px; margin: 0 9px; }
  505. .scrollLeft
  506.         { display: block; width: 26px; height: 42px; margin: 19px 8px 0 0; background: transparent url("../images/backgrounds/arrows.gif") no-repeat 0 0; float: left; text-indent: -5000px; }
  507. .scrollRight
  508.         { display: block; width: 26px; height: 42px; margin: 19px 0 0 0; background: transparent url("../images/backgrounds/arrows.gif") no-repeat -26px 0; float: left; text-indent: -5000px; }
  509. .scrollerInner
  510.         { width: 456px; height: 65px; overflow: hidden; float: left; }
  511. .scrollerInner a
  512.         { display: block; float: left; position: relative; text-decoration: none; }
  513. .scrollerInner img
  514.         { border: 3px solid #fff; margin: 15px 7px 0 0; }
  515. .xstar
  516.         { display: block; position: absolute; top: 15px; left: 0; width: 50px; height: 50px; background: transparent url("../images/backgrounds/star.png") no-repeat center center; }
  517. .xcrew
  518.         { display: block; position: absolute; top: 15px; left: 0; width: 50px; height: 50px; background: transparent url("../images/backgrounds/crew.png") no-repeat center center; }
  519. .xbaloon
  520.         { display: none; }
  521. .scrollerInner a:hover .xbaloon
  522.         { display: block; width: 67px; height: 22px; padding: 2px 5px; background: transparent url("../images/backgrounds/cloud.png") no-repeat 0 0; color: #fff; position: absolute; top: 5px; left: -13px; z-index: 1000; font-weight: bold; overflow: hidden; }
  523.  
  524. .gfsm
  525.         { padding: 10px 0 10px 63px; }
  526. .gfsm a
  527.         { color: #4475a1; font-size: 1.2em; display: block; float: left; width: 220px; text-decoration: none; height: 25px; }
  528. .gfsm a:hover
  529.         { color: #c22a2f; }
  530. .gfsm a img
  531.         { vertical-align: -15%; }
  532.  
  533. .linkToEvent
  534.         { clear: both; display: block; margin: 0 10px; }
  535. .linkToEvent label
  536.         { float: left; display: block; width: 75px; padding: 3px 0 0 21px; color: #4475a1; background: transparent url("../images/icons/link.png") no-repeat 0 6px; font-weight: bold; }
  537. .linkToEvent input
  538.         { width: 399px; height: 13px; border:0; background: transparent url("../images/form/input2.png") no-repeat 0 0; padding: 4px 8px; color: #4b555f; }
  539.  
  540. .allStarComments
  541.         { width: 535px; overflow: auto; margin: 0 13px; }
  542. .allStarComments .comments
  543.         { max-width: none; clear: both; }
  544. .allStarComments .commentsAuthor
  545.         { float: none; text-align: center; clear: both; padding-top: 5px; }
  546. .allStarComments .commentsAuthor em
  547.         { font-style: normal; font-weight: bold; color: #4475a1; }
  548. .allStarComments .commentsAuthor span
  549.         { font-size: .9em; color: #4b555f; }
  550.  
  551. .mbox
  552.         { width: 535px; margin: 0 13px; overflow: auto; }
  553.  
  554. .mcomment
  555.         { width: 535px; clear: both; overflow: auto; padding: 0 0 9px 0; }
  556. .mcomment img
  557.         { border: 6px solid #C8E6FF;  }
  558.  
  559. .mbox .odd .cmTop { width: 419px; background: transparent url("../images/backgrounds/bigComment1Top.png") no-repeat left top; padding: 8px 10px 4px 16px; overflow: auto; }
  560. .mbox .odd .cmBottom { width: 445px; background: transparent url("../images/backgrounds/bigCommentBottom.png") no-repeat right bottom; }
  561. .mbox .odd .cmInner { width: 445px; float: right; background: transparent url("../images/backgrounds/bigCommentMiddle.png") repeat-y right top; }
  562. .mbox .even .cmTop { width: 419px; background: transparent url("../images/backgrounds/bigComment2Top.png") no-repeat left top; padding: 8px 16px 4px 10px; overflow: auto; }
  563. .mbox .even .cmBottom { width: 445px; background: transparent url("../images/backgrounds/bigCommentBottom.png") no-repeat left bottom; }
  564. .mbox .even .cmInner { width: 445px; float: left; background: transparent url("../images/backgrounds/bigCommentMiddle.png") repeat-y left top; }
  565.  
  566. .mcomment p
  567.         { padding: 10px 0; font-size: 1.2em; line-height: 1.6em; color: #4b555f; clear: both; }
  568.  
  569. .cform form
  570.         { padding: 1px 0 0 0; }
  571. fieldset
  572.         { padding: 0; margin: 0; border: 0; }
  573. .cform textarea
  574.         { width: 410px; height: 40px; background: transparent url("../images/form/textarea.png") no-repeat 0 0; border: 0; color: #4b555f; font-size: 1.2em; padding: 5px; margin-bottom: 5px; overflow: auto; }
  575. .cform form span
  576.         { float: left; display: block; color: #4b555f; }
  577. .cform form button
  578.         { float: right; display: block; width: 63px; height: 20px; border: 0; background: transparent url("../images/buttons/post.png") no-repeat 0 0; text-indent: -5000px; margin-bottom: 3px; cursor: pointer; }
  579.  
  580. .postedWhen
  581.         { font-style: italic; float: right; }
  582. .mcomment .user
  583.         { font-size: 1.2em; float: left; }
  584.  
  585. .ls
  586.         { font-size: 1.2em; padding: 2px 0 10px 0; color: #4b555f; font-weight: bold; }
  587. .ls a
  588.         { color: #c22a2f; text-decoration: none; }
  589. .ls a:hover
  590.         { color: #4475a1; }
  591.  
  592. /* first event */
  593.  
  594. .news .img2 img
  595.         { border: 1px solid #abb7c4; }
  596. .firstText_type2
  597.         { width: 290px; }
  598. .news .timeplace2
  599.         { padding: 3px 0 3px 0; }
  600. .news .timeplace2 dt
  601.         { font-size: 1.4em; font-weight: bold; color: #4475a1; padding-top: 5px; }
  602. .news .timeplace2 dd
  603.         { font-size: 1.4em; color: #4b555f; padding-bottom: 5px; }
  604. .news .timeplace2 a
  605.         { color: #c22a2f; font-weight: bold; text-decoration: none; }
  606. .news .timeplace2 a.map
  607.         { font-size: .9em; }
  608. .news .timeplace2 a:hover
  609.         { color: #4475a1; }
  610. .news .others2
  611.         { color: #4b555f; padding: 0; }
  612. .news .others2 span
  613.         { font-size: 1.1em; float: left; padding: 8px 3px 0 3px; }
  614. .news .others2 a.num
  615.         { font-weight: bold; text-decoration: none; color: #c22a2f; font-size: 1.3em; float: left; padding-top: 6px; }
  616. .news .others2 a.num:hover
  617.         { color: #4475a1; }
  618.  
  619. .others2 .sodoi {
  620.         display: inline-block;
  621.         width: 78px;
  622.         height: 26px;
  623.         background: transparent url("../images/buttons/sodoi2.png") no-repeat 2px 0;
  624.         text-indent: -5000px;
  625.         float: left;
  626.         padding: 0;
  627.         vertical-align: bottom;
  628. }
  629. .sodoiStandalone {
  630.         display: block;
  631.         width: 78px;
  632.         height: 26px;
  633.         background: transparent url("../images/buttons/sodoi3.png") no-repeat 2px 0;
  634.         text-indent: -5000px;
  635.         float: right;
  636.         padding: 0;
  637.         margin: 1px 0 0 0;
  638. }
  639.  
  640. .news .winTickets
  641.         { clear: both; padding: 8px 0 0 0; }
  642. .news .winTickets span
  643.         { font-size: 1.2em; }
  644. .news .winTickets a.wTickets
  645.         { font-size: 1.3em; font-weight: bold; color: #4b555f; text-decoration: none; margin-right: 6px; background: transparent url("../images/icons/tickets2.png") no-repeat 0 -1px; padding: 0 10px 0 24px; border-right: 1px solid #4b555f; }
  646. .news .winTickets a.wTickets:hover
  647.         { color: #62a6db; }
  648.  
  649. .clickForDetails {
  650.         background: transparent url('../images/icons/bullet.png') no-repeat 0 2px;
  651.         color: #c4363b;
  652.         font-size: 1.4em;
  653.         padding-left: 20px;
  654.         margin-left: 50px;
  655.         font-weight: bold;
  656.         text-decoration: none;
  657. }
  658.  
  659. .textBelow
  660.         { clear: both; padding: 8px 0 0 0; }
  661. .textBelow p.text
  662.         { margin: 8px 0; font-size: 1.2em; }
  663.  
  664. .pArtist .aImg
  665.         { float: left; margin: 3px 15px 0 0; }
  666. .pArtist .artistInfo
  667.         { float: left; }
  668. .artistInfo h5
  669.         { color: #c22a2f; font-size: 1.4em; margin-bottom: 9px; }
  670. .artistInfo img
  671.         { border: 6px solid #c8e6ff; }
  672. .artistInfo dl
  673.         { float: left; }
  674. .artistInfo dt
  675.         { color: #4b555f; font-size: 1.2em; font-weight: bold; }
  676. .artistInfo dd
  677.         { color: #4b555f; font-size: 1.2em; margin-bottom: 10px; }
  678. .artistInfo dd a
  679.         { color: #4475a1; text-decoration: none; }
  680. .artistInfo dd a:hover
  681.         { color: #c22a2f; }
  682. .artistInfo .albumImg
  683.         { display: block; float: left; margin: 0 13px 10px 0; }
  684.  
  685. .event
  686.         { border: 0; margin-bottom: 0; padding-bottom: 0; }
  687.  
  688. /* footer */
  689.  
  690. #footer
  691.         { clear: both; padding: 20px; background: transparent url("../images/backgrounds/siteBottom.png") no-repeat left top; }
  692. #footer span
  693.         { display: block; float: left; }
  694. #footer .description
  695.         { width: 80px; font-weight: bold; font-size: 1.1em; line-height: 1.6em; color: #4b555f; clear: left; }
  696. #footer .links
  697.         { width: 500px; text-align: center; }
  698. #footer p
  699.         { color: #4475a1; }
  700. #footer p a
  701.         { font-weight: bold; font-size: 1.1em; color: #4475a1; text-decoration: none; }
  702. #footer .copyright
  703.         { color: #838a91; clear: both; padding-top: 10px; }