/*  
Theme Name:Ramdom Header
Theme URI:http://www.fruitloops.info/
made from scratch
*/


/*-smilies without a border-*/
body img.wp-smiley {
	border:none;
}

form, img {
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	color: #534f3b;
	text-decoration: none;
}

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

.article a {
	color: #8aae0b;
	text-decoration: underline;
}

.article a:hover, article a:visited:hover {
	color: #cfe05f;
	text-decoration: underline;
}

body {
	font-size: 12px;
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W4", "ＭＳ Ｐゴシック", sans-serif;
	color: #3f3b28;
}

html, body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow-x: hidden;
}

@media screen {
html, body {
	overflow: hidden;
}
}

div, p, span, li, h1, h2, h3, em {
	font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "HiraKakuPro-W4", "ＭＳ Ｐゴシック", sans-serif;
}



p {
	line-height: 1.7em;
}

em {
	font-style: normal;
	text-decoration: underline;
}

.hidden {
	display: none;
	overflow: hidden;
}

.float-left {
	float: left;
	line-height: 0;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 4px;
}

.float-right {
	float: right;
	line-height: 0;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 4px;
}

.float-right2 {
	float: right;
	line-height: 0;
	margin-left: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 4px;
}


#background {
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#scroller {
	position: absolute;
	width:100%;
	height:100%;
	overflow:auto;
	z-index:2;
}

#wrapper {
	position: relative;
	width: 783px;
	margin: 0 auto;
	text-align: center;
}

h1#header {
	margin: 0;
	width: 783px;
	height: 232px;
	background: transparent url(./header_bg.jpg) no-repeat bottom 0;
}

h1#header a {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url(./header01.jpg) no-repeat 0 0;
	font-size: 5px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}

h2 {
	margin: 0;
	padding: 0;
}


/* Home Blocks
--------------------------------------------- */
#blockone {
	float:left;
	width: 447px;
	height: 540px;
	padding: 11px 0 0 15px;
	background: url(./bg_contents4.jpg) no-repeat;
	text-align: left;
}

#blockone p {
	line-height: 1.2em !important;
}

#newstitle {
	margin: 0;
	width: 65px;
	height: 30px;
}

#newstitle a {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url(./_news.gif) no-repeat 2px 0;
	font-size: 5px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}
#blockzero {
	display: block;
	float: left;
	width: 306px;
	height: 230px;
	margin-top: 0px;
	padding: 11px 0 0 15px;
	background: url(./bg_contents5.jpg) no-repeat;
	/* cursor: pointer; */
	text-align: center;
}
#blockzero p.blockzeroContents{
	margin: auto;
	}
#blocktwo {
	display: block;
	float: left;
	width: 306px;
	height: 145px;
	margin-top: -5px;
	padding: 10px 0 0 15px;
	background: url(./bg_contents6.jpg) no-repeat;
	/* cursor: pointer; */
	text-align: left;
}

@media screen {
#blocktwo {
	margin-top: 0 !important;
}
}

#releasetitle {
	margin: 0;
	width: 132px;
	height: 30px;
}

#releasetitle a {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url(./releasetitle.gif) no-repeat 2px 0;
	font-size: 5px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}

#blockthree {
	display: block;
	float: left;
	width: 306px;
	height: 145px;
	margin-top: -5px;
	padding: 10px 0 0 15px;
	background: url(./bg_contents6.jpg) no-repeat;
	text-align: left;
}

@media screen {
#blockthree {
	margin-top: 0 !important;
}
}

#blockthree p {
	line-height: 1.2em;
}

#livetitle {
	margin: 0;
	width: 49px;
	height: 30px;
}

#livetitle a {
	display: block;
	width: 100%;
	height: 100%;
	background: transparent url(./livetitle.gif) no-repeat 2px 0;
	font-size: 5px;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;
}

.arrow {
	margin-left: 0;
	padding-left: 1.4em;
	background: url(./icn.gif) no-repeat 0% 40%;
	font-size: 12px;
}

.arrow a {
	color: #8aae0b;
	text-decoration: none;
}

.arrow a:hover, .arrow a:visited:hover {
	color: #cfe05f;
	text-decoration: none;
}

.arrow2 {
	margin-top: 5px;
	margin-left: 0;
	padding-left: 1.4em;
	background: url(./icn.png) no-repeat 0% 40%;
	font-size: 12px;
}

.arrow2 a {
	color: #8aae0b;
	text-decoration: none;
}

.arrow2 a:hover, .arrow2 a:visited:hover {
	color: #cfe05f;
	text-decoration: none;
}


.news {
	margin-top: 5px;
	margin-left: 0;
	padding-left: 1.6em;
	background: url(./newspaper.gif) no-repeat 0% 40%;
	font-size: 12px;
}

.news a {
	color: #8aae0b;
	text-decoration: none;
}

.news a:hover, .arrow a:visited:hover {
	color: #cfe05f;
	text-decoration: none;
}


.cd {
	height: 16px;
	margin-top: 5px;
	margin-left: 0;
	padding-left: 1.6em;
	background: url(./cd.gif) no-repeat 0% 40%;
	font-size: 12px;
}

.cd a {
	color: #8aae0b;
	text-decoration: none;
}

.cd a:hover, .cd a:visited:hover {
	color: #cfe05f;
	text-decoration: none;
}


.music {
	height: 16px;
	margin-top: 5px;
	margin-left: 0;
	padding-left: 1.6em;
	background: url(./music.gif) no-repeat 0% 40%;
	font-size: 12px;
}

.music a {
	color: #8aae0b;
	text-decoration: none;
}

.music a:hover, .music a:visited:hover {
	color: #cfe05f;
	text-decoration: none;
}

.excerpt p {
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
	padding-left: 1.7em;
	font-size: 10px !important;
}

.excerpt2 p {
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
	margin-right: 10px;
	padding-left: 0.2em;
	font-size: 10px !important;
}

/* Pages Menu
--------------------------------------------- */
ol#pagesmenu {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 195px;
	left: 17px;
	width: 495px;
	height: 23px;
	list-style: none;
	z-index: 10;
	overflow: hidden;
}
ol#pagesmenu li a {
	display: block;
	width: 100%;
	height: 23px;
	font-size: 5px;
	text-indent: -9999px;
	text-decoration: none;	
}
ol#pagesmenu li a:hover {
	_margin-top:1px;
}
ol#pagesmenu li a:active {
	_margin-top:0px;
}
li#top 			{ float: left; width: 40px; height: 23px; }
li#top a 			{ background: transparent url(./menu.png) no-repeat 0 0; }
li#top a:hover 	{ background-position: 0 -23px; }
li#top a:active	{ background-position: 0 -46px; }

li#news 			{ float: left; width: 50px; height: 23px; }
li#news a 			{ background: transparent url(./menu.png) no-repeat -40px 0; }
li#news a:hover 	{ background-position: -40px -23px; }
li#news a:active	{ background-position: -40px -46px; }

li#blog 			{ float: left; width: 49px; height: 23px; }
li#blog a 			{ background: transparent url(./menu.png) no-repeat -90px 0; }
li#blog a:hover 	{ background-position: -90px -23px; }
li#blog a:active	{ background-position: -90px -46px; }

li#catalog				{ float: left; width: 66px; height: 23px; }
li#catalog a 			{ background: transparent url(./menu.png) no-repeat -139px 0; }
li#catalog a:hover      { background-position: -139px -23px; }
li#catalog a:active     { background-position: -139px -46px; }

li#artists 				{ float: left; width: 50px; height: 23px; }
li#artists a 			{ background: transparent url(./menu.png) no-repeat -204px 0; }
li#artists a:hover      { background-position: -204px -23px; }
li#artists a:active     { background-position: -204px -46px; }

li#live				{ float: left; width: 39px; height: 23px; }
li#live a 			{ background: transparent url(./menu.png) no-repeat -253px 0; }
li#live a:hover 	{ background-position: -253px -23px; }
li#live a:active	{ background-position: -253px -46px; }

li#shop				{ float: left; width: 50px; height: 23px;}
li#shop a 			{ background: transparent url(./menu.png) no-repeat -291px 0; }
li#shop a:hover 	{ background-position: -291px -23px; }
li#shop a:active	{ background-position: -291px -46px; }


li#aboutus				{ float: left; width: 74px; height: 23px; }
li#aboutus a 			{ background: transparent url(./menu.png) no-repeat -340px 0; }
li#aboutus a:hover      { background-position: -340px -23px; }
li#aboutus a:active     { background-position: -340px -46px; }


li#contact 				{ float: left; width: 69px; height: 23px; }
li#contact a 			{ background: transparent url(./menu.png) no-repeat -413px 0; }
li#contact a:hover      { background-position: -413px -23px; }
li#contact a:active     { background-position: -413px -46px; }






#content {
	width: 783px;
	min-height: 400px;
	_height: 400px;
	padding: 10px 0 20px 20px;
	background: url(./bg2.jpg) repeat-y;
	text-align: left;
}

#inside {
	width: 580px;
}

#sidebar {
	position: absolute;
	top: 255px;
	left: 610px;
	width: 160px;
}

/* Sidebar Styles */

#sidebar h2 {
	display: inline;
	margin: 1.2em 0 0.6em 0;
	padding: 0 10px 0 0;
	/*background: url(./img/arrow.gif) no-repeat center right;*/
	font-size: 1.1em;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#sidebar ul li {
	margin-top: 15px;
	text-align: left;
}

#sidebar ul li ul li {
	margin-top: 5px !important;
}

#sidebar ul li h2 {
	padding-left: 1.4em;
	color: #5ec04b;
	background: url(./action_forward.gif) 0% 40% no-repeat;
}

#sidebar ul li h2.comm {
	height: 16px;
	padding-left: 1.4em;
	color: #5ec04b;
	background: url(./comments.gif) 0% 40% no-repeat;
}

#sidebar ul li h2.traq {
	height: 16px;
	padding-left: 1.4em;
	color: #5ec04b;
	background: url(./database_refresh.gif) 0% 40% no-repeat;
}


#sidebar ul li h2.new {
	height: 16px;
	padding-left: 1.4em;
	color: #5ec04b;
	background: url(./newspaper.gif) 0% 40% no-repeat;
}


#sidebar ul li h2.web {
	height: 16px;
	padding-left: 1.4em;
	color: #5ec04b;
	background: url(./world.gif) 0% 40% no-repeat;
}


#sidebar ul li h2.home {
	height: 16px;
	padding-left: 1.4em;
	color: #5ec04b;
	background: url(./house.gif) 0% 40% no-repeat;
}


#sidebar ul ul {
	margin: 0.5em 0;
}

#sidebar ul ul li {
	padding: 0 0 0 15px;
}

#sidebar a {
	color: #8aae0b;
	font-weight: bold;
	text-decoration: none;
}

#sidebar a:hover, .arrow a:visited:hover {
	color: #cfe05f;
	text-decoration: none;
}



/* Prev Next Link
------------- */

.nav {
	width: 600px;
	margin: 0 auto;
	text-align: center;
}

.prev {
	margin-left: 0;
}

.prev a {
	margin-right: 10px;
	padding-left: 1.6em;
	font-size: 10px;
	color: #8aae0b;
	background: url(./bullet_prev.gif) no-repeat 0% 40%;
	text-decoration: none;
}

.prev a:hover, .arrow a:visited:hover {
	color: #cfe05f;
	text-decoration: none;
}

.next {
}

.next a {
	margin-left: 10px;
	padding-right: 1.6em;
	font-size: 10px;
	color: #8aae0b;
	background: url(./bullet_next.gif) no-repeat 100% 40%;
	text-decoration: none;
}

.next a:hover, .arrow a:visited:hover {
	color: #cfe05f;
	text-decoration: none;
}

/* Post
------------- */
.arrow3 {
	margin-top: 15px;
	margin-left: 0;
	padding-left: 1.2em;
	background: url(./lightning.gif) no-repeat 0% 40%;
	font-size: 16px;
}

.arrow3 a {
	color: #e2ab2a;
	text-decoration: none;
}

.arrow3 a:hover, .arrow3 a:visited:hover {
	color: #cdc58d;
	text-decoration: none;
}

strong {
	font-size: 1.2em;
	color: #cd7b68;
}

.date {
	padding-bottom: 7px;
	padding-left: 1.6em;
	background: url(./icon_settings.gif) no-repeat 0% 10%;
	color: #a9aaa8;
	border-bottom: dotted 1px #cdc58d;

	font-size: 11px;
	line-height: 1.5em !important;
}


.date a {
	color: #8e8962;
	text-decoration: none;
}

.date a:hover, .date a:visited:hover {
	color: #cdc58d;
	text-decoration: none;
}

.options {
	clear: both;
	margin-top: 20px;
	padding-top: 7px;
	padding-bottom: 7px;
	border-top: dotted 1px #cdc58d;
	border-bottom: dotted 1px #cdc58d;
	font-size: 10px;
}

h3 {
	clear: both;
	color: #cd7b68;
	margin-bottom: 0;
	padding-left: 1.4em;
	background: url(./shadingpink.gif) no-repeat 0% 10%;
	font-size: 14px;
}

h3 a {
	color: #cd7b68;
	text-decoration: none;
}

h3 a:hover, h3 a:visited:hover {
	color: #ebd4b6;
	text-decoration: none;
}



h3.list, h3#respond, h3#comments {
	clear: both;
	color: #6697c4;
	padding-left: 1.4em;
	background: url(./shading.gif) no-repeat 0% 10%;
	font-size: 14px;
}

h3.list a {
	color: #6697c4;
	text-decoration: none;
}

h3.list a:hover, h3.list a:visited:hover {
	color: #c4e6e3;
	text-decoration: none;
}

h3.list {
	padding-bottom: 7px;
	border-bottom: dotted 1px #cdc58d;
}

.artistlist {
	padding: 6px;
	background: #d8fbb6;
	border: 1px solid #96ae7e;
	color: #438910;
}

#searchbar {
	position: absolute;
	right: 25px;
	top: 5px;
}

#footer {
	clear: both;
	width: 500px;
	margin: 5px auto;
	padding-bottom: 10px;
	text-align: center;
	font-size: 11px;
}



h3.small {
	font-size: 12px !important;
	background: none !important;
	padding-left: 0 !important;
}

.block3 {
	float: left;
	display: block;
	width: 165px;
	padding-top: 5px !important;
}

.block {
	float: left;
	display: block;
	width: 280px;
	padding-top: 5px !important;
}


.block2 {
	clear: both;
	width: 560px;
	padding-top: 5px;
}

.block p, .block2 p {
	margin-top: 5px;
	line-height: 1.2em !important;
}

.block p .sell, .block2 p .sell {
	color: #46d304;
}

.block p .out, .block2 p .out {
	color: #d32727;
}

.block p strong, .block2 p strong {
	color: #353221;
	font-size: 12px;
}

.clear {
	clear: both;
}

.marker {
	padding: 4px;
	background: #feffbe;
	color: #ff6600;
	border-left: 6px solid #fff100;
}

.marker2 {
	padding: 4px;
	background: #feffbe;
	color: #ff6600;
	border-left: 6px solid #fff100;
	font-size: 14px;
	font-weight: bold;
}


.marker a, .marker2 a {
	color: #ff0000;
	font-weight: bold;
	text-decoration: none;
}

.marker a:hover, .marker a:visited:hover,
.marker2 a:hover, .marker2 a:visited:hover {
	color: #ff6600;
	font-weight: bold;
	text-decoration: none;
}




.panel {
	line-height: 0;
	background-color: #fff;
	border: 1px solid #c1c0b5;
	padding: 4px;

}

.leftpanel {
	float: left;
	line-height: 0;
	background-color: #fff;
	border: 1px solid #c1c0b5;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 4px;

}

.rightpanel {
	float: right;
	line-height: 0;
	background-color: #fff;
	border: 1px solid #c1c0b5;
	margin-left: 5px;
	margin-bottom: 5px;
	padding: 4px;
}

/* Mail News Banner */
a#subscribe {
display:block;
width:88px;
height:87px;
position:absolute;
left: 751px;
top: 128px;
z-index: 4;
overflow: hidden;
}

.topdate {
	font-size: 10px;
	font-weight: normal !important;
}

.up {
	margin-top: -8px;
}


.listen {
	height: 16px;
	margin-top: 5px;
	margin-left: 0;
	padding-left: 1.6em;
	background: url(/wp-content/themes/default-empty/sound.gif) no-repeat 0% 40%;
	font-size: 12px;
}

.listen a {
	color: #8aae0b;
	text-decoration: none;
}

.listen a:hover, .cd a:visited:hover {
	color: #cfe05f;
	text-decoration: none;
}

/* PMX Form CSS */
form dl, dl.labels {
      margin:0em;
      font-size:100%;
      margin-top:0.5em
    }
    form dt, dl.labels dt {
      float:left;
      
      width:10em;
      margin-bottom:0.8em;
      color:#555;
      text-align:right;
      font-weight:normal;
      position:relative /*IEWin hack*/
    }
    form dd, dl.labels dd {
      margin-left:10.5em;
      margin-bottom:0.8em;
      font-size:100%;
      font-style:normal;
      padding-left:0.5em
    }
    form dd.submit, dl.labels dd.submit  {
      margin-top:2em
    }

/* Lightbox Plugin CSS */
#prevLink, #nextLink {
display: block;
width: 49%;
height: 100%;
background: transparent url(/wp-content/plugins/lightbox-plugin/images/blank.gif) no-repeat;
}

#prevLink:hover {
background: url(/wp-content/plugins/lightbox-plugin/images/prev.gif) no-repeat left center;
}

#nextLink:hover {
background: url(/wp-content/plugins/lightbox-plugin/images/next.gif) no-repeat right center;
}
h1#header a#header001 {
	background: transparent url(./header01.jpg) no-repeat 0 0;
	
}
h1#header a#header002  {
	background: transparent url(./header02.jpg) no-repeat 0 0;
	
}