/* pixelina - a plain jane profile by alison */


body, html { color: #fff; background: #241F4A url(http://static.yuku.com/userskins/bypass/img/pixelina/bg.png); }

#outer {
width: 750px;
padding: 10px;
margin: auto;
}

.box > .onionskin1    {
background: url(http://static.yuku.com/userskins/bypass/img/pixelina/tl.png) no-repeat top left;
position: relative;
top: -1px;
left: -1px;
}


.onionskin2 { padding: 4px; }    
.onionskin1 > .onionskin2 { background: url(http://static.yuku.com/userskins/bypass/img/pixelina/br.png) no-repeat bottom right;  position: relative; top: 2px; right: -2px; padding: 3px 5px 5px 3px}
.onionskin3 { border: 1px solid #000; background: #4F4B69;  }

.box {
background: #484848 url(http://static.yuku.com/userskins/bypass/img/pixelina/tile.png);
border: 1px solid #000;
padding: 0px;
margin-bottom: 15px;
}


/* --------- 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; 
color: #fff;
border: 1px solid #111; 
border-color: #222 #444 #444 #222; 
background: #373353; 
}

/* pager box (ok, so it's not actually a button!!) */
.pager-input {
color: #fff;
border: 1px solid #111;  
border-color: #222 #444 #444 #222; 
background: #373353; 
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; }

/* gallery button */
#wrapper p.galerylink, #wrapper p.gallerylink { margin: 8px 0px; padding: 3px; }

/* edit buttons */
.button.edit { padding: 0; border: 0; background: none; font-size: .8em; }
.button.edit span { font-size: .9em; }

.button:hover, a.button:hover { background: #615D7A; color: #fff; }

/* content footer buttons */
.contentfooter .button { background: transparent; }


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

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



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

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


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


/* 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; }



.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: #615D7A;  
	}

a { text-decoration: none; }

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


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


/* box elements */

.contentfooter {
text-align: right;
font-size: 90%;
background: #373353;
color: #fff;
border-top: 1px solid #615D7A;
border-bottom: 1px solid #312C4F;
font-family: verdana, "Trebuchet MS", verdana, san-serif;
letter-spacing: 2px;
font-weight: normal;
padding: 4px 5px;
}


/* main content within box */
.boxbody { padding: 0px; }
.recentposts-block .boxbody, .html-block .boxbody {padding: 5px;}
.miniprofile-block .boxbody { padding: 0px 0px 5px 5px; }

.links-block li { padding: 4px;}
.friends-block h3, .friends-block ul { margin: 5px; }
.boxheading {
background: #373353 url(http://static.yuku.com/userskins/bypass/img/pixelina/headerb.png) repeat-x bottom left;
padding: 2px;
color: #fff;
border-top: 1px solid #615D7A;
border-bottom: 1px solid #000;
font-family: verdana, "Trebuchet MS", verdana, san-serif;
letter-spacing: 2px;
font-weight: normal;
padding: 1px 5px;
}

p.user-avatar  { height: 80px; }

/* links */
a { color: #fff; }

.boxheading a { color: #fff; text-decoration: none; }


/* lists */
#wrapper li, #wrapper p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }

#wrapper li {
background: #4F4B69 url(http://static.yuku.com/userskins/bypass/img/pixelina/headerb.png) repeat-x bottom left;
padding: 2px;
color: #fff;
border-top: 1px solid #615D7A;
border-bottom: 1px solid #000;
}

#wrapper li:hover { background: #322E49; }

#wrapper #userinteract li { 
border: 0 0 0 0; 
background-color: transparent; 
background-image: none; 
padding: 0 0 0 0;
margin: 0 0 0 0;
}

/* comments area */

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;
}



/* --------- general 'hacks' for AAAIIIIIIIIEEEEEEE! ----------- */

/* this is to ensure that large images don't stretch column a blocks */
.column_a .html-block .boxbody, .column_a .html-block .miniprofile { width: 280px; }

/* this is to ensure that large images don't stretch the column b blocks */
#outer .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 */