/* Burning Rain official net common */

/* Reset */

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object,
#main ul, #sub ul, #main dl { margin:0; padding:0; }

h5, h6, pre, table, code, kbd, samp, acronym, input, 
textarea { font-size: 100%; }

a, ins { text-decoration: none; }

address, em, cite, dfn, var { font-style: normal; }

input, textarea {
  font-family: sans-serif;
  font-weight: normal;
}

img { vertical-align: middle; }

a img { border: none; }

.bold { font-weight:bold; }

.bbs_new { font-style:italic; }

table { border-collapse:collapse; border-spacing:0; }

/* Reset End */
html, body { height: 100%; text-align: center;} 

body { width:960px; margin:0 auto; margin-left:auto; margin-right:auto; }
body div    { text-align:left;margin:0 auto; }
body, td, th { font-size:10pt;line-height:1.5 }

h1,
.x_large   { font-size:150% }
#main h2,
.large     { font-size:120% }
.s_large     { font-size:110% }
#main h2.bday,
#main h3,
#main  h4  { font-size:100% }
#sub h3, #sub ul, #sub dl, #sub h4,
#sub p     { font-size:93% }
#footer,
.sz2,
#globalNav,
#main p.entry_date_p, #main p.entry_date,
p.entry_state,
.see_more,
.see_more_a,
P.see_more_link span { font-size:85% }
.sz3 { font-size:75% }


#sub h4    { font-weight: normal }

.cap1  { text-transform:capitalize }
.cap   { text-transform:uppercase }
.nocap { text-transform:lowercase }


/* 2-box */

div#home,
div#index,
div#news,
div#bio,
div#disc,
div#live,
div#tour,
div#media,
div#event,
div#down,
div#photo,
div#store, 
div#commu,
div#cotact,
div#bbs,
div#gear,
div#forum,
div#merch,
div#calendar,
div#commu { width:960px; position:relative; top: 0;text-align: left;
           margin:0 auto; margin-left:auto; margin-right:auto; height:100% }

#header    { top:0;z-index:2;height:180px;position:absolute;} 

#globalNav { z-index:1;position:absolute;top:184px }
#keyvisual { z-index:0;position:absolute;top:195px }
#contents  { z-index:0; top:245px; padding-bottom:65px;text-align:left;
min-height: 100%;
height: auto !important;
height: 100%; }

#amazon { z-index:0; 
            position:absolute;padding-bottom:9px;top:190px;text-align:center;width:940px; } /* merchandise */

#search { z-index:0; 
            position:absolute;padding-bottom:65px;top:245px;text-align:left;width:940px; } /* Search */

#frontindex { z-index:0; 
            position:absolute;padding-bottom:75px;top:190px;text-align:center;width:940px; } /* index */

#main      { z-index:0; top:245px; position:absolute;
            width:600px; padding-left:15px; padding-bottom:65px    }  /* contents */ 
#sub       { z-index:0; position:absolute; top:245px; 
             width:310px; margin-left:640px; padding-bottom:65px }  /* contents */ 


#footer    { bottom:0; position:absolute;
             z-index:2; height:60px; }

#header, #globalNav, #keyvisual, #contents, #footer, #amazon, #search { width:960px; }


#footer { position:fixed; }

form#cse-search-box  { z-index:3; top:180px; right:3px; position: absolute; }


/* header > menu */

#header ul.menu { margin:0 auto 0 0; 
	padding:0; 
	height:30px; 
	width:100%; 
	display:block; }

#header ul.menu li   { padding:0; 
	margin:0; 
	list-style:none; 
	display:inline;  }

#header ul.menu li a { 
    float:left; 
	padding-left:15px;
	display:block; 
	text-decoration:none; 
	background-position:0px -30px;
	background-repeat:no-repeat;
	cursor:pointer; 
	outline:none;
	border-bottom:0px }


#header ul.menu li a span { 
	line-height:30px; 
	float:left; 
	display:block; 
	background-position:100% -30px;
	background-repeat:no-repeat;
	padding-right:15px; }

ul.menu li a              { color:rgb(209, 209, 209); }
ul.menu li a:hover        { color:rgb(243,247,2); }
#header ul.menu li a:hover      { background-position:0px -60px; }
#header ul.menu li a:hover span { background-position:100% -60px; }

#index ul.menu li a.index_a, 
#index ul.menu li a.index_a:hover,
#news ul.menu li a.news_a, 
#news ul.menu li a.news_a:hover,
#bio ul.menu li a.bio_a, 
#bio ul.menu li a.bio_a:hover,
#disc ul.menu li a.disc_a, 
#disc ul.menu li a.disc_a:hover,
#tour ul.menu li a.tour_a, 
#tourul.menu li a.tour_a:hover,
#photo ul.menu li a.photo_a, 
#photo ul.menu li a.photo_a:hover,
#gear ul.menu li a.gear_a, 
#gear ul.menu li a.gear_a:hover,
#forum ul.menu li a.forum_a, 
#forum ul.menu li a.forum_a:hover,
#merch ul.menu li a.merch_a, 
#merch ul.menu li a.merch_a:hover,
#calendar ul.menu li a.calendar_a, 
#calendar ul.menu li a.calendar_a:hover,
#commu ul.menu li a.commu_a, 
#commu ul.menu li a.commu_a:hover { 
	line-height:30px; 
	background-position:0px -90px;
	background-repeat:no-repeat; }

#header ul.menu li a.active span, 
#header ul.menu li a.active:hover span { 
	background-position:100% -90px;
	background-repeat:no-repeat; }


/* globalNav */

#globalNav ol { margin:0 9px; }
#globalNav ol li { display:inline;list-style:none; }
#globalNav ol li a { padding-right: 10px;padding-left: 4px;
                     background: url(http://www.burningrain.net/2010ver/img/map/list.gif) no-repeat right center; }
#globalNav ol li span.currentpage { padding-right: 10px;padding-left: 4px; }

/* keyvisual */

#keyvisual h1 { margin:9px 9px 9px 16px; }

/* footer */

#footer { background-color:#000 }
#footer p  { margin:0 9px; }


/* contents > main */

#main h2 { margin: 0 0 8px;  padding: 12px 0 8px 12px }
#main h3,
#main h4 { margin: 9px 0 9px 3px; padding: 6px 0 4px 12px }

#main h2,
#main h3,
.gfc-resultsHeader,
#main ul#portfolio li.music,
#main h4 {
    -webkit-border-top-left-radius: 2px;  
    -webkit-border-top-right-radius: 2px;  
    -webkit-border-bottom-right-radius: 5px;  
    -webkit-border-bottom-left-radius: 5px;  
    -moz-border-radius-topleft: 2px;  
    -moz-border-radius-topright: 2px;  
    -moz-border-radius-bottomright: 5px;  
    -moz-border-radius-bottomleft: 5px;  
}

#sub h3 {
    -webkit-border-top-left-radius: 3px;  
    -webkit-border-top-right-radius: 3px;  
    -webkit-border-bottom-right-radius: 7px;  
    -webkit-border-bottom-left-radius: 7px;  
    -moz-border-radius-topleft: 3px;  
    -moz-border-radius-topright: 3px;  
    -moz-border-radius-bottomright: 7px;  
    -moz-border-radius-bottomleft: 7px; 
}

#main h2,
#frontindex h3,
#main ul#portfolio li.music,
.gfc-resultsHeader,
#main h3 { 
	background-repeat:no-repeat;
	background-position:right top;
	border-width:1px 0;border-style:solid;
    text-shadow: 0px 1px 0px #000;
    -webkit-box-shadow: 4px 2px 2px #000;
    -moz-box-shadow: 4px 2px 2px #000;
    box-shadow: 4px 2px 2px #000; }


#main p,
#main div.div-p,
#frontindex div.div-p { margin: 9px 12px 9px 16px; }
#frontindex p,
#search div.div-p { margin: 9px 0; }

#sub p  { margin: 9px 6px; }

.see_more,
.see_more_moto,
P.see_more_link   { margin:9px 0 3px; }
p.see_more a  { margin:16px 2px 3px; padding:3px; }
P.see_more_link span  { margin:9px 2px; padding:3px; }
#main cite       { margin-left:9px }
#main blockquote { margin:9px;padding:9px 14px; }

#sub h3 { margin: 8px 2px 0 -5px; padding:4px 6px 2px 9px  }
#sub h4 { margin: 3px 3px 0 0;    padding-left:6px; }

/* float */

#main p.f_left,
#main div.f_left,
#frontindex div.f_left,
#frontindex p.f_left  { float:left; }
#main p.f_right,
#main div.f_right,
#footer p.f_right,
#frontindex p.f_right { float:right }
#main p.f_left { margin: 0px 8px 9px 16px; }
#main p.f_right { margin: 0px 12px 9px 8px; }
#frontindex p.f_left  { margin: 0 8px 9px 0; }
#frontindex p.f_right { margin: 0 0 9px 9px; }

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
 
.clearfix:after {
    clear:both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

br.c_both { clear:both }

/* List ul dl ol */

#main ul li,
#main dl dt, 
#main dl dd,
#sub  ul li,  
#sub  dl dt,  
#sub  dl dd,
#main ul.band li,
#main div.band,
#main div.dot,
#main p.dot   { background-repeat:no-repeat }

#search ul,
#main ul,
#main dl,
#sforum ul    { margin:9px 3px 9px 11px; padding-left:11px; }
#main ol    { margin:9px 3px 9px 25px; padding-left:25px; }
#frontindex ul,
#frontindex dl    { margin:9px 3px 9px 11px; padding-left:11px; }
#frontindex ol    { margin:9px 3px 9px 25px; padding-left:25px; }
#sub ul     { margin:3px 3px 3px 6px; padding-left:6px;  }

#main ul.img    {  }
#main ul.flag,
#sforum ul.flag   { margin:9px 0px 9px 11px; }
#main ul#portfolio  { margin:9px 0px 9px 3px; padding-left:3px; }
#main ul.band   {  }
#main ul ul,
#sub ul ul      { margin:2px 0 2px 11px; padding-left:11px, }
#main ul.cate_2,
#sub ul.cate_2  { margin:2px 0 2px 28px; padding-left:28px, }
#main ul.info   {}

#main ul li,
#sub  ul li { list-style-type:none }

#search ul li,
#main ul li, 
#sub  ul li,
#main dl dt, 
#sub  dl dt      { padding-left:10px; background-position:0 0.4em; }
#main ul.flag li,
#main h3.flag,
#main h4.flag,
#sforum ul.flag li    { padding-left:31px; background-position:5px 2px; }
#main ul.band li,
#main h3.band,
#main h4.band,
#main div.band,
#main dl.hist dt    { padding-left:30px; background-position:left center; }
#main ul ul li,
#main ul.cate_2 li,
#sub  ul ul li,
#sub  ul.cate_2 li,
#main dl.img dd,
#main dl.hist dd.dot,
#main dl.icon dd,
#main div.dot,
#main p.dot  { background-position:2px 0.4em; }
#main dl.img dd,
#main dl.hist dd.dot,
#main div.dot,
#main p.dot   { padding-left:11px; margin-left:11px; }

#main dl.qanda dt { margin:15px 5px 9px 0; padding-left:0 }
#main dl.qanda dd { margin:5px 9px 5px 2px; padding-left:35px; padding-bottom:6px; }
#main dl.qanda dd.line1,
#main ul.line1 li,
#main ul.band li.line1 { padding-top:7px; }
#main dl.img dt { margin:3px 0 }

#main dl.hist dd {}
#main dl.hist dd.cd { padding:7px 0px 13px 40px;background-position:left top; }
#main dl.hist dd.dot {}

#main dl.hist dt { margin:16px 5px 5px 0; padding-top:3px; padding-bottom:2px; font-weight:bold }
#main dl.hist dd { margin: 4px 9px 4px 20px }
#main dl.hist dt span.date { font-style:italic; font-weight:bold; padding-right:6px; }

#main dl.icon dt { background:#000;padding:1px 0 1px 9px }
#main dl.icon dd { margin-left:15px; }
#main dl.icon dd,
#main h4.icon,
#main ul.icon li { padding-left:20px; background-position:2px 0 }
#main ul.icon li.dot  { background-position:7px 0.4em; }

#main dl.icon dd.photo,  
#main ul.icon li.photo,  
#main ul.photo li,
#main h4.photo  { background-image: url(http://www.burningrain.net/img/icon/photo.png); }

#main dl.icon dd.review, 
#main ul.icon li.review, 
#main ul.review li,
#main h4.review { background-image: url(http://www.burningrain.net/img/icon/review.png); }

#main dl.icon dd.mail,
#main ul.icon li.mail,   
#main ul.mail li,
#main h4.mail   { background-image: url(http://www.burningrain.net/img/icon/sendmail.png); }

#main dl.icon dd.web, 
#main ul.icon li.web,    
#main ul.web li,
#main h4.web    { background-image: url(http://www.burningrain.net/img/icon/web.png); }

#main dl.icon dd.music,
#main ul.band li.music, 
#main ul.icon li.music,  
#main ul.music li,
#main h4.music  { background-image: url(http://www.burningrain.net/img/icon/music.png); }

#main dl.icon dd.map,
#main ul.icon li.map,  
#main ul.map li,
#main h4.map  { background-image: url(http://www.burningrain.net/img/icon/map.png); }

#main dl.icon dd.video,
#main ul.icon li.video,  
#main ul.video li,
#main h4.video  { background-image: url(http://www.burningrain.net/img/icon/video.png); }

#main dl.icon dd.myspace,
#main ul.icon li.myspace { background-image: url(http://www.burningrain.net/img/icon/myspace.png); }

#main dl.icon dd.facebook,
#main ul.icon li.facebook { background-image: url(http://www.burningrain.net/img/icon/facebook.png); }

#main dl.icon dd.twitter,
#main ul.icon li.twitter { background-image: url(http://www.burningrain.net/img/icon/twitter.png); }

#main dl.icon dd.youtube,
#main ul.icon li.youtube { background-image: url(http://www.burningrain.net/img/icon/youtube.png); }

#main dl.icon dd.yahoo,
#main ul.icon li.yahoo { background-image: url(http://www.burningrain.net/img/icon/yahoo.png); }

#main dl.icon dd.vimeo,
#main ul.icon li.vimeo { background-image: url(http://www.burningrain.net/img/icon/vimeo.png); }

#main dl.icon dd.mixi,
#main ul.icon li.mixi { background-image: url(http://www.burningrain.net/img/mixi.gif); }

#main dl.icon dd.freeml,
#main ul.icon li.freeml { background-image: url(http://www.burningrain.net/img/freeml.gif); }

/* Border */

p.border_top,
div.border_top,
ul.border_top li    { border-top-width:1px;    border-top-style:solid }

p.border_bottom,
div.border_bottom,
ul.border_bottom li { border-bottom-width:1px; border-bottom-style:solid }

p.border_left,
div.border_left,
ul.border_left li   { border-left-width:1px;   border-left-style:solid }

p.border_right,
div.border_right,
ul.border_right li { border-right-width:1px;  border-right-style:solid }



/* align , vertical-align */

.align_right  { text-align:right }
.align_left   { text-align:left }
.align_center { text-align:center }

img.top,    .valign_top    { vertical-align:top }
img.bottom, .valign_bottom { vertical-align:bottom }
img.middle, .valign_middle { vertical-align:middle }

img {
    -webkit-border-top-left-radius: 4px;  
    -webkit-border-top-right-radius: 4px;  
    -webkit-border-bottom-right-radius: 4px;  
    -webkit-border-bottom-left-radius: 4px;  
    -moz-border-radius-topleft: 4px;  
    -moz-border-radius-topright: 4px;  
    -moz-border-radius-bottomright: 4px;  
    -moz-border-radius-bottomleft: 4px;
}

/* Flame */

.flame1, .flame2, .flame3, 
.flame5 { border-style:ridge; margin:2px 4px; vertical-align:middle;
    -webkit-border-top-left-radius: 4px;  
    -webkit-border-top-right-radius: 4px;  
    -webkit-border-bottom-right-radius: 4px;  
    -webkit-border-bottom-left-radius: 4px;  
    -moz-border-radius-topleft: 4px;  
    -moz-border-radius-topright: 4px;  
    -moz-border-radius-bottomright: 4px;  
    -moz-border-radius-bottomleft: 4px;
	background-repeat:no-repeat;
	background-position:right top;
    text-shadow: 0px 1px 0px #000;
    -webkit-box-shadow: 4px 2px 2px #000;
    -moz-box-shadow: 4px 2px 2px #000;
    box-shadow: 4px 2px 2px #000; }
.flame1 { border-width:1px; }
.flame2 { border-width:2px; }
.flame3 { border-width:3px; }
.flame5 { border-width:5px; }

/* images */

img, img a { border:0px }

/* BGD images */

.img_right_top    { background-position:right top; }    /* top */
.img_right_center { background-position:right center; } /* center */
.img_right_bottom { background-position:right bottom; } /* bottom */
.img_left_top     { background-position:left top; }     /* top */
.img_left_center  { background-position:left center; }  /* center */
.img_left_bottom  { background-position:right bottom; } /* bottom */
.no_repeat        { background-repeat:no-repeat }


/* CD page */

#main div.cd_img {}

/* Page Top */
#main p.pagearea { font-size:75%; margin-left:12px }
#footer p.pagearea   { font-size:75%; text-align:right;margin-right:12px }
#main p.pagearea a,
#footer p.pagearea a { margin:0 5px }
#main div.scriptcopy     { font-size:75%; text-align:right }

address { font-size:75%; font-style:normal; font-family:Verdana,Arial,sans-serif; }

/* FORM */

fieldset { padding:6px; margin-left:9px; }
legend   { padding:2px; font-weight:bold }

input, textarea, select { margin:2px 1px; border-style:solid; }
input, textarea         { border-width:1px; }
select                  { border-width:0 0 1px 0; }

#c_name, #c_email { width:150px }
#c_url, #c_area   { width:200px } 

#main fieldset dl.list    { margin:9px 3px 9px 5px; padding-left:5px; }
#main fieldset dl.list dt { border-width:1px 0;border-style:solid none; }
#main fieldset dl.list dd { margin:2px 0 6px 15px; }
#main dl.form dt { padding-left:5px; margin:2px 0 0; }
#main dl.form dd { padding:2px 0;    margin:0 0 1px; }


.btn  { border-width:2px; border-style:solid; padding:2px 3px; margin:1px }

/* News and Updates */

#main div.en_catego      { font-size:85%; margin-top:16px; }
#main div.en_catego span { margin-left:9px; }
#main p.entry_date_p     { margin:25px 9px 0 6px; padding-left:9px;
                           background:#000   }

#main p.entry_date       { margin:9px; }
#main p.entry_state       { margin:0 9px 50px 14px; }

#main div.entry_comcom    { margin:0 12px 25px 25px;padding:3px }

hr, .hide,
.hide_pc,
.pc_hide,
#main ul.bbs_menu li.pc_hide { display:none }


/* E-mail */
#main ul.bbs_menu,
#main ul.member_menu { font-size:87%; margin:3px 9px 6px 6px; border-width:1px; }
#main ul.bbs_menu    { border-style:solid }
#main ul.member_menu { text-align:right }
#main ul.bbs_menu li,
#main ul.member_menu li { display:inline; padding-left:1px; padding-right:2px;  }
#main ul.bbs_menu li    { border-right-width:1px; border-right-style:solid }

p.navi { font-size:85%;margin-left:20px;  }
p.navi em { text-decoration: underline;  }
p.navi span { margin:0px 5px;color:#999;background-color: inherit;}
.example { font-size:85%;  }


/* BBS */
#main table.bbs_top { margin:0; padding:3px }
#main table.bbs_top th { font-weight:normal; text-align:left; }
#main table.bbs_top th.board  { width:545px; border-bottom-width:1px; border-bottom-style:solid; }
#main table.bbs_top td.update { width:215px; border-bottom-width:1px; border-bottom-style:solid; 
                                text-align:center; font-size:85% }

#main table.bbs_main  { margin:0; padding:3px }
#main table.bbs_main th,
#main table.bbs_main td { font-weight:normal; border-width:1px; border-style:solid; }

#main table.bbs_main th.number,
#main table.bbs_main td.number,
#main table.bbs_main th.reply,
#main table.bbs_main td.reply  { width:50px; font-size:85%; text-align:center; }
#main table.bbs_main th.title,
#main table.bbs_main td.title  { width:300px }
#main table.bbs_main th.update,
#main table.bbs_main td.update { width:210px; font-size:85%; text-align:center; }
#main table.bbs_main th.start,
#main table.bbs_main td.start  { width:150px; font-size:85%; text-align:center; }
#main table.bbs_main td.image  { width:135px; font-size:85%; text-align:center; }

#main p.bbs_date          { margin:0 9px 9px 14px; }
#main p.bbs_date_res      { margin:0 9px 9px 19px; }
#main div.bbs_message     { margin: 9px 12px 9px 16px; }
#main div.bbs_message_res { margin: 9px 12px 9px 21px; }

#main div.bbs_form { margin:9px 0px 20px 12px }
.search  { font-weight:bold; padding-left:2px; padding-right:2px } /* SEARCH */


/* TAB */
#tabContent { padding: 5px; }
#main ul#tabIndex{ margin:9px 3px 9px 0px; padding-left:0px; }
#tabIndex { margin: 0px; padding: 0px; }
#tabIndex li {
	float:left;
	margin: 0px;
	padding:2px 3px;
	list-style-type: none;
	cursor: pointer;
	display: block;
}
#tabBoxIndex { clear: both; }

/* Merchandise */
#merch div#main form { margin:4px 0 6px 15px }


/* News feed */

#feedControl { 
    width : 580px;
  }

.gfg-root {
  width : 100%;
  height : 250px;
  position : relative;
  overflow : hidden;
  text-align : center;
  font-family: "Arial", sans-serif;
  font-size: 12px;
  border: 1px solid #000;margin-bottom:9px
}

.gfg-title {
  font-size: 14px;
  font-weight : bold;
  color : #f63;
  background-color : #480008;
  line-height : 1.4em;
  overflow : hidden;
  white-space : nowrap;
  padding:2px 9px;
}

.gfg-subtitle {
  display : none;
}

.gfg-root .gfg-entry .gf-result {
  position : relative;
  float : left;
  width : 40%;
  height : 100%;
  padding : 5px 5px 5px 10px;
  text-align : left;
}

.gfg-list {
  position : relative;
  overflow : hidden;
  text-align : left;
  margin-bottom : 5px;
  padding-top : 5px ;
}

.gfg-listentry {
  line-height : 1.5em;
  overflow : hidden;
  white-space : nowrap;
  text-overflow : ellipsis;
  -o-text-overflow : ellipsis;
  padding-left : 15px;
  padding-right : 5px;
  margin-left : 5px;
  margin-right : 5px;
}

.gfg-listentry-odd {
  background-color : #333333;
}

.gfg-listentry-highlight { 
  background-image : url('http://www.google.com/uds/solutions/dynamicfeed/garrow.gif');
  background-repeat: no-repeat;
  background-position : center left;
}

.gfg-root .gfg-entry .gf-result .gf-title {
  font-size: 13px;
  margin-bottom : 3px;
}

.gfg-root .gfg-entry .gf-result .gf-snippet {
  height : 3.8em;
  color: #ccc;
  margin-top : 3px;
}
