/*
Theme Name: MashUp Charts
Theme URI: http://mashup-charts.com
Description: Custom
Author: raphaelhofer
Author URI: http://raphaelhofer.com
Version: 1.0
*/

/************************ 0: undoHTML ************************/
/* no list-markers by default, since lists are used more often for semantics */
ul {list-style-type:none;}
/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1, h2, h3, h4, h5, h6, pre, code { font-size:1em; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, iframe, p, blockquote, table, thead, tbody, tfoot, caption, th, tr, td, a, fieldset { margin:0; padding:0; border-collapse:collapse; border:0}
input, textarea, select, option { margin:0; padding:0; border-collapse:collapse }
object, embed {margin:0; padding:0; border:0}
/* whoever thought blue linked was a good idea? */
a img { border:none }
a { text-decoration:none; color:#000000; outline:none }
img { border:0; }

/************************ 1: nice way to clear divs in gecko browsers without superflous markup ************************/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/**Body**/
/***********************/
body {
background:#8E7B43;
font-size:12px;
font-family:Arial,sans-serif;
color:#000;
text-align:center;
margin:0;
}

/**************** ADs ****************/

#ad {
position:absolute;
top:0;
right:0;
text-align:left;
margin:0;
padding:0;
width:204px;
height:600px;
background:transparent url(images/ad.gif) no-repeat 0 0;
}

#ad iframe {
position:absolute;
top:173px; /*123px;*/
left:3px;
}

#ad_google iframe {
position:relative !important;
margin-left:14px !important;
top:auto !important;
left:auto !important;
}

#ad_top {
position:absolute;
top:123px;
left:3px;
/**/
font-size:12px;
font-family:Arial,sans-serif;
color:#fff;
font-weight:bold;
}
#ad_box {
width:160px;
background:url(images/ad_box_bg.gif);
margin:0;
padding:0;
/**/
font-size:14px;
font-family:Arial,sans-serif;
color:#BEAA73;
font-weight:bold;
text-align:center;
}
#ad_box span {
display:block;
margin-bottom:15px;
font-size:18px;
color:#887647;
}
#ad_box .left {
float:left;
margin-left:6px;
}
#ad_box .right {
float:right;
margin-right:6px;
}

/**************** STRUKTUR:WRAPPER ****************/

#page {
position:relative;
text-align:left;
margin:0 auto;
padding:0;
width:1002px;
}

/**************** STRUKTUR:HEADER ****************/

#header {
position:relative;
padding:0;
margin:0 164px;
background:transparent url(images/top.gif) no-repeat;
width:634px;
height:56px;
}

/**************** STRUKTUR:CONTENT ****************/

#content {
position:relative;
width:1000px;
min-height:650px;
padding:54px 0 74px 0;
margin:0;
display:block;
background: #8E7B43 url(images/background.gif) repeat-y 164px;
}
/*ie-patch*/
*html #content { height:650px; }

#innercontent {
padding:0;
margin:0 0 0 255px;
}
#innercontent_top {
height:19px;
width:453px;
background: #000 url(images/background_post_top.gif) no-repeat;
padding:0;
margin:0;
}
#innercontent_middle {
width:453px;
/*min-height:350px;*/
background: #000 url(images/background_post.gif) repeat-y;
padding:0;
margin:0;
}
*html #innercontent_middle {
/*height:350px;*/
}
#innercontent_middle.topten {
}
#innercontent_bottom {
height:21px;
width:453px;
background: #000 url(images/background_post_bottom.gif) no-repeat;
padding:0;
margin:0;
}
/*same as .post */
#innercontent_black {
margin:0 14px 0 14px;
border:solid 1px #000;
background-color:transparent;
}

/**************** STRUKTUR:SIDEBAR = NAVI ****************/

#sidebar {
position:absolute;
z-index:99;
top:56px;
left:30px;
display:block;
width:200px;
}

#navi_top {
width:200px;
height:75px;
background-color:#000;
padding:0;
margin:0;
}
#navi {
width:200px;
background:#000 url(images/navi_bg.gif);
padding:8px 0 15px 0;
margin:0;
}
#navi_middle {
width:200px;
background:#000 url(images/navi_bg.gif);
padding:0 0 15px 0;
margin:0;
}
#navi_bottom {
width:200px;
height:97px;
background-image:url(images/navi_bottom_S.gif);
background-repeat:no-repeat;
padding:0;
margin:0;
}
#archiv_sub {
/*display:none;*/
}

/**************** STRUKTUR:FOOTER ****************/

#footer {
position:relative;
padding:0;
margin:0 0 0 164px;
background: #8E7B43 url(images/bottom.gif) no-repeat;
width:836px;
height:76px;
text-align:left;
}
#footertext {
position:absolute;
top:0;
left:0;
padding:0;
margin:auto;
width:634px;
height:76px;
text-align:center;
}
#footertext p {
font-size:11px !important;
}

/**************** STRUKTUR:BOOKMARKS ****************/
#bookmarks {
position:absolute;
top:38px;
right:299px;
}
.bookmarks {
margin-left:5px;
}

/**************** Posts ****************/

/*same as innercontent_black */
.post {
margin:0 11px 0 14px;
border:solid 1px #000;
background-color:transparent;
}
.post-head {
position:relative;
padding-bottom:2px;
}
.post-title {
position:absolute;
top:0;
left:42px;
color:#fff;
}
.post-title h2 a {
color:#fff;
font-size:14px;
line-height:18px;
font-weight:bold;
text-decoration:none !important;
}
/*small font for long titles*/
.post-title h2 a span {
color:#fff;
font-size:11px !important;
line-height:11px !important;
font-weight:bold;
text-decoration:none !important;
padding:0 !important;
margin:0 !important;
}
/*fallback*/
.post h2 {
color:#fff;
}
.post h2 a{color:#fff; text-decoration:none;}
.post h2 a:hover {color:#fff; text-decoration:none;}
.post h2 a:visited {color:#fff; text-decoration:none;}

/*tools*/
.post-tools {
position:relative;
width:420px;
height:27px;
margin:6px 0 4px 0;
}
.post-tools, .post-tools a {
color:#fff;
font-size:12px;
line-height:27px;
font-weight:bold;
text-decoration:none !important;
}
.post-ratings {
position:absolute;
top:0;
left:0;
/*override default*/
width:219px !important;
height:27px;
}
.post-ratings-intro {
position:absolute;
top:0;
left:0;
width:110px;
height:27px;
}
.post-ratings-stars {
position:absolute;
top:0;
left:110px;
width:109px;
height:27px;
padding:3px 0 0 4px;
background-image:url(images/button_link_bg.gif);
background-repeat:no-repeat;
}
.post-ratings-loading {
/*override default*/
height:20px !important;
}
.post-ratings-loading img {
float:left;
}
.post-email {
position:absolute;
top:0;
left:225px;
width:110px;
height:27px;
background-image:url(images/button_mailafriend_B.gif);
background-repeat:no-repeat;
}
.post-broken {
position:absolute;
top:0;
left:341px;
width:84px;
height:27px;
background-image:url(images/button_broken_B.gif);
background-repeat:no-repeat;
}
.post-brokenlink {
float:right;
width:100px;
height:27px;
background-image:url(images/button_brokenlink.gif);
background-repeat:no-repeat;
}
.post-brokenlink-left {
float:left;
width:100px;
height:23px;
background-image:url(images/button_brokenlink_left.gif);
background-repeat:no-repeat;
margin-top:6px;
}
.post-credits {
margin-top:5px;
}
.post-fixcredits {
float:right;
width:91px;
height:27px;
background-image:url(images/button_fixcredits.gif);
background-repeat:no-repeat;
margin:2px 1px 0 0;
}
.post-artistinfo {
width:202px;
height:27px;
background-image:url(images/button_artistinfo.gif);
background-repeat:no-repeat;
}
.post-download {
float:left;
width:147px;
height:23px;
background-image:url(images/button_download.gif);
background-repeat:no-repeat;
margin:6px 6px 0 0;
}
/*H=27px*/
.post-email a, .post-broken a, .post-brokenlink a, .post-fixcredits a, .post-artistinfo a {
color:#AE975E !important;
font-size:12px !important;
line-height:27px !important;
font-weight:bold !important;
text-decoration:none !important;
}
/*H=23px*/
.post-brokenlink-left a, .post-download a {
color:#AE975E !important;
font-size:12px !important;
line-height:23px !important;
font-weight:bold !important;
text-decoration:none !important;
}
.post-email a,  .post-artistinfo a {
padding-left:30px;
}
.post-broken a, .post-brokenlink a, .post-brokenlink-left a, .post-fixcredits a, .post-download a {
padding-left:22px;
}
#feedback_broken { display:none;
position:absolute;
z-index:99;
top:29px;
left:0;
width:100%;
text-align:center;
background-color:#000;
}
.feedback_brokenlink, .feedback_fixcredits { display:none;
width:100%;
text-align:left;
background-color:#000;
color:#FFFFFF !important;
font-weight:bold !important;
}
/*** credits ***/
.artistlink {
color:#FFF;
display:block;
line-height:16px;
width:320px !important;
height:auto !important;
padding:0 !important;
margin:0 !important;
}
.artistlink a {
color:#FFF;
line-height:16px;
}
.artistlink a:hover {
color:#AE975E;
}


/**************** Posts: Entry ****************/

.entry,.entrytext {
margin:0 !important;
padding:0 !important;
font-family:Arial,sans-serif;
color:#fff;
font-size:12px;
line-height:16px;
}
.entry h1, .entry h1 a {
font-family:Arial,sans-serif;
color:#fff;
font-size:19px;
font-weight:bold;
line-height:29px;
margin:0 0 15px 0;
padding:0;
}
.entry li a {
color:#fff;
font-size:14px;
line-height:18px;
font-weight:bold;
text-decoration:none !important;
}

/**************** Page ****************/

.pages h1, .pages h1 a, .pages h2, .pages h2 a {
font-family:Arial,sans-serif !important;
color:#9a8751 !important;
font-size:27px !important;
line-height:29px !important;
margin-bottom:15px !important;
}

.navigation {
width:440px;
height:31px;
margin:0;
/*margin-bottom:8px !important;*/
text-align:center;
}
.navigation_home {
width:441px !important;
margin:6px 0 0 7px !important;
}

.navigation table {
margin:0 auto;
}
.navigation a {
color:#838181 !important;
font-size:12px;
line-height:15px;
font-weight:bold;
/**/
display:block;
width:106px;
height:31px;
background-image: url(images/button_white.gif);
background-repeat:no-repeat;
padding-top:8px;
}
.navigation a.spacer {
margin-right:4px;
float:left;
}

*html .navigation a {
height:23px;
}
.navigation a:hover {
background-image: url(images/button_white_A.gif);
}
/*wide button*/
.navigation a.wide {
width:212px !important;
background-image: url(images/button_white_wide.gif);
}
.navigation a.wide:hover {
background-image: url(images/button_white_wide_A.gif);
}

td.navigation_right {
padding:0 3px;
text-align:center;
}
td.navigation_left {
padding:0 3px;
text-align:center;
}

/**************** Sidebar = Navi ****************/

#sidebar a, #sidebar a:visited {
display:block;
width:142px;
height:31px;
text-decoration: none;
color:#fff;
font-size:14px;
font-weight:bold;
line-height:30px;
background-image: url(images/button_bg_S.gif);
background-repeat:no-repeat;
margin:0 auto;
}
#sidebar a:hover {
background-image: url(images/button_bg_S_A.gif);
background-repeat:no-repeat;
}
/*#sidebar li.current-cat a*/

#sidebar ul {
margin:0;
padding:0;
width:100%;
}

#sidebar ul li {
list-style-type: none;
list-style-image: none;
margin-bottom:4px;
width:100%;
text-align:center;
}

/**************** FOOTER CONTENT ***************/

#footer p {
margin:0;
padding:0;
font-size:0.8em;
color:#bbb;
}
#footer a{
color:#bbb;
text-decoration:underline;
}


/**************** GENERAL CONTENT ****************/

h1, h1 a, h2, h2 a {
font-family:Arial,sans-serif;
color:#9a8751;
font-size:27px;
line-height:29px;
margin-bottom:15px;
}

h3, h3 a {
font-family:Arial,sans-serif;
color:#fff;
font-size:14px;
line-height:18px;
margin-bottom:8px;
}

a:link, a:visited { color:#fff;text-decoration:none; }
a:hover { color:#fff;text-decoration:none; }

hr{display:none;}

acronym, abbr, span.caps {
cursor:help;
}
acronym, abbr {
border-bottom: 1px dashed #FFF;
}

p {
margin:0;
padding:0;
font-family:Arial,sans-serif;
color:#fff;
font-size:12px;
line-height:16px;
}

p img {
padding: 0;
max-width:100%;
border:1px solid #fff;
padding:2px;
margin:2px;
}
p img.middle {
display: block;
margin: 2px auto;
}
p img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
p img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
ul {
list-style-type:none
}

input, textarea {
margin:0 !important;
padding:1px;
font-family:Arial,sans-serif;
color:#fff;
font-size:12px;
line-height:16px;
background-color:#000;
border:solid 2px #9a8751;
}

/**************** SPOTLIGHT ****************/

.spotlight {
position:relative;
display:block;
min-height:87px;
width:100%;
margin:0;
padding:0;
}
*html .spotlight {
height:87px;
}

#spotlight_play {
position:absolute;
top:0;
right:0;
display:block;
height:37px;
width:37px;
background-image:url(images/theplay.gif);
background-repeat:no-repeat;
}

.hot {
color:#AE975E;
font-size:14px;
line-height:18px;
font-weight:bold;
}
.spotlight h1, .spotlight h1 a {
color:#AE975E !important;
font-size:14px !important;
font-weight:bold !important;
line-height:16px !important;
margin-bottom:0 !important;
}
.spotlight h2, .spotlight h2 a {
color:#FFFFFF !important;
font-size:14px !important;
font-weight:bold !important;
line-height:16px !important;
margin-bottom:0 !important;
}
.spotlight img, .spotlight embed, .spotlight object {
float:left;
border:0;
margin:0;
margin-right:10px;
padding:0;
}
.spotlight .mp3, .spotlight .mp3 p, .spotlight .mp3 a {
color:#AE975E !important;
}

/**************** NEWS ****************/
.newstitle {
display:block !important;
padding-bottom:3px !important;
}
.news h3 {
margin-bottom:8px !important;
}
.news ul {
margin-bottom:16px !important;
}
/**************** RANKING ****************/
.post-rank {
display:block;
height:37px;
width:37px;
background-image:url(images/therank.gif);
background-repeat:no-repeat;
text-align:center;
}
.post-rank, .post-rank a {
font-family:Arial, sans-serif;
color:#fff !important;
font-size:27px !important;
font-weight:bold;
line-height:38px !important;
text-decoration:none !important;
}
.smallrank {
font-size:18px !important;
}
.tinyrank {
font-size:15px !important;
}

/**************** TOPTEN ****************/

#topten li {
position:relative;
display:block;
height:39px;
width:100%;
background-image:url(images/thetopten_bg.gif);
background-color:#000;
margin:0 0 8px 0;
padding:0;

overflow:hidden;
}
*html #topten li {margin:0 0 4px 0;}

/*smaller version for news*/
#topten.news li {
font-size:12px !important;
height:16px !important;
background-position:bottom;
margin:0 0 1px 0 !important;
}
#topten.news li a {
font-size:12px !important;
height:16px !important;
font-weight:normal !important;
}

#topten .topten_title {
position:absolute;
top:-1px;
/*left:42px;*/
left:99px;
width:280px;
}
#topten .topten_title a {
color:#AE975E;
font-size:12px; /*14px;*/
line-height:13px;  /*18px;*/
font-weight:bold;
text-decoration:none !important;
}
#topten .topten_title a:hover {
color:#fff;
}
#topten .topten_rating {
display:none;
}
#topten a.topten_play {
position:absolute;
top:0;
right:0;
display:block;
height:37px;
width:37px;
background-image:url(images/theplay.gif);
background-repeat:no-repeat;
}
#topten a.topten_play:hover {
background-image:url(images/theplay_A.gif);
}
/*history*/
#topten h1.history {
font-family:Arial,sans-serif;
color:#fff !important;
font-size:19px !important;
font-weight:bold;
line-height:29px !important;
margin:0 0 15px 0 !important;
padding:0;
}

/**************** ARTIST ****************/
#topten.artist {
position:relative;
}
#topten.artist h1, #topten.artist h2 {
color:#AE975E !important;
margin-bottom:15px !important;
}
/*smaller version for artist = news / li:16->18 / ul min height*/
#topten.artist ul {
min-height:38px;
margin-bottom:16px !important;
background-image:url(images/artist_bg.gif) !important;
}
*html #topten.artist ul {
height:38px;
}
/*fix back to auto for solo pages*/
#topten.artist_solo ul {
min-height:auto !important;
}
*html #topten.artist_solo ul {
height:auto !important;
}
/*undo news style*/
ul.artist {
height:auto !important;
margin:0 !important;
}
#topten.artist li {
font-size:12px !important;
height:18px !important;
margin:0 0 1px 0 !important;
background:transparent !important;
}
#topten.artist li a {
font-size:12px !important;
height:16px !important;
font-weight:normal !important;
margin-left:46px;
}
*html #topten.artist li a {
margin-left:60px;
}
#topten.artist_solo li a {
margin-left:2px !important;
}

#topten.artist a {
color:#AE975E !important;
}
#topten.artist a strong {
color:#FFF !important;
}
#topten.artist a:hover {
color:#FFF !important;
}
/*absolute pos for ranking = archive*/
#topten.artist .post-rank {
position:absolute;
z-index:552;
top:0;
left:0;
}
/**/
.artist h3 {
margin-bottom:8px !important;
}
.feedback_artist {
display:none;
height:196px;
}
.feedback_artist textarea {
height:130px !important;
}



/**************** ARCHIV ****************/
.archive-title a {
font-family:Arial,sans-serif;
color:#9a8751;
font-size:27px !important;
line-height:29px;
margin-bottom:15px;
}
.archive-list {
position:relative;
display:block;
height:39px;
width:100%;
background-image:url(images/thetopten_bg.gif);
background-color:#000;
margin:0 0 8px 0;
padding:0;

overflow:hidden;
}
.archive-date {
color:#fff;
font-size:12px;   /*14px*/
line-height:13px;  /*18px*/
font-weight:bold;
text-decoration:none !important;
}
.archive-list .post-rank {
position:absolute;
top:0;
left:46px;
}
.archive-posttitle {
position:absolute;
top:-1px;
left:145px;  /*88+57*/
}
.archive-posttitle a {
color:#AE975E !important;
font-size:12px !important;  /*14px*/
line-height:13px !important;  /*18px*/
font-weight:bold !important;
text-decoration:none !important;
}
.archive-posttitle a:hover {
color:#fff !important;
}

/*input*/
#tdomf_form1_title {
width:416px;
}
/*textarea*/
#tdomf_form1_content {
width:416px;
}
#tdomf_form1_clear_but {
display:none;
}
#tdomf_form1_name {
width:416px;
}
#tdomf_form1_email {
width:416px;
}
#tdomf_form1_send_but {
width:160px;
color:#000 !important;
font-weight:bold;
background-color:#9a8751 !important;
margin:0 !important;
}

/**************** EMAIL TO A FRIEND ****************/
.wp-email {
width:100%;
}
.Forms {
width:416px;
}
.FormsS {
}
.cap-img {
background-color:#9a8751;
margin:0;
padding:0;
}
.cap-img td {
margin:0;
padding:0;
padding-left:4px;
}
.cap-img img {
border:0;
border-bottom:solid 2px #fff;
margin:0;
padding:0;
}
.Buttons {
width:160px;
color:#000 !important;
font-weight:bold;
background-color:#9a8751 !important;
margin:0 !important;
}

/* PREVIEW IMAGE*/
.preview {
position:absolute;
top:0;
left:44px;
width:51px;
height:37px;
}
.preview_archive {
position:absolute;
top:0;
left:89px;    /*44+37+8*/
width:51px;
height:37px;
}
.preview_over {
position:absolute;
z-index:77;
top:0;
left:0;
width:51px;
height:37px;
}
.preview_under {
position:absolute;
z-index:1;
top:1px;
left:0;
width:50px;
height:35px;
}
.preview_under img {
width:50px;
height:35px;
}