@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td {padding: 0; margin: 0;}
fieldset, img {border: 0;}
table {border-collapse: collapse; border-spacing: 0;}
ol, ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-weight: normal; font-style: normal;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-size: 100%;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}

/* THE BASICS */

body {margin: 0; padding: 0; background-color:#000; text-align:left; font-size: .8em; font-family:"Lucida Grande", Arial, sans-serif;
	color:#ede8c6; background-image:url(http://www.bo-peep3.com/revolution/images/BG1.jpg); background-repeat:repeat; 
	background-color:transparent;}

a {color: white; text-decoration: none;}
a img {border:0; margin:0;}
p {margin: 0; padding: 0px 0px 7px 0px;}
small {font-size:.8em;}				
a:link, a:visited {color: #ffcc33; text-decoration: none; padding-bottom: 0px; border: none;}
a:hover, #headtext a:hover { color: #FFF; text-decoration: none; padding-bottom: 0px; border: none;} 
h2 {font-size:1.6em; line-height:1.1em; margin-bottom:3px;}
h3 {font-size:1.6em; line-height:1.3em;}
blockquote {margin:0 0 0 35px; padding:5px 0 20px 30px; line-height: 1.5em; color: #FFF;
            background: url(http://www.bo-peep3.com/revolution/images/quotes.gif) no-repeat top left;}
blockquote p {margin-top: 0;}
ol li {list-style-position:inside; margin-top:3px;}


/* STRUCTURE */

#wrap, #wrap-all, #wrap-music, #wrap-gallery {font-family:"Lucida Grande", Arial, sans-serif; width: 920px; margin:0 auto; padding:0px; text-align:left;}
#wrap {background-color:#000; clear:both;}	
#wrap-all {height:1600px; background-repeat:no-repeat; background-image:url(http://www.bo-peep3.com/revolution/images/wrap3.jpg); background-color:#322e2b;}	
#wrap-music {height:1500px; background-repeat:no-repeat; background-image:url(http://www.bo-peep3.com/revolution/images/wrap4.jpg); background-color:#000000;}
#wrap-gallery {height:1200px;background-repeat:no-repeat; background-image:url(http://www.bo-peep3.com/revolution/images/wrap1.jpg); background-color:#000000;}

#headboard {width:920px; padding:0px; text-align:left; margin:0px; height:30px; color:#000;}
.headtext {padding:8px 25px 0 0; text-align:right; font-size:.9em; line-height:2em; font-weight:bold; color:#8a827e;}
.headtext a:link, .headtext a:visited {color:#fdecbd;}
.headtext a:hover {color:#CC0000;}

#featureboard, #musicboard, #profileboard, #liveboard, #diaryboard, #newsboard, #mainboard {width:920px; margin:0px; padding:0px; text-align:left; 
	height:500px; background-color:#000000;}
#featureboard {height:500px; background-image:url(http://www.bo-peep3.com/revolution/images/profile-big.jpg); background-repeat:no-repeat;}
#musicboard {height:360px; background-image:url(http://www.bo-peep3.com/revolution/images/music.jpg); background-repeat:no-repeat;}
#profileboard {height:550px; background-image:url(http://www.bo-peep3.com/revolution/images/profile1.jpg); background-repeat:no-repeat;}
#liveboard {height:550px; width:920px; margin:0; padding:0; background-image:url(http://www.bo-peep3.com/revolution/images/live1.jpg); background-repeat:no-repeat;}	
#liveboard2 {height:550px; width:920px; margin:0; padding:0; background-image:url(http://www.bo-peep3.com/revolution/images/live2.jpg); background-repeat:no-repeat;}
#tourboard {height:2500px; background-image:url(http://www.bo-peep3.com/revolution/images/tour.jpg); background-repeat:no-repeat;}	
#vibeboard {height:1700px; background-image:url(http://www.bo-peep3.com/revolution/images/wrapv.jpg); background-repeat:no-repeat;}	
#diaryboard {height:550px; background-image:url(http://www.bo-peep3.com/revolution/images/diary1.jpg); background-repeat:no-repeat;}	
#newsboard {height:550px; background-image:url(http://www.bo-peep3.com/revolution/images/news.jpg); background-repeat:no-repeat;}	
#mainboard {width:920px; background-image:url(http://www.bo-peep3.com/revolution/images/profile-main.jpg); background-repeat:no-repeat; background-color:#000; height:1200px;}
	
#feature1, #feature2, #feature3, #main1, #main2, #main3, #left1, #right1, #music1, #music2, #mini1, #mini2, #tour1, #tour2, #tour3, #vibe {padding:0; float: left; margin:0px;}
#feature1text, #feature2text, #feature3text, #main1text, #main2text, #main3text, #left1text, #tour1text, #tour2text, #tour3text,
	#right1text, #music1text, #music2text, #mini1text, #mini2text {padding:0; margin:0px;}

#tourboard a {color:#39F;}

#feature1 {margin: 220px 10px 0px 20px;}
#feature2 {margin: 0px 10px 0px 10px;}	
#feature3 {margin: 55px 20px 0px 10px;}	
#feature1text {width: 340px;}
#feature2text {margin:20px 0 0 0; width: 290px; height:450px; text-align:right; text-transform:uppercase; font-weight:bold; color:#666;}	
#feature2text a {color:#C00;}
#feature3text {width: 200px;}	
#main1 {margin: 0px 10px 0px 20px;}	
#main2 {margin: 5px 10px 0px 10px;}	
#main3 {margin: 5px 20px 0px 10px;}
#tour1 {margin: 546px 10px 0px 10px;}	
#tour2 {margin: 450px 5px 0px 15px;}	
#tour3 {margin: 390px 0px 0px 14px;}
#vibe {margin:0px; height:340px;}
#vibe2 {margin:0px; height:700px;}
#main1text {width: 340px;}	
#main2text {width: 300px;}	
#main3text {width: 200px; text-transform:uppercase; font-size:.8em; font-weight:bold;}	
#main3text img {margin:0 0 8px 0;}
.tour1text {width: 320px; background-color:#333; margin:5px 0 12px 0;}	
#tour2text {width: 300px; font-size:10px;}	
#tour2text h2 {font-size:15px; margin-bottom:2px; color:#FFF;}
#tour3text {width: 200px; text-transform:uppercase; font-size:.8em; font-weight:bold;}	
#tour3text img {margin:0 0 8px 0;}
.news {margin:28px 0 8px 0; background-color:#000;}
.newstext {padding:0px; color:#fff;}
.newstext a {padding:0 3px; font-weight:bold; text-decoration:none; line-height:12px;}
.newstext p {margin-bottom:15px;}
.newstext h3 {font-size:16px; margin:0px; padding:0px;}
.vibetext {margin:130px 0 0 640px; width:220px;}
.vibe2text {margin:0 0 0 60px;}

#left1 {margin: 560px 30px 0px 50px;}
#newsboard #left1 {margin-top:200px;}
#right1 {margin: 30px 0px 0px 0px;}	
#right2 {margin: 30px 0px 0px 0px;}	
#left1text {width: 340px;}	
#right1text, #right2text {width: 500px;}	
#left1text p {margin:10px 0 10px 0; background-color:#333333; padding:8px;}
.black {margin:5px 0 10px 0; padding:20px 70px 0 20px; background-color:#000;}
.black p {margin:0 0 20px 0;}
.post {margin:0 0 30px 0; background-color:#181818; padding:10px;}
.post p {margin:0 0 8px 0;}
.post small {margin-left:5px;}
.months {text-align:right; text-transform:uppercase;}
#left1 li {text-align:right; text-transform:uppercase; background-color:#333333; padding:8px; list-style-type:none; margin-bottom:5px;}

#music1 {margin: 160px 4px 0px 50px;}
#music1text {width: 520px;}
.CD {background-color:#7E796F; height:260px; clear:both; margin:0 0 10px 0; padding:15px;}
.CD img {margin-bottom:20px;}
#music1text p {margin:0; padding:0;}
#music2 {margin: 375px 0px 0px 0px;}
.music2text {width: 320px; background-color:#181818; height:255px; margin-bottom:40px;}	
.music2text img {float:left;}	
.music2text p {margin:0px 0 10px 0; padding:15px; background-color:#181818;}
.music1text h2, #music2text h2 {margin:0 0 4px 0;}
.music2text h3 {margin:0 0 4px 0; font-size:1.2em; color:#FFF;}

#menu-box {margin:0 0 140px 180px;}
#menu1 {width: 100px; margin: 20px 20px 10px 20px; border-style: solid solid none solid; border-color: #3D261D; border-width: 1px;}
#menu1 li a {height: 32px; voice-family: "\"}\""; voice-family: inherit; height: 24px; text-decoration: none;}	
#menu1 li a:link, #menu1 li a:visited {display: block; font-weight:bold; 
	background:  url(http://www.bo-peep3.com/revolution/images/menu1.gif); padding: 8px 0 0 10px;}
#menu1 li a:hover {color: #FFF; background:  url(http://www.bo-peep3.com/revolution/images/menu1.gif) 0 -32px; padding: 8px 0 0 10px;}	

#navcontainer {margin:15px 10px 60px 0;}
#navcontainer2 {margin:15px 170px 20px 0;}
ul#gallerylist {margin:0 0 12px 15px; padding-left: 0; white-space: nowrap; text-align:right;}
#gallerylist li {display: inline; list-style-type: none;}
#gallerylist a {padding: 7px 5px;}
#gallerylist a:link, #gallerylist a:visited {color: #ffcc33; background-color:#333333; text-decoration: none;}
#gallerylist a:hover, #gallerylist .current {color: #fdecbd; background-color: #da3700; text-decoration: none;}	
#photographer	{padding:8px 25px 400px 0; text-align:right; font-size:14px; color:#8a827e;}

.banner {margin-bottom:8px;}
.banner-A {margin-bottom:0px;}
.album {margin:0 0 30px 0; padding:10px; background-color:#333333; border:#445881 solid thin;}
.store {margin:30px 0 0 0;}
.event {margin:0 0 100px 0; font-size:.8em;}
.event a {background-color:#7b7b6c; padding:2px;}
.diary {margin:5px 0 5px 0; padding:20px 20px 2px 20px; background-color:#000; font-size:.9em;}
.diary p {margin:0 0 10px 0;}

.post {margin:10px 0 10px 0;}
.entry p {margin-bottom:4px;}
.mika, .author-Mika, .author-Mika a {color:#FF0000; line-height:1em; margin-bottom:4px; background-color:#181818;}
.author-Mika small, .author-Ryoko small {color:#ede8c6; background-color:#181818;}
.ryoko, .author-Ryoko, .author-Ryoko a {color:#FFF; line-height:1em; margin-bottom:4px; background-color:#181818;}
.author-Mika h2, .author-Ryoko h2 {margin:0 0 0px 0;}
.author-style {font-size:1.1em;}
.members {font-size:1.2em; line-height:1.4em; margin-bottom:20px; color:#FFFFFF; font-weight:bold;}
.fan {color:#859b24;}
.bump {margin-top:4px;}
.peep {color:#FFF; text-transform:uppercase; padding:0 3px 0 3px;}
.floatleft {float: left; display: inline; margin: 0 20px 0 0;}
p.read-more a {font-size:1.2em;}
.songname {font-size:1em;}
.white, .white a {color:#FFF;}
.fix {clear:both; margin:0px; padding:0px;}

.tweet {font-family: Georgia, serif; font-size: 110%; color: #940101; line-height:1.4em;}
.tweet .tweet_list {-webkit-border-radius: .5em; list-style-type: none; margin: 0; padding: 1em; background-color: #c5c3c3;}
.tweet .tweet_list li {overflow: auto; padding:.7em; background-color:#f2efea;}
.tweet .tweet_list li a {color: #a5a4a4; }
.tweet .tweet_list .tweet_even {background-color: #f2efea; margin:.5em 0;}
.tweet .tweet_list .tweet_avatar {padding-right: .5em; float: left;}
.tweet .tweet_list .tweet_avatar img {vertical-align: middle;}

#vibemenublock {width:750px; height:24px; margin:20px 0 0 70px;}
#vibemenu {background:url("../revolution/images/vibenav.jpg") no-repeat; width:810px; height:24px; margin:0px 0 0px 25px; padding:0;}
#vibemenu span {display: none;}
#vibemenu li, #vibemenu a {height:24px; display:block;}
#vibemenu li {float:left; list-style:none; display:inline;}
#vibemenu1 {width: 65px;}
#vibemenu2 {width: 55px;}
#vibemenu3 {width: 80px;}
#vibemenu4 {width: 90px;}
#vibemenu5 {width: 100px;}
#vibemenu6 {width: 110px;}
#vibemenu7 {width: 110px;}
#vibemenu8 {width: 110px;}
#vibemenu1 a:hover {background:url("../revolution/images/vibenav.jpg") 0px -24px no-repeat;}
#vibemenu1.current {background:url("../revolution/images/vibenav.jpg") 0px -24px no-repeat;}
#vibemenu2 a:hover {background:url("../revolution/images/vibenav.jpg") -65px -24px no-repeat;}
#vibemenu2.current {background:url("../revolution/images/vibenav.jpg") -65px -24px no-repeat;}
#vibemenu3 a:hover {background:url("../revolution/images/vibenav.jpg") -120px -24px no-repeat;}
#vibemenu3.current {background:url("../revolution/images/vibenav.jpg") -120px -24px no-repeat;}
#vibemenu4 a:hover {background:url("../revolution/images/vibenav.jpg") -200px -24px no-repeat;}
#vibemenu4.current {background:url("../revolution/images/vibenav.jpg") -200px -24px no-repeat;}
#vibemenu5 a:hover {background:url("../revolution/images/vibenav.jpg") -290px -24px no-repeat;}
#vibemenu5.current {background:url("../revolution/images/vibenav.jpg") -290px -24px no-repeat;}
#vibemenu6 a:hover {background:url("../revolution/images/vibenav.jpg") -390px -24px no-repeat;}
#vibemenu6.current {background:url("../revolution/images/vibenav.jpg") -390px -24px no-repeat;}
#vibemenu7 a:hover {background:url("../revolution/images/vibenav.jpg") -500px -24px no-repeat;}
#vibemenu7.current {background:url("../revolution/images/vibenav.jpg") -500px -24px no-repeat;}
#vibemenu8 a:hover {background:url("../revolution/images/vibenav.jpg") -610px -24px no-repeat;}
#vibemenu8.current {background:url("../revolution/images/vibenav.jpg") -610px -24px no-repeat;}

.inform {font-size:12px; line-height:15px; margin-bottom:5px;}	
#flashcontent1, #flashcontent2, #flashcontent3, #flashcontent4, #flashcontent5, #flashcontent6 {margin:0 0 20px 10px;}

/* FOOT */

.clearfooter {height: 330px; clear: both;}
#footboard {height: 80px; width: 100%; 
	background: #000 url(http://www.bo-peep3.com/revolution/images/footer_BG1.jpg) repeat-x 0 top; position: relative;
	clear:both;}
#footboard h4 {width: 860px; margin-left: auto; margin-right: auto; padding: 40px 0 0 40px; font-size:2em; color:#666666;}
#footcontainer {width: 860px; margin-left: auto; margin-right: auto; padding-left: 40px; padding-right: 20px; 
	padding-top: 20px; position: relative;}
.foot1 {width: 190px; float: left; display: inline;}
.foot2 {width: 190px; margin-left: 30px; display: inline;}
.foot1 ul {list-style-type: none; float: left; font-size: .9em; line-height: 1.2em;}
.foot1 li a {color:#CCCCCC; text-decoration: none; background: url(http://www.bo-peep3.com/revolution/images/arrowicon.gif) no-repeat 0 2px;
	padding-left: 18px; padding-bottom: 15px; display: block; width: 170px;}
.foot1 li a:hover {text-decoration: underline; color: #ffffff;}
.credit {clear: both;padding-top: 12px; padding-bottom: 10px; float: left; width: 850px; position: relative;}
.credit span.copyright {float: left; display: inline; font-size:.9em; font-weight: bold;}