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

body
{font: 11px Arial, Verdana, Helvetica, sans-serif;
color: #000;
}

.boxheading, .boxheading h1, .boxheading h2
{font-size: 12px; padding: 3px 5px 5px 5px;}

h1
{color: #ffffff;}

h2
{color: #000;}

h4, h6, th
{color: #000000;}


h3
{color: #000000;
}
h1
{font-size: 18px;} 

h2
{font-size: 14px; }

h3
{font-size: 12px;}


/* LINKS */

a:link
{font-weight: bold;

color: #237acb;}

a:visited
{color: #5aa1e0}

a:hover, a:active
{color: #d9e8ff;
}



body
{background: #fff ;}

	


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


.mycontent
{background: #fff ;
border: 0px;
padding: 30px;
margin: auto;
}

/* box headers with images */
.column_a .box {
    margin-bottom: 10px;
    background: #fff;
	Border:0px solid #b1b5b9;
    }
	
.column_a h2{color:#FFFFFF;}

.column_a .boxheading {
background:url(http://static.yuku.com/userskins/bypass/img/default_blue/columna.gif) no-repeat top;

}
.column_b .box{
    margin-bottom: 10px;
    background: #fff;
	Border:0px solid #b1b5b9;
    }
    
.column_b .boxheading {

margin:0px;
}

.column_b .onionskin3{
background:url(http://static.yuku.com/userskins/bypass/img/default_blue/columnb_right.gif) no-repeat top right;
margin:0px;
}
.column_b .onionskin1{
 background:url(http://static.yuku.com/userskins/bypass/img/default_blue/columnb_middle.gif) repeat-x top;
margin:0px;
}
.column_b .onionskin2{
	background:url(http://static.yuku.com/userskins/bypass/img/default_blue/columnb_left.gif) no-repeat top left;
margin:0px;
}


.boxbody{
border:1px solid #b1b5b9;
margin: 0px 0px 0px 0px;
padding:9px;
width: auto;
}

.boxbody .boxbody{
  padding: 5px;
}



/* text headers for each box */
.boxheading { 
padding: 3px 5px 5px 5px;
text-align: left;
margin:0px;
}


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



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

/* all buttons */
a.button, .button{ 
padding: 3px 2px 2px 3px;
color: #000;
border: 1px solid #b1b5b9; 
border-color: #ffffff #a1cbdf #a1cbdf #ffffff; 
background: #d9e8ff; 
text-decoration:none;
}

.button:hover, a.button:hover { 
background: #ffffff; 
color: #b1b5b9;
border:1px solid #b1b5b9; 
border-color:#a1cbdf ffffff #ffffff #a1cbdf; ; 
padding: 3px 2px 2px 3px;}


.boxbody ul a.button{ 
padding: 3px 2px 2px 3px;
color: #000;
border: 1px solid #b1b5b9; 
border-color: #ffffff #a1cbdf #a1cbdf #ffffff; 
background: #d9e8ff; 
text-decoration:none;
}

.boxbody ul a.button:hover{ 
background: #ffffff; 
color: #b1b5b9;
border:1px solid #b1b5b9; 
border-color:#a1cbdf ffffff #ffffff #a1cbdf; ; 
padding: 3px 2px 2px 3px;
}

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

/* user interact buttons in userprofile */
.button.interact { display: block; }
.button.interact span { color: #000;font-size:9px; }

.button.interact:hover span { color: #000;font-size:9px; }

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



.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: 10px;
	
}

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


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

.userstats{ margin-top: 10px;}

/* this is making the userstats neat and compact */
.userstats th { 
	white-space: nowrap;  
	font-size: 9px; 
	text-transform: lowercase;;
	}

.statsholder td { 
	vertical-align: middle; 
	text-align: center;
	background: #ebf3fe;  
	}


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

/* GENERAL TAGS --------------------------------- */

/* tables */
td
{border-bottom: 1px dotted #b1b5b9;}

th
{;
border-bottom: 0px solid #b1b5b9;
font-weight: bold;
text-align: left;}

/* ------ comments ------- */


.comment
{border-bottom: 1px dotted #b1b5b9;}


.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 {
	color: #888;
	margin-top: 1em;
}

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 any user added divs don't trigger the peekaboo or creeping text bug in IE */
div { height: 0;}
html>body div { height: auto; }