@charset "UTF-8";


/* general */
* { margin : 0; padding : 0; }

p, ul, ol  { margin : 0 20px; padding : .5em 0; }

ul { list-style-type : none; }

html {
	background:#e4a836 url(../images/bg.jpg) repeat-x;
}

body { font : 76%/160% Baskerville, Georgia, "Times New Roman", Times, serif; 
	color : #e2a936; 
	text-align : center;
}

#container { 
	position : relative; 
	width : 820px; 
	margin : 0 auto; 
	padding-top : 20px; 
	text-align : left; 
}


/* h_type */

h1 { 
	z-index : 3; 
	position : absolute; 
	left : 78px; 
	top : -38px; 
	width: 256px; 
	height : 259px; 
	background : url(../images/logo.png) no-repeat;
	font-weight : bold;
	text-transform : uppercase;
}
	
h1 a { 
	display : block; 
	width: 256px; 
	height : 259px; 
	text-indent : -9999px; 
}


h2 {
	font: bold 205%/100% Georgia, Times, serif;
	padding: 0 0 8px;
	letter-spacing: -0.5px;
	margin-left: 80px;
	color: #2b2b2b;
}


h3 {
	font: bold 120%/100% Georgia, Times, serif;
	padding: 0 0 8px;
	letter-spacing: 0px;
	margin-left: 80px;
	margin-top:-3px;
	color: #2b2b2b;
}

h3 a {
        color:#e2a936;
	text-decoration: none;

}

h2 a  {
	color: #763712;
	text-decoration: none
}


h2 a:hover, h3 a:hover {
	color: #2b2b2b;
	text-decoration: none;
}


/* header */

#header{
	z-index : 1;
	position : relative;
	width : 820px;
	height : 256px;
	background : url(../images/header.png) no-repeat;
}
	
#header blockquote { 
	z-index : 2; 
	position : absolute; 
	left : 300px; 
	top : 80px;
	width: 505px; 
	height : 97px; 
	background : url(../images/blockquote.png) no-repeat; 
	text-indent : -9999px; 
}

#curly{
	background:url(../images/curly.png) no-repeat;
	position:absolute;
	width:150px;
	height:32px;
	right:-64px;
	margin:0;
	padding:0;
	top:0px;
	z-index:7;
}

#sign{
	position:absolute;
	width:150px;
	right:-17px;
	margin:0;
	padding:0;
	font: 140%/100% Georgia, "Times New Roman", Times, serif;
	top:15px;
	float:right;
	z-index:10;
}

#sign a, #sign a:visited { 
	text-decoration:none;
	color:#f3ede1;
}

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


/* forms */

#search_panel{ 
	position:absolute;
	top:230px;
	padding-left:20px;
	padding-bottom:27px;
	background : url(../images/search_panel.png) no-repeat 0 100%;
	width:225px;
	height:120px;
	z-index:5;
	overflow:hidden;
}
 
#searchform{
	position:relative;
	top:55px;
	left:-20px;
}


/* menu_panel */

#menu_panel{
	position:absolute;
	top:360px;
	padding : 0 30px 20px; 
	background : url(../images/menu2.png) no-repeat 0 100%;
	width:225px;
	height:880px;
	z-index:6;
	overflow:hidden;
}

#menu_panel_nav {
	position: relative;
	top:50px;
	left:-20px;
	width:200px;
}

#menu_panel_nav li{ 
	padding:1px;
}

.mixtapes {
	position : relative;
	font: bold 140%/150% Georgia, Times, serif;
	padding-top:20px;
	padding-left:10px;
	width:160px;
	height:40px;
	margin-left:10px;
	margin-top:0px;
	color:#f2ede7;
	background : url(../images/h4.png) no-repeat  100%;
	overflow:hidden;
}


.posts {
	position : relative;
	font: bold 140%/150% Georgia, Times, serif;
	padding-top:20px;
	padding-left:10px;
	width:150px;
	height:40px;
	margin-left:10px;
	margin-top:0px;
	color:#f2ede7;
	background : url(../images/h4_1.png) no-repeat  100%;
	overflow:hidden;
}


.popular{
	position : relative;
	font: bold 140%/150% Georgia, Times, serif;
	padding-top:20px;
	padding-left:10px;
	width:150px;
	height:40px;
	margin-left:10px;
	margin-top:0px;
	color:#f2ede7;
	background : url(../images/h4_2.png) no-repeat  100%;
	overflow:hidden;
}


#mixtapes a, #mixtapes a:visited {
	font: 140%/100% Baskerville, Georgia, Times, serif;
	text-decoration:none;
	color:#c8731f;
}

#mixtapes a:hover {
	font: bold 140%/100% Baskerville, Georgia, Times, serif;
	text-decoration:none;
	color:#c8731f;
}



#posts a, #posts a:visited {
	font: 140%/100% Baskerville, Georgia, Times, serif;
	text-decoration:none;
	color:#a1a21b;
}

#posts a:hover {
	font: bold 140%/100% Baskerville, Georgia, Times, serif;
	text-decoration:none;
	color:#a1a21b;
}


#popular a, #popular a:visited {
	font: 140%/100% Baskerville, Georgia, Times, serif;
	text-decoration:none;
	color:#ae4829;
}

#popular a:hover {
	font: bold 140%/100% Baskerville, Georgia, Times, serif;
	text-decoration:none;
	color:#ae4829;
}



/* nav */

div#nav { z-index : 3; 
	position : absolute; 
	left : 0px; 
	top : 225px;
	width: 820px; 
	height : 100px; 
	background : url(../images/content_top.png) no-repeat;

}

#nav_main {
	position: absolute;
	left: 178px;
	list-style: none;
	font: bold 20px/20px Georgia, "Times New Roman", Times, serif;
}



#nav_main li {
	background: none;
	float: left;
	padding: 0;
	width: 114px;
	text-align: center;
}



#nav_home  {
	position:relative;
	width: 168px;
	height: 49px;
	top: 15px;
	left: 25px;
}

#nav_mixes  {
	position:relative;
	width: 157px;
	height: 36px;
	top: 20px;
	left: 50px;
}

#nav_home a, #nav_home a:visited {
	color:#78240a;
	text-decoration:none;
}

#nav_mixes a, #nav_mixes a:visited {
	color:#78240a;
	text-decoration:none;
}

#nav_articles a,  #nav_articles a:visited{
	color:#78240a;
	text-decoration:none;
}

#nav_mystuff a,  #nav_stuff a:visited{
	color:#e2a936;
	text-decoration:none;
}


#nav_home a:hover{
	color:#6d6705; 
	text-decoration:underline;
}

#nav_mixes a:hover{
	color:#6d6705;
	text-decoration:underline;
}

#nav_articles a:hover{
	color:#6d6705; 
	text-decoration:underline;
}

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

#nav_articles  {
	position:relative;
	width: 205px;
	height: 33px;
	top: 17px;
	left: 85px;
}

#nav_mystuff {
	position:relative;
	width: 205px;
	height: 33px;
	top: 15px;
	left: 110px;
}


/* content */

#content {position:relative;
	width : 820px; 
	padding :0;
	margin-top:10px; 
	background : url(../images/content_main.png) repeat-y; 
	overflow : hidden;
	
}

#content_main { 
	float : right; 
	width : 530px; 
	padding : 20px 0;
	overflow : hidden;
	
}

#audioplayer1 {
	position:relative;
	left:20px;
	padding: 12px 0 5px 0;
}

/* posts */

.post {
	padding: 0 0 100px 12px;
	width: 490px;
	z-index:5;
	overflow:hidden;
}


.post p {display: block;}

.post p a {
	text-decoration: none;
	background: url(images/link-bg.gif) repeat-x;
	padding: 1px 0;
	border-bottom: 1px solid #ccc;
	color: #000;
}

.post p a:visited {
	text-decoration: none;
	color: #000;
}

.post p a:hover {
	text-decoration: none;
	border-bottom: 1px solid #000;
}


.tags {
	padding: 0px 10px 0 16px;
}

.tags span {
	font: bold 160%/100% Georgia, Times, serif;
	position:relative;
	left:40px;
	top:19px;
	color:#cd850d;
}

.tags a {
	background: none !important;
	padding: 0 !important;
	border: none !important;
}
.tags a:hover {
	
	color:#736e05!important;
}

a.comments {
	position: absolute;
	right: 457px;
	width: 40px;
	height: 28px;
	font: 150%/100% Georgia, "Times New Roman", Times, serif;
	background: url(../images/comments.png) no-repeat !important;
	text-align: center;
	padding: 5px 0 0 3px !important;
	letter-spacing: -1px;
	display: block;
	margin-top: -8px;
}

.date {
	position: absolute;
	right: 430px;
	
	width: 54px;
	height: 40px;
	background: url(../images/date.png) no-repeat;
	font: normal 130%/30% Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	padding: 12px 0 5px 0;
	text-align: center;
	color:#e2a936;
}

.date span {
	display: block;
	font: italic 170%/90% Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px;
}

.line {
	position: relative;
	right: 0px;
	top:50px;
	width: 353px;
	height: 10px;
	background: url(../images/line.png) no-repeat;
}

.intro {
	font: 120%/155% Georgia, "Times New Roman", Times, serif;
	color: #6d6705;
	
}




/* images */

img.image {
	background: #736e05;
	padding: 5px;
	border: 1px solid #D9D9D9;
}

p.image img {
	background: #736e05;
	padding: 5px;
	border: 1px solid #D9D9D9;
}
p.image a:hover img {
	border: 1px solid #666;
	background:#736e05;
}
p.image a, p.image  a:visited {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}
p.image a:hover {
	text-decoration: underline;
}

p.left {
	float: left;
	margin-right: 15px;
	margin-top:5px;
	width:500px;
}


/* footer */

div#site_info { position : relative;
	 width : 820px; 
	 height : 220px; 
	 background : url(../images/content_bottom.png) no-repeat;
	 clear: both;
	 }

p#si_1 { position : relative; 
	top : 180px; 
	left:10px; 
	width: 131px; 
	height : 17px; 
	margin : 0; 
	padding : 0; 
}

#si_1 a {
	color:#78240a;
	text-decoration:none;
}

#content form {
        width: 450px;
	border: 0px;
	position: relative;
	padding-top: 10px;
	background-color: #F8EEDB;
}

#content ol input, ol textarea {
        border: 1px solid #6D6705;
        padding: 4px 6px;
	width: 200px;
}

#content form ul {
        margin: 15px 0 0px 0;
}

#content ul li {
        margin: 3px 0;
	list-style: none;
}

#content form li {
        margin-bottom: 14px;
	list-style: none;
}

#content ol label {
        display: block;
        font-size: 1.2em;
        font-weight: bold;
        margin: 10px 0 6px 0;
}

.commentlist li {
	font-size: 1.2em;
	width: 370px;
 	padding: 5px 15px 45px 15px;
	margin-top: 40px;
	background: #B7B845 url(../images/comment_odd.gif) bottom no-repeat;
	color: #F9EEDC;
}


.commentlist cite {
	display:block;
	font-style:normal;
	padding-left: 15px;
}

.commentlist cite a:link, .commentlist cite a:visited {
	color:#B7B845;
	text-decoration:none;
	}

.commentlist cite a:hover, .commentlist cite a:active {
	color:#B7B845;
	text-decoration:underline;
}


/* Pagination */
div.pagination {
        padding:3px;
        margin:3px;
        margin-bottom: 15px;
        margin-top: 5px;
        margin-left: 10px;
        text-align:center;
        float: left;
        width: 300px;
}

div.pagination a {
        padding: 2px 5px 2px 5px;
        margin-right: 2px;
        border: 1px solid #ddd;
        text-decoration: none;
        color: #88AF3F;
}

div.pagination a:hover, div.pagination a:active {
        border:1px solid #85BD1E;
        color: #638425;
        background-color: #F1FFD6;
}

div.pagination span.current {
        padding: 2px 5px 2px 5px;
        margin-right: 2px;
        border: 1px solid #BADC70;
        font-weight: bold;
        background-color: #BADC70;
        color: #FFF;
}

div.pagination span.disabled {
        padding: 2px 5px 2px 5px;
        margin-right: 2px;
        border: 1px solid #f3f3f3;
        color: #ccc;
}