/* TYPOGRAPHY
------------------------------------------- */
body
{color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;}

.boxheading, .boxheading h1, .boxheading h2
{color: #FFF;
font-size: 14px;}

.boxheading .bread-crumbs
{font-weight: bold;}

h1 {font-size: 16px;}
h2 {font-size: 14px;}
h3 {font-size: 12px;}
h4 {font-size: 11px;}
h5 {font-size: 10px;}
h6 {font-size: 9px;}

th, .th
{font-size: 13px;}


/* LINKS
------------------------------------------- */
a:link
{color: #5E5E5E;
font-weight: bold;
text-decoration: underline;}

a:visited
{color: #5E5E5E;
font-weight: bold;}

a:hover
{color: #FFF;}
  

/* BODY (set background color or image)
------------------------------------------- */
body {background: #646869 url(http://static.yuku.com/domainskins/bypass/img/mira/chromeology/bckgtile.gif);} 


/* LAYOUT
------------------------------------------- */

/* menu bar */
.mgr-navigation-sliver
{background: #000;
color: #FFF;}

	.mgr-navigation-sliver *, .mgr-navigation-sliver a, .mgr-navigation-sliver a:visited
	{color: #FFF;}

/* set width of page */
#headerchrome, #footerchrome
{width: 95%;}

/* header */
#headerchrome
{margin: auto;
background: url(http://static.yuku.com/domainskins/bypass/img/mira/chromeology/header_tile.gif) repeat-x;
position: relative;
margin-top: 20px;}

.headerleft
{background: url(http://static.yuku.com/domainskins/bypass/img/mira/chromeology/header_left.gif) no-repeat;
height: 38px;
width: 48px;
position: absolute;
top: 0;
left: 0;}

.headerright
{background: url(http://static.yuku.com/domainskins/bypass/img/mira/chromeology/header_right.gif) no-repeat;
height: 38px;
width: 48px;
position: absolute;
top: 0;
right: 0;}

/* subheader with logo */
.subheader
{margin-left: 3px;
margin-right: 3px;
position: relative;
top: 38px;
background-color: #E4E4E4;
border: 3px solid #BBB;
border-top: 0;}

.logo
{background: url(http://static.yuku.com/domainskins/bypass/img/mira/chromeology/logo.gif) no-repeat;
background-position: 5px;
height: 57px;
padding-top: 20px;
padding-bottom: 3px;
padding-left: 90px;
border-bottom: 5px solid #5D5D5D;}

/* main content wrapper */
.wrapperchrome
{background-color: #E4E4E4;
border: 3px solid #BBB;
border-top: 0; 
border-bottom: 0;
margin-left: 3px;
margin-right: 3px;
padding: 15px;
position: relative;
top: 38px;}

/* footer */
#footerchrome
{height: 38px;
margin: auto;
margin-bottom: 50px;
background: url(http://static.yuku.com/domainskins/bypass/img/mira/chromeology/footer_tile.gif) repeat-x;
position: relative;
top: 38px;}

.footerleft
{background: url(http://static.yuku.com/domainskins/bypass/img/mira/chromeology/footer_left.gif) no-repeat;
height: 38px;
width: 48px;
position: absolute;
top: 0;
left: 0;}

.footerright
{background: url(http://static.yuku.com/domainskins/bypass/img/mira/chromeology/footer_right.gif) no-repeat;
height: 38px;
width: 48px;
position: absolute;
top: 0;
right: 0;}

/* YUKU FOOTER ---- */
.mgr-footer a, .mgr-footer a:link
{color: #000;}



/* STANDARD CLASSES
------------------------------------------- */

/* BOX ---- */
.box
{border: 1px solid #000;
margin-bottom: 10px;}

.boxbody
{padding: 5px;}

.boxheading
{padding: 5px;
background: #999;
border-bottom: 1px solid #000;}

	.collapsed .boxheading
	{border: none;}
	
	.boxheading a
	{color: #FFF;}

/* BUTTONS ---- */
input.button
{background-color: #BEBEBE;
border-width: 1px;}

/* COLLAPSE BUTTON ---- */
.collapse-button
{background: #FFF url(http://static.yuku.com/domainskins/bypass/img/mira/chromeology/expanded.gif) no-repeat;
display: block;
height: 12px;
width: 12px;
text-align: left; /* needed so text will be hidden on topic collapse button */
text-indent: -5000px; /* hide text */}

	.collapsed .collapse-button
	{background: #FFF url(http://static.yuku.com/domainskins/bypass/img/mira/chromeology/collapsed.gif) no-repeat;}

/* DROP DOWNS ---- */
.dropdown li
{border: 1px solid #666;
background: #E4E4E4;
font-size: 10px;}

.dropdown li:hover
{background: #FFF;}
	
	.dropdown li a
	{color: #000;
	text-decoration: none;
	font-weight: normal;}

	.dropdown li input
	{font-size: 10px;}

/* PAGER ---- */
.pager div
{border: 1px solid #000;
background: #999;
padding: 2px;}

.pager, .pager a
{color: #FFF;
text-decoration: none;}

.pager .current
{background: #444;}

/* ICONS ---- */
td .icon
{vertical-align: top;}

td.status img.icon:first-child
{margin-top: 0;}


/* SPECIAL BOX & ELEMENT CLASSES
---------------------------------------------------------- */

/* ANNOUNCEMENT-BOX ---- */
.announcement-box
{border: none;}

	.announcement-box .boxbody
	{padding-left: 0;
	padding-right: 0;}

/* CONTROL-BOX, JUMP-BOX ---- */
.control-box, .jump-box
{border: none;
background: transparent;
padding: 0;
margin-bottom: 5px;}
	
	.control-box .boxbody,
	.jump-box .boxbody
	{padding: 0;}

/* CATEGORY-BOX --- */
.forumtitle h3
{background: url(http://static.yuku.com/domainskins/bypass/img/mira/chromeology/category_tile.gif) repeat-x;
height: 20px;
padding-top: 5px;
padding-left: 2px;
color: #fff;
font-size: 14px;
font-weight: bold;}

	.forumtitle h3 a, .forumtitle h3 a:visited
	{color: #fff;}

/* DISCUSSION-BOX ---- */
.discussion-box
{border: none;}

	.discussion-box .boxbody
	{padding: 0;}

.post-tags
{border-top: 1px dotted #777;
border-bottom: 1px dotted #777;}

.signature
{border-top: 1px solid #777;}


/* GENERAL TAGS
------------------------------------------- */
blockquote
{padding: 6px;
background: #D0D0D0;
border: 1px solid #777;}

hr
{border: none;
background: #777;
color: #777;}

/* FORMS ---- */
input.text, textarea
{border: 1px solid #CCC;}

input.text:focus
{border: 1px solid #666;}

/* TABLES ---- */
table
{border-collapse: collapse;
border: 1px solid #000;}

td, th
{padding: 3px;
vertical-align: top;
text-align: left;}

td
{border: 1px solid #000;}

th
{background: #D0D0D0;}