/* CSS Document */

body {
font-size:75%;
font-family:verdana,arial,times new roman;
background-color:black
}
div {
position:relative
}

input {
background-color:white
}
#container {
margin: 0 auto;
top:0;
left:0;
width:770px; 
}

/* ------------------------------------------------------------------------- */
 
/* Header */

#container #header {
top:0;
left:0; 
width:765px
}
 
.webPebbleLink {
font-size:0.9em;

}

.webPebbleLink a{
color:white;
text-decoration: underline !important;
}
#lt_header {
float:left; 
width:119px;
color:white;
margin-bottom:6px;
background:url(../images/hip-hop-mixtapes-uk.gif);
background-repeat:no-repeat;
text-indent:-9999px;
height:136px;
margin:0;
padding:0
}

#rt_header {
float:left;
width:620px;
margin-left:10px 
}

#container #header #rt_header #bar {
float:left;
margin:8px 5px 3px 0px;
background-color:#0051B6;
border:solid 1px white;
width:468px;
height:78px;
top:0;
left:0;
text-align:center 
} 

#container #header #rt_header h2#logo {
float:left; 
width:125px; 
background:url(../images/gold-M.gif);
background-repeat:no-repeat;
text-indent:-9999px;
height:106px;
margin:0;
padding:0;
} 


/* ------------------------------------------------------------------------- */

/* Navigation */

#container #header #navigation {
display:block;   
top:0;
left:0; 
margin-left:0px;
margin-top:10px;  
margin-right:0;
z-index:1
}
 
#container #header #navigation ul {
padding: 0;
margin: 0px 10px 0px 0px;
list-style: none; 
}

#container #header #navigation ul li {
font-size:88%; 
padding:1px 5px 3px 5px;
margin:0px 5px 0px 0px;
display:inline;
width:84px;
text-align:center;
border:solid 1px #5C5A3C;
background-color:#181F18;
color:white;
	float: left;
	position: relative; 
}
   
#container #header #navigation ul li a {
text-decoration:none;
}

#container #header #navigation ul li a.inactive:link,
#container #header #navigation ul li a.inactive:active,
#container #header #navigation ul li a.inactive:visited {
color:#A8A881;
}

#container #header #navigation ul li a.inactive:hover {
color:white
}

#container #header #navigation ul li a.active:link,
#container #header #navigation ul li a.active:active,
#container #header #navigation ul li a.active:visited,
#container #header #navigation ul li a.active:hover {
color:white
}


/* ------------------------------------------------------------------------- */


/* Main */

#container #main {
width:758px
}

#container #main h3 {
margin:0;
font-size:100%;
color:white
}

#container #main p {
margin:0;
padding:0
}


/* ------------------------------------------------------------------------- */
 
/* Left Column */

#container #main #left_column {
float:left;
width:120px;
font-size:100%;
z-index:1
}

#container #main #left_column a:link,
#container #main #left_column a:active,
#container #main #left_column a:visited {
color:white;
text-decoration:none
}
 
#container #main #left_column a:hover {
color:white;
text-decoration:underline
}
  
#container #main #left_column #competitions {
background-color:#12251C;
padding:10px;
width:100px;
}

#container #main #left_column #competitions a {
color:white
}

#container #main #left_column #competitions p {
color:white;
font-size:95%;
word-wrap: break-word
}

#container #main #left_column #competitions h3 {
text-weight:bold;
word-wrap: break-word
}


#container #main #left_column #advert {
background-image:url(../images/blue.gif)
padding:10px;
width:100px;
height:220px;
color:#6E77FF
}
#container #main #left_column #advert p {
color:white;
font-size:95%;
word-wrap: break-word
}

#container #main #left_column #advert h3 {
text-weight:bold;
word-wrap: break-word
}

#container #main #left_column #featured_artist {
background-color:#12251C;
padding:0px 10px 10px 10px;
width:100px
}

#container #main #left_column # ul  {
margin:10;
}
 
#container #main #left_column ul li {
margin:2px 0px 0px 0px;
font-size:95%;
color:white;
list-style-image:url(../images/white_arrow.gif);
}
 
 
#container #main #left_column #featured_artist h3 {
text-weight:normal;
font-size:95%;
word-wrap: break-word
}

#container #main #left_column #featured_artist p {
color:white;
font-size:95%;
word-wrap: break-word
}

#container #main #left_column #extras {
background-color:#181F18;
padding:10px 10px 10px 10px;
margin:10px 0px 0px 0px;

width:100px
}

#container #main #left_column #extras h3 {
text-weight:normal;
font-size:95%;
word-wrap: break-word
}

#container #main #left_column #extras p {
color:white;
font-size:95%;
word-wrap: break-word
}


/* ------------------------------------------------------------------------- */
 
/* Middle Column */

#container #main #middle_column {
float:left;
width:472px;
margin:0px 10px 0px 10px;
}

#container #main #middle_column a:link,
#container #main #middle_column a:active,
#container #main #middle_column a:visited {
text-decoration:none
}
  
#container #main #middle_column #mixtape {
background-color:#181F18;
padding-bottom:15px;
width:472px
}
 
#container #main #middle_column #mixtape p {
padding-left:15px;
color:white
}

#container #main #middle_column #mixtape p.main {
line-height:145%;
font-size:100%;
padding:5px 0px 5px 15px
}

#container #main #middle_column #mixtape p.sub_text {
line-height:145%;
font-size:100%;
padding:2px 0px 0px 15px
}

#container #main #middle_column #mixtape #padding {
top:15px; 
}

#container #main #middle_column #mixtape #title {
background-color:#5C5A3C;
width:462px;
height:40px; 
color:#cccccc; 
padding:3px 3px 3px 7px;
z-index:2
}

#container #main #middle_column #mixtape #text {
z-index:1
}

#container #main #middle_column #mixtape #text .sub_text {
padding-bottom:10px; 
}


#container #main #middle_column #mixtape .homepage #main_image {
float:left;
width:84px;
padding-left:15px;
margin-bottom:3px;
color:white
}
#container #main #middle_column #mixtape .homepage #text {
float:left;
width:363px;
margin-bottom:10px}

#container #main #middle_column #mixtape .homepage #text h1 {
padding-left:15px;
padding-top:0px;
margin:10px 0px 0px 0px; 
color:#cccccc;
font-size:185%
}

#container #main #middle_column #mixtape .clothing #clothing_images {
margin-left:15px; 
color:white
}

#container #main #middle_column #mixtape .clothing #text {
margin-bottom:10px;
}

#container #main #middle_column #mixtape .clothing #text h1 {
padding-left:15px;
padding-top:0px;
margin:10px 0px 0px 0px; 
color:#cccccc;
font-size:185%
} 

#container #main #middle_column #mixtape .download #main_image {
float:left;
width:114px;
padding-left:15px;
color:white
}

#container #main #middle_column #mixtape .download #text {
float:left;
width:330px;
margin-bottom:10px
}

#container #main #middle_column #mixtape .download h1 {
padding-left:15px;
padding-top:0px;
margin:10px 0px 0px 0px; 
color:#cccccc;
font-size:185%
}
 
#container #main #middle_column #mixtape .track #track_title {
background-color:#5C5A3C;
width:462px;
height:30px; 
color:#cccccc; 
padding:3px 3px 3px 7px
}

#container #main #middle_column #mixtape .track #main_image {
float:left;
width:114px;
padding-left:15px;
color:white
}

#container #main #middle_column #mixtape .track #text {
float:left;
width:330px;
margin-bottom:10px
}

#container #main #middle_column #mixtape .track h1 {
padding-left:15px;
padding-top:0px;
margin:10px 0px 0px 0px; 
color:#cccccc;
font-size:185%
}
 
#container #main #middle_column #mixtape .links #text div {
float:left; 
width:25%
} 
 
#container #main #middle_column #mixtape .links #text div h2 {
font-size:90%;
margin-left:15px;
margin-bottom:0;
color:white
}

#container #main #middle_column #mixtape .links #text div p.outward_links {
font-size:90%
}

#container #main #middle_column #mixtape .contact #text {
margin-bottom:10px
}
  
#container #main #middle_column #mixtape .contact #text td {
padding-bottom:5px;
padding-left:15px;
color:white
} 
  
#container #main #middle_column #second_row {
margin-top:10px;
background-image:url(../images/bg.gif);
width:472px;
z-index:2
}

#container #main #middle_column #second_row #track {
float:left;
width:241px;
z-index:3
}

#container #main #middle_column #second_row #track #title {
background-color:#646246; 
padding:0px 3px 0px 6px;
margin-bottom:10px;
color:white;
width:221px;
height:28px;
z-index:3
}

#container #main #middle_column #second_row #track #text {
padding:10px 0px 0px 15px;
margin:0px 0px 10px 0px;
width:204px; 
color:white;
z-index:4
}

#container #main #middle_column #second_row p {
line-height:180%; 
} 

#container #main #middle_column #second_row #track #title #header {
float:left;
width:128px;
z-index:2
}

#container #main #middle_column #second_row #track #title #group {
float:left; 
padding:7px  0px 0px 3px;
z-index:2
}

#container #main #middle_column #second_row #track #title #group a { 
color:white;
}

#container #main #middle_column #second_row #track #title #group  a:hover {
text-decoration:underline
}

#container #main #middle_column #second_row #uploads {
float:left; 
margin:0;
width:231px
}

#container #main #middle_column #second_row #uploads p {
line-height:180%
}

#container #main #middle_column #second_row #uploads #title {
background-color:#646246; 
padding:0px 3px 0px 6px;
margin-bottom:10px;
color:white;
width:222px;
height:39px
}

#container #main #middle_column #second_row #uploads #text { 
padding:0px 10px 0px 15px;
margin-bottom:10px;
width:206px;
color:white
}
 
#container #main #middle_column #second_row #uploads input { 
width:150px; 
}

#container #main #middle_column #mofos {
background-color:#000000;
margin-top:10px;
color:white;
width:472px;
z-index:10
}

#container #main #middle_column #mofos table {
margin:10px 0px 10px 0px;
font-size:85%;
width:472px
}

#container #main #middle_column #mofos table th.date {
border-left:solid 1px white;
border-right:solid 1px white;
border-top:solid 1px white;
border-bottom:solid 1px white;
padding:4px;
text-align:left
}

#container #main #middle_column #mofos table th.featuring {
border-right:solid 1px white;
border-top:solid 1px white;
border-bottom:solid 1px white;
padding:4px;
text-align:left
}

#container #main #middle_column #mofos table td.date {
border-left:solid 1px white;
border-right:solid 1px white;
border-bottom:solid 1px white;
padding:4px;
vertical-align:top
}

#container #main #middle_column #mofos table td.featuring {
border-right:solid 1px white;
border-bottom:solid 1px white;
padding:4px
}

#container #main #middle_column #mofos h3.green { 
width:464px;
padding:3px 3px 3px 5px; 
font-size:0.95em;
height:1.1em;
color:black
}

#container #main #middle_column #mofos h4 {
margin:5px 0px 0px 0px;
width:464px;
padding:3px 3px 0px 5px; 
font-size:95%
}

#container #main #middle_column #mofos p {
padding:5px 5px 3px 5px;
font-size:85%
}

#container #main #middle_column #line {
background-color:#CFC9B0;
margin-top:5px;
margin-bottom:2px;
height:1px;
width:472px
}

#container #main #middle_column p.copyright {
text-align:center; 
color:#CFC9B0
}

#container #main #middle_column p.copyright a:link,
#container #main #middle_column p.copyright a:active,
#container #main #middle_column p.copyright a:visited {
cursor:pointer;  
color:#CFC9B0;
text-decoration:none
} 

#container #main #middle_column p.copyright a:hover {
cursor:pointer; 
color:#CFC9B0;
text-decoration:underline
} 

#container #main #middle_column p.sub_links {
text-align:center; 
color:#CFC9B0;
}

#container #main #middle_column p.sub_links a {
cursor:pointer;
font-size:90%;
color:#CFC9B0;
text-decoration:none
} 

#container #main #middle_column #mixtapes_bottom {
padding-top:10px;
width:350px;
text-align:right
}


/* ------------------------------------------------------------------------- */
 
/* Right Column */

#container #main #right_column {
float:left;
width:120px;
font-size:95%;
margin:0
}

#container #main #right_column #login {
 
padding:5px

}
#container #main #right_column input#login,
#container #main #right_column input#password {
width:95px;
z-index:10; 

}

* html #container #main #right_column #login {
width:90px;
 

}

 

#container #main #right_column .container_for_items {
margin-top:12px;
margin-bottom:18px
}


#container #main #right_column #login a:link,
#container #main #right_column #login a:visited,
#container #main #right_column #login a:active {	 
text-decoration:none;
}

#container #main #right_column #login .pad a:hover {	 
text-decoration:underline;
}

 
#container #main #right_column #login p {
color:white;
margin:0;
padding:0px 0px 3px 0px
}
 
#container #main #right_column #login p.login_text {
padding:0px 0px 3px 0px; 
}
  
#container #main #right_column #login p.pad {
padding:8px 0px 3px 0px;
}
  
#container #main #right_column #login input {
margin:0px 0px 2px 0px;
padding:0; 
}

#container #main #right_column #forum {
background-color:#82748B;
width:120px; 
color:#001C57;
margin:0px 0px 0px 0px;
padding-bottom:1px;z-index:10
}

#container #main #right_column #forum h3 {
background-color:#B16B00;
width:109px;
padding:3px 0px 3px 10px;
color:white;
font-size:95%
}

#container #main #right_column #forum p {
padding:5px 10px 10px 10px;
font-size:95%
}
 
#container #main #right_column #forum ul  {
margin-top:2px;
margin-right:10px; 
padding-left:23px;   
margin-left:0;
position: relative;
top: 0px;
left:0px;
}
 
* html #container #main #right_column #forum ul  {
padding-left:25px; 
}


 
 
#container #main #right_column #forum ul li {	
font-size:95%; 
list-style-image:url(../images/arrow.gif);
margin-bottom:0.2em;
}

#container #main #right_column #forum a:link,
#container #main #right_column #forum a:visited,
#container #main #right_column #forum a:active {	 
text-decoration:none;
color:#001C57;
}

#container #main #right_column #forum a:hover {	 
text-decoration:underline;
}

#container #main #right_column #forum h4 {
padding:0px 0px 0px 10px;
margin:0;
color:#001C57;
font-size:95%
}


/* ------------------------------------------------------------------------- */
 
/* Non-specific adjustments */

form {
margin:0;
padding:0;
}

.top_padding {
padding-top:10px
}
 
.bottom_padding {
padding-bottom:10px
}

.exclamation { 
font-size:90%;
line-height:100%
}
 
.dj-scratching {
font-size:7pt;
padding:0px;
margin-top:3px;
width:0.6em
}
 
form.dj-scratching {
margin-top:5px;
}

a.items:link,a.items:visited {
float:right;
padding:1px 3px 1px 3px;
border:solid 1px #7F7F7F;
font-size:80%; 
color: #eeeeee;
text-decoration: none;
background-color:#0F150F; 
background-image:url(../images/green_button.gif)  
}

a.items:active {
float:right;
padding:1px 3px 1px 3px;
border-right:groove 1px #ffffff;
border-bottom:groove 1px #ffffff;
font-size:80%; 
color: #ffffff;
text-decoration: none;
background-color:#181F18
}

a.items:hover { 
float:right;
border-left:solid 1px white;
border-top:solid 1px white;
background-color: #5C5A3C;
color:#ffffff;
text-decoration: none; 
background-image:url(../images/shim.gif)   
}

a.left_items:link,a.left_items:visited, input.left_items {
padding:1px 3px 1px 3px;
border:solid 1px #7F7F7F;
font-size:80%; 
color: #111111;
text-decoration: none;
background-color:181F18; 
background-image:url(../images/login_grey2.gif) 

}

a.left_items:active {
padding:1px 3px 1px 3px;
border-right:groove 1px #ffffff;
border-bottom:groove 1px #ffffff;
font-size:80%; 
color: #ffffff;
text-decoration: none;
background-color:181F18
}

a.left_items:hover { 
border-left:solid 1px white;
border-top:solid 1px white;
background-color: #5C5A3C;
color:#000000;
text-decoration: none; 
background-image:url(../images/login_grey.gif) 
}

.container_for_items {
z-index:10
}

a.white:link, a.white:active, a.white:visited {
color:white;
text-decoration:none
}

a.white:hover  {
text-decoration:underline
}

a.orange {
font-weight:bold;
color:#B16B00
}

a.orange:link,
a.orange:visited,
a.orange:active {
text-decoration:none
}

a.orange:hover {
font-color:#B16B00;
text-decoration:underline
}

p.opening {
margin-top:0px;
padding:0
}

p.margin15 img {
margin-top:15px;padding-bottom:15px
}
.marginTop10 {
margin-top:10px
}
.width350 {
width:350px
}
.marginLt2 {
margin-left:2px
}
h3.mixtapesKing {
margin-top:5px;padding-left:5px;background-color:#BB9333;color:black
}

div.mixtapesKingDiv {
background-color:#7D8B74;color:#000000;margin-bottom:10px
}
.margin73 {
width:73px;float:left;margin-left:5px;margin-top:7px
}
.width225 {
width:225px;float:left
}
h3.beefMargin {
margin-top:5px;padding-left:5px;background-color:#BB9333;color:black;
height:1.3em;
}
p.jazzMargin {
background-color:#7D8B74;color:#000000;margin-bottom:10px
}
a.margin2 {
margin-right:2px
} 
.rtAlignTxt {
text-align:right
}

.caption {
font-size:80%;
padding:5px 0 5px 0;margin-right:6px;
margin-top:10000px
}

.listLinks  {
color:white;
padding-left:10px;
padding-top:10px
}
	
.listLinks a:link, 
.listLinks a:active, 
.listLinks a:visited {
color:white;
text-decoration:none
}
 
.listLinks a:hover { 
text-decoration:underline
}


#hip-hop-mixtapes,
#hip-hop-mixtapes a {
text-indent:-99999px;
color:black;
font-size:1px;
height:1px;
line-height:1px
}

.moveIt {
text-indent:-9999px;
height:1px;
font-size:1px;
line-height:1px
}
/* ------------------------------------------------------------------------- */
 
/* Bug fixes */


.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 */
  	 
.ie_fix {
height:0;
width:0;
margin:0;
padding:0;
}  	 

.ie_fix br {
height:0;
width:0;
margin:0;
padding:0; 
}

 
.chaotic {margin: 5px 0 5px 0}