/* TYPOGRAPHY
---------------------------------------- */
body
{font-family: Verdana, Arial, sans-serif;
color: #333300;
font-size: 12px;}

.boxheading, .boxheading h1, .boxheading h2
{font-weight: normal;
font-size: 16px;
color: #DEDE7A;
font-family: "Arial Black", Gadget, Verdana, Arial, sans-serif;}

	.boxheading a, .boxheading a:visited
	{color: #DEDE7A;}

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: #333300;}

a:visited {color: #333300;}

a:hover, a:active
{color: #637B29;}


/* BODY, set background color & image
---------------------------------------- */
body {background: #A7B584;}


/* LAYOUT
---------------------------------------- */
.spacer {height: 15px;}

.stripedborder
{background: #A7B584 url(http://static.yuku.com/domainskins/bypass/img/mira/serenitynow/bck_diagonal.gif);
padding: 5px;
width: 90%;
margin: auto;}

.wrapper
{background-image: url(http://static.yuku.com/domainskins/bypass/img/mira/serenitynow/aeb991.gif);
border: 1px solid #cdd6b8;}

.forum_wrapper {padding: 15px;}

.header
{background: url(http://static.yuku.com/domainskins/bypass/img/mira/serenitynow/logo_bckg.gif) repeat-x;
height: 81px;
margin-bottom: 20px;}

	/* REPLACE THIS LOGO WITH YOUR OWN CUSTOM ONE ---- */
	.logo
	{background: url(http://static.yuku.com/domainskins/bypass/img/mira/serenitynow/logo.gif) no-repeat;
	height: 80px;
	width: 140px;
	float: right;}

.footer
{background-image: url(http://static.yuku.com/domainskins/bypass/img/mira/serenitynow/footer.gif) repeat-x;
height: 25px;}

/* menu bar */
.mgr-navigation-sliver
{background: #637B29;
color: #FFF;}

	.mgr-navigation-sliver *, .mgr-navigation-sliver a, .mgr-navigation-sliver a:visited
	{color: #FFF;}

/* DECORATIVE IMAGE DIVs ---- */
.vine_front
{background: url(http://static.yuku.com/domainskins/bypass/img/mira/serenitynow/vine2.png) no-repeat;
height: 194px;
width: 119px;
position: absolute;
z-index: 5;}

	* html .vine_front
	{background: none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='http://static.yuku.com/domainskins/bypass/img/mira/serenitynow/vine2.png');}

.vine_back
{background: url(http://static.yuku.com/domainskins/bypass/img/mira/serenitynow/vine1.png) no-repeat;
height: 76px;
width: 256px;
position: absolute;
z-index: 4;}

	* html .vine_back
	{background: none;
	filter: progid:dximagetransform.microsoft.alphaimageloader(src='http://static.yuku.com/domainskins/bypass/img/mira/serenitynow/vine1.png');}


/* STANDARD CLASSES
---------------------------------------- */

/* BOX ---- */
.box
{border: 2px solid #6E8638;
border-top: 2px solid #A0AD7F;
border-left: 2px solid #A0AD7F;
margin-bottom: 15px;}

.boxheading
{padding: 5px;
background: #839655;}

.boxbody
{padding: 10px;}

/* BUTTONS ---- */

/* form buttons (search) */
input.button
{padding: 1px;
background: #D7E1C0;
border: 2px solid;
border-color: #F9F8F3 #838C66 #838C66 #F9F8F3;
color: #000;}

/* temp fix */
.edit-tools a
{display: block;
float: left;
margin-right: 5px;}

/* DROP DOWNS ---- */
.dropdown span
{background: url(http://static.yuku.com/common/bypass/images/arrows/down-arrow-black.gif) no-repeat right center;
padding-right: 12px;}

.dropdown li
{border: 1px solid #A0AD7F;
background: #D7E1C0;
font-weight: normal;}

.dropdown li:hover
{background: #F3F6EC;}
	
	.dropdown li a, .dropdown li a:visited
	{color: #333300;
	text-decoration: none;
	font-weight: normal;}

/* COLLAPSE BUTTON ---- */
.collapse-button
{background: #A0AD7F url(http://static.yuku.com/domainskins/bypass/img/mira/serenitynow/expanded.gif) no-repeat;
display: block;
height: 13px;
width: 13px;
text-align: left; /* needed so text will be hidden on topic collapse button */
text-indent: -5000px; /* hide text */}

	.collapsed .collapse-button
	{background: #A0AD7F url(http://static.yuku.com/domainskins/bypass/img/mira/serenitynow/collapsed.gif) no-repeat;}

/* ICONS ---- */
.icon img, img.icon
{border: 1px solid #A0AD7F;}

.kudos { position: relative; z-index: 20000; }

/* PAGER ---- */
.pager div
{border: 1px solid #839655;
color: #333300;
padding: 2px;}

.pager a, .pager a:visited
{color: #333300;
text-decoration: none;}

.current
{background: #D7E1C0;}

.jump-dropdown
{border: 1px solid #839655;
background: #D7E1C0;}


/* SPECIAL BOX & ELEMENT CLASSES
---------------------------------------------------------- */

/* ANNOUNCEMENT-BOX ---- */
.announcement-box
{border: none;
background: transparent;}
	
	.announcement-box .boxbody
	{padding-left: 0;
	padding-right: 0;}

/* CONTROL-BOX, JUMP-BOX, LEGEND-BOX ---- */
.control-box, .jump-box, .legend-box 
{border: none;
background: transparent;
padding: 0;
margin-bottom: 5px;}
	
	.control-box .boxbody,
	.jump-box .boxbody,
	.legend-box .boxbody
	{padding: 0;}
	
	.legend-box .boxheading
	{display: none;}

/* DISCUSSION-BOX ---- */
.discussion-box
{border: none;
background: transparent;
padding: 0;}

	.discussion-box .boxbody
	{padding: 0;}

.post-tags
{border: 1px solid #A0AD7F;
padding: 2px;}

.signature
{border-top: 1px solid #A0AD7F;
font-style: italic;}

	.signature a
	{font-style: normal;}

table.post
{border: 1px solid #839655;
margin-bottom: 15px;}

	table.post th
	{background: #839655;}


/* GENERAL HTML TAGS
---------------------------------------- */
blockquote
{background: #C7D1AD;
padding: 8px;}

hr
{border: none;
background: #A0AD7F;
color: #A0AD7F;}

/* FORMS ---- */
input.text,
textarea
{border: 1px solid #839655;}

/* TABLES ---- */
td, th
{padding: 3px 8px;
text-align: left;
vertical-align: top;}

th, td
{border-bottom: 1px solid #839655;}

	tr.last td
	{border-bottom: none;
	padding-bottom: 0;}