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("http://www.do512.com/themes/do512/images/backgrounds/background.jpg") no-repeat 50% 0; }
  7. img
  8.     { outline: none; border: 0; }
  9. ul
  10.     { list-style-type: none; }
  11. a
  12.     { color: #4b555f; outline: none; }
  13. a:hover
  14.    { color: #62a6db; }
  15. hr
  16.     { display: none; }
  17.  
  18. /* site */
  19. #site
  20.     { width: 980px; /*position: absolute; top: 0; left: 50%; margin-left: -490px;*/ margin: 0 auto; }
  21.  
  22. /* top ad */
  23. #top
  24.     { padding: 0 20px; height: 25px; }
  25.  
  26. /* header */
  27. #header
  28.     { padding: 0 20px; height: 161px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/siteTop.png") no-repeat left bottom; position: relative; }
  29. #headerTitle
  30.     { float: left; height: 90px; width: 333px; }
  31. #title
  32.     { float: left; display: block; height: 68px; width: 168px; text-indent: -5000px; cursor: pointer; background: transparent url("http://www.do512.com/themes/do512/images/logos/logo.png") no-repeat 0 0; margin: 12px 0 0 45px; }
  33. .cal
  34.     { float: left; height: 54px; width: 60px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/calendar.png") no-repeat center 0; margin: 15px 0 0 8px; }
  35. .cal .dayName
  36.     { color: #fff; display: block; text-align: center; font-size: .8em; height: 10px; padding: 9px 0 0 0; }
  37. .cal .dayDate
  38.     { color: #231f20; display: block; text-align: center; font-size: 1.8em; font-weight: bold; padding: 4px 0 0 0; }
  39. #changeDate
  40.     { float: left; color: #c22a2f; font-size: .9em; font-weight:bold; display: block; margin: 8px 0 0 3px; text-decoration: none; text-align: center; }
  41. #changeDate:hover
  42.    { color: #4475a1; }
  43. #sevenDays
  44.         { position: absolute; top: 18px; left: 237px; }
  45. #sevenDays .oneDay
  46.         { float: left; display: block; height: 12px; width: 22px; margin: 10px 3px 0 0; background: transparent url("http://www.do512.com/themes/do512/images/icons/sevenDays.gif") no-repeat left top; cursor: pointer; font-family: Arial; color: #434443; font-size: 8px; padding: 11px 0 0 0; text-align: center; text-decoration: none; }
  47. #sevenDays .oneDay:hover
  48.         { background: transparent url("http://www.do512.com/themes/do512/images/icons/sevenDays.gif") no-repeat right top; color: #4e84b1;}
  49. #sevenDays .cal,
  50. #sevenDays .cal:hover
  51.    { float: left; height: 54px; width: 53px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/calendar.png") no-repeat center 0; margin: 0; padding: 0; }
  52. #sevenDays .cal .dayName
  53.     { color: #fff; display: block; text-align: center; font-size: 8px; height: 10px; padding: 9px 0 0 0; }
  54. #sevenDays .cal .dayDate
  55.     { color: #231f20; display: block; text-align: center; font-size: 17px; font-weight: bold; padding: 6px 2px 0 0; }
  56. #changeDate
  57.     { display: block; width: 16px; height: 15px; background: transparent url("http://www.do512.com/themes/do512/images/icons/changeDate.png") no-repeat right bottom; text-indent: -5000px; margin: 14px 0 0 4px; display: inline; }
  58. #headerMenu
  59.     { float: right; height: 90px; width: 566px; }
  60. #headerMenu ul
  61.     { float: right; width: 199px; height: 26px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/topNav.png") no-repeat 0 0; }
  62. #headerMenu ul li
  63.     { float: left; height: 26px; }
  64. #headerMenu ul li a
  65.     { display: block; float: left; height: 26px; text-indent: -5000px; }
  66. #headerMenu ul li.hmAdd a
  67.     { width: 96px; }
  68. #headerMenu ul li.hmJoin a
  69.     { width: 48px; }
  70. #headerMenu ul li.hmLogin a
  71.     { width: 55px; }
  72. #headerMenu ul li.hmAdd a:hover
  73.    { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/topNav.png") no-repeat 0 -26px; }
  74. #headerMenu ul li.hmJoin a:hover
  75.    { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/topNav.png") no-repeat -96px -26px; }
  76. #headerMenu ul li.hmLogin a:hover
  77.    { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/topNav.png") no-repeat -144px -26px; }
  78. #headerMenu span
  79.     { float: right; white-space: nowrap; color: #6a6a6a; display: block; padding: 5px 20px 0 0; }
  80.  
  81. #headerMenu2
  82.     { float: right; height: 90px; width: 566px; }
  83. #headerMenu2 ul
  84.     { float: right; width: 199px; height: 26px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/topNav2.png") no-repeat 0 0; }
  85. #headerMenu2 ul li
  86.     { float: left; height: 26px; }
  87. #headerMenu2 ul li a
  88.     { display: block; float: left; height: 26px; text-indent: -5000px; }
  89. #headerMenu2 ul li.hmAdd a
  90.     { width: 88px; }
  91. #headerMenu2 ul li.hmProfile a
  92.     { width: 53px; }
  93. #headerMenu2 ul li.hmLogout a
  94.     { width: 58px; }
  95. #headerMenu2 ul li.hmAdd a:hover
  96.    { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/topNav2.png") no-repeat 0 -26px; }
  97. #headerMenu2 ul li.hmProfile a:hover
  98.    { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/topNav2.png") no-repeat -88px -26px; }
  99. #headerMenu2 ul li.hmLogout a:hover
  100.    { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/topNav2.png") no-repeat -141px -26px; }
  101. #headerMenu2 span
  102.     { float: right; white-space: nowrap; color: #6a6a6a; display: block; padding: 5px 20px 0 0; }
  103.  
  104. #topMenu
  105.     { clear: both; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/topMenu.png") no-repeat left top; height: 32px; position: relative; }
  106. #topMenu ul.tm
  107.     { float: left; height: 32px; }
  108. #topMenu ul.tm li.tm
  109.     { float: left; padding-right: 3px; height: 32px; }
  110. #topMenu ul.tm li.tm a.tm
  111.     { display: block; float: left; height: 32px; text-indent: -5000px; }
  112.  
  113. div.tmSubmenu
  114.     { display: none; position: absolute; top: 32px; left: 0; padding: 12px 17px; font-size: 1.4em; width: 906px; }
  115. li.xhover div.tmSubmenu, div.tmSelected
  116.     { display: block; }
  117.  
  118. #topMenu .tmSubmenu a, #topMenu .tmSubmenu a:hover { background: transparent; }
  119. .tmSubmenu .set1 {
  120.     float: left;
  121. }
  122. .tmSubmenu .set2 {
  123.     float: left;
  124.     background: transparent url("http://www.do512.com/themes/do512/images/tabs/subNavSep.png") no-repeat 0 0;
  125. }
  126. #topMenu .tmSubmenu a.active, #topMenu .tmSubmenu a:hover, #topMenu .tmSubmenu a.tmSelected {
  127.     color: #c22a2f;
  128. }
  129. .tmSubmenu .set1 a {
  130.     color: #4475a1;
  131.     margin-right: 12px;
  132.     text-decoration: none;
  133. }
  134. .tmSubmenu .set2 a {
  135.     color: #4b555f;
  136.     margin-left: 12px;
  137.     text-decoration: none;
  138. }
  139.  
  140. li.tmToppicks a { width: 118px; }
  141. li.tmMusic a { width: 118px; }
  142. li.tmArts a { width: 118px; }
  143. li.tmNightlife a { width: 118px; }
  144. li.tmHappyhours a { width: 118px; }
  145. li.tmOthers a { width: 118px; }
  146.  
  147. li.tmToppicks a:hover, li.tmToppicks a.tmSelected { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/topMenu.png") no-repeat 0px -32px; }
  148. li.tmMusic a:hover, li.tmMusic a.tmSelected { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/topMenu.png") no-repeat -121px -32px; }
  149. li.tmArts a:hover, li.tmArts a.tmSelected { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/topMenu.png") no-repeat -242px -32px; }
  150. li.tmNightlife a:hover, li.tmNightlife a.tmSelected { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/topMenu.png") no-repeat -363px -32px; }
  151. li.tmHappyhours a:hover, li.tmHappyhours a.tmSelected { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/topMenu.png") no-repeat -484px -32px; }
  152. li.tmOthers a:hover, li.tmOthers a.tmSelected { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/topMenu.png") no-repeat -605px -32px; }
  153.  
  154. #search
  155.     { width: 208px; float: right; padding: 5px 0 0 0; }
  156. #search input
  157.     { width: 157px; height: 14px; padding: 4px 8px; margin: 0; font-size: 1.1em; color: #4b555f; border: 0; background: transparent; vertical-align: top; }
  158. #search input#searchSubmit
  159.     { width: 22px; height: 22px; vertical-align: top; margin-left: 5px; cursor: pointer; }
  160. #search input.xhover
  161.     { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/topMenu.png") no-repeat -913px -38px; }
  162. table.search th
  163.     { font-size: 1.6em; border-bottom: 1px solid #ccc; }
  164. table.search td
  165.     { font-size: 1.1em; padding: 10px; }
  166. table.search td p
  167.     { padding-bottom: 5px; }
  168. ul.news512
  169.     { }
  170. ul.news512 li
  171.     { margin: 10px 0 5px 0; background: transparent url("http://www.do512.com/themes/do512/images/icons/news.png") no-repeat 0 3px; padding: 0 0 0 12px; }
  172. ul.news512 li a
  173.     { font-size: 1.1em; color: #4b555f; margin: 0 0 15px 0; text-decoration: none; }
  174. ul.news512 li a:hover
  175.    { color: #62a6db; }
  176.  
  177. /* main */
  178.  
  179. #main
  180.     { width: 940px; clear: both; padding: 0 20px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/siteMiddle.png") repeat-y left bottom; overflow: auto; }
  181.  
  182. #content
  183.     { width: 561px; margin-left: 17px; padding: 10px 0 0 0; overflow: hidden; float: left; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/box1Top.png") no-repeat left top; }
  184. #ctBottom
  185.     { width: 561px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/box1Bottom.png") no-repeat left bottom; padding: 0 0 10px 0; }
  186. #ctInner
  187.     { width: 561px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/box1Middle.png") repeat-y left top; }
  188.  
  189. /* general & form */
  190. .general
  191.     { width: 535px; clear: both; margin: 0 13px; padding: 0 0 13px 0; overflow: auto; }
  192. .general span.red
  193.     { color: #c00; }
  194. .general p
  195.     { font-size: 1.2em; color: #000; }
  196. .general h1
  197.     { font-size: 1.9em; color: #4b555f; font-weight: bold; text-decoration: none; }
  198. .general h1 span
  199.     { font-size: .5em; }
  200. .general h2
  201.     { font-size: 1.8em; color: #4b555f; font-weight: bold; text-decoration: none; }
  202. .general form
  203.     { margin: 0; font-size: 1.5em; }
  204. .general form p
  205.     { padding: 4px; font-size: 1em; }
  206. .general form p input
  207.     { vertical-align: middle; }
  208. .general form .info
  209.     { font-size: 0.8em; font-style: italic; color: #666; }
  210. .general form .error
  211.     { font-size: 0.8em; font-style: italic; color: #c00; padding-left:120px; }
  212. .general form p.info
  213.     { padding: 0 0 8px 110px; }
  214. .general form label
  215.     { text-align:right; width:100px; float:left; padding-right:4px; padding-top:2px; margin:0; }
  216. table.stripe
  217.     { width: 100%; }
  218. table.stripe th
  219.     { font-size: 1.6em; border-bottom: 1px solid #ccc; }
  220. table.stripe td
  221.     { font-size: 1em; padding: 4px; }
  222. table.stripe td p span.new
  223.     { color: #c00; font-style: italic; }
  224. table.stripe tr.e
  225.     { background-color: #eee }
  226. .ac_results {
  227.         padding: 0px;
  228.         border: 1px solid WindowFrame;
  229.         background-color: Window;
  230.         overflow: hidden;
  231. }
  232.  
  233. .ac_results ul {
  234.         width: 100%;
  235.         list-style-position: outside;
  236.         list-style: none;
  237.         padding: 0;
  238.         margin: 0;
  239. }
  240.  
  241. .ac_results iframe {
  242.         display:none;/*sorry for IE5*/
  243.         display/**/:block;/*sorry for IE5*/
  244.         position:absolute;
  245.         top:0;
  246.         left:0;
  247.         z-index:-1;
  248.         filter:mask();
  249.         width:3000px;
  250.         height:3000px;
  251. }
  252.  
  253. .ac_results li {
  254.         margin: 0px;
  255.         padding: 2px 5px;
  256.         cursor: pointer;
  257.         display: block;
  258.         width: 100%;
  259.         font: menu;
  260.         font-size: 12px;
  261.         overflow: hidden;
  262. }
  263.  
  264. .ac_loading {
  265.         background : Window url('./indicator.gif') right center no-repeat;
  266. }
  267.  
  268. .ac_over {
  269.         background-color: Highlight;
  270.         color: HighlightText;
  271. }
  272.  
  273. .notice
  274.     { width: 535px; font-size: 1.4em; color: #c00; margin:auto; padding-bottom: 10px; text-align:center; }
  275. /* specific form items */
  276.  
  277. .news
  278.     { width: 535px; clear: both; border-bottom: 3px solid #E3E4E4; margin: 0 13px 15px 13px; padding: 0 0 13px 0; overflow: auto; }
  279. .news h2
  280.     { font-size: 1.8em; color: #4b555f; font-weight: bold; }
  281. .news h2 a
  282.     { text-decoration: none; }
  283. .news h2 a:hover
  284.    { color: #62a6db; }
  285. .news h2 span
  286.     { font-size: .5em; }
  287. .news .timeplace
  288.     { font-weight: bold; padding: 3px 0 3px 0; }
  289. .news .timeplace .time
  290.     { color: #c22a2f; font-size: 1.4em; }
  291. .news .timeplace .at
  292.     { color: #abb7c4; font-size: 1.4em; }
  293. .news .timeplace .place a.where
  294.     { color: #4475a1; text-decoration: none; font-size: 1.4em; }
  295. .news .timeplace .place a.where:hover
  296.    { color: #4b555f; }
  297. .news .timeplace .place .placepart
  298.     { font-size: 1.1em; color: #4b555f; }
  299. .news .timeplace .place .placepart a
  300.     { color: #4b555f; text-decoration: none; }
  301. .news .timeplace .place .placepart a:hover
  302.    { color: #62a6db; }
  303. .news .text
  304.     { font-size: 1.3em; color: #4b555f; line-height: 1.5em; }
  305. .news .text a
  306.     { text-decoration: none; color: #c22a2f; font-weight: bold; }
  307. .news .text a:hover
  308.    { color: #4475a1; }
  309. .news .others
  310.     { font-weight: bold; color: #4b555f; padding: 6px 0 0 0; }
  311. .news .others span
  312.     { font-size: 1.4em; }
  313. .news .others a.num
  314.     { text-decoration: none; color: #c22a2f; font-size: 1.4em; }
  315. .news .others a.num:hover
  316.    { color: #4475a1; }
  317. .news .srg
  318.     { padding: 8px 0 0 0; }
  319. .news a.img img
  320.     { float: left; border: 6px solid #C8E6FF; margin: 0 15px 0 2px; }
  321.  
  322.  
  323.  
  324. .first
  325.     { padding-top: 5px; }
  326. .first .timeplace
  327.     { font-weight: bold; padding: 3px 0 8px 0; }
  328. .first .others a.num
  329.     { text-decoration: none; color: #c22a2f; font-size: 1.6em; }
  330. .first .others a.num:hover
  331.    { color: #4475a1; }
  332. .firstText
  333.     { }
  334. .oneComment
  335.     { clear: both;  }
  336. .comments
  337.     { float: left; font-size: 1.2em; color: #4b555f; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/quotes1.png") no-repeat 0 10px; padding: 18px 0 0 35px; max-width: 350px; }
  338. .commentsInner
  339.     { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/quotes2.png") no-repeat right bottom; padding: 0 35px 10px 0; }
  340. .commentsInner a
  341.     { text-decoration: none; color: #c22a2f; font-weight: bold; }
  342. .commentsInner a:hover
  343.    { color: #4475a1; }
  344. .commentsAuthor
  345.     { float: left; font-size: 1.2em; color: #4b555f; padding-top: 1.6em; }
  346. .commentsAuthor a
  347.     { text-decoration: none; color: #c22a2f; font-weight: bold;  }
  348. .commentsAuthor a:hover
  349.    { color: #4475a1; }
  350. .ca1
  351.     { padding: 17px 0 0 10px; }
  352. .ca2
  353.     { padding: 34px 0 0 10px; }
  354.  
  355. a.img, a.img2
  356.     { display: block; position: relative; }
  357. .news a.img .play
  358.     { display: block; height: 91px; width: 91px; position: absolute; top: 0; left: 0; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/triangle2.png") no-repeat 35px 25px; cursor: pointer; }
  359. .first a.img .play
  360.     { display: block; height: 177px; width: 177px;position: absolute; top: 0; left: 0; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/triangle1.png") no-repeat 65px 55px; cursor: pointer; }
  361. .news a.img:hover .play
  362.     { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/triangle2h.png") no-repeat 35px 25px; }
  363. .first a.img:hover .play
  364.     { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/triangle1h.png") no-repeat 65px 55px; }
  365.  
  366. /*
  367. .first a.img2 .play
  368.     { display: block; height: 177px; width: 177px; position: absolute; top: 0; left: 0; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/triangle1.png") no-repeat 85px 55px; cursor: pointer; }
  369. .first a.img2:hover .play
  370.     { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/triangle1h.png") no-repeat 85px 55px; }
  371. */
  372.  
  373. a.sodoi
  374.     { font-size: 1.4em; font-weight: bold; color: #4b555f;  text-decoration: none; }
  375. a.sodoil
  376.     { font-size: 1.4em; font-weight: bold; color: #000;  text-decoration: none; }
  377. a.share
  378.     { font-size: 1.4em; font-weight: bold; color: #4b555f; text-decoration: none; }
  379. a.rsvp
  380.     { font-size: 1.4em; font-weight: bold; color: #4b555f; text-decoration: none; }
  381. a.tickets
  382.     { font-size: 1.4em; font-weight: bold; color: #4b555f; text-decoration: none; }
  383.  
  384. a.sodoi:hover,a.share:hover,a.rsvp:hover,a.tickets:hover
  385.    { color: #62a6db; }
  386.  
  387. #sidebar
  388.     { width: 326px; padding-right: 17px; overflow: hidden; float: right; }
  389. #sidebar h1
  390.     { padding: 3px 5px; font-size: 1.4em; color: #4b555f; }
  391.  
  392.  
  393. #sidebar .box
  394.     { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/box2Middle.png") repeat-y 0 0; width: 300px; padding: 0 12px; overflow: auto; }
  395. #sidebar .widgetbox
  396.     { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/box2Middle.png") repeat-y 0 0; width: 312px; padding: 0 0 0 12px; overflow: auto; }
  397. #sidebar .boxTop
  398.     { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/box2Top.png") no-repeat 0 0; width: 324px; height: 10px; font-size: 0; line-height: 0; }
  399. #sidebar .boxBottom
  400.     { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/box2Bottom.png") no-repeat 0 0; width: 324px; height: 10px; margin-bottom: 18px; }
  401.  
  402. h4.newsfromdo512
  403.     { width: 324px; height: 28px; background: transparent url("http://www.do512.com/themes/do512/images/headings/news.png") no-repeat 0 0; text-indent: -5000px; }
  404. h4.recentPicks
  405.     { width: 324px; height: 28px; background: transparent url("http://www.do512.com/themes/do512/images/headings/recentPicks.png") no-repeat 0 0; text-indent: -5000px; }
  406. h4.recentComments
  407.     { width: 324px; height: 28px; background: transparent url("http://www.do512.com/themes/do512/images/headings/recentComments.png") no-repeat 0 0; text-indent: -5000px; }
  408. .featuredVenue
  409.     { width: 324px; height: 28px; background: transparent url("http://www.do512.com/themes/do512/images/headings/featuredVenue.png") no-repeat 0 0; }
  410.  
  411. #featured
  412.     { width: 326px; height: 414px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/blueBox.png") no-repeat left bottom; margin-bottom: 15px; overflow: hidden;  }
  413. #featured img
  414.     { float: left; border: 3px solid #C8E6FF; margin: 0 14px 10px 0; }
  415. #featured img.four
  416.     { margin: 0; }
  417.  
  418. #featuredTabs
  419.     { overflow: hidden; width: 326px; height: 414px; }
  420. .ftb1
  421.     { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/tabs.png") no-repeat 0 0; }
  422. .ftb2
  423.     { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/tabs.png") no-repeat -326px 0; }
  424. #ft
  425.     { height: 28px; }
  426. a.ft1
  427.     { display: block; float: left; width: 112px; height: 20px; text-indent: -5000px; outline: none; }
  428. a.ft2
  429.     { display: block; float: left; width: 88px; height: 20px; text-indent: -5000px; outline: none; }
  430. a.ft3
  431.     { display: block; float: right; height: 20px; font-size: 1.2em; color: 4b555f; text-decoration: none; font-family: Verdana; font-weight: bold; background: transparent url("http://www.do512.com/themes/do512/images/icons/share.png") no-repeat 0 4px; padding: 2px 15px 0 22px; }
  432.  
  433. a.ft1:hover
  434.    { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/tabshover.gif") no-repeat 0 0; }
  435. a.ft2:hover
  436.    { background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/tabshover.gif") no-repeat -112px 0; }
  437.  
  438. #ft1
  439.     { width: 302px; padding: 0 12px; }
  440. #ft2
  441.     { width: 302px; padding: 0 12px; }
  442.  
  443. .pick
  444.     { width: 300px; clear: both; padding-top: 11px; color: #4b555f; }
  445. div.general .pick
  446.     { width: 100%; }
  447. .pick img
  448.     { float: left; border: 3px solid #C8E6FF; margin-right: 8px; }
  449. a.user
  450.     { text-decoration: none; color: #c22a2f; font-weight: bold; font-size: 1.1em; }
  451. a.user:hover
  452.    { color: #4475a1; }
  453. .pick .picked
  454.     { color: #4475a1; font-weight: bold; font-size: 1.2em; }
  455. .pick .picked a
  456.     { text-decoration: none; color: #4475a1; font-weight: bold; }
  457.  
  458. .more
  459.     { clear: both; text-align: right; padding-top: 5px; }
  460. .more a
  461.     { font-weight: bold; color: #c22a2f; font-size: 1.1em; text-decoration: none; }
  462. .more a:hover
  463.    { color: #4475a1; }
  464.  
  465. .comment
  466.     { width: 300px; clear: both; padding: 9px 0 0 0; }
  467. .comment img
  468.     { border: 3px solid #C8E6FF;  }
  469. .comment a
  470.     { color: #4475a1; text-decoration: none; }
  471. .comment a:hover
  472.    { text-decoration: underline; }
  473. .comment a.user
  474.     { text-decoration: none; color: #c22a2f; font-weight: bold; font-size: 1.1em; }
  475. .comment a.user:hover
  476.    { color: #4475a1; }
  477. .odd img
  478.     { float: left; }
  479. .even img
  480.     { float: right; }
  481.  
  482. .odd .cmTop { width: 225px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/comment1Top.png") no-repeat left top; padding: 4px 7px 4px 15px; }
  483. .odd .cmBottom { width: 247px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/commentBottom.png") no-repeat right bottom;}
  484. .odd .cmInner { width: 247px; float: right; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/commentMiddle.png") repeat-y right top; }
  485. .even .cmTop { width: 225px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/comment2Top.png") no-repeat left top; padding: 4px 15px 4px 7px; }
  486. .even .cmBottom { width: 247px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/commentBottom.png") no-repeat left bottom;}
  487. .even .cmInner { width: 247px; float: left; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/commentMiddle.png") repeat-y left top; }
  488. .cmInner object, .cmInner object embed { width: 99%; }
  489. a.post
  490.     { color: #4475a1; text-decoration: none; }
  491. .comment p
  492.     { font-size: 1.1em; padding-top: 7px; color: #4b555f; }
  493.  
  494. /* linkbox */
  495.  
  496. .linkbox {
  497.     width: 530px;
  498.     padding: 0 13px 5px 13px;
  499.     overflow: auto;
  500.     font-family: Arial, Helvetica, sans-serif;
  501.     font-weight: bold;
  502.     font-size: 1.4em;
  503.     text-align: center;
  504. }
  505. .linkbox div.pagination {
  506.     padding: 8px 0;
  507. }
  508. .pagination a {
  509.     padding: 2px 5px;
  510.     margin: 0 3px;
  511.     text-decoration: none;
  512.     color: #4b555f;
  513.     border: 2px solid #c9cdd6;
  514. }
  515. .pagination a:hover, .pagination a:active {
  516.     background-color: #c9cdd6;
  517. }
  518. .pagination span.current {
  519.     padding: 2px 5px;
  520.     text-decoration: none;
  521.     color: #4b555f;
  522.     border: 1px solid #c9cdd6;
  523.     background-color: #c9cdd6;
  524. }
  525. .pagination span.disabled {
  526.     padding: 2px 5px;
  527.     margin: 0 3px;
  528.     color: #ccc;
  529. }
  530.  
  531. .sodoi, .sodoil
  532.     { background: transparent url("http://www.do512.com/themes/do512/images/icons/sodoi.png") no-repeat 0 -3px; padding: 0 0 0 20px; white-space: nowrap; }
  533. .fsodoi {
  534.     display: inline-block;
  535.     width: 78px;
  536.     height: 26px;
  537.     background: transparent url("http://www.do512.com/themes/do512/images/buttons/sodoi.png") no-repeat 2px 0;
  538.     text-indent: -5000px;
  539.     padding: 0;
  540.     vertical-align: bottom;
  541. }
  542. .fsodoi:hover {
  543.     background: transparent url("http://www.do512.com/themes/do512/images/buttons/sodoi2.png") no-repeat 2px 0;
  544. }
  545. .sodidi {
  546.     display: inline-block;
  547.     width: 78px;
  548.     height: 26px;
  549.     background: transparent url("http://www.do512.com/themes/do512/images/buttons/sodoi2.png") no-repeat 2px 0;
  550.     text-indent: -5000px;
  551.     padding: 0;
  552.     vertical-align: bottom;
  553. }
  554.  
  555. .others .sodoi
  556.     { background: transparent url("http://www.do512.com/themes/do512/images/icons/sodoi.png") no-repeat 0 -3px; padding: 0 8px 0 20px; margin-left: 8px; }
  557. .share
  558.     { background: transparent url("http://www.do512.com/themes/do512/images/icons/share.png") no-repeat 0 3px; padding: 0 16px 0 20px; }
  559. .others .share
  560.     { background: transparent url("http://www.do512.com/themes/do512/images/icons/share.png") no-repeat 10px 3px; padding: 0 0 0 30px; border-left: 2px solid #C0C9D3; }
  561. .rsvp
  562.     { background: transparent url("http://www.do512.com/themes/do512/images/icons/rsvp.png") no-repeat 0 3px; padding: 0 16px 0 18px; }
  563. .tickets
  564.     { background: transparent url("http://www.do512.com/themes/do512/images/icons/tickets.png") no-repeat 0 3px; padding: 0 16px 0 22px; }
  565.  
  566. #sidebar .offset
  567.     { padding-top: 10px; }
  568.  
  569. .h4off
  570.     { display: none; }
  571. .h4form
  572.     { float: right; position: relative; }
  573. .h4form select
  574.     { width: 192px; height: 18px; margin: 5px 12px 0 0; }
  575.  
  576. /* select css */
  577.  
  578. .trigger, .activetrigger {
  579.     display: block;
  580.     font-weight: normal;
  581.     float: left;
  582.     background: #fff url("http://www.do512.com/themes/do512/images/form/select.png") no-repeat right top;
  583.     border: 0;
  584.     height: 14px;
  585.     width: 176px;
  586.     color: #4b555f;
  587.     font-size: 1.1em;
  588.     padding: 2px 8px;
  589.     margin: 5px 12px 0 0;
  590.     text-decoration: none;
  591.     outline: none; }
  592. .dropcontainer ul {
  593.     background: #fff;
  594.     border: 1px solid #456E98;
  595.     border-top: 0;
  596.     list-style-type: none;
  597.     position: absolute; }
  598. .dropdownhidden {
  599.     top: 0;
  600.     left: -5000px }
  601. .dropdownvisible {
  602.     top: 24px;
  603.     left: -1px;
  604.     width: 192px; }
  605. .dropcontainer ul li a {
  606.     display: block;
  607.     font-weight: normal;
  608.     text-decoration:none;
  609.     color: #4b555f;
  610.     font-size: 1.1em;
  611.     padding: 2px 8px; }
  612. .dropcontainer ul a:hover {
  613.     background: #efefef;
  614.     color: #000; }
  615. .dropcontainer {
  616.     position: relative; }
  617.  
  618. /* events column */
  619.  
  620. h4.h4a
  621.     { color: #4475a1; margin: 0 13px; height: 28px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/grey.png") repeat-x 0 10px; margin-top: 25px; }
  622. h4.toph4
  623.     { margin-top: 10px; }
  624. h4.h4a span
  625.     { display: block; background: #fff url("http://www.do512.com/themes/do512/images/icons/bullet.png") no-repeat 0 4px; padding: 0 0 0 16px; float: left; }
  626. h4.h4a b
  627.     { font-size: 1.6em; padding: 0 5px 0 0; }
  628. h4.h4a em
  629.     { font-size: 1.4em; font-style: normal; color: #4b555f; padding: 0 5px 0 0; }
  630.  
  631.  
  632. h4.h4b
  633.     { color: #4475a1; margin: 0 13px; height: 28px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/grey.png") repeat-x 0 10px; margin-top: 25px; }
  634. h4.h4b span
  635.     { display: block; background: #fff url("http://www.do512.com/themes/do512/images/icons/bullet.png") no-repeat 0 4px; padding: 0 0 0 16px; float: left; color: #4475a1; }
  636. h4.h4b a
  637.     { font-size: 1.4em; padding: 0 5px 0 0; text-decoration: none; font-style: normal; color: #4475a1; }
  638. h4.h4b a.active
  639.     { font-size: 1.6em; }
  640. h4.h4b a.rss
  641.     { font-size: 1.2em; color: #7a7a7a; }
  642. h4.h4b a:hover, h4.h4b a.active:hover, h4.h4b a.rss:hover
  643.    { color: #c22a2f; }
  644. h4.h4b a img
  645.     { vertical-align: top; }
  646.  
  647.  
  648.  
  649. .box3Top
  650.     { width: 535px; height: 29px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/heading.png") no-repeat 0 0; margin: 0 13px; font-weight: bold; font-size: 1.4em; color: #fff; }
  651. .box3Top span.l
  652.     { display: block; padding: 6px; float: left; }
  653. .box3
  654.     { width: 535px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/box3Middle.png") repeat-y 0 0; margin: 0 13px; overflow: auto; }
  655. .box3Bottom
  656.     { width: 535px; height: 10px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/box3Bottom.png") no-repeat 0 0; margin: 0 13px; }
  657.  
  658. .box3Top a
  659.     { color: #c22a2f; text-decoration: none; }
  660.  
  661. .box3 p.text
  662.     { color: #4b555f; margin: 8px 13px; font-size: 1.2em; }
  663.  
  664. .rsvpForm
  665.     { margin: 0 13px; }
  666. .rsvpForm p.text
  667.     { clear: both; text-align: center; font-size: 1.4em; font-weight: bold; padding: 10px; }
  668. .rsvpI
  669.     { width: 220px; float: left; padding: 0; margin: 0; }
  670. .rsvpI label
  671.     { display: block; font-size: 1.2em; font-weight: bold; color: #c22a2f; width: 210px; }
  672. .rsvpI input
  673.     { width: 194px; height: 13px; background: transparent url("http://www.do512.com/themes/do512/images/form/input.png") no-repeat 0 0; border: 0; color: #4b555f; padding: 6px; }
  674. .rsvpI input.check
  675.     { width: 15px; height: 15px; background: none; border: 0; color: #4b555f; padding: 6px; }
  676. .rsvpSubmit
  677.     { float: left; padding-top: 18px; width: 63px; }
  678. .rsvpSubmit button
  679.     { width: 63px; height: 20px; border: 0; display: block; background: transparent url("http://www.do512.com/themes/do512/images/buttons/rsvp.png") no-repeat 0 0; text-indent: -5000px; cursor: pointer; }
  680.  
  681. /* scroller */
  682.  
  683. .scroller
  684.     { height: 65px; margin: 0 9px; }
  685. .scrollLeft
  686.     { display: block; width: 26px; height: 42px; margin: 19px 8px 0 0; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/arrows.gif") no-repeat 0 0; float: left; text-indent: -5000px; }
  687. .scrollRight
  688.     { display: block; width: 26px; height: 42px; margin: 19px 0 0 0; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/arrows.gif") no-repeat -26px 0; float: left; text-indent: -5000px; }
  689. .scrollerInner
  690.     { width: 456px; height: 65px; overflow: hidden; float: left; }
  691. .scrollerInner a
  692.     { display: block; float: left; position: relative; text-decoration: none; }
  693. .scrollerInner img
  694.     { border: 3px solid #fff; margin: 15px 7px 0 0; }
  695. .xstar
  696.     { display: block; position: absolute; top: 15px; left: 0; width: 50px; height: 50px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/star.png") no-repeat center center; }
  697. .xcrew
  698.     { display: block; position: absolute; top: 15px; left: 0; width: 50px; height: 50px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/crew.png") no-repeat center center; }
  699. .xbaloon
  700.     { display: none; }
  701. .scrollerInner a:hover .xbaloon
  702.     { display: block; width: 67px; height: 22px; padding: 2px 5px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/cloud.png") no-repeat 0 0; color: #fff; position: absolute; top: 5px; left: -13px; z-index: 1000; font-weight: bold; overflow: hidden; }
  703.  
  704. .gfsm
  705.     { padding: 10px 0 10px 63px; }
  706. .gfsm a
  707.     { color: #4475a1; font-size: 1.2em; display: block; float: left; width: 220px; text-decoration: none; height: 25px; }
  708. .gfsm a:hover
  709.    { color: #c22a2f; }
  710. .gfsm a img
  711.     { vertical-align: -15%; }
  712.  
  713. .linkToEvent
  714.     { clear: both; display: block; margin: 0 10px; }
  715. .linkToEvent label
  716.     { float: left; display: block; width: 75px; padding: 3px 0 0 21px; color: #4475a1; background: transparent url("http://www.do512.com/themes/do512/images/icons/link.png") no-repeat 0 6px; font-weight: bold; }
  717. .linkToEvent input
  718.     { width: 399px; height: 13px; border:0; background: transparent url("http://www.do512.com/themes/do512/images/form/input2.png") no-repeat 0 0; padding: 4px 8px; color: #4b555f; }
  719.  
  720. .allStarComments
  721.     { width: 535px; overflow: auto; margin: 0 13px; }
  722. .allStarComments .comments
  723.     { max-width: none; clear: both; }
  724. .allStarComments .commentsAuthor
  725.     { float: none; text-align: center; clear: both; padding-top: 5px; }
  726. .allStarComments .commentsAuthor em
  727.     { font-style: normal; font-weight: bold; color: #4475a1; }
  728. .allStarComments .commentsAuthor span
  729.     { font-size: .9em; color: #4b555f; }
  730.  
  731. .mbox
  732.     { width: 535px; margin: 0 13px; overflow: auto; }
  733.  
  734. .mcomment
  735.     { width: 535px; clear: both; overflow: auto; padding: 0 0 9px 0; }
  736. .mcomment img
  737.     { border: 6px solid #C8E6FF;  }
  738.  
  739. .mbox .odd .cmTop { width: 419px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/bigComment1Top.png") no-repeat left top; padding: 8px 10px 4px 16px; overflow: auto; }
  740. .mbox .odd .cmBottom { width: 445px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/bigCommentBottom.png") no-repeat right bottom; }
  741. .mbox .odd .cmInner { width: 445px; float: right; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/bigCommentMiddle.png") repeat-y right top; }
  742. .mbox .even .cmTop { width: 419px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/bigComment2Top.png") no-repeat left top; padding: 8px 16px 4px 10px; overflow: auto; }
  743. .mbox .even .cmBottom { width: 445px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/bigCommentBottom.png") no-repeat left bottom; }
  744. .mbox .even .cmInner { width: 445px; float: left; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/bigCommentMiddle.png") repeat-y left top; }
  745.  
  746. .mcomment p
  747.     { padding: 10px 0; font-size: 1.2em; line-height: 1.6em; color: #4b555f; clear: both; }
  748.  
  749. .cform form
  750.     { padding: 1px 0 0 0; }
  751. fieldset
  752.     { padding: 0; margin: 0; border: 0; }
  753. .cform textarea
  754.     { width: 410px; height: 40px; background: transparent url("http://www.do512.com/themes/do512/images/form/textarea.png") no-repeat 0 0; border: 0; color: #4b555f; font-size: 1.2em; padding: 5px; margin-bottom: 5px; overflow: auto; }
  755. .cform form span
  756.     { float: left; display: block; color: #4b555f; }
  757. .cform form button
  758.     { float: right; display: block; width: 63px; height: 20px; border: 0; background: transparent url("http://www.do512.com/themes/do512/images/buttons/post.png") no-repeat 0 0; text-indent: -5000px; margin-bottom: 3px; cursor: pointer; }
  759.  
  760. .postedWhen
  761.      { font-style: italic; float: right; }
  762. .mcomment .user
  763.     { font-size: 1.2em; float: left; }
  764.  
  765. .ls
  766.     { font-size: 1.2em; padding: 2px 0 10px 0; color: #4b555f; font-weight: bold; }
  767. .ls a
  768.     { color: #c22a2f; text-decoration: none; }
  769. .ls a:hover
  770.    { color: #4475a1; }
  771.  
  772. /* first event */
  773.  
  774. .news .img2 img
  775.     { border: 1px solid #abb7c4; }
  776. .firstText_type2
  777.     {  }
  778. .news .timeplace2
  779.     { padding: 3px 0 3px 0; }
  780. .news .timeplace2 dt
  781.     { font-size: 1.4em; font-weight: bold; color: #4475a1; padding-top: 5px; }
  782. .news .timeplace2 dd
  783.     { font-size: 1.4em; color: #4b555f; padding-bottom: 5px; }
  784. .news .timeplace2 a
  785.     { color: #c22a2f; font-weight: bold; text-decoration: none; }
  786. .news .timeplace2 a.map
  787.     { font-size: .9em; }
  788. .news .timeplace2 a:hover
  789.    { color: #4475a1; }
  790. .news .others2
  791.     { color: #4b555f; padding: 0; }
  792. .news .others2 span
  793.     { font-size: 1.1em; float: left; padding: 8px 3px 0 3px; }
  794. .news .others2 a.num
  795.     { font-weight: bold; text-decoration: none; color: #c22a2f; font-size: 1.3em; float: left; padding-top: 6px; }
  796. .news .others2 a.num:hover
  797.    { color: #4475a1; }
  798. .news div.location
  799.     { float: left; padding-right: 10px; }
  800. .others2 .sodoi {
  801.     display: inline-block;
  802.     width: 78px;
  803.     height: 26px;
  804.     background: transparent url("http://www.do512.com/themes/do512/images/buttons/sodoi.png") no-repeat 2px 0;
  805.     text-indent: -5000px;
  806.     float: left;
  807.     padding: 0;
  808.     vertical-align: bottom;
  809. }
  810. .others2 .sodoi:hover {
  811.     background: transparent url("http://www.do512.com/themes/do512/images/buttons/sodoi2.png") no-repeat 2px 0;
  812. }
  813. .others2 .sodidi {
  814.     display: inline-block;
  815.     width: 78px;
  816.     height: 26px;
  817.     background: transparent url("http://www.do512.com/themes/do512/images/buttons/sodoi2.png") no-repeat 2px 0;
  818.     text-indent: -5000px;
  819.     float: left;
  820.     padding: 0;
  821.     vertical-align: bottom;
  822. }
  823. .sodoiStandalone {
  824.     display: block;
  825.     width: 78px;
  826.     height: 26px;
  827.     background: transparent url("http://www.do512.com/themes/do512/images/buttons/sodoi.png") no-repeat 2px 0;
  828.     text-indent: -5000px;
  829.     float: right;
  830.     padding: 0;
  831.     margin: 1px 0 0 0;
  832. }
  833. .sodoiStandalone:hover {
  834.     background: transparent url("http://www.do512.com/themes/do512/images/buttons/sodoi2.png") no-repeat 2px 0;
  835. }
  836. .sodidiStandalone {
  837.     display: block;
  838.     width: 78px;
  839.     height: 26px;
  840.     background: transparent url("http://www.do512.com/themes/do512/images/buttons/sodoi2.png") no-repeat 2px 0;
  841.     text-indent: -5000px;
  842.     float: right;
  843.     padding: 0;
  844.     margin: 1px 0 0 0;
  845. }
  846. .news .winTickets
  847.     { padding: 8px 0 0 0; }
  848. .news .winTickets span
  849.     { font-size: 1.2em; }
  850. .news .winTickets a.wTickets, .news .winTickets span.wTickets
  851.     { font-size: 1.3em; font-weight: bold; color: #4b555f; text-decoration: none; margin-right: 6px; background: transparent url("http://www.do512.com/themes/do512/images/icons/wintickets.png") no-repeat 0 -1px; padding: 0 10px 0 24px; border-right: 1px solid #4b555f; }
  852. .news .winTickets a.wTickets:hover
  853.    { color: #62a6db; }
  854.  
  855. .clickForDetails {
  856.     background: transparent url('/themes/do512/images/icons/bullet.png') no-repeat 0 2px;
  857.     color: #c4363b;
  858.     font-size: 1.4em;
  859.     padding-left: 15px;
  860.     margin: auto;
  861.     font-weight: bold;
  862.     text-decoration: none;
  863. }
  864.  
  865. .textBelow
  866.     { clear: both; padding: 8px 0 0 0; font-size: 1.2em; }
  867. .textBelow p
  868.     { margin: 8px 0; }
  869.  
  870. .pArtist .aImg
  871.     { float: left; margin: 3px 15px 0 0; }
  872.  
  873. .artistInfo h5 a
  874.     { color: #c22a2f; font-size: 1.4em; margin-bottom: 9px; text-decoration: none; }
  875. .artistInfo h5 a:hover
  876.    { color: #4475a1; }
  877. .artistInfo img
  878.     { border: 6px solid #c8e6ff; }
  879. .artistInfo dl
  880.     { float: left; }
  881. .artistInfo dt
  882.     { color: #4b555f; font-size: 1.2em; font-weight: bold; }
  883. .artistInfo dd
  884.     { color: #4b555f; font-size: 1.2em; margin-bottom: 10px; }
  885. .artistInfo dd a
  886.     { color: #4475a1; text-decoration: none; }
  887. .artistInfo dd a:hover
  888.    { color: #c22a2f; }
  889. .artistInfo .albumImg
  890.     { display: block; float: left; margin: 0 13px 10px 0; }
  891.  
  892. .event
  893.     { border: 0; margin-bottom: 0; padding-bottom: 0; }
  894. .event #widget
  895.     { float: left; margin: 0 15px 0 2px; padding-bottom: 10px; }
  896. .band a.img2 img
  897.     { float: left; margin: 0 15px 0 2px; border: 6px solid #C8E6FF; }
  898. .user a.img2 img
  899.     { float: left; margin: 0 15px 0 2px; border: 6px solid #C8E6FF; }
  900. .venue div#mapContainer
  901.     { border: 6px solid #C8E6FF; }
  902. .venue h2 a
  903.     { color: #c22a2f; font-size: 1.4em; font-weight: bold; text-decoration: none; padding: 0 10px; }
  904.  
  905. /* footer */
  906.  
  907. #footer
  908.     { clear: both; padding: 20px; background: transparent url("http://www.do512.com/themes/do512/images/backgrounds/siteBottom.png") no-repeat left top; }
  909. #footer span
  910.     { display: block; float: left; }
  911. #footer .description
  912.     { width: 80px; font-weight: bold; font-size: 1.1em; line-height: 1.6em;    color: #4b555f; clear: left; }
  913. #footer .links
  914.     { width: 500px; text-align: center; }
  915. #footer p
  916.     { color: #4475a1; }
  917. #footer p a
  918.     { font-weight: bold; font-size: 1.1em; color: #4475a1; text-decoration: none; }
  919. #footer .copyright
  920.     { color: #838a91; clear: both; padding-top: 10px; }
  921.  
  922.  
  923. /* calendar */
  924. div.calendar { position: relative; }
  925.  
  926. .calendar, .calendar table {
  927.   border: 1px solid #556;
  928.   font-size: 11px;
  929.   color: #000;
  930.   cursor: default;
  931.   background: #eef;
  932.   font-family: tahoma,verdana,sans-serif;
  933. }
  934.  
  935. /* Header part -- contains navigation buttons and day names. */
  936.  
  937. .calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  938.   text-align: center;    /* They are the navigation buttons */
  939.   padding: 2px;          /* Make the buttons seem like they're pressing */
  940. }
  941.  
  942. .calendar .nav {
  943.   background: #778 url('/menuarrow.gif') no-repeat 100% 100%;
  944. }
  945.  
  946. .calendar thead .title { /* This holds the current "month, year" */
  947.   font-weight: bold;      /* Pressing it will take you to the current date */
  948.   text-align: center;
  949.   background: #fff;
  950.   color: #000;
  951.   padding: 2px;
  952. }
  953.  
  954. .calendar thead .headrow { /* Row <TR> containing navigation buttons */
  955.   background: #778;
  956.   color: #fff;
  957. }
  958.  
  959. .calendar thead .daynames { /* Row <TR> containing the day names */
  960.   background: #bdf;
  961. }
  962.  
  963. .calendar thead .name { /* Cells <TD> containing the day names */
  964.   border-bottom: 1px solid #556;
  965.   padding: 2px;
  966.   text-align: center;
  967.   color: #000;
  968. }
  969.  
  970. .calendar thead .weekend { /* How a weekend day name shows in header */
  971.   color: #a66;
  972. }
  973.  
  974. .calendar thead .hilite { /* How do the buttons in header appear when hover */
  975.   background-color: #aaf;
  976.   color: #000;
  977.   border: 1px solid #04f;
  978.   padding: 1px;
  979. }
  980.  
  981. .calendar thead .active { /* Active (pressed) buttons in header */
  982.   background-color: #77c;
  983.   padding: 2px 0px 0px 2px;
  984. }
  985.  
  986. /* The body part -- contains all the days in month. */
  987.  
  988. .calendar tbody .day { /* Cells <TD> containing month days dates */
  989.   width: 2em;
  990.   color: #456;
  991.   text-align: right;
  992.   padding: 2px 4px 2px 2px;
  993. }
  994. .calendar tbody .day.othermonth {
  995.   font-size: 80%;
  996.   color: #bbb;
  997. }
  998. .calendar tbody .day.othermonth.oweekend {
  999.   color: #fbb;
  1000. }
  1001.  
  1002. .calendar table .wn {
  1003.   padding: 2px 3px 2px 2px;
  1004.   border-right: 1px solid #000;
  1005.   background: #bdf;
  1006. }
  1007.  
  1008. .calendar tbody .rowhilite td {
  1009.   background: #def;
  1010. }
  1011.  
  1012. .calendar tbody .rowhilite td.wn {
  1013.   background: #eef;
  1014. }
  1015.  
  1016. .calendar tbody td.hilite { /* Hovered cells <TD> */
  1017.   background: #def;
  1018.   padding: 1px 3px 1px 1px;
  1019.   border: 1px solid #bbb;
  1020. }
  1021.  
  1022. .calendar tbody td.active { /* Active (pressed) cells <TD> */
  1023.   background: #cde;
  1024.   padding: 2px 2px 0px 2px;
  1025. }
  1026.  
  1027. .calendar tbody td.selected { /* Cell showing today date */
  1028.   font-weight: bold;
  1029.   border: 1px solid #000;
  1030.   padding: 1px 3px 1px 1px;
  1031.   background: #fff;
  1032.   color: #000;
  1033. }
  1034.  
  1035. .calendar tbody td.weekend { /* Cells showing weekend days */
  1036.   color: #a66;
  1037. }
  1038.  
  1039. .calendar tbody td.today { /* Cell showing selected date */
  1040.   font-weight: bold;
  1041.   color: #00f;
  1042. }
  1043.  
  1044. .calendar tbody .disabled { color: #999; }
  1045.  
  1046. .calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  1047.   visibility: hidden;
  1048. }
  1049.  
  1050. .calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  1051.   display: none;
  1052. }
  1053.  
  1054. /* The footer part -- status bar and "Close" button */
  1055.  
  1056. .calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  1057.   text-align: center;
  1058.   background: #556;
  1059.   color: #fff;
  1060. }
  1061.  
  1062. .calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  1063.   background: #fff;
  1064.   color: #445;
  1065.   border-top: 1px solid #556;
  1066.   padding: 1px;
  1067. }
  1068.  
  1069. .calendar tfoot .hilite { /* Hover style for buttons in footer */
  1070.   background: #aaf;
  1071.   border: 1px solid #04f;
  1072.   color: #000;
  1073.   padding: 1px;
  1074. }
  1075.  
  1076. .calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  1077.   background: #77c;
  1078.   padding: 2px 0px 0px 2px;
  1079. }
  1080.  
  1081. /* Combo boxes (menus that display months/years for direct selection) */
  1082.  
  1083. .calendar .combo {
  1084.   position: absolute;
  1085.   display: none;
  1086.   top: 0px;
  1087.   left: 0px;
  1088.   width: 4em;
  1089.   cursor: default;
  1090.   border: 1px solid #655;
  1091.   background: #def;
  1092.   color: #000;
  1093.   font-size: 90%;
  1094.   z-index: 100;
  1095. }
  1096.  
  1097. .calendar .combo .label,
  1098. .calendar .combo .label-IEfix {
  1099.   text-align: center;
  1100.   padding: 1px;
  1101. }
  1102.  
  1103. .calendar .combo .label-IEfix {
  1104.   width: 4em;
  1105. }
  1106.  
  1107. .calendar .combo .hilite {
  1108.   background: #acf;
  1109. }
  1110.  
  1111. .calendar .combo .active {
  1112.   border-top: 1px solid #46a;
  1113.   border-bottom: 1px solid #46a;
  1114.   background: #eef;
  1115.   font-weight: bold;
  1116. }
  1117.  
  1118. .calendar td.time {
  1119.   border-top: 1px solid #000;
  1120.   padding: 1px 0px;
  1121.   text-align: center;
  1122.   background-color: #f4f0e8;
  1123. }
  1124.  
  1125. .calendar td.time .hour,
  1126. .calendar td.time .minute,
  1127. .calendar td.time .ampm {
  1128.   padding: 0px 3px 0px 4px;
  1129.   border: 1px solid #889;
  1130.   font-weight: bold;
  1131.   background-color: #fff;
  1132. }
  1133.  
  1134. .calendar td.time .ampm {
  1135.   text-align: center;
  1136. }
  1137.  
  1138. .calendar td.time .colon {
  1139.   padding: 0px 2px 0px 3px;
  1140.   font-weight: bold;
  1141. }
  1142.  
  1143. .calendar td.time span.hilite {
  1144.   border-color: #000;
  1145.   background-color: #667;
  1146.   color: #fff;
  1147. }
  1148.  
  1149. .calendar td.time span.active {
  1150.   border-color: #f00;
  1151.   background-color: #000;
  1152.   color: #0f0;
  1153. }
  1154.  
  1155. #venue_widget
  1156.     { width: 305px; height: 605px; border: 0; margin: 0; padding: 0; }
  1157.  
  1158. p.sharethispage
  1159.     { vertical-align: middle; font-size: 1.2em; color: #4b555f; }
  1160. p.sharethispage img
  1161.     { vertical-align: middle; }
  1162.