body, html { margin:0; padding:0; line-height: 1.5em; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; background:#000000 url(images/RANBG.jpg) no-repeat 50% 0; color:#666666}
img { border: 0; margin: 0; padding: 0; }
a { text-decoration: none; color:#171F33;}
a:hover { text-decoration:underline;}
ol, ul {list-style: none;}
p {margin:0px 0 0 0; padding:0;}
.clear { clear: both; line-height:0; font-size:0; width:0; height:0; }
#container { margin:0 auto; height:1350px; position:relative; width:1000px; z-index:1;}
#container h1 { background:url(images/logo.png) no-repeat; z-index: 3; width:262px; height:138px; position:absolute; display:block; text-indent:-10000em; top:75px; left:2px; margin:0; padding:0;}
#wrapper { width:1000px; display:block; padding:0; top:222px; position:absolute; margin:0 auto; z-index:0; left:2px; height:auto; background:#FFFFFF url(images/wrapper-ran.jpg) no-repeat 100% 0%;}
/*#background { height:583px; background:url(images/RANBG.jpg) no-repeat 50% 0; z-index:2;}*/
#container #block-block-3 p { width:300px; height:100px; position:absolute; margin:0; padding:0; right:0px; top:10px; z-index:3;}
#nav { width:1000px; height:35px; display:block; background:#FFFFFF; border-bottom: 5px solid #4D4D4D;}
#nav ul.menu li { list-style-type:none; list-style:none; margin:0; padding:0; height:35px; display:block; float:left;}
#nav ul.menu { margin:0; padding:0;}
#nav li.leaf-62 a { background:url(images/nav-blog.jpg) no-repeat; text-indent:-10000em; width:110px; height:35px; display:block; float:left; border-right: 1px solid #FFFFFF;}
#nav li.leaf-63 a { background:url(images/nav-bio.jpg) no-repeat; text-indent:-10000em; width:111px; height:35px; display:block; float:left; border-right: 1px solid #FFFFFF;}
#nav li.leaf-64 a { background:url(images/nav-photo.jpg) no-repeat; text-indent:-10000em; width:110px; height:35px; display:block; float:left; border-right: 1px solid #FFFFFF;}
#nav li.leaf-65 a { background:url(images/nav-disco.jpg) no-repeat; text-indent:-10000em; width:111px; height:35px; display:block; float:left; border-right: 1px solid #FFFFFF;}
#nav li.leaf-66 a { background:url(images/nav-video.jpg) no-repeat; text-indent:-10000em; width:110px; height:35px; display:block; float:left; border-right: 1px solid #FFFFFF;}
#nav li.leaf-67 a { background:url(images/nav-event.jpg) no-repeat; text-indent:-10000em; width:110px; height:35px; display:block; float:left; border-right: 1px solid #FFFFFF;}
#nav li.leaf-68 a { background:url(images/nav-shop.jpg) no-repeat; text-indent:-10000em; width:110px; height:35px; display:block; float:left; border-right: 1px solid #FFFFFF;}
#nav li.leaf-69 a { background:url(images/nav-dear.jpg) no-repeat; text-indent:-10000em; width:110px; height:35px; display:block; float:left; border-right: 1px solid #FFFFFF;}
#nav li.leaf-70 a { background:url(images/nav-contact.jpg) no-repeat; text-indent:-10000em; width:110px; height:35px; display:block; float:left; border-right: none;}
/*Home*/
#content-front, #content-inside { display:block; margin:25px 12px 15px 15px; width:973px; height:auto; padding:0}
#content-front #front-left { margin:0 13px 0 0; width:682px; height:auto; float:left; padding:0}
#front-left #box-news { width:492px; height:254px; display:block; background: #000000 url(images/box-news.png) no-repeat bottom right; margin:0px 0 10px 0; padding: 40px 170px 20px 20px;}
#front-left #box-news ul { margin:0; padding:0;}
#front-left #box-news ul li { list-style:none; margin:0;}
#front-left #box-news ul li .image{ float:left; margin: 0 20px 0px 0;}
#front-left #box-news ul li .text h3 { font-size:18px; margin:0; padding:0; line-height:25px;}
#front-left #box-news ul li .text h3 a{ margin:0; padding:0; text-transform:uppercase; font-size:18px; color:#FFFFFF}
#front-left #box-news ul li .text { color:#999; font-size:12px; margin:0; padding:0;}
#front-left #box-news ul li .text .item-date { color:#FFFF00; text-transform:uppercase; margin: 10px 0;}
#front-left #box-news #more-latest-blog { margin:30px 0 0 0;}
#front-left #box-news #more-latest-blog a { display:inline; color:#FFFF00; background:#4D4D4D; padding:3px; }
#front-left #share { background:url(images/banner-front.jpg) no-repeat; width:662px; height:68px; text-align:right; padding: 15px 20px 0 0;}
#front-left #share a { margin: 0 10px;}
#front-left #BlogEvent { display:block; width:682px; height:auto; margin:10px 0 0 0; padding:0}
#front-left #BlogEvent #left { width:325px; height:auto; display:block; float:left; margin: 0 15px 0 0; border:2px solid #5A34A6; padding:2px;}
#BlogEvent #left h2 { width:315px; margin:14px 0; padding:0 0 0 10px; display:block; text-align:left; font-size:30px; color:#5A34A6; display:block; line-height:25px; font-weight:bold;}
#BlogEvent #left #list-blog { background:#5A34A6; width:315px; height:314px; display:block; margin:0; padding:5px 5px 0 5px;}
#BlogEvent #left #list-blog ul { text-align:left; margin:0; padding: 0 0 0 20px; list-style-type:decimal; color:#FFFFFF;}
#BlogEvent #left #list-blog ul li { margin: 0 0 21px 0; list-style-type:decimal}
#BlogEvent #left #list-blog ul li span.date { background: #8C71C1; width:100%; padding: 0 5px;}
#BlogEvent #left #list-blog ul li a { color:#FFFFFF; font-size:12px; display:block;}
#BlogEvent #left #list-blog #more-blog { border-top:1px dotted #FFFFFF; text-align:left; display:block; width:100%; padding: 10px 0 5px 0; height:16px}
#BlogEvent #left #list-blog #more-blog a { background: #8C71C1; width:100%; padding: 0 5px; margin:0 0 0 0; display:inline;}
#BlogEvent #right #list-event #more-event { border-top:1px dotted #FFFFFF; text-align:left; display:block; padding: 10px 0 5px 10px; height:16px; width:300px;}
#BlogEvent #right #list-event #more-event a { background: #F6B364; width:100%; padding: 0 5px; margin:0 0 0 0; display:inline; color:#FFFFFF}
#front-left #BlogEvent #right { width:325px; height:auto; display:block; float:left; border:2px solid #F29221; padding:2px;}
#BlogEvent #right h2 { width:315px; margin:14px 0; padding:0 0 0 10px; display:block; text-align:left; font-size:30px; color:#F29221; display:block; line-height:25px; font-weight:bold;}
#BlogEvent #right #list-event { background:#F29221; width:325px; height:320px; display:block; margin:0; padding:0;}
#BlogEvent #right #list-event li { margin:0 0 0 0; padding:5px 0 0 0; list-style:none;}
#BlogEvent #right #list-event li .date { background:url(images/bg-date.png) no-repeat; width:33px; height:25px; text-align: center; padding:20px 10px; color:#000; font-size:14px; font-weight:bold; float:left;}
#BlogEvent #right #list-event li p { color:#FFFFFF; font-weight:bold; float:left; display:inline; margin: 0 0 0 10px; font-size:12px; width:250px;}
#BlogEvent #right #list-event li p a {color:#FFFFFF; }
#content-front #front-right { margin:0; width:275px; height:auto; float:left; padding:0;}
#content-front #front-right #front-video { border: 2px #666 solid; padding:3px; display:block; float:left; height: 265px; width:265px;}
#front-banner { margin: 10px 0; padding:0; float:left; overflow:hidden; width:275px; position:relative;}
#front-banner p { margin: 0 0 10px 0;}
#block-views-view_recent_photo { border:2px solid #36C5A5; margin: 0 0 10px 0; padding:5px; height:187px; position: relative;}
#front-banner span#bg { padding:5px; background:#36C5A5; display: block; position:absolute; bottom:236px;z-index:7; width:251px; height:15px; text-align: right; left:7px}
#block-views-view_recent_photo ul li span#bg a { color:#FFF; background:#73D7C0; padding:2px; }
/*Polling*/
#front-poll { margin: 0px 0 0 10px; padding:3px; width:246px; float:left; border:3px solid #EF54A0; border-top:1px solid #EF54A0; position:relative}
#front-poll span#header { background: url(images/header-bg-poll.jpg) no-repeat 0 0%; width:278px; height:50px; position:absolute; z-index:2; top:0; left:-24px;}
#front-poll h2 { display:none;}
#front-poll #block-poll-0 { text-align:left; background: #EF54A0; color:#FFFFFF; margin:44px 0 0 0; padding: 0px 5px 10px 10px;}
#front-poll #block-poll-0 .form-item label { font-size:12px;}
#front-poll #block-poll-0 .form-radios label { font-size:11px; margin:0;}
#front-poll #block-poll-0 .form-radios {padding:10px 0; border-bottom: 1px dotted #FFFFFF; margin:0;}
#front-poll input#edit-vote { background:#F488BD; border: none; text-align:left; color:#FFFFFF; font-size:11px; cursor:pointer;}
.poll .vote-form { text-align:left;}
/*Insert*/
#content-inside #inside-left {display:block; padding:5px 3px; margin:0 13px 0 0; width:672px; height:auto; float:left; border: 2px solid #EB9382;}
#inside-left #content-overview { margin:25px 12px 0 12px; padding:0 0 0 0; }
#inside-left #content-overview h3 { color: #ED4653; font-size:18px; text-align:left; margin:0; padding:0;}
#inside-left #content-overview table { border:1px solid #D6D6D6; width:648px; margin:10px 0; padding:0; border-collapse:collapse;}
#inside-left #content-overview table tr { background:#F2F2F2;}
#inside-left #content-overview table tr.zebra { background:#E5E5E5;}
#inside-left #content-overview table th { background:#ED4653; height:30px; color:#FFFFFF;}
#inside-left #content-overview table td , th { border:1px solid #D6D6D6;}
#inside-left #content-overview table td { color:#333333;}
#content-inside #inside-right { display:block; margin:0; width:275px; height:auto; float:left; }
/*right banner*/
#content-inside #inside-right #recent-blog { display:block; margin:0; width:265px; height:auto; float:left; border: 2px #5A34A6 solid; padding:3px;}
#content-inside #inside-right #recent-blog h3 { color:#5A34A6; font-size:24px; margin:10px 0; padding:0;}
#content-inside #inside-right #recent-blog #list-blog { background:#5A34A6; width:265px; height:304px;}
#recent-blog #list-blog ul li { list-style:none; margin:0px 0; padding:10px 10px 20px 10px; background:url(images/list-blog.png) no-repeat left 25px; border-bottom:1px dotted #FFFFFF;}
#recent-blog #list-blog ul li.last { border:none;}
#recent-blog #list-blog ul { margin:0; padding:0 10px}
#recent-blog #list-blog ul li h3 { margin:0; padding:0;}
#recent-blog #list-blog ul li h3 a { color:#FFFFFF; font-size:12px; display:block;}
#recent-blog #list-blog .item-date { background: #8C71C1; width:100%; padding: 0 5px; color:#FFFFFF; width:150px}
#content-inside #inside-right #front-video { display:block; margin:10px 0 0 0; width:265px; height:auto; float:left; border: 2px #666 solid; padding:3px;}
#share-link { background:url(images/banner-everywhere.jpg) no-repeat; width:277px; height:100px; margin: 0 0 10px 0; text-align:center;}
#share-link img { margin:50px 10px 0 10px;}
/*Biography*/
#inside-left #content-overview #biography { font-size:12px;}
#inside-left #content-overview #biography p { font-size:12px; color:#666; margin: 0 0px 30px 0px; display:block;}
#inside-left #content-overview #biography img { margin: 0 10px 10px 0;}
#node-6 .content { font-size:12px;}
/*Blog*/
#inside-left #content-overview ul li { list-style:none; margin:0; padding:0; font-size:12px; color:#999999; border-bottom:#999999 1px dotted; padding:15px 10px 10px 10px;}
#inside-left #content-overview ul li.last { border:none;}
#inside-left #content-overview h3 a.blog { color:#CA205E; font-size:22px; text-transform:uppercase; line-height:25px;}
#inside-left #content-overview .item-date { font-size:11px; color:#000000; margin: 15px 0 25px 0;}
#inside-left #content-overview #continue { margin:20px 0 40px 0; padding:0;}
#inside-left #content-overview #continue a { color:#666666; font-size:11px;}
#inside-left #content-overview .image { float:left; display: inline; width:115px; margin: 0 20px 0 0; text-align:center; color:#CA205E; font-size:14px; font-weight:bold;}
#inside-left #content-overview .image img {border: 1px dotted #A7A7A7;}
#inside-left #content-overview .text { float:left; display: inline; width:485px;}
#inside-left #content-overview #comments .wysiwyg-format-1 { display:none;}
#inside-left #content-overview #comments p { display:none;}
#inside-left #content-overview #comments input{ border:none; background:#F4B5CD;}
#inside-left #content-overview #comments textarea{ border:none; background:#F4B5CD;}
#inside-left #content-overview #comments input#edit-submit { border:none; background:#F4B5CD; color:#FFF; padding:2px;}
#inside-left #content-overview #comments input#edit-preview { color:#FFF; padding:2px;}
#inside-left #content-overview .node-blog .text { font-size:12px}
#inside-left #content-overview .node-blog .text h4 { margin:0 0 10px 0; line-height:25px; padding:0; color:#CA205E; font-size:22px; text-transform:uppercase;}
#inside-left #content-overview .node-blog .text span { color:#000; font-size:12px;}
/*Photo*/
#inside-left #content-overview ul li .photo-album .item-image{ float:left; width:200px; height:200px; margin: 0 20px 0 0; background:#FFFFFF; padding:2px; border:1px dashed #D58E6D;}
#inside-left #content-overview ul li .photo-album .item-photo a { font-weight:bold; font-size:18px; color:#E55F0E;}
#inside-left #content-overview ul li .photo-album .item-photo p { font-size:11px; color:#666; margin:10px 0}
#inside-left #content-overview ul li .photo-album .item-content { font-size:11px; color:#666; margin:10px 0;}
#inside-left #content-overview p { margin: 10px 0 0 0; }
#inside-left #content-overview .node-photo{ height:auto; font-size:12px;}
#inside-left #content-overview .node-photo .parent span{ float:left; padding:2px; border:1px dashed #E55F0E; width:106px; height:86px; margin: 0 10px 0 0;}
#inside-left #content-overview .node-photo .parent h3 { color:#E55F0E; text-transform:uppercase}
#inside-left #content-overview .node-photo ul { margin:0; padding:0;}
#inside-left #content-overview .node-photo ul li { margin:0 5px 10px; padding:2px; float:left; border:1px dashed #F19D74; width:145px; height:110px; }
#inside-left #content-overview .node-photo #sub { width:620px; height:25px; padding: 0 10px; line-height:25px; margin:20px 0; background: #F59761; text-align:right}
#inside-left #content-overview .node-photo #sub a { color:#FFFFFF;}
/*Discography*/
#inside-left #content-overview .node-discography .album { margin:0 0 30px 0; padding:0}
#inside-left #content-overview .node-discography .album h4 { color:#E55F0E; text-transform:uppercase; font-size:18px; font-weight:bold;}
#inside-left #content-overview .node-discography .album p{ font-size:12px;}
#inside-left #content-overview .node-discography .album img { float:left; margin: 0 30px 0 0;}
#inside-left #content-overview .node-discography table { border:1px solid #D6D6D6; width:648px; margin:10px 0; padding:0; border-collapse:collapse;}
#inside-left #content-overview .node-discography table tr { background:#F2F2F2;}
#inside-left #content-overview .node-discography table tr.zebra { background:#E5E5E5;}
#inside-left #content-overview .node-discography table th { background:#AECE58; height:30px; color:#FFFFFF;}
#inside-left #content-overview .node-discography table td , th { border:1px solid #FFF; }
#inside-left #content-overview .node-discography table th { text-align:center; font-size:14px}
#inside-left #content-overview .node-discography table td { color:#333; padding: 0 10px;}
#inside-left #content-overview .node-discography table td a { color:#333; text-decoration:underline;}
/*Video*/
.image-video { margin:0 5px 10px 0; padding:3px; width:120px; position:relative; float:left; width:200px;}
.image-video img { border:#DB78A9 1px dashed; padding:3px;}
.image-video span { background:url(images/icon_play.png) no-repeat; width:58px; height:40px; position:absolute; display:block; top:65px; left:70px; margin: 0 auto;}
.image-video p.title { color:#EE539F; font-size:12px; font-weight:bold; margin:5px 0; }
.image-video p { color:#666;}
/*Event*/
#inside-left #content-overview .node-event { border-bottom:1px dotted #FB2D04; padding:0 0 10px 0; color:#FA2C04; font-size:12px}
#inside-left #content-overview .node-event .date{ padding:20px 10px; color:#000; float:left; margin:0 15px 0 0; text-align:center; background:url(images/bg-date.png) no-repeat; width:33px; height:22px; display: block;}
#inside-left #content-overview .node-event .date span { font-size:14px; font-weight:bold;}
#inside-left #content-overview .node-event h3 { font-size:18px; font-weight:bold; color:#333; margin:10px 0; padding:10px 0 0 0;}
/*Shop*/
#inside-left #content-overview .node-shop { float:left; width:146px; margin:10px 5px; padding:0px;}
#inside-left #content-overview .node-shop .shop-image { border: dashed 1px #06687D; padding:5px 5px 20px 5px; background:#ACE1F1;}
#inside-left #content-overview .node-shop p { font-size:12px;}
#inside-left #content-overview .node-shop p.title { color:#0792AC; font-weight:bold; margin:5px 0 0 0;}
#node-90 form input, #node-90 select, #node-90 textarea { border:none; background:#E2DAF3; color:#4F4BAC}
#node-90 form label{font-size:12px; color:#666; font-weight: normal; margin:10px 0 10px 0;}
#shop-desc p#desc { color:#5933A5; font-size:16px; font-weight:bold; line-height:25px;}
#shop-desc .title { margin:20px 0; line-height:45px; font-weight:bold; background:url(images/icon-contact.png) no-repeat right; width:150px; height:31px; color:#5933A5; font-size:18px;}
#shop-desc { font-size:12px;}
/*RBT*/
#inside-left #content-overview #adjective { display:block; height:100%; width:100%; font-size:12px; margin:10px 0 0 0;}
#inside-left #content-overview #adjective .reg {width:260px; height:100%; display:block; margin: 0 20px 0 0 }
#inside-left #content-overview #adjective .reg p { color:#000000}
#inside-left #content-overview #adjective h4{ color: #ED4653; margin:10px 0 0 0; padding:0}
/*Dear*/
#inside-left #content-overview .node-dear .reply { background:#71E07B; padding: 20px; width:606px; color:#FFF; font-size:12px}
#inside-left #content-overview .node-dear .reply h3 { margin:0 0 20px 0; padding:0; font-size:14px; font-weight:bold; color:#FFF;}
#inside-left #content-overview .node-dear span#quote {background:url(images/bg-dear.png) no-repeat; width:646px; height:64px; display:block; margin:0; padding:0;}
#inside-left #content-overview .node-dear .dear { padding: 20px; width:606px; font-size:12px;}
#inside-left #content-overview .node-dear .dear h3, span.from { margin:0 0 20px 0; padding:0; font-size:14px; font-weight:bold; color:#71DF79;}
#inside-left #content-overview .node-dear .dear div.from { margin:20px 0 20px 0; padding:0; font-size:14px; font-weight:bold; color:#71DF79;}
#inside-left #content-overview .node-dear .dear p {display:block;}
#inside-left #content-overview .pager { text-align:right; background:#ACE4B1; width:646px; height:25px; line-height:25px;}
.captcha img { float:left; margin:0 25px 0 0;}
#node-91 form input, #node-91 select, #node-91 textarea { border:none; background:#E2DAF3; color:#4F4BAC}
#node-91 form label{font-size:12px; color:#666; font-weight: normal; margin:10px 0 10px 0;}
#dear-desc p#desc { color:#5933A5; font-size:16px; font-weight:bold; line-height:25px;}
#dear-desc .title { margin:20px 0; line-height:45px; font-weight:bold; background:url(images/icon-contact.png) no-repeat right; width:180px; height:31px; color:#5933A5; font-size:18px;}
#dear-desc { font-size:12px;}
/*Contact*/
.captcha img { float:left; margin:0 25px 0 0;}
#node-13 form input, #node-13 select, #node-13 textarea { border:none; background:#E2DAF3; color:#4F4BAC}
#node-13 form label{font-size:12px; color:#666; font-weight: normal; margin:10px 0 10px 0;}
#node-13 #contact-desc p#desc { color:#5933A5; font-size:16px; font-weight:bold; line-height:25px;}
#node-13 #contact-desc .title { margin:20px 0; line-height:45px; font-weight:bold; background:url(images/icon-contact.png) no-repeat right; width:170px; height:31px; color:#5933A5; font-size:18px;}
#node-13 #contact-desc { font-size:12px;}
/*Lyric*/
.node-song { font-size:12px;}
.node-song #album { float:left; margin: 0 20px 0 0;}
.node-song #lyric { display: block; float:left;}
.node-song #lyric h3 { color:#E55F0E; font-size:18px; font-weight:bold;}
.node-song #lyric h4 { font-size: 14px; color:#666; margin:10px 0 10px 0; padding:0;}
/*footer*/
#footer { width:1000px; display:block; margin:0px 0 0 0; color:#CCCCCC; background:#000000; padding:10px 0 0 0; border-top:#8C7B5F 1px dotted;}
#footer #footer-content { text-align:left; background:#2F2F2F; margin:10px 0 0 0; height:80px; padding:5px;}
#footer #footer-content #left { float:left; border:1px solid #707070; width:336px; height:67px; margin:7px; overflow:hidden;}
#footer #footer-content #right { float:right; text-align:right}
#footer #footer-content #right p { color:#999999;}
#footer #footer-content #right #footer-nav{ margin-bottom:10px; height:20px}
#footer #footer-content #right #footer-nav ul li { float:left; border-right: 1px solid #CCCCCC; padding:0 7px}
#footer #footer-content #right #footer-nav ul li a{ color:#CCCCCC; text-transform:uppercase;}
.view-footer { margin: 0 0 10px 0;}
.tabs-hide {display:none;}
#container-1 ul#tab-video {margin:0; padding:0; position:absolute; top: 100px; left:375px;}
#container-1 ul#tab-video li { float:left; border:none; margin:0 7px; padding:0;}
#container-1 ul#tab-video li a {color:#FFF; font-weight:bold;}