/*
Theme Name: rootdown
Theme URI: http://root-down.net/
Description: for root-down.net
Version: 1.0
Author: mash
*/

/*
Reset & Base Style Sheet
Copyright (c) 2009, mpc-works All rights reserved.
http://mpc-works.com
version: 1.0.0
*/


/*======================================
1. Yahoo Library Font.css
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
=======================================*/
body{
	font:13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
}

select,input,button,textarea,button{
	font:99% arial,helvetica,clean,sans-serif;
}

table{
	font-size:inherit;
	font:100%;
}

pre,code,kbd,samp,tt{
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}


/*======================================
2. Universal selector
=======================================*/
*{
	margin: 0; 
	padding: 0;
	line-height: 1.4;
	color: #333;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

/*======================================
2. Base Module
=======================================*/
body{
	background-color: #edefe8;
	background-image: url(imgz/top-bg.jpg);
	background-repeat: repeat-x;
	font-family: Meiryo, Osaka, Arial, Helvetica, sans-serif;
}

p, pre, address, cite{
	line-height: 1.3em;
	margin: 0.75em 0;
}

h1, h2, h3, h4, h5, h6{
	margin: 0.5em 0;
	font-weight: bold;
}

pre{
	padding: 0.5em 10px; 
	border: 1px solid #ddd;
	width: 95%;
	overflow: scroll;
	color: #666;
	font-family: "Osaka?|????", monospace;
}

pre[title]::before{
	margin-bottom: 0.4em;
	padding: 0 10px;
	display: block; 
	content: attr(title);
	color: black;
	background-color: #eee;
}

blockquote{
	font-size: 12px;
	margin: 1em 6px 0 6px;
	padding: 2px 8px; 
	background-color: #eee;
}

blockquote *{
	color: #666;
}

em, strong{
	font-weight: bold;
}

/*
strong{
	color: #7e2f8a;
}
*/

abbr, acronym{
	border-bottom: 1px dotted #aaa;
	cursor: help;
}


/*======================================
3. Link Module
=======================================*/
a{
	margin: 0;
	padding: 0;
}
a:link{
	color: #7e2f8a;
	text-decoration: none;
}

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

a:hover{
	color: #3c7faa;
	text-decoration: none;
}

/*======================================
4.List Module
=======================================*/
ul, ol, dl{
	margin: 1em;
	padding: 1px;
	list-style-position: inside;
}

li, dt, dd{
	font-size: 100%;
}

dt{

}

dd{
	color: #666666;
}

li li, li p, li pre, li dt, li dd, dd li, dd p, dd pre, dd dt, dd dd{
	font-size: 100%;
}

li ul, li ol, li dl, li p, dd ul, dd ol, dd dl, dd p{
	margin: 0 10px;
}

/*======================================
5. Forms Module
=======================================*/
form{
	margin: 0;
	padding: 1px 0; 
}

form dl, form p{
	margin: 0;
}

fieldset{
	border: 1px solid #ddd;
}

legend{
	margin: 0 1em;
	padding: 0 10px;
}

input, textarea{
	padding: 0.1em 10px;
	border: 1px solid #ddd;
	font-family: Meiryo, Arial, Helvetica, sans-serif;
	background-color: #f5f5f5;
}

input{
	font-size: 85%;
	line-height: 1.5;
	font-family: Meiryo, Arial, Helvetica, sans-serif;
	background-color: #f5f5f5;
}

input:hover, textarea:hover{
	border: 1px solid #aaa;
}

input:focus, textarea:focus{
	border: 1px solid #aaa;
}

textarea{
	padding: 0.4em 10px;
}


/*======================================
6. Tables Module
=======================================*/
table{
	margin: 0.5em 20px;
	border: 1px solid #ccc;
	background-color: #eee;
}

th, td{
	padding: 0 10px;
}

th{
	color: #fff;
	background-color: #666;
}

td{
	border: 1px solid #ddd;
	background-color: #fff;
}

/*======================================
7. Image Module
=======================================*/
img{
	border: none;
}

 img a{
	padding: 0;
	margin: 0;
}
 img a:hover, img.close a:hover{
	padding: 0;
	margin: 0;
	background-color: transparent;
}


/*======================================
8. Object Module
=======================================*/
object, embed{
	margin:  0;
}


/*======================================
Wordpress CSS
=======================================*/
/* -------------------- Common -------------------- */

body{
	width: 900px;
	margin: 0 auto;
	padding-bottom: 24px;
}

h1{
	color: #555;
	text-align: center;
	font-size: 85%;
	font-weight: normal;
	line-height: 24px;
	margin: 0;
}

/* -------------------- header -------------------- */
#header{
	height: 108px;
	padding: 0 16px 0 18px;
}
.sitelogo{
	width: 360px;
	height: 44px;
	margin: 20px 0 0 0;
	overflow: hidden;
	float: left;
}
.sitelogo a{
	background: url(imgz/logo.jpg) no-repeat;
	display: block;
	width: 360px;
	height: 0px;
	padding: 44px 0 0 0;
	overflow: hidden;
	text-decoration: none;
}
.sitelogo a:hover{
	background-color: transparent;
	background: url(imgz/logo.jpg) no-repeat;
	background-position: 0px -44px;
}

ul.topnavi{
	list-style-type: none;
	list-style-position: inside;
	float: right;
	margin: 30px 0 0 0;
}
ul.topnavi li{
	float: left;
	margin-left: 18px;
	height: 24px;
	overflow: hidden;
}
ul.topnavi li a{
	background-image: url(imgz/navi.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	display: block;
	height: 0;
	padding: 24px 2px 0 2px;
	overflow: hidden;
}
ul.topnavi li.home a{
	background-position: 0 0;
	width: 46px;
}
ul.topnavi li.home a:hover{
	background-image: url(imgz/navi.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: 0px -24px;
}
ul.topnavi li.topics a{
	background-position: -84px 0;
	width: 50px;
}
ul.topnavi li.topics a:hover{
	background-image: url(imgz/navi.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: -84px -24px;
}
ul.topnavi li.blog a{
	background-position: -175px 0;
	width: 40px;
}
ul.topnavi li.blog a:hover{
	background-image: url(imgz/navi.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: -175px -24px;
}
ul.topnavi li.report a{
	background-position: -255px 0;
	width: 54px;
}
ul.topnavi li.report a:hover{
	background-image: url(imgz/navi.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: -255px -24px;
}
ul.topnavi li.link a{
	background-position: -349px 0;
	width: 34px;
}
ul.topnavi li.link a:hover{
	background-image: url(imgz/navi.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	background-position: -349px -24px;
}

/* -------------------- main -------------------- */
#main{
	width: 900px;
	margin: 0 auto;
	padding: 18px 0 0 0;
	background-color: #fff;
	background-image: url(imgz/main-top-bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	overflow: hidden!important;
	overflow: inherit ;
	height: 100%;
}

#content{
	width: 600px;
	padding: 0 0 0 18px;
	float: left;
}
div.post{
	padding: 0 6px;
}
div.post p{
	line-height:1.5em;
}
div.post a{
	text-decoration: none;

}
div.post a:hover{

}
h2.posttitle{
	margin: 0 0 18px 0;
	padding: 0;
	background: url(imgz/entry-title.jpg) no-repeat;
	width: 600px;
	height: 36px;
	line-height: 36px;
	font-size: 108%;
	font-weight: bold;
	color: #fff;

}
h2.posttitle a{
	font-weight: bold;
	display: block;
	line-height: 36px;
	height: 36px;
	text-decoration: none;
	padding: 0 0 0 12px;
}
h2.posttitle a, h2.posttitle a:visited{
		color: #fff;
}
h2.posttitle a:hover{
	background: transparent;
	color: #ad40bd;
}
p.toppix{
	margin-bottom: 3em;
	text-align: center;
}
.post_info{
	margin-top: 36px;
	background-image: url(imgz/line3030.jpg);
	background-position: top left;
	background-repeat: repeat-x;
}
.post_info p{
	font-family: "Trebuchet MS";
	font-size: 93%;
	padding: 4px 0;
	background-image: url(imgz/line3030.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}
.more-link{
	padding: 0 6px;
	margin-left: 480px;
	margin-top: 6px;
	display: block;
}
.postmeta{
	color: #666;
	margin: 0 14px 0 0;
}
p.toplink{
	text-align: right;
	margin:0 6px 3em 0;
}
p.toplink a, p.toplink a:visited{
	padding: 0 6px;
	background: #7e2f8a;
	color: #fff;
	text-decoration: none;
}
p.toplink a:hover{
	background: #90359d;
	text-decoration: none;
}
.prev_next{
	font-size: 85%;
	background: #efefef;
	padding: 3px 3px 3px 6px;
}

.postnavilink{
	text-align: center;
	margin-bottom: 2em;
}
.postnavilink a{
	background: #dde0d3;
	padding: 0 3px;
}
.postnavilink a:hover{
	background: #7e2f8a;
}
div.partybox{
	font-family: georgia;
	margin:2em 0;
	border-left: 4px solid #333;
	padding-left: 8px;
}

h4.partytitle{
	line-height: 1;
	margin: 0.25em 0;
	font-size: 24px;
}
a.youtube{
	font-family: "Trebuchet MS";
	color: #666;
}

p.youtube{font-family: trebuchet ms,geneva;
font-weight: bold;
margin-bottom: 3em;
}
/* -------------------- sidebar -------------------- */
#sidebar{
	width: 255px;
	padding: 0 0 0 12px;
	margin: 0 0 0 630px;
}
#sidebar a{
	text-decoration: none;
	}
#sidebar a:hover{
	background: #7e2f8a;
	color: #fff;
}
#searchbox{
	height: 36px;
	padding: 4px 0 0 0;
	margin: 0;
}
#searchbox p{
	margin: 0;
}
#searchbox input{
	margin: 0;
	padding: 0.1em 6px;
}
#searchbox input.searchinput{
	width: 184px;
}

.feed{
	width: 180px;
	margin:  12px 0 0 30px;
}
.feed a, .feed a:hover{
	background: transparent;
}
#sidebar h3{
	background: url(imgz/side-title.jpg) no-repeat;
	font-family: "Trebuchet MS";
	font-weight: normal;
	width: 240px;
	height: 24px;
	line-height: 24px;
	color: #fff;
	margin: 12px 0 0 0;
	padding-left: 6px;
}

#sidebar ul{
	font-size: 85%;
	width: 232px;
	margin: 0 0 48px 0;
	padding: 0px 4px 0 4px;
	list-style-position: outside;
	list-style-type: none;
}
#sidebar ul li{
	margin: 0;
	line-height: 1;
	background-image: url(imgz/line999.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
}
#sidebar ul li a{
	padding: 3px;
	display: block;
	width: 226px;
}
p.tagwrap{
	width: 232px;
	margin: 12px 0 40px 0;
	padding: 0px 4px 0 4px;
}
p.tagwrap a{

	padding: 0px 2px;
}
.qr{
	width: 135px;
	margin:  12px 0 36px 50px;
}
/* -------------------- comment -------------------- */
div.comment{
	padding:  0 6px;
}
.comenttitle{
	margin: 2em 0 1em 0;
	padding: 0 0 0 12px;
	color: #fff;
	background: url(imgz/entry-title.jpg) no-repeat;
	width: 600px;
	height: 36px;
	line-height: 36px;
	font-size: 100%;
	font-weight: normal;
}
h3.commentauthor{
	background: #efefef;
	padding: 3px;
}
h3.commentauthor, h3.commentauthor a{
	font-weight: bold;
	font-size: 93%;
	margin: 0;
	line-height: 1.25;
}
p.commentmeta{
	background-image: url(imgz/line999.jpg);
	background-position: bottom left;
	background-repeat: repeat-x;
	padding-bottom: 2px;
	margin-bottom: 1.5em;
	font-size: 85%;
}

div#comform{

}
div#comform p{
	margin-bottom: 4px;
}
div#comform input#author, div#comform input#email, div#comform input#url{
	width: 320px;
}

div#comform textarea#maincomments{
	width: 360px;
	height: 16em;
	line-height: 1.25;
}

input#tb_url {
   font-family: "courier new", courier, monospace;
   background-color: #efefef;
   font-size: 1em;
   padding: 0.2em;
   width: 592px;
}
/* -------------------- footer -------------------- */
#footer{
	clear: both;
	background: #fff url(imgz/main-bottom-bg.jpg) no-repeat;
	background-position: bottom center;
}
address{
	font-family: "Trebuchet MS";
	color: #aaa;
	margin: 0;
	padding: 0.5em 0;
	font-size: 77%;
	text-align: center;
	letter-spacing: 0.1em;
}

img.empty a{
	line-height: 1em;
	padding: 0px;
	margin: 0px;
}
img.empty  a:hover{
	line-height: 1em;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
}

div.post a img{
	background-color: #ffffff;
}

div.post img a:hover{
	background-color: #ffffff;
}
span.mores a{
	background-color: #ff00ff;
}

/* Topics */
p.disctitle{
	background-color: #666666;
	color: #fff;
	font-family: "Trebuchet MS";
	font-size: 14px;
	margin: 2em 0 1em 0;
	padding: 1px 6px;
}
p.discinfo{
	font-size: 12px;
	line-height: 1.4;
	margin: 0 0 1em 0;
	padding: 0;
}
p.discotherinfo{
	font-weight: bold;
	margin: 1em 0 0 0;
}
ol.tracklist{
	margin: 0;
	padding: 0 0 0 4px;
	list-style-type: decimal-leading-zero;
	font-family: "Trebuchet MS";
}
ol.tracklist li{
	margin: 0.25em 0 0.4em 0;
	padding: 0;
	width: 100%;
	border-bottom: 1px dotted #eaeaea;
}
ul.discotherlist{
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS";
}

ul.discotherlist li{
	margin: 2px 0;
	padding: 0;
	width: 100%;
}

/* -------------------- Party Information -------------------- */
div.pabox{
	border-left: 4px solid rgb(51, 51, 51);
	margin: 2em 0pt;
	font-family: georgia;
	padding-left: 8px;
}
h4.patt{
	font-size: 28px;
	line-height: 1;
	margin: 0.25em 0pt;
}
h4.patt span{
	font-size: 12px;
	display: block;
}
h5.pacap{
	border-left: 8px solid rgb(0, 0, 0);
	font-weight: bold;
	font-size: 18px;
	padding-left: 4px;
}
h5.guestname{
	font-family: Trebuchet MS;
	font-size: 20px;
	font-weight: normal;
}
h5.guestname span{
	font-size: 14px;
	font-weight: normal;
}


div.pabox p{
	font-size: 108%;
}
div.pabox p span{
	font-size: 85%;
}

/*-----------------------wp-pagenav-------------------------*/
.wp-pagenavi {
	clear: both;
	text-align: center;
	margin-bottom: 2em;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi span.current {
	border-color: #000;
	background-color: #cfcfcf;
}
.wp-pagenavi a:hover{
	background-color: #7e2f8a;
	color: #fff;
}

.wp-pagenavi span.current {
	font-weight: bold;
}


#gallery-1 .gallery-item{
	margin: 12px 28px 0 0 !important;
	width: 28% !important;
}
p.audioplayer_container{
 margin-bottom: 2em;
}


#sidebar p.feed a{
	background: transparent;
	padding: 0;
	margin: 0;
}
#sidebar p.feed a:hover{
	background: #fff;
	padding: 0;
	margin: 0;
	height: 100%;
}





div.evwrap{
	border-left: 4px solid #333;
	padding-left: 8px;
	font-family: georgia;
	margin: 2em 0pt;
}
div.evwrap h3{
	font-size: 28px;
	line-height: 1;
	margin: 0.25em 0pt;
} 
div.evwrap h4{
	border-left: 8px solid #333;
	font-weight: bold;
	font-size: 18px;
	padding-left: 4px;
}
div.evwrap h5{
	background: #191919;
	color: #ffffff;
	padding: 2px 6px;
	margin: 1.5em 0 0 0;
	width: 180px;
}
div.evwrap p{
	margin: 0.25em 0;
}
div.evwrap p span{

}


/*------------------------------------------------ Monthly Mix ------------------------------------------------*/
h3.monthlytitle{
	background-color: #555555;
	color: #ffffff;
	margin-top: 3em;
	padding: 2px 8px;
	font-size: 14px;
	font-weight: normal;
}

ul.monthlyjkt{
	margin: 1em 0 0 0;
	padding: 0;
}
ul.monthlyjkt li{
	list-style: none;
	float: left;
	margin-right: 2px;
}



ul.updatelist{
	margin: 1em 0;
	padding: 0;
	list-style: none;
}


ul.updatelist li{
	width: 120px;
	padding: 2px 4px;
	margin-bottom: 36px;
	float: left;
	font-size: 12px;
	line-height: 1.2;
	height: 144px;
}

ul.updatelist li a{
	text-decoration: none;
}