/* defaults */

html {
  background-color: #ffffff;
}

body {
  color: black;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  font-size: 100%;
  margin: 0 auto 0 auto;
  background-color: black;
}

div#width-limiter {
	margin: auto;
  min-width: 820px;
	min-height: 100vh;
  max-width: 1600px;
	background-color: white;
	border-left: 3px solid #a10000;
	border-right: 3px solid #a10000;
}

a:link 
{
color:#a10000;
text-decoration: none;
}

a:visited
{
color:#a10000;
text-decoration: none;
}

a:active 
{
color:#a10000;
text-decoration: none;
}

a:hover
{
color:#D46400;
text-decoration: underline;
}

img {
	border: none;
}

p {
	margin: 0;
}
abbr {
	cursor: help;
}

span.nobr { white-space:nowrap }

div#middle {
	width: 600px;
	margin: auto;
}
div#front_logo {
	margin: 10px auto 25px auto;
	text-align:center;
}
div.front_search {
	font-size: 110%;
	margin: 10px auto 20px auto;
	width: 472px;
	text-align: left;
}
div#front_search_recdb {
	display:none;
}
div.front_register {
	float: left;
	width: 100px;
	height: 20px;
	text-align: center;
	background:url(/templates/goldred/img/register.png) repeat-x;
	margin: 0 5px 0 0;
	padding-top: 2px;
	font-weight: bold;
}
div.front_register_active {
	float: left;
	width: 100px;
	height: 20px;
	text-align: center;
	background:url(/templates/goldred/img/register_active.png) repeat-x;
	color: white;
	margin: 0 5px 0 0;
	padding-top: 2px;
	font-weight: bold;
}
div.front_search div.advs {
	float: right;
	font-weight: bold;
}
input.front_query {
	font-size: 110%;
	width: 362px;
	height: 30px;
	border: 4px solid #c10000;
	margin: 0 5px 0 0;
	padding: 2px 8px 2px 8px;
}
input.front_button {
	font-size: 110%;
	width: 80px;
	height: 42px;
	border: 4px solid #c10000;
	margin: 0 0 0 0;
}
div#front_announce {
	margin: 20px auto 10px auto;
	padding: 5px 5px 5px 5px;
	width: 455px;
	border: 4px solid #ffaa00;
	background-color: #c10000;
	text-align: center;
	font-weight: 600;
	color: #ffffff;
}
div#front_announce a { color: #ffaa00; }
div#front_welcome {
	margin: 20px auto 10px auto;
	padding: 5px 5px 5px 5px;
	width: 455px;
	border: 4px solid #c10000;
	background-color: #ffc44c;
}
div#front_latest_riddims {
	margin: 10px auto 10px auto;
	width: 465px;
	border: 3px solid #ffaa00;
	display:none;
}
div#front_leftbar {
	width: 185px;
	float: left;
}
div#front_rightbar {
	float: right;
	width: 185px;
}

div#header {
	font-size: 105%;
	padding-top: 5px;
	height: 70px;
	max-height: 100px;
	background:url(/templates/goldred/img/header_bg.jpg);
}

div#header img {
	float:left;
	margin: -5px 10px 0 0;
}
div#header form { margin: 0 0 5px 0; }
div#header input {
	font-size: 110%;
	margin: 4px 0 2px 0;
	border: 2px solid #c10000;
}
input#query {
	width: 260px;
}
div#header select {
	font-size: 110%;
	border: 2px solid #c10000;
}

table {
  empty-cells		: show;
  text-align		: left;
}
table tr.hover {
    background-color: #CCFFCC;
}
th {
  text-decoration  : underline;
  text-align		: center;
  color            : white;
  letter-spacing   : 1px;
  background-color : #c10000;
}
th a:link { color: white; }
th a:active { color: white; }
th a:visited { color: white; }

tr.color1 { background-color: #ffeac7 }
tr.color2 { background-color: #ffffff }
tr.color1:hover { background-color: #ffd07e }
tr.color2:hover { background-color: #ffd07e }

div.adsense {
	text-align: center;
	margin-bottom: 10px;
}


div#headborder {
	background-color: #c10000;
	color: #ffffff;
	border-top: 3px solid #000000;
	padding: 3px 7px 3px 7px;
}
div#headborderleft {
	float: left;
	font-weight: bold;
}
div#headborderright {
	float: right;
}

div#content {
	background:url(/templates/goldred/img/header_shadow.png) repeat-x;
	padding: 10px;
}

div#comments {
	margin: 15px auto 10px auto;
	width: 560px;
	border: 2px solid #ffac10;
	text-align: center;
}


div#bookmarks {
	text-align:center;
}
div#bookmarks a {
	padding: 3px;
}

div#footer {
	margin-top: 10px;
	padding: 3px;
	border-top: 3px solid #c10000;
	background:url(/templates/goldred/img/header_bg.jpg);
	background-color: #ffc765;
	font-size: 80%;
	clear: both;
}

div#infoblock_about {
	border: 2px solid #ffac10;
	margin-bottom: 10px;
	padding: 5px;
	background-color:#ffeac7;
}

div.infoblock {
	border: 2px solid #ffac10;
	margin-bottom: 10px;
	background:url(/templates/goldred/img/bg_gradient.png) repeat-x;
}
div.infoblock ol {
	list-style-type: square;
	list-style-image: none;
	list-style-position: outside;
}
div.infoblock li {
	margin: 1px 0pt 2px;
}

div.infoblock_header {
	height: 16px;
	background-color: #c10000;
	color: white;
	text-align: center;
	font-weight: bold;
	padding: 3px;
	border-bottom: 2px solid #ffac10;
}
span.searchcloud {
	margin: 3px;
	white-space: nowrap;
}

div.latest_records {
	margin: 10px;
}
img.rec_cover {
	float: left;
	margin-right: 5px;
	height: 150px;
	width: 150px;
}
a.rec_title {
	font-weight: bold;
}
a.rec_artist {
	font-weight: bold;
	color: black;
}
div.rec_details {
	color: #909090;
}



div.tunes_navigation {
	margin: 0 auto 10px auto;
	text-align: center;
	font-weight: bold;
}
div.tunes_navigation p { margin: 0; }

div.quickpage {
	margin: 0 auto 10px auto;
	text-align: center;
	font-weight: bold;
}
div.quickpage a:link,div.quickpage a:visited,div.quickpage span.thispage {
	padding: 3px 5px 3px 5px;
	border: 1px solid #c10000;
	background-color: #ffeac7;
}
div.quickpage a:hover { 
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	background-color: #ffc128;
	color: #c10000;
}

table.artistinfo {
	width: 400px;
	margin: 0 auto 10px auto;
	border: 2px solid #ffc765;
	background-color: #ffeac7;
	padding: 1px;
}
table.artistinfo th {
	font-size: 120%;
	text-decoration: none;
	padding: 2px;
}

div.results table {
	width: 100%;
	border: 2px solid #ffac10;
	margin-bottom: 10px;
}
div.results div.cat {
	width: 100px;
	margin: 10px 0 0 20px;
	border-top: 3px solid #c10000;
	border-left: 3px solid #c10000;
	border-right: 3px solid #c10000;
	background-color: #fff5e4;
	font-weight: bold;
	text-align: center;
}
div.results td {
	padding: 2px 4px 2px 4px;

}

div.results td.showall {
	text-align: center;
	font-weight: bold;
	background-color: #ffc128;
	border-top: 2px solid #c10000;
}

tr.rec1 { background-color: #ffffff; cursor: pointer; }
tr.rec2 { background-color: #ffeac7; cursor: pointer; }
tr.rec1:hover { background-color: #ffd07e; }
tr.rec2:hover { background-color: #ffd07e; }

div.recordheader { 
	padding: 10px;
	background-color: #ffeac7;
	border-top: 2px solid #c10000;
	border-left: 2px solid #c10000;
	border-right: 2px solid #c10000;
}
div.recordheader table { 
	border: 2px solid #ffac10;
}
div.covers {
	float: right;
	text-align: center;
}
div.covers img { 
	border: 2px outset black;
	margin: 10px 10px 0 20px;
}

table.recordreleases th { padding-right: 5px; padding-left: 5px; }
table.recordreleases td { padding: 2px 5px 2px 5px; bottom: 5px; }

div.recordtracklist table {
	width: 100%;
	border-bottom: 2px solid #c10000;
	border-left: 2px solid #c10000;
	border-right: 2px solid #c10000;
}

span.highlight {
	font-weight: bold;
	background-color: #ffd07e;
}

fieldset.advanced_search {
	margin: auto;
	width: 400px;
	background-color: #ffeac7;
	text-align: right;
	border: 1px solid black;
}
fieldset.advanced_search legend {
	border: 1px solid black;
	background-color: #c10000;
	color: white;
	font-weight: bold;
	padding: 1px 5px 1px 5px;
}
fieldset.advanced_search table {
	width: 100%;
}
fieldset.advanced_search td.caption {
	width: 100px;
	font-weight: bold;
}
fieldset.advanced_search input.textbox {
	width: 100%;
	border: 2px solid #ffc128;
}
fieldset.advanced_search select {
	border: 2px solid #ffc128;
}

div.tuneinfo_block {
	width: 49%;
	margin-bottom: 10px;
	border: 2px solid #ffac10;
	background:url(/templates/goldred/img/bg_gradient.png) repeat-x;
}
div.tuneinfo_block div.header {
	background-color: #C10000;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 3px;
}

div.tuneinfo_block table {
	width: 100%;
}
div.tuneinfo_block td {
	padding: 2px 4px 2px 4px;
}

div.tuneinfo_block div.record {
	padding: 3px;
}

div.tuneinfo_block div.postheader {
	padding: 3px;
	background-color: #ffce75;
	border-top: 2px solid #c10000;
}
div.tuneinfo_block div.posttext {
	padding: 3px;
}

div.list_column {
	float: left;
	width: 33%;
	margin-bottom: 10px;
}

div.credits {
	text-align: center;
	margin-bottom: 50px;
}
div.credits img { margin: 5px; }

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 20px;
	overflow: hidden;
}
.ac_results span {
	font-style:italic;
	float: right;
}

.ac_loading {
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/* Tabs */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }