/*   
Theme Name: Stumble Bum Theme
Description: 
Author: kozo yamagata
Author URI: 
Version: 1.0
*/

@charset "UTF-8";

/* Initializations / Rules
------------------------------------------------------------------*/ 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, img
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	}
* {	margin: 0;
	padding: 0;
	zoom: 1;
	}
img { border: 0; }
body { 	font-size: 62.5%; /* 10px */ }
/* Basic Layout
------------------------------------------------------------------*/ 
html { height: 100%; }
body { height: 100%; text-align: center; }
body#bg { height: 100%; text-align: center; background: url(./images/bodyBg.gif) center top repeat-y; position: relative; }
div { text-align: left; }

#topWrapper {
	width: 823px;
	margin-top: 58px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	position: relative;
	}
#Wrapper {
	width: 704px;
	height:100%;
	min-height: 100%;
	margin: 0 auto;
	background: #6A6A6A;	
	position: relative;
	padding-bottom: 6px;
	}
body > #Wrapper { height: auto; }
#sidebar {
	width: 194px;
	height: 100%;
	position: absolute;
	left: 0;
	color: #B4B4B4;
	}
#navWrapper { border-bottom: 1px solid #6A6A6A; }
#nav {
	width: 509px;
	height: 29px;
	background: #6A6A6A;
	border-bottom: 1px solid #FFF;
	}
*:first-child+html #nav { width: 510px; }
#mainColumn {
	width: 509px;
	height: 100%;
	min-height: 800px;
	margin-left: 194px;
	background: url(./images/mainColumnBg.gif) right bottom no-repeat #FFF;
	}
*:first-child+html #mainColumn { width: 509px; }
#content {
	margin: 20px 10px 0 10px;
	font-size: 1.05em;
	line-height: 1.5em;
	min-height: 800px;
	}
#liveContent {
	margin: 0 10px 0 27px;
	font-size: 1em;
	line-height: 1.5em;
	min-height: 800px;
	}
#footSpace {
	position: absolute;
	bottom: 0;
	height: 6px;
	background: #6A6A6A;
	}
.alignLeft { float: left; }
.alignRight { float: right; }

/* Text Layout
------------------------------------------------------------------*/ 
.bold { font-weight: bold; }
.red { color: #FF0000; }

/* Top Setting
------------------------------------------------------------------*/
#topWrapper a.topImg {
	display: block;
	width: 823px;
	margin: 0 auto;
	position: relative;
	}
#topWrapper p.copyright {
	margin-top: 21px;
	}

#topWrapper #newsBox div p { margin-bottom: 7px; line-height: 1.5em; }
#topWrapper #newsBox div p strong { font-weight: bold; }
/* Nav Settingt
------------------------------------------------------------------*/ 
#nav ul {
	list-style-type: none;
	}
#nav ul li {
	float: left;
	}
#nav ul li.profile a {
	display: block;
	width: 76px;
	height: 29px;
	background: url(./images/nav_profile_off.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}
#nav ul li.disco a {
	display: block;
	width: 104px;
	height: 29px;
	background: url(./images/nav_disco_off.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}
#nav ul li.live a {
	display: block;
	width: 49px;
	height: 29px;
	background: url(./images/nav_live_off.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}
#nav ul li.blog a {
	display: block;
	width: 50px;
	height: 29px;
	background: url(./images/nav_blog_off.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}
#nav ul li.myspace a {
	display: block;
	width: 88px;
	height: 29px;
	background: url(./images/nav_myspace_off.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}
#nav ul li.link a {
	display: block;
	width: 55px;
	height: 29px;
	background: url(./images/nav_link_off.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}
#nav ul li.contact a {
	display: block;
	width: 87px;
	height: 29px;
	background: url(./images/nav_contact_off.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}
/* Content Setting
------------------------------------------------------------------*/
#content p {
	margin-bottom: 1.5em;
	}
#content img {
	margin-bottom: 10px;
	}
#content img.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
#content img.alignright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	}
#content h4 img {
	margin-bottom: 0;
	}
#content .mb0 {
	margin-bottom: 0;
	}
#content .mb30 {
	margin-bottom: 30px;
	}
#content .mb60 {
	margin-bottom: 60px;
	}


#liveContent p {
/*	margin-bottom: 20px; */
	}
#liveContent img {
	margin-bottom: 10px;
	}
#liveContent img.alignleft {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}
#liveContent img.alignright {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	}
#liveContent h4 img {
	margin-top: 25px;
	margin-bottom: 0;
	}
#liveContent .mb0 {
	margin-bottom: 0;
	}

/* Profile page Setting
------------------------------------------------------------------*/
.sideImg_profile {
	background: url(./images/sideImg_profile.jpg) left top no-repeat;
	}

/* Disco page Setting
------------------------------------------------------------------*/
.sideImg_disco {
	background: url(./images/sideImg_disco.jpg) left top no-repeat;
	}
.yellowBg {
	background: #FFFFCC;
	padding: 8px;
	}
.commentBox {
	width: 200px;
	float: left;
	}
legend {
	margin-left: 10px;
	}
#Wrapper #mainColumn #content fieldset {
	padding: 10px;
	margin-bottom: 1.5em;
	}
#Wrapper #mainColumn #content fieldset p {
	margin-bottom: 0;
	}

/* Live page Setting
------------------------------------------------------------------*/
.sideImg_live {
	background: url(./images/sideImg_live.jpg) left top no-repeat;
	}
.liveUnit {
	width: 437px;
	border-bottom: dotted 1px #000;
	padding-bottom: 7px;
	margin-bottom: 10px;
	}
.liveUnit span { display: block; }
.liveDate {
	
	}
.liveTitle {
	font-weight: bold;
	line-height: 2em;
	}
.artistName {
	font-weight: bold;
	line-height: 2em;
	}
.time {
	line-height: 2em;
	}
.liveHouse {
	line-height: 2em;
	}
.liveHouseTel {
	line-height: 2em;
	}
/* Link page Setting
------------------------------------------------------------------*/
.sideImg_link {
	background: url(./images/sideImg_link.jpg) left top no-repeat;
	}
.linkBox {
	margin-left: 17px;
	margin-bottom: 55px;
	}
.linkBox ul {
	padding-left: 1em;
	list-style-type: square;
	}
*:first-child+html .linkBox ul { padding-left: 1.5em; }
.linkBox ul li {
	line-height: 2em;
	}

/* Contact page Setting
------------------------------------------------------------------*/
.sideImg_contact {
	background: url(./images/sideImg_contact.jpg) left top no-repeat;
	}
.contactText {
	text-align: center;
	margin-top: 170px;
	}

/* Contact page Setting
------------------------------------------------------------------*/
#errorPageblogList {
	list-style: none;
	}
#errorPageblogList li {
	margin-bottom: 20px;
	}
#errorPageblogList li p {
	margin-bottom: 0;
	}
	
/* Text Setting
------------------------------------------------------------------*/
.sanserif {
	font-family: 'Arial', 'Tahoma', 'Helvetica', sans-serif;
	}
strong { font-weight: bold; }

.bold {
	font-weight: bold;
	}

.copyright {
	margin: 0 13px 0 13px;
	}
hr {
	border:solid ##582e2e;
	border-width:1px 0px 0px 0px;
	height:1px;
	overflow:hidden;
	margin-top: 7px;
	margin-bottom: 20px;
	clear:both;
} 

/* Link Text Setting
------------------------------------------------------------------*/


/* Menu Setting
------------------------------------------------------------------*/


/* Content Setting
------------------------------------------------------------------*/

/* Home Content Setting
------------------------------------------------------------------*/

/* Sidebar Setting
------------------------------------------------------------------*/
#sidebar p {
	width: 194px;
	position: absolute;
	bottom: 6px;
	text-align: center;
	letter-spacing: 0.25em;
	}


/*clearfix
------------------------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix {
	min-height: 1px;
	}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	
	}

.clear {
	clear: both;
	font: 1px/1px monospace;
	}

/*iepngfix
------------------------------------------------------------------*/
.iepngfix{
	behavior: expression(IEPNGFIX.fix(this));
	}