/* TYPOGRAPHY */

body
{font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #333300;}

.boxheading, .boxheading h1, .boxheading h2
{font-weight: bold;
font-size: 14px;}

h1 {font-size: 16px;}

h2 {font-size: 14px;}

h3 {font-size: 12px;}


/* LINKS */

a:link, a:active
{color: #333300;}

a:visited
{color: #333300;}

a:hover, a:active
{color: #637b29;
text-decoration: underline;}


/* BODY */

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


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

.contentfooter
{font-size: 10px;
background: #B7C29A;
padding: 2px;}

/* BOX */
.box, .block
{margin-bottom: 15px;}

.box
{border: 2px solid #6E8638;
border-top: 2px solid #A0AD7F;
border-left: 2px solid #A0AD7F;}

.boxheading
{padding: 5px;
background: #839655;}

.boxbody
{padding: 10px;}


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

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

/* MINIPROFILE block */
.miniprofile-block th
{text-transform: lowercase;
white-space: nowrap;}

.avatarholder
{font-size: 10px;
background: #B7C29A;
padding: 5px;
width: 100px;}

	.avatarholder table
	{width: 100px;}

p.galerylink,
p.gallerylink
{margin-top: 0;
margin-bottom: 5px;}

table.userstats
{font-size: 10px;}

/* good & bad voting buttons */
.miniprofile-block td span
{background: #B7C29A;
padding: 1px;
display: block;
margin-bottom: 1px;
color: black;
text-decoration: none;}

	.miniprofile-block td span a
	{color: black;
	text-decoration: none;}

/* user interact menu */
#userinteract ul
{width: 100%;}
	
	#userinteract li
	{margin: 0 2px 1px 0;
	padding: 0;
	text-transform: lowercase;
	font-size: 10px;}

		#userinteract li a,
		#userinteract li span
		{white-space: nowrap;
		text-decoration: none;
		color: #000;}
	
	* html .interact-menu li
	{height: 0;}

.button.interact,
.button.interact span
{text-transform: uppercase;
text-align: center;
display: block;
margin: 0;
padding: 0;
cursor: pointer;}

.button.interact span
{background: #B7C29A;
background-position: 100% 0;
padding: 4px;}


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

/* COMMENTS block*/
.comment 
{background: #B7C29A;
border: 1px solid #A0AD7F;
border-top: 1px solid #6E8638;
border-left: 1px solid #6E8638;}

	.comment .avatar-block
	{padding-top: 5px;}