/* red jazz by alison */
/* the soup kitchen, a basement jazz joint in sydney was one of my favourite places to be */

/* --------- general set up ----------- */

body { background: #2A2A2A url(http://static.yuku.com/userskins/bypass/img/redjazz/bg-tile.gif); color: #fff; }
a { color: #fff;  text-decoration: none; }

/* --------- common elements ----------- */
	
/* pager area */
.pager { height: 30px; }
.pager-list { float: left; margin-right: 5px;}
.pager-total { float: left; margin-right: 5px; }
.pager-jump { float: right; }
form { margin: 0 0 0 0; }


/* --------- layout ----------- */

#holder{
 width: 800px;
 margin: 20px auto;
}


/* box headers with images */
.column_a .box {
    margin-bottom: 10px;
    background: url(http://static.yuku.com/userskins/bypass/img/redjazz/tabheader.gif) no-repeat center top;
    }


.column_b .box {
    background: url(http://static.yuku.com/userskins/bypass/img/redjazz/tabheaderlong.gif) no-repeat center top;
    }
    


.boxbody{
border: 1px solid #000;
background: #54101F url(http://static.yuku.com/userskins/bypass/img/redjazz/tile.gif);
margin: 0px 0px 0px 0px;
padding: 10px;
width: auto;
}

.boxbody .boxbody{
  padding: 6px;
}



/* text headers for each box */
.boxheading { 
padding: 8px 8px 4px 30px;
text-align: center;
}



/* --------- end layout ----------- */


/* --------- font module ----------- */

/* set font family and starter font size */
body { font-size: 62.5%; font-family:  verdana, san-serif; }
html>body { font-size:10px }

/* set overall forum width, and BASE font size - change THIS value to change all fonts larger/smaller (1.0em = 10px, 1.2em = 12px, etc) */
.wrapper { margin: auto; font-size: 1em; }

/* set heading font sizes ( em is a proportional size, like percentage, so to change all sizes, change the BASE font size) */
h1, h2, h3 {
	font-size: 1.2em;
	}

/* --------- end font module ----------- */

/* --------- button module ----------- */

/* all buttons */
a.button, .button, .pager-button { 
padding: 2px 1px 1px 2px;
color: #B36475;
border: 1px solid #111; 
border-color: #732133 #3A0712 #3A0712 #732133; 
background: #54101F; 
}

/* pager box (ok, so it's not actually a button!!) */
.pager-input {
color: #fff;
border: 1px solid #111;  
border-color: #732133 #3A0712 #3A0712 #732133; 
background: #54101F; 
height: 12px;
margin: 0;
font-size: 10px;
padding: 4px 5px 2px 5px ;
vertical-align: top;
}

.pager-button { height: 20px; padding: 3px; font-size: 10px; vertical-align: top;
}

* html .pager-button { margin-top: 1px; }

.button:hover, a.button:hover { background: #54101F; color: #fff; border-color: #3A0712 #732133 #732133 #3A0712; padding: 1px 2px 2px 1px;}

/* voting buttons */
.voting .button { display: block; }

/* user interact buttons in userprofile */
.button.interact { display: block; margin-right: 4px;}
.button.interact span { color: #B36475; }

.button.interact:hover span { color: #fff; }

/* popup buttons */
.interact-display li { margin-top: 2px; }

#userinteract-popup { font-size: 1px;  }
#userinteract-popup span { font-size: 10px; }



.boxheading h1 a,
.boxheading h2 a {
	right: 0.8em;
	top: 0.4em;
}
.boxheading h1 a.button.edit span,
.boxheading h2 a.button.edit span {
	font-size: 7px;
}

/* --------- end button module ----------- */


/* ----- individual blocks and elements ----- */
/* --------- user profile ----------- */

.userstats, #userinteract { margin-top: 10px;}
 
/* this is making the userstats neat and compact */
.userstats th { 
	white-space: nowrap;  
	font-size: .9em; 
	text-transform: lowercase;;
	}

.userstats td { 
	vertical-align: middle; 
	text-align: center;
	background: #54101F;  
	}

/* --------- end userprofile area ----------- */


/* ------ comments ------- */
.comments-block h2 .leave-a-comment { display: none;}

ol.comments-container .avatar-block {
	margin-top: .6em; 
}

p.comment-control { 
position: relative; 
text-align: left;
}

ol.comments-container .edit {
	position: relative;
	top: 0px;
float: right;
}

ol.comments-container .date {
	position: relative;
	top: 10px;
	left: 0px;
	opacity: 0.5;
}

ol.comments-container .date:before {
content: "posted on: ";
font-size: .9em;
}


/* ------ my recent posts ------- */
td.type, td.date, th.type, th.date { width: 10%; text-align: center;}
td.title, th.title { width: 70%;}

/* --------- general 'hacks' for IE ----------- */


/* this is to ensure that large images don't stretch column a blocks, and also so that large text sizes don't stretch the mini profile block  */
* html .column_a .html-block .boxbody, * html .column_a .miniprofile-block .boxbody { width: 280px; overflow-x: auto; }

/* this is to ensure that large images don't stretch the column b blocks */
* html #holder .column_b .html-block .boxbody { width: 415px; overflow-x: auto; }

/* this is to ensure that any user added divs don't trigger the peekaboo or creeping text bug in IE */
div { height: 0;}
html>body div { height: auto; }

/* copyleft 2006 to moi. Feel free to totally massacre this profile if that's what takes your fancy. After all, it's your profile that's gonna look like something the cat dragged in! But seriously now folks, if you should require help, or want to change the colour, just let us know at skins.yuku.com */