* { outline: none; }
html, body { margin: 0; padding: 0; border: none; }
body { background: #243745 url("../images/background.jpg") fixed; font: 8pt/1.5em Verdana, Helvetica, Arial, sans-serif; text-align: center; }
#container { margin: 0 auto; width: 950px; text-align: left; position: relative; }
#header { height: 110px; background: #4C6E8C; background: #FFF url("../images/header_background.jpg") no-repeat 170px 0; position: relative; }
#header h1 { margin: 0; padding: 12px 0 0 12px; }
#header img { border: none; }
#header #prk { position: absolute; right: 0; top: 0; }
#menu { position: absolute; left: 0; top: 90px; height: 20px; line-height: 20px; }
#menu { margin: 0; padding: 0 0 0 10px; font-weight: bold; }
#menu li { list-style-type: none; float: left; }
#menu a { display: block; padding: 0 8px; color: #000; text-decoration: none; }
#menu a.submenu { padding-right: 17px; background: url("../images/menu_arrow.gif") no-repeat right center; cursor: default; }
#menu a:hover { cursor: default; }
#menu a:visited:hover,
#menu a:link:hover { cursor: pointer; }
#menu a:hover,
#menu a.menu_open { background-color: #4C6E8C; color: #FFF; }
#menu a.menu_open { background-image: url("../images/menu_arrow_hover.gif"); }
/* second level */
#menu ul { visibility: hidden; z-index: 100; margin: 0; padding: 0; position: absolute; background: #FFF; border: 1px solid #4C6E8C; font-weight: normal; }
#menu ul li { float: none; }
#menu ul li a { float: none; width: 130px; padding: 0 7px; }
#menu ul li a:hover { background-color: #4C6E8C; }
/*#menu a.admin { color: #A00; }
#menu a.admin:hover { color: #FFF; }*/
#content { }
#column-center { width: 470px; float: left; margin-left: /* 230 + 10 = */ 240px; }
#column-left { width: 230px; float: left; margin-left: /* 470 + 230 + 10 = */ -710px; }
#column-right { width: 230px; float: left; float: right; }
/* floating margins IE bug */
* html #column-center { margin-left: 120px; }
/* frame */
#content div.frame { margin-top: 10px; background: #FFF; overflow: hidden; }
#content div.frame h2 { margin: 0; height: 20px; padding: 0 5px; font-size: 8pt; /* 19 looks better than 20 */ line-height: 19px; background: #4C6E8C url("../images/title_background.gif"); color: #FFF; overflow: hidden; }
#content div.frame h2 { position: relative; }
#content div.frame h2 span.more { position: absolute; right: 5px; }
#content div.frame h2 span.more a { color: #FFF; text-decoration: none; }
#content div.frame-content { padding: 0 5px 5px 5px; }
#content div.frame-scroll { overflow: auto; }
/* last element doesn't require a bottom margin, the 5px padding will handle spacing */
#content div.frame-content>*:last-child { margin-bottom: 0; }
/* not found frame */
#content div.frame.notfound h2 { height: 40px; padding: 0 20px; font-size: 12pt; line-height: 40px; }
#content div.frame.notfound p { font-size: 12pt; line-height: 1.5em; }
#content div.frame.notfound div.frame-content { padding: 15px 20px 10px 20px; }
/* inline elements */
#content a { color: #A00; text-decoration: none; }
#content a:hover { text-decoration: underline; }
#content a.plain { color: #000; }
#content small { font-size: 7.5pt; line-height: 1.4em; }
#content img { border: 1px solid #000; }
#content img.no-border { border: none !important; }
#content acronym { border-bottom: none; }
/* all error elements */
#content .error { color: #A00; }
#content .error a { text-decoration: underline; }
#content .error a:hover { text-decoration: none; }
/* headings */
#content h3 { margin: 0 -5px; padding-left: 5px; background: #BFC8CF; font-size: 8pt; line-height: 20px; }
#content h3 a { color: #000; }
#content h4 { margin: 5px 0 -5px 0; font-size: 8pt; line-height: 1.5em; }
#content h4 a { color: #000; }
/* defaul elements */
#content p { margin: 5px 0 .75em 0; }
#content ul { margin: 5px 0 .75em 2em; padding: 0; }
#content ol { margin: 5px 0 .75em 3em; padding: 0; list-style-type: decimal-leading-zero; }
/* tables */
#content table { margin: 5px 0 .75em 0; width: 100%; border-collapse: collapse; font: 8pt/1.5em Verdana, Helvetica, Arial, sans-serif; }
#content table td { padding: 0; vertical-align: top; }
#content table th { padding: 0; vertical-align: top; text-align: left; }
/* fixed width for tables */
#column-left table,
#column-right table { width: 220px; }
#column-center table { width: 460px; }
/* picture paragraph */
#content p.picture { margin-top: .75em; text-align: center; }
#content p.picture img { border: 1px solid #000; }
/* information paragraph */
#content p.info { margin: 0 -5px; padding: 3px 5px; background: #BFC8CF; font-size: 7.5pt; line-height: 1.4em; }
#content p.info img.tag { border: none; height: 12px; width: 12px; vertical-align: text-top; margin-left: 5px; }
* html #content p.info img.tag { vertical-align: -2px; margin-top: 4px; margin-bottom: 4px; }
#content p.continued { margin-bottom: -2px; font-size: 7.5pt; line-height: 1.4em; font-style: italic; color: #4C6E8C; }
/* review ratings (stars) */
#content p.rating { text-align: center; }
#content p.rating img { border: none; margin: 0 3px; }
/* intro text */
#content p.intro { margin: 7px 2px 1.5em 2px; font-style: italic; line-height: 1.7em; }
#content p.intro+p.intro,
#content p.intro+p.picture { margin-top: -7px; }
/* table with links */
#content table.main-list { margin-top: 0; font-size: 7.5pt; line-height: 1.4em; }
#content table.main-list td { height: 55px; width: 177px; padding-top: 5px; padding-left: 5px; padding-bottom: 2px; vertical-align: middle; }
#content table.main-list td.picture { width: 47px; padding-left: 0; padding-bottom: 0; text-align: center; }
#content table.main-list img { /*margin-top: 2px;*/ border: 1px solid #000; }
/* table with links */
#content table.sidebar-list { margin-top: 0; }
#content table.sidebar-list td { height: 55px; width: 177px; padding-top: 5px; padding-left: 5px; padding-bottom: 2px; vertical-align: middle; }
#content table.sidebar-list td.picture { width: 47px; padding-left: 0; padding-bottom: 0px; text-align: center; }
#content table.sidebar-list img { /*margin-top: 2px;*/ border: 1px solid #000; }
/* list with links */
#content ul.sidebar-list { margin-left: 0; list-style-type: none; }
#content ul.sidebar-list,
#content ul.sidebar-list li { margin-top: 5px; }
#content ul.sidebar-list a { font-weight: bold; }
/* table with links */
#content table.top100 { margin-top: 0; width: auto; }
#content table.top100 td { height: 110px; padding-top: 5px; padding-left: 10px; padding-bottom: 2px; vertical-align: middle; }
#content table.top100 td.ranking { width: 55px; padding: 5px 5px 0 0; text-align: center; font-size: 16pt; color: #243745; }
#content table.top100 td.picture { width: 102px; padding-left: 0; padding-bottom: 0; text-align: center; }
#content table.top100 img { border: 1px solid #000; }
#content table.top100 .artist { font-size: 10pt; line-height: 1.5em; }
/* small rating stars */
#content img.star_small { border: none !important; margin-top: 2px; margin-right: 2px; }
/* list with links */
#content ul.links { margin-left: 0; list-style-type: none; font-size: 7.5pt; line-height: 1.4em; }
/* quotes */
#content blockquote { margin: 10px 5px 0 5px; border: 1px solid #BFC8CF; background: #E9EBED url('../images/quote.gif') no-repeat; }
#content blockquote p { margin: 0; padding: 5px; }
/* interview/faq question */
#content p.question { margin: 5px -5px 0 -5px; padding: 5px; font-style: italic; background: #BFC8CF; }
/* rss feed link in the sidebar */
#content a.feed { display: block; height: 38px; background: url("/data/images/feed_28.png") no-repeat 5px 5px; padding-left: 43px; font-weight: bold; line-height: 38px; color: #000; }
/* forms */
#content form { margin: 5px 0 .75em 0; }
#content form label { display: block; width: 120px; float: left; clear: both; margin-top: 3px; }
#content form input,
#content form select,
#content form textarea { margin: 2px 0; color: #000 !important; }
#content form input,
#content form select,
#content form optgroup,
#content form option,
#content form textarea { font: 8pt/1.5em Verdana, Helvetica, Arial, sans-serif; }
#content form optgroup { font-weight: bold; }
#content form optgroup option { padding-left: 10px; }
#content form input.button { font-weight: bold; margin-top: 8px; margin-left: 120px; }
/* anti-spam */
#content form #url { display: none; }
/* forms in the sidebar */
#content #column-left form label { width: auto; float: none; margin-top: 5px; margin-bottom: 1px; }
#content #column-left form input,
#content #column-left form select,
#content #column-left form optgroup,
#content #column-left form option,
#content #column-left form textarea { font-size: 7.5pt; line-height: 1.4em; max-width: 210px; }
#content #column-left form input.button { margin-top: 10px; margin-left: 0; }
/* news */
#news div.static { margin: 0 -5px -5px -5px; padding: 0 5px 5px 5px; background: #E9EBED; }
#news p.info { margin: 5px 0; padding: 0; background: none; color: #4C6E8C; }
#news p.info a { color: #4C6E8C; }
#content div.featured div.frame-content { padding: 0; }
#content div.featured img { border: none; }
#content div.featured p { margin: 4px 5px 6px 5px; height: 51px; line-height: 17px; }
#content div.featured p.info { margin: 0; height: 19px; padding: 0 5px; background: #BFC8CF; color: #000; line-height: 19px; text-align: center; }
#content div.featured p.info a { color: #000; }
#reviews { }
#reviews div.frame-content { padding: 0; }
/*#reviews ul { margin: 0; }
#reviews li { list-style-type: none; float: left; width: 47px; height: 47px; line-height: 47px; text-align: center; margin: 5px 2px 2px 7px; }
#reviews img { border: 1px solid #000; vertical-align: middle; }
* html #reviews li { margin: 7px 4px 0 4px; }*/
#reviews table { margin: 0 3px; width: 224px; }
#reviews table td { text-align: center; vertical-align: middle; padding-top: 7px; }
/*#reviews img { border: 1px solid #000; }*/
/*#content ul.events { margin: 0; font-size: 7pt; line-height: 1.3em; }
#content ul.events li { list-style-type: none; margin-bottom: 5px; }
#content ul.events img { vertical-align: baseline; margin-right: 2px; }
#content ul.events a { color: #000; }*/
#highlighted-reviews p { text-align: center; margin-bottom: 0; }
#highlighted-reviews p.picture { margin-top: 5px; padding-top: 5px; }
#highlighted-reviews p.rating { padding-bottom: 5px; }
#pictures { }
#pictures div.frame-content { /*padding: 0;*/ }
#content dl.picture-info { margin: 2px 0 0 0; padding: 0; }
#content dl.picture-info dt { margin: 0 0 7px 0; width: 47px; height: 47px; line-height: 47px; float: left; /*clear: left;*/ text-align: center; }
#content dl.picture-info dt img { margin-top: -3px; border: 1px solid #000; vertical-align: middle; }
#content dl.picture-info dd { margin: 0 0 7px 52px; width: 168px; height: 47px; line-height: 13px; font-size: 7.5pt; }
#content dl.picture-info dd a { color: #000; font-weight: bold; font-size: 8pt; line-height: 17px; }
* html #content dl.picture-info dt img { margin-top: 0; }
* html #content dl.picture-info dd { margin-left: 49px; }
/* banner container div */
div.banner { margin: 10px auto 0 auto; width: 468px; height: 60px; text-align: center; overflow: hidden; }
div.banner img { border: none; }
/* footer */
#footer { clear: both; padding: 15px 0 30px 0; font-size: 7.5pt; line-height: 1.5em; text-align: center; }
* html #footer { padding-top: 8px; }
#footer p { margin: 0 0 15px 0; color: #FFF; }
#footer a { color: #FFF; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
/* decrease font size for left and right column */
#column-left,
#column-right,
#column-left table,
#column-right table,
#column-left h3,
#column-right h3,
#column-left h4,
#column-right h4 { font-size: 7.5pt; }
/* decrease line-height for left and right column (some elements listed above are excepted) */
#column-left,
#column-right,
#column-left table,
#column-right table,
#column-left h4,
#column-right h4 { line-height: 1.4em; }