/* ----------------------------------------------------------------------- Blueprint CSS Framework 0.7.1 http://blueprintcss.googlecode.com * Copyright (c) 2007-2008. See LICENSE for more info. * See README for instructions on how to use Blueprint. * For credits and origins, see AUTHORS. * This is a compressed file. See the sources in the 'src' directory. ----------------------------------------------------------------------- */ /* reset.css */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;} body {line-height:1.5;} table {border-collapse:separate;border-spacing:0;} caption, th, td {text-align:left;font-weight:normal;} table, td, th {vertical-align:middle;} blockquote:before, blockquote:after, q:before, q:after {content:"";} blockquote, q {quotes:"" "";} a img {border:none;} div, div:active, div:focus { outline:none;-moz-outline-style: none;} a:active{ outline: none; } a:focus{ -moz-outline-style: none;} /* typography.css */ body {font-size:70%;color:#222;background:#fff;font-family:"Georgia","Helevetica","Times New Roman", Arial,Verdana, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h2.col_header { border-bottom:1px dotted; font-size:1.3em; margin-bottom:0.75em; } h2.col_header .event_bookmark { float: right; } h2.no_col_header { font-size:1.3em; margin-bottom:0px; } * html h2.col_header { border-bottom:2px dotted; } #single_col_content h2.col_header { font-size:2em; } #single_col_content .artist h2.col_header { font-size:1.3em; } h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;} h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} /*.non_serif {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;}*/ p {margin:0 0 1.5em;} .small_event_listing { *font-size:120%; } .small_event_listing p { height:1.3em; margin:0pt; overflow:hidden; } p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000;text-decoration:none;} a {color:#222;text-decoration:underline;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre, code {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0 1.5em;} ul, ol {margin:0 1.5em 1.5em 1.5em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:1.4em;width:100%;} th {font-weight:bold;background:#C3D9FF;} th, td {padding:2px 2px 2px 2px;} tr.even td {background:#E5ECF9;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.9em;margin-bottom:1em;line-height:1em;} .large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;} .hide {display:none;} .quiet {color:#666;} .loud {color:#000;} .bold {font-weight:bold;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} /* -------------------------------------------------------------- BLUEPRINT CSS * Filename: grid.css * Version: 0.7.1 (2008-02-25) YYYY-MM-DD * Website: http://code.google.com/p/blueprintcss/ Generated by: * Blueprint CSS Grid Generator (2008-09-29) [http://kematzy.com/blueprint-generator/] Based on work by: * Olav Bjorkoy [bjorkoy.com] * Nathan Borror [playgroundblues.com] * Jeff Croft [jeffcroft.com] * Christian Metts [mintchaos.com] * Khoi Vinh [subtraction.com] == STRUCTURE: ======================== * Page width: 1185 px * Number of columns: 20 * Column width: 45 px * Margin width: 15 px ====================================== By default, the grid is 1185px wide, with 20 columns spanning 45px, and a 15px margin between columns. If you need fewer or more columns, use this formula to calculate the new total width: Total width = (number_of_columns * column_width) - margin_width Read more about using a grid here: * subtraction.com/archives/2007/0318_oh_yeeaahh.php -------------------------------------------------------------- */ /* A container should group all your columns. */ .container { width: 1185px; } .dev_container { width: 1185px; /*margin: 0 auto;*/ } body.dev_container{ background:none; } /* Use this class on any div.span / container to see the grid. */ .showgrid { background: url(src/grid.png); } /* Columns -------------------------------------------------------------- */ /* Sets up basic grid floating and margin. */ div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6,div.span-6-half, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20 {float:left;margin-right: 15px;} /* The last column in a row needs this class. */ div.last { margin-right: 0; } /* Use these classes to set the width of a column. */ .span-1 { width: 45px;} .span-2 { width: 105px;} .span-3 { width: 165px;} .span-4 { width: 225px;} .span-4_s {width: 210px; } .span-5 { width: 285px;} .span-5_s { width: 270px;} .span-6 { width: 345px;} .span-6-half {width: 385px;} .span-7 { width: 405px;} .span-8 { width: 465px;} .span-9 { width: 525px;} .span-10 { width: 585px;} .span-10-half { width: 565px;} .span-11-half { width: 625px;} .span-12 { width: 705px;} .span-13 { width: 765px;} .span-14 { width: 825px;} .span-15 { width: 885px;} .span-16 { width: 945px;} .span-17 { width: 1005px;} .span-18 { width: 1065px;} .span-19 { width: 1125px;} .span-20, div.span-20 { width: 1185px; margin: 0; } /* Add these to a column to append empty cols. */ .append-1 { padding-right: 60px;} .append-2 { padding-right: 120px;} .append-3 { padding-right: 180px;} .append-4 { padding-right: 240px;} .append-5 { padding-right: 300px;} .append-6 { padding-right: 360px;} .append-7 { padding-right: 420px;} .append-8 { padding-right: 480px;} .append-9 { padding-right: 540px;} .append-10 { padding-right: 600px;} .append-11 { padding-right: 660px;} .append-12 { padding-right: 720px;} .append-13 { padding-right: 780px;} .append-14 { padding-right: 840px;} .append-15 { padding-right: 900px;} .append-16 { padding-right: 960px;} .append-17 { padding-right: 1020px;} .append-18 { padding-right: 1080px;} .append-19 { padding-right: 1140px;} .append-30xp { padding-right: 45px;} /* Add these to a column to prepend empty cols. */ .prepend-15px {padding-left:15px;} .prepend-1-5 { padding-left: 30px;} .prepend-1 { padding-left: 60px;} .prepend-2 { padding-left: 120px;} .prepend-3 { padding-left: 180px;} .prepend-4 { padding-left: 240px;} .prepend-5 { padding-left: 300px;} .prepend-6 { padding-left: 360px;} .prepend-7 { padding-left: 420px;} .prepend-8 { padding-left: 480px;} .prepend-9 { padding-left: 540px;} .prepend-10 { padding-left: 600px;} .prepend-11 { padding-left: 660px;} .prepend-12 { padding-left: 720px;} .prepend-13 { padding-left: 780px;} .prepend-14 { padding-left: 840px;} .prepend-15 { padding-left: 900px;} .prepend-16 { padding-left: 960px;} .prepend-17 { padding-left: 1020px;} .prepend-18 { padding-left: 1080px;} .prepend-19 { padding-left: 1140px;} /* Border on right hand side of a column. */ div.border { padding-right:6px; margin-right:7px; border-right: 1px dotted #000; } div.border-left { padding-left:6px; margin-left:7px; padding-right:0; margin-right:0; border-left:1px dotted #000; } * html div.border { border-right: 2px dotted #000; } div.border_trans { padding-right:6px; margin-right:7px; border-right: 1px dotted transparent; } .half_border_right { padding-right: 16px; padding-top: 4px; background: url('/assets/img/dot.png') center right no-repeat; } /* Border with more whitespace, spans one column. */ div.colborder { padding-right:40.5px; margin-right:37.5px; border-right: 1px solid #eee; } div.colborder_no_line { padding-right:40.5px; margin-right:37.5px; border-right:1px transparent; } /* Use these classes on an element to push it into the next column, or to pull it into the previous column. */ .pull-three-quarter {margin-left: -50px;} .pull-half { margin-left: -30px;} .pull-1 { margin-left: -60px;} .pull-2 { margin-left: -120px;} .pull-3 { margin-left: -180px;} .pull-4 { margin-left: -240px;} .pull-5 { margin-left: -300px;} .pull-6 { margin-left: -360px;} .pull-7 { margin-left: -420px;} .pull-8 { margin-left: -480px;} .pull-9 { margin-left: -540px;} .pull-10 { margin-left: -600px;} .pull-11 { margin-left: -660px;} .pull-12 { margin-left: -720px;} .pull-13 { margin-left: -780px;} .pull-14 { margin-left: -840px;} .pull-15 { margin-left: -900px;} .pull-16 { margin-left: -960px;} .pull-17 { margin-left: -1020px;} .pull-18 { margin-left: -1080px;} .pull-19 { margin-left: -1140px;} .pull-20 { margin-left: -1200px;} .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20 {float:left;position:relative;} .push-quarter { margin-left: 15px;} .push-half { margin-left: 30px;} .push-1 { margin: 0 -60px 1.5em 60px;} .push-2 { margin: 0 -120px 1.5em 120px;} .push-3 { margin: 0 -180px 1.5em 180px;} .push-4 { margin: 0 -240px 1.5em 240px;} .push-5 { margin: 0 -300px 1.5em 300px;} .push-6 { margin: 0 -360px 1.5em 360px;} .push-7 { margin: 0 -420px 1.5em 420px;} .push-8 { margin: 0 -480px 1.5em 480px;} .push-9 { margin: 0 -540px 1.5em 540px;} .push-10 { margin: 0 -600px 1.5em 600px;} .push-11 { margin: 0 -660px 1.5em 660px;} .push-12 { margin: 0 -720px 1.5em 720px;} .push-13 { margin: 0 -780px 1.5em 780px;} .push-14 { margin: 0 -840px 1.5em 840px;} .push-15 { margin: 0 -900px 1.5em 900px;} .push-16 { margin: 0 -960px 1.5em 960px;} .push-17 { margin: 0 -1020px 1.5em 1020px;} .push-18 { margin: 0 -1080px 1.5em 1080px;} .push-19 { margin: 0 -1140px 1.5em 1140px;} .push-20 { margin: 0 -1200px 1.5em 1200px;} .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20 {float:right;position:relative;} /* Misc classes and elements -------------------------------------------------------------- */ /* Use a .box to create a padded box inside a column. */ .box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; } /* Use this to create a horizontal ruler across a column. */ hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; } hr.space { background: #fff; color: #fff; } /* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */ .clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, .container {display: inline-block;} * html .clearfix, * html .container {height: 1%;} .clearfix, .container {display: block;} /* Regular clearing apply to column that should drop below previous ones. */ .clear { clear:both; } /* Border on right hand side of a column. */ div.border_left_right{ padding-left:2px; padding-right:2px; margin-left:2px; margin-right: 2px; border-right: 1px dotted #000; border-left:1px dotted #000; } * html div.border_left_right { border-left:2px dotted #000; border-right: 2px dotted #000; } div.border_left_right_last{ margin-right:0px; padding-right:0px; } div.border_left{ padding-left:4px; margin-left:5px; border-left:1px dotted #000; margin-right:0px; padding-right:0px; } * html div.border_left { border-left:2px dotted #000;} div.last_border{ margin-right:9px; border-right: 1px dotted #000; } * html div.last_border { margin-right:8px; border-right:2px dotted #000;} .dotted_top{ border-top:1px dotted #000; } * html div.dotted_top { border-top:2px dotted #000;} .dotted_bottom{ border-bottom:1px dotted #000; } * html div.dotted_bottom { border-bottom:2px dotted #000;} #other_days h3 {margin-bottom:.5em;color:#282356;line-height:1.3em;} #other_days .good_stuff h3 a {color:#282356;} #other_days h4 {margin-bottom:.4em;} #other_days h5 {font-weight:normal;margin-bottom:4em;*padding-bottom:3em;*margin-bottom:0;} #other_days p {margin:0em;} .no_underline, .no_underline a { text-decoration:none; } /* #coming_up { margin-bottom:4px; } #other_days{ padding-top:4px; } .dotted_top_bottom{ border-top:1px dotted #000; border-bottom:1px dotted #000; } .dotted_bottom{ } */ /* Border with more whitespace, spans one column. */ div.colborder { padding-right:28px; margin-right:25px; border-right: 1px solid #eee; } div.colborder_no_line { padding-right:28px; margin-right:25px; border-right: 1px solid transparent; } /* Misc classes and elements -------------------------------------------------------------- */ /* Use a .box to create a padded box inside a column. */ .box { padding: 1.5em; margin-bottom: 1.5em; background: #E5ECF9; } /* Use this to create a horizontal ruler across a column. */ hr { background: #ddd; color: #ddd; clear: both; float: none; width: 100%; height: .1em; margin: 0 0 1.45em; border: none; } hr.space { background: #fff; color: #fff; } hr.blank { background: transparent; color: transparent; } /* Clearing floats without extra markup Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */ .clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, .container {display: inline-block;} * html .clearfix, * html .container {height: 1%;} .clearfix, .container {display: block;} /* Regular clearing apply to column that should drop below previous ones. */ .clear { clear:both; } /* forms.css */ label {font-weight:bold;} fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;} legend {font-weight:bold;font-size:1.2em;} input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;} input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;} input.text, input.title {width:300px;padding:5px;} input.title {font-size:1.5em;} textarea {width:380px;height:250px;} .user_previews textarea {width:335px;} .error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;} .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;} .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;} .success {background:#E6EFC2;color:#264409;border-color:#C6D880;} .error a {color:#8a1f11;} .notice a {color:#514721;} .success a {color:#264409;} /* ie.css */ body {text-align:center;} .container {text-align:left;} * html .column {overflow-x:hidden;} * html legend {margin:-18px -8px 16px 0;padding:0;} ol {margin-left:2em;} sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} html>body p code {*white-space:normal;} hr {margin:-8px auto 11px;} /* buttons */ a.button, button { display:block; float:left; margin:0 0.583em 0.667em 0; padding:5px 10px 5px 7px; /* Links */ border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; background-color:#f5f5f5; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; } button { width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ } button[type] { padding:4px 10px 4px 7px; /* Firefox */ line-height:17px; /* Safari */ } *:first-child+html button[type] { padding:4px 10px 3px 7px; /* IE7 */ } button img, a.button img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; float:none; } /* Button colors -------------------------------------------------------------- */ /* Standard */ button:hover, a.button:hover{ background-color:#dff4ff; border:1px solid #c2e1ef; color:#336699; } a.button:active{ background-color:#6299c5; border:1px solid #6299c5; color:#fff; } /* Positive */ body .positive { color:#529214; } a.positive:hover, button.positive:hover { background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; } a.positive:active { background-color:#529214; border:1px solid #529214; color:#fff; } /* Negative */ body .negative { color:#d12f19; } a.negative:hover, button.negative:hover { background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; } a.negative:active { background-color:#d12f19; border:1px solid #d12f19; color:#fff; } /* Mine */ body {background: url(/assets/img/test_back1.jpg) no-repeat;} .container{padding-left:10px;} #coming_up .small_event_listing {margin: 0 0 .5em;} .transparent{ background: url(/assets/img/70_white.png) repeat; } .transparent_white_75 { background: url(/assets/img/75_white.png) repeat; } .transparent_white_65 { background: url(/assets/img/65_white.png) repeat; } .transparent_white_55 { background: url(/assets/img/55_white.png) repeat; } .transparent_grey_75 { background: url(/assets/img/75_black.png) repeat; } .transparent_grey_65 { background: url(/assets/img/65_black.png) repeat; } .transparent_grey_55 { background: url(/assets/img/55_black.png) repeat; } .transparent_grey_45{ background: url(/assets/img/45_black.png) repeat; } .transparent_grey_35{ background: url(/assets/img/35_black.png) repeat; } .transparent_grey_20{ background: url(/assets/img/20_black.png) repeat; } *html .transparent { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/70_white.png', sizingMethod='scale'); } div.in-middle { width:695px; height:5px; } #today, #right_main_content{ padding-top:5px; } a.link{ color:#000000; font-size:12px; font-style:italic; font-weight:normal; text-align:justify; text-decoration:none; vertical-align:top; } a.link:hover { text-decoration:underline; } .hidden { display:none; } .todays_event{ margin-top:.25em; margin-bottom:.5em; } .venue h4 {font-size:80%;} .venue span {font-} .advertise_first { margin-top:6em; } .faq dd { margin-bottom:.5em; } .static_header { height:3em; background-color:#99CCCC; padding-left:0; padding-right:0; padding-bottom:8px; margin-left:0; margin-right:0; margin-bottom:0; display:block; overflow:hidden; } .static_header li { height:3em; float:left; font-size:2em; padding-right:2px; padding-top:2px; } .static_header li.first { padding-left:2px; } .static_header li.empty { overflow:hidden; } .static_header li a { display:block; width:auto; height:auto; padding:0 10px 0 20px; background-color:#CCFFFF; } .static_header li a:hover,.static_header li.selected a { background-color:#99CCCC; } .static_header li.empty a { padding-right:30em; } ul.inline, ul.inline li{ display:inline; } ul.location,ul.location li { margin-left:0px; } ul.location .first{ text-decoration:bold; } ul.no_dots { list-style:none; } ul.no_dots_no_indent { list-style:none; margin-left:0px; } ul.inline-photos,ul.inline { display:block; list-style:none; margin-left:0px; } ul.inline-photos li, ul.inline li { display:inline; } ul.inline-photos li { margin-left:10px; margin-right:10px; } #sidebar #main_nav { margin-top:175px; *font-weight: bold; font-style:italic; } #sidebar #main_nav .selected div {margin-top:.4em;} #sidebar #main_nav .title { font-size:175%; margin-bottom: -.4em; cursor: pointer; cursor: hand; letter-spacing:0.5px; } #main_nav .outside_container{ padding: 5px 5px 10px 5px; } #main_nav .outside_container .title { margin-bottom:5px; } #main_nav .outside_container .calendar_container{ padding:5px; } #main_nav .outside_container .calendar_container #inline_calendar{ background-color:#fff; } #main_nav .subscribe_newsletter, #main_nav .social_links { margin-top:1em; } #main_nav .subscribe_newsletter .subscribe_title, #main_nav .social_links .subscribe_title { display:block; float:left; width:150px; height:40px; } #main_nav .subscribe_newsletter .inside_container, #main_nav .social_links .inside_container { padding:5px; background-color:#F8EE00; } #main_nav .subscribe_newsletter .inside_container span { font-size:120%; } #main_nav .subscribe_newsletter .inside_container input { width:120px; margin-right:5px; } #main_nav .social_links .inside_container { padding-left: 15px; background:url('/assets/img/unpacked/all/stripes_NL.png') no-repeat #f8ee00; } .borderdraw { border-style:solid; height:0; line-height:0; width:0; } .big_event_listing, .big_event_listing_write_preview { margin-top:-15px; margin-bottom:.5em; } .big_event_listing_write_preview { margin-top:-58px; } .big_event_listing .artist_name { font-size:120%; } .big_event_listing ul li { font-size:120%; } .hasDatepicker a {cursor:pointer;} .hasDatepicker .ui-datepicker-links {position:relative;height:1.4em;} .hasDatepicker .ui-datepicker-links div {display:inline;} .hasDatepicker .ui-datepicker-header {position:relative;height:2.2em;} .hasDatepicker .ui-datepicker-header .ui-datepicker-new-month {position:absolute;left:10px;} .hasDatepicker .ui-datepicker-header .ui-datepicker-new-year {position:absolute;right:10px;} .hasDatepicker .ui-datepicker-prev {position:absolute;left:4px;text-align:left;z-index:1;} .hasDatepicker .ui-datepicker-current {position:absolute;width:100%;text-align:center;z-index:0;} #inline_calendar_simple .ui-datepicker-current,#inline_calendar_advanced .ui-datepicker-current{position:relative;text-align:center;z-index:0;} .hasDatepicker .ui-datepicker-next {position:absolute;right:4px;text-align:right;z-index:1;} .hasDatepicker .ui-datepicker-today {background-color:#bbb;} .hasDatepicker th, #inline_calendar td {text-align:center;} #inline_calendar td a {color:#000;text-decoration:none;display:block;width:100%;} #inline_calendar {height:180px;} #inline_calendar .ui-datepicker-new-month { width:80px; margin-left:-6px; } #inline_calendar .ui-datepicker-new-year { margin-right:-6px; } .overflow_container { overflow:hidden; } .extend_col { padding-bottom: 32000px; margin-bottom: -32000px; } #google_ads_div_leaderbord { float:right; } .big_event_other {margin:0px;} .big_event_other li {padding-left:15px; margin-right:.5em;} .big_event_bottom { position: relative; top: 172px; } .big_event_listing_write_preview .big_event_bottom { position: relative; top: 169px; } .write_preview_bottom { text-align: right; position: relative; width: 100%; top: 130px; right: 0px; } .orange {background:url(/assets/img/orange.png) top left no-repeat;} .black {background:url(/assets/img/black.png) top left no-repeat;} .pink {background:url(/assets/img/pink.png) top left no-repeat;} .yellow {background:url(/assets/img/yellow.png) top left no-repeat;} a.yellow{padding-left:20px;} .green {background:url(/assets/img/green.png) top left no-repeat;} .feed_link {float:right;height:20px;width:20px;} .special {padding-right:15px;} /*.col_header {font-style: italic;}*/ #single_col_content {padding-left:20px;} #single_col_content .comments h2 {font-style:italic;} #single_col_content .comments label {width:105px;display:block;float:left;} #single_col_content .comments textarea {height:50px;width:330px;} .past_event_item_container { margin-bottom: 20px; position:relative; } /* .past_event_item_container { position:relative; top:-40px; } */ .artist_header { opacity:0.85; filter:alpha(opacity=85); background-color:black; padding: .1em .2em .3em .1em; margin-bottom:.7em; font-size:150%; color:white; *background-color:#333; } .artist_header a {color:white;} .todays_event_item { width:270px; } .past_event_item { background-attachment:scroll; background-color:black; background-image:none; background-position:0 0; background-repeat:repeat; color:white; display:inline; opacity:0.75; filter:alpha(opacity=75); /* IE's opacity*/ position:absolute; z-index:10; left:0; top:0; } .col_left{ margin-left:15px; } .past_event_item_container img { float:left; } /* .up_55 { margin-top:-55px; } */ .past_event_item a {color:#fff;} .songs_list ul { margin-left:0em; padding-left:0em; } .songs_list li { font-size:150%; list-style-image:none; list-style-position:outside; list-style-type:none; margin-left:0; padding-left:0; margin-top:.5em; } .songs_list h5 { margin-bottom:0em; text-align:center; } .songs_list h5 a{ color:#00C7FF; } .final_today {margin-bottom:1em;} .biz_image {padding-left:1em;} .biz_text { padding-left:1em; padding-right:1em; font-size:150%; } .biz_menu { font-size:200%; margin-top:107px; } .staff_box { height: 300px; } .staff_description .name { font-size: 17px; } .staff_description .title { font-size: 14px; margin-top: -10px; } .staff_description p{ margin-bottom: 0px; margin-top: 0px; } #footer_menu {width:100%;margin:0;position:absolute;background-color:#bbb;right:0;bottom:0;} #footer_menu {display:inline;list-style:none;} #footer_menu li {margin-right: 1em;display:inline;} .form label {display:block;width:80px;float:left;padding-bottom:1em;} .form input {display:block;width:250px;clear:right;margin-bottom:1em;} .form #id_message {height:100px; } .form button {margin-left:80px;} .form .errorlist {display:inline;} .form .errorlist li {display:inline;color:red;font-weight:bold;} .question {font-weight:bold;color:#000;font-size:110%;} #header {margin-bottom:1.5em;margin-top:1.5em;} #logo { width:180px; height:98px; text-indent:-1000em; background:url('/assets/img/LOGO_160x88.png') no-repeat; *background:none; *filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/LOGO_160x88.png', sizingMethod='scale'); margin-bottom:0em; } /* forms */ input#id_honeypot, #single_col_content .comments label[for=id_honeypot] {display:none;} /* lightbox */ #lightbox{position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;} #lightbox a img{border:none;} #outerImageContainer{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;} #imageContainer{padding:10px;} #loading{position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;} #hoverNav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;} #imageContainer>#hoverNav{left:0;} #hoverNav a{outline:none;} #prevLink,#nextLink{width:49%;height:100%;background:transparent url(/assets/img/blank.gif) no-repeat;/* Trick IE into showing hover */ display:block;} #prevLink{left:0;float:left;} #nextLink{right:0;float:right;} #prevLink:hover,#prevLink:visited:hover{background:url(/assets/img/prev.gif) left 50% no-repeat;} #nextLink:hover,#nextLink:visited:hover{background:url(/assets/img/next.gif) right 50% no-repeat;} /*** START :next / previous text links ***/ #nextLinkText,#prevLinkText{color:#FF9834;font-weight:bold;text-decoration:none;} #nextLinkText{padding-left:20px;} #prevLinkText{padding-right:20px;} /*** END :next / previous text links ***/ /*** START :added padding when navbar is on top ***/ .ontop #imageData{padding-top:5px;} /*** END :added padding when navbar is on top ***/ #imageDataContainer{font:10px Verdana,Helvetica,sans-serif;background-color:#fff;margin:0 auto;line-height:1.4em;} #imageData{padding:0 10px;} #imageData #imageDetails{width:70%;float:left;text-align:left;} #imageData #caption{font-weight:bold;} #imageData #numberDisplay{display:block;clear:left;padding-bottom:1.0em;} #imageData #bottomNavClose{width:66px;float:right;padding-bottom:0.7em;} #imageData #helpDisplay{clear:left;float:left;display:block;} #overlay{position:absolute;top:0;left:0;z-index:90;width:100%;height:500px;background-color:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;display:none;} #status-bar { font: 15px monospace; line-height:19px; } /* #music_controls { font: 16px monospace; line-height:17px; }*/ #progress-bar { background: #fff; border: 1px solid #000; height: 19px; overflow: hidden; width:342px; float:left; } #status-bar{ text-align:right; color:#FF66FF; border: 1px solid #FF66FF; border-right:0px; margin-right:0px; padding-right:14px; } #progress-bar .inside { background: #000; height: 100%; width: 0%; } #buy_music { background: url(/assets/img/seeqpod.gif) no-repeat bottom right; } .movieContainer { /*display:none;*/ float:left; z-index:4; position:fixed; } tr.row_grey { background-color:#ddd; } tr.row_yellow { background-color:#FFFF99; } #single_col_content p { font-size:110%; } #body_single_col h1 { background-color:#180D3D; color:#fff; padding-left:45px; padding-top:.25em; padding-bottom:.5em; } #body_single_col h1.comming_soon{ padding-top:0; margin-top:0; background-color:transparent; color:#000; padding-left:0; padding-right:0; text-align:center; } .bookmarkthis { float:left; text-align:left; } .byline{ text-align:right; float:right; } .vote { text-align:left; float:left; } .half_width{ width: 49%; } .user_preview_actions{ margin-top:1em; padding-top:.5em; padding-bottom:.25em; border-bottom: 1px dotted black; color: #6666CC; font-size: 10px; } .user_preview_actions a{ color: #6666CC; font-size: 10px; text-decoration: none; } .comment_content { border: 1px #72b84c dotted; overflow: auto; margin-bottom: 5px; } .comment_content_inside { padding: 3px; } html, body { height:100%; } #top_line_bar { /* background-color:#000; opacity:0.65; filter:alpha(opacity=65); color: #fff;*/ height:24px; } #top_line_bar ul {margin:0;padding:0;} #top_line_bar ul li {margin:0;display:block;float:left;} #top_line_bar ul li.pink_corner { height:24px; width:28px; } #top_line_bar ul li.yellow_corner { height:24px; width:28px; } #top_line_bar ul li a { font-size:145%; color: #fff; display:block;float:left;margin-left:.5em;} #top_line_bar ul li.pink_back { background-color:#FF6699; } #top_line_bar ul li.yellow_back { background-color:#FFFF00; } /* Pink F06EAA safari pink #FF6699*/ /* Yellow FEF200 */ .right_aligned {float:right;padding:0 .5em;color:#000;width:250px;position:relative;height:24px;} .right_aligned {background-color:#FF6699;#} @media screen and (-webkit-min-device-pixel-ratio:0) { .right_aligned {background-color:#FF6699;} #top_line_bar ul li.pink_back { background-color:#FF6699; } } .right_aligned label {font-size:145%;display:block;float:left;height:18px;width:60px;margin-top:5px;} .right_aligned input { border:0 none; display:block; float:right; height:18px; margin-top:2px; padding-right:20px; width:160px; } .right_aligned #search_submit{ height:20px; left:237px; position:absolute; top:4px; width:18px; } .paginator { padding:.5em .75em; float:left; font:normal .8em arial; } .paginator .prev-na, .paginator .next-na { padding:.3em; font:bold .875em arial; } .paginator .prev-na, .paginator .next-na { border:1px solid #ccc; background-color:#f9f9f9; color:#aaa; font-weight:normal; } .paginator .prev a, .paginator .prev a:visited, .paginator .next a, .paginator .next a:visited { border:1px solid #FF99CC; background-color:#FFCCCC; /* border:1px solid #c2ee62; background-color:#edfdd0; */ color:#000; padding:.3em; font:bold .875em arial; } .paginator .prev, .paginator .prev-na { margin-right:.5em; } .paginator .next, .paginator .next-na { margin-left:.5em; } .paginator .page a, .paginator .page a:visited, .paginator .curr { padding:.25em; font:normal .875em verdana; border:1px solid #FF99CC; background-color:#FFCCCC; margin:0em .25em; color:#000; } .paginator .curr { background-color:#FF99CC; color:#fff; border:1px solid #FF99CC; font-weight:bold; font-size:1em; } .paginator .page a:hover, .paginator .curr a:hover, .paginator .prev a:hover, .paginator .next a:hover { color:#fff; background-color:#FF99CC; border:1px solid #FF99CC; } .spacer { height:3em; } .featured img {margin-bottom:10px;} .featured_header { text-decoration: none; font-size: 20px; } .featured_transparent_box { margin-top:150px; padding-right: 30px; line-height:23px; height:50px; } .featured_transparent_box > a { color: white; } .featured_box { height:450px; margin-bottom: 20px; } .featured_img_box { height: 200px; } .featured_check_it{ position: relative; top: 440px; } .featured_check_it a{ text-decoration: none; float: right; margin-top: -20px; text-align:right; background: #FF0 } .featured_check_it span{ padding-right: 10px; } .guide_box { margin-bottom: 25px; border: dotted 1px black; padding: 3px 5px 3px 5px } .user_previews #id_title {width:381px;padding-right:6px;margin:0.5em 0;} .user_previews .errorlist {margin-bottom:.2em;margin-top:.5em;color:red;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a:link {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(/assets/img/macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; } * html #TB_HideSelect { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; } div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; } div.wysiwyg * { margin: 0; padding: 0; } div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 4px 0; } div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px; background: #ffffff;} div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; } div.wysiwyg ul.panel li a { opacity: 0.6; display: block; width: 16px; height: 16px; background: url('/assets/img/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; } div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { opacity: 0.99; } div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; } div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; } div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; } div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; } div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; } div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; } div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; } div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; } div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; } div.wysiwyg ul.panel li a.indent { background-position: -64px 0; } div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; } div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; } div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; } div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; } div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; } div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; } div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; } div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; } div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; } div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; } div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; } div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; } div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; } div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; } div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; } div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; } div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; } div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; } div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; } div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; } div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; } div.wysiwyg ul.panel li a.html { background-position: -48px -48px; } div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; } div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; } div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; } /* Sprites */ .arrow { padding-right:20px; background:url(/assets/img/csg-49ab5acf086d5.png) top right no-repeat; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/img/csg-49ab5acf086d5.png', sizingMethod='scale'); } .text-replaced { text-indent: -9000px; } .sprite-back { background: url(/assets/img/csg-49ab5acf086d5.png) no-repeat top left; } .sprite-back_right_top { background: url(/assets/img/csg-49ab5acf086d5.png) no-repeat top right; } .events_sidebar .col_title{ width: 100%; margin-top: 8px; margin-bottom: 5px; } .col_title { border-bottom:1px dotted black; } .col_title a.sprite-back, .col_title span.sprite-back{ height:24px; display:block; float:left; } .sprite-b1_flyr_title { background-position: 0 -392px; } .sprite-b2_lnk_title { background-position: 0 -1407px; } .sprite-b3_Loc_title { background-position: 0 -1455px; } .sprite-b4_Rcmd_title { background-position: 0 -30px; } .sprite-b5_Sng_title { background-position: 0 -1912px; } .sprite-b6_Today_title { background-position: 0 -1556px; } .sprite-b7_Vid_title { background-position: 0 -74px; } .sprite-i10_yellow { background-position: 0 -1367px; } .sprite-i1_arrow { background-position: 0 -1874px; } .arrow {background-position: 0 -1874px;} .sprite-i2_black { background-position: -532px -30px; } .sprite-i3_feed { background-position: 0 -690px; } `` .sprite-i4_green { background-position: 0 -1834px; } .sprite-i5_Magnifying-Glass-16x16 { background-position: 0 -177px; } .sprite-i6_next { background-position: 0 -1644px; } .sprite-i7_orange { background-position: 0 -1604px; } .sprite-i8_pink { background-position: 0 -1273px; } .sprite-i9_tick { background-position: 0 -223px; } .sprite-m10_TN_pink_crnr { background-position: 0 -566px; } .sprite-m11_TN_srch_title { background-position: 0 -902px; } .sprite-m12_TN_yllw_crnr_lft { background-position: 0 -1502px; } .sprite-m13_TN_yllw_crnr { background-position: 0 -848px; } .sprite-m14_Tonight_title { background-position: 0 -1963px; } .sprite-m15_Nav_live { background-position: 0 -946px; } .sprite-m16_Nav_media { background-position: 0 -1313px; } .sprite-m1_Cal_corner { background-position: 0 -122px; } .sprite-m2_Cal_title { background-position: 0 -734px; } .sprite-m3_Cmngup_title { background-position: 0 -1106px; } .sprite-m4_Gdstff_title { background-position: 0 -1225px; } .sprite-m5_Mybnxt_title { background-position: 0 -338px; } .sprite-m6_NL_title { background-position: 0 -1160px; } .sprite-m7_NL-corner { background-position: 0 -1719px; } .sprite-m8_stripes_NL { background-position: 0 -995px; } .sprite-m9_TN_pink_crnr_srch { background-position: 0 -443px; } .sprite-s1_Adv_title { background-position: 0 -782px; } .sprite-s2_cnct_title { background-position: 0 -1765px; } .sprite-s3_Faq_title { background-position: 0 -620px; } .sprite-s4_Mnfsto_title { background-position: 0 -498px; } .sprite-s5_Terms_title { background-position: 0 -269px; } .sprite-m16_Nav_media { display:block; width:90px; height:24px; } .sprite-m15_Nav_live { display:block; width:40px; height:24px; } .staff_preview_title { background: url("/assets/img/staff_preview_title.png") no-repeat top left; background-position: 0 -3px; } .guest_preview_title { background: url("/assets/img/guest_preview_title.png") no-repeat top left; background-position: 0 -3px; } #previews_box h2{ width: 100%; text-align:right; height: 20px } .comments_title { background: url("/assets/img/comments_title.png") no-repeat top left; background-position: 0 -3px; } .preview_title { background: url("/assets/img/preview_title.png") no-repeat top left; background-position: 0 -3px; } .staff_preview_border { border: 2px #00aeef dotted; } .staff_preview_box { margin-bottom: 1em; } .staff_preview h4, .staff_preview_border h4{ margin-bottom: 0px; } .staff_preview div, .staff_preview_border div{ padding: 5px; } .comments_list_box{ } a.sprite-b6_Today_title {width:80px;} #tonight_col_title {padding-bottom:9px;} #mayby_next_time_title {margin-bottom:9px;} #coming_up_title { margin-bottom:18px; } #good_stuff_title {margin-bottom:9px;} #sidbar_top_border { width:166px; height:25px; margin-left:-1px; } .sprite-m2_Cal_title { height:1.2em; margin-bottom:0.8em; } .sprite-m7_NL-corner { height:15px; } .sprite-m14_Tonight_title {width:80px; } .sprite-m5_Mybnxt_title { width:180px;} .sprite-m3_Cmngup_title { width:113px; } .sprite-m4_Gdstff_title { width:110px;} .sprite-i3_feed { width:20px;} /* I don't have the source images from the full sprite */ .sprite-staff { background: url(/assets/img/staff.png) no-repeat top left; } .events_sidebar_container { margin-top:.25em; } .events_sidebar { position:relative; } .events_sidebar .arrow { height:20px; padding:0; position:absolute; top:14px; width:20px; z-index:10; } .events_sidebar_today .arrow { left:60px; } .events_sidebar_recommended .arrow { left:130px; } .satic_header { margin-top:1em; margin-left:2em; height:38px; } .big_event_listing { height: 195px; } .big_event_listing_write_preview { height: 238px; } div.artist { margin-bottom:1em; } /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ html, body, #super_block {height: 100%;} body > #super_block {height: auto; min-height: 100%;} #super_block {padding-bottom: 40px;} /* must be same height as the footer */ #footer {position: relative; margin-top: -40px; /* negative value of footer height */ height: 40px; clear:both;} /* CLEAR FIX*/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */ .body h2.artist_name { font-size:120%; }