/* TYPOGRAPHY 
---------------------------------------- */

body
{font-family: Verdana, Arial, Helvetica, sans;
font-size: 11px;
color: #333;}

.boxheading h1, .boxheading h2
{font-size: 24px;
color: #666;}

.boxheading a
{font-size: 11px;
font-variant: normal;}

h1, h2, h3, h4
{font-variant: small-caps;
font-family: "Trebuchet MS", Arial, sans-serif;
font-weight: normal;}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h6 {font-size: 10px;}


/* LINKS
---------------------------------------- */

a
{color: #237ACB;
text-decoration: none;}

a:visited
{color: #5AA1E0;}

a:hover, a:active
{text-decoration: underline;}


/* BODY, set background color and/or image
---------------------------------------- */
body
{background: #E5EEFD url(http://static.yuku.com/userskins/bypass/img/yuku-team/bg-gradient.gif) repeat-x;}


/* LAYOUT
---------------------------------------- */

/* MENU BAR */
.mgr-navigation-sliver
{background: #2364A1;
color: #FFF;}

	.mgr-navigation-sliver *, .mgr-navigation-sliver a, .mgr-navigation-sliver a:visited
	{color: #FFF;}

/* add your own logo by replacing the image in the 'Custom Header' */
.mylogo
{margin-bottom: 20px;
text-align: right;}

/* edit the width to make it wider if you prefer */
#wrapper
{width: 770px;
margin-left: auto;
margin-right: auto;}

/* corners */
.left
{float: left;
height: 15px;
width: 15px;}
	
.middle
{background: #FFF;
float: left;
height: 15px;
width: 740px;}
	
.right
{float: right;
height: 15px;
width: 15px;}

/* top */
.content-top
{margin-top: 20px;
height: 15px;
position: relative;}

	.content-top .left
	{background: url(http://static.yuku.com/userskins/bypass/img/yuku-team/tl.png) no-repeat;}
	
	* html .content-top .left
	{background: none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='http://static.yuku.com/userskins/bypass/img/yuku-team/tl.png');}
	
	.content-top .right
	{background:url(http://static.yuku.com/userskins/bypass/img/yuku-team/tr.png) no-repeat;}
	
	* html .content-top .right
	{background: none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='http://static.yuku.com/userskins/bypass/img/yuku-team/tr.png');}

/* bottom */
.content-bottom
{height: 15px;
position: relative;}

	.content-bottom .left
	{background: url(http://static.yuku.com/userskins/bypass/img/yuku-team/bl.png) no-repeat;}
	
	* html .content-bottom .left
	{background: none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='http://static.yuku.com/userskins/bypass/img/yuku-team/bl.png');}
	
	.content-bottom .right
	{background:url(http://static.yuku.com/userskins/bypass/img/yuku-team/br.png) no-repeat;}
	
	* html .bottom-top .left
	{background: none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='http://static.yuku.com/userskins/bypass/img/yuku-team/bt.png');}

/* actual content */
.mycontent
{background: #FFF;
padding: 10px;}


/* STANDARD CLASSES
---------------------------------------- */

/* BOX */
.box
{background: url(http://static.yuku.com/userskins/bypass/img/yuku-team/box-gradient.gif) repeat-x;
border: 1px solid #B1B5B9;}

.boxheading
{background: url(http://static.yuku.com/common/bypass/images/mgr/box/corner-tl.gif) no-repeat left top;
height: 18px;
padding: 10px 10px 15px 10px;}

.boxbody
{padding: 10px;}

/* onionskins */
.onionskin1
{background: url(http://static.yuku.com/common/bypass/images/mgr/box/corner-bl.gif) no-repeat left bottom;
margin: -1px;} /* only first onion skin needs neg margin to make corner graphics overlap box outline */

.onionskin2
{background: url(http://static.yuku.com/common/bypass/images/mgr/box/corner-br.gif) no-repeat right bottom;}

.onionskin3
{background: url(http://static.yuku.com/common/bypass/images/mgr/box/corner-tr.gif) no-repeat right top;}

/* make rounded corner images overlap box edges */
.box, .boxheading, .boxbody .onionskin1, .onionskin2, .onionskin3
{position: relative;}

/* PAGER */
.pager div
{border: 1px solid #CCC;}

.pager a
{color: #333;
text-decoration: none;}

.current
{background: #DEDEDE;}

/* BUTTONS */
.boxbody .button
{border: 1px solid #B1B5B9;
background: #E5EEFD;
color: #333;
text-decoration: none;
padding: 2px;}

.boxbody .button:hover
{background: #FFF;}


/* BLOCKS
---------------------------------------- */

/* Column A Blocks
------------------ */

/* MINIPROFILE block */

/* trick to hide "online" text so only icon shows */
.miniprofile-block span.status
{float: left;
width: 15px;
height: 15px;
line-height: 200px;
overflow: hidden;}

	* html .miniprofile-block .boxheading h1 a
	{right: 25px;}

	.miniprofile-block span.status img
	{vertical-align: top;}

/* Prevent text in headers of tables from wrapping */
.miniprofile-block th
{white-space: nowrap;}

.miniprofile-block td
{text-transform: lowercase;}

/* remove margin from top of gallery link so text lines up with the top of your avatar image */	
p.galerylink,
p.gallerylink
{margin-top: 0;}

/* good & bad voting buttons */
table.voting
{border-collapse: separate;
width: 100px;}

/* user interaction buttons, displayed to visitors */
#userinteract
{margin-top: 5px;}

#userinteract .button
{width: 50px;
text-align: center;
padding-left: 10px;}

	#userinteract li
	{margin-right: 1px;
	margin-bottom: 2px;
	text-align: center;}

/* TAGS BLOCK ---- */
.tags-list
{border-color: #B1B5B9;}


/* Column B Blocks
------------------ */

/* COMMENTS BLOCK ---- */
.reply-post
{border-color: #B1B5B9;}

/* RECENTPOSTS BLOCK ---- */
.recentposts-block th
{text-align: center;}


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

/* TABLES ---- */
th
{text-transform: lowercase;
background: #DEDEDE;
text-align: center;}