/* TYPOGRAPHY
------------------------------------------- */
body
{color: #534640;
font-face: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;}

.boxheading h1, .boxheading h2, .boxheading .bread-crumbs
{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: 12px;}


/* LINKS
------------------------------------------- */
a {color: #686E24;}
a:visited {color: #534640;}
a:hover {color: #FEA712;}


/* BODY (set background color or image)
------------------------------------------- */
body {background: #E1E9EB;}


/* LAYOUT
------------------------------------------- */
#flowersbackground
{background: #E1E9EB url(http://static.yuku.com/domainskins/bypass/img/mira/simplelife/background.jpg) repeat-x top left;
padding-top: 61px;}

div.trans_border
{border: 1px solid #D9E5E6;
position: relative;
z-index: 4;
margin: auto;
padding: 8px;
width: 70%;}

div.flowers_content_wrapper
{background: #FFF;
padding: 10px;
padding-top: 25px;
margin-top: -11px;}

	* html div.flowers_content_wrapper {margin-top: 0;}
	
/* LOGO */
p.mylogo
{margin-top: 0;
margin-bottom: 25px;
text-align: right;}

/* DECORATIVE FLOWER DIVs ---- */
div.left_batch
{background: url(http://static.yuku.com/domainskins/bypass/img/mira/simplelife/left_batch.png) no-repeat;      
position: absolute;
left: 15%;
margin-left: -120px;
top: 0;
width: 152px;
height: 514px;
z-index: 1;}

* html div.left_batch
{background: none;
filter: progid:dximagetransform.microsoft.alphaimageloader(src='http://static.yuku.com/domainskins/bypass/img/mira/simplelife/left_batch.png');}

/* note: these flowers should display on top of content div */
div.small_batch_of_flowers
{background: url(http://static.yuku.com/domainskins/bypass/img/mira/simplelife/small_batch_of_flowers.png) no-repeat;     
position: absolute;
left: 15%;
top: 0;
width: 159px;
height: 160px;
z-index: 999;}

* html div.small_batch_of_flowers
{background: none;
filter: progid:dximagetransform.microsoft.alphaimageloader(src='http://static.yuku.com/domainskins/bypass/img/mira/simplelife/small_batch_of_flowers.png');}

div.one_flower
{background: url(http://static.yuku.com/domainskins/bypass/img/mira/simplelife/one_flower.png) no-repeat;     
position: absolute;
left: 32%;
top: 0;
width: 44px;
height: 69px;
z-index: 1;}

* html div.one_flower
{background: none;
filter: progid:dximagetransform.microsoft.alphaimageloader(src='http://static.yuku.com/domainskins/bypass/img/mira/simplelife/one_flower.png');}

div.top_batch
{background: url(http://static.yuku.com/domainskins/bypass/img/mira/simplelife/top_batch.png) no-repeat;     
position: absolute;
right: 25%;
top: 0;
width: 371px;
height: 69px;
z-index: 1;}

* html div.top_batch
{background: none;
filter: progid:dximagetransform.microsoft.alphaimageloader(src='http://static.yuku.com/domainskins/bypass/img/mira/simplelife/top_batch.png');}

div.big_green
{background: url(http://static.yuku.com/domainskins/bypass/img/mira/simplelife/big_green.png) no-repeat;    
position: absolute;
right: 20%;
top: 0;
width: 398px;
height: 71px;
z-index: 2;}

* html div.big_green
{background: none;
filter: progid:dximagetransform.microsoft.alphaimageloader(src='http://static.yuku.com/domainskins/bypass/img/mira/simplelife/big_green.png');}

/* note: these flowers should display on top of content div */
div.green
{background: url(http://static.yuku.com/domainskins/bypass/img/mira/simplelife/green.png) no-repeat;
position: absolute;
right: 10%;
top: 0;
width: 157px;
height: 102px;
z-index: 999;}

* html div.green
{background: none;
filter: progid:dximagetransform.microsoft.alphaimageloader(src='http://static.yuku.com/domainskins/bypass/img/mira/simplelife/green.png');}

div.right_batch
{background: url(http://static.yuku.com/domainskins/bypass/img/mira/simplelife/right_batch.png) no-repeat;     
position: absolute;
right: 15%;
margin-right: -76px;
top: 0;
width: 115px;
height: 361px;
z-index: 1;}

* html div.right_batch
{background: none;
filter: progid:dximagetransform.microsoft.alphaimageloader(src='http://static.yuku.com/domainskins/bypass/img/mira/simplelife/right_batch.png');}

/* MENU BAR ---- */
.mgr-navigation-sliver {background: #90A2BA;}

	.mgr-navigation-sliver, .mgr-navigation-sliver a, .mgr-navigation-sliver a:visited
	{color: #FFF;}


/* STANDARD CLASSES
------------------------------------------- */

/* BOX ---- */
.box
{border: 1px solid #CCC;
margin-bottom: 10px;}

.boxbody {padding: 5px;}

.boxheading
{background: #FFF6C3;
border-bottom: 1px solid #CCC;
padding: 3px 5px;}

	.boxheading, .boxheading a, .boxheading a:visited
	{color: #FEA712;}

.collapsed .boxheading {border: none;}

/* community-content boxes (contain tables) */
.community-content {background: #E6EBC1;}

/* BUTTON ---- */
input.button
{background: #E6EBC1;
border: 2px solid;
border-color: #CFDEBA #35510F #35510F #CFDEBA;
color: #5F921B;}

input.button:active
{border-color: #35510F #CFDEBA #CFDEBA #35510F;}

/* COLLAPSE BUTTON ---- */
.collapse-button
{background: #EEC4C4 url(http://static.yuku.com/domainskins/bypass/img/mira/simplelife/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: #EEC4C4 url(http://static.yuku.com/domainskins/bypass/img/mira/simplelife/collapsed.gif) no-repeat;}

/* DROP DOWNS ---- */
.dropdown p
{background: url(http://static.yuku.com/domainskins/bypass/img/mira/simplelife/arrow-down.gif) no-repeat center right;
border: none;
font-weight: bold;
padding-right: 15px;
margin-top: 3px;}

.dropdown li
{background: #E6EBC1;
border: 1px solid #CCC;}

.dropdown li:hover {background: #FFF6C3;}

	.dropdown li a, .dropdown li a:visited,
	.dropdown li, .dropdown li *
	{color: #534640;
	text-decoration: none;}

/* PAGER ---- */
.pager div
{background: #E6EBC1;
border: 1px solid #CCC;
padding: 2px;}

.pager, .pager a, .pager a:visited
{text-decoration: none;
color: #534640;}

.pager .current
{background: #FEA712;
color: #FFF;}

.jump-dropdown
{background: #E6EBC1;
border: 1px solid #CCC;
color: #534640;}


/* SPECIAL BOX & ELEMENT CLASSES
---------------------------------------------------------- */
/* ANNOUNCEMENT-BOX ---- */
.announcement-box
{background: transparent;
border: none;}
	
	.announcement-box .boxbody
	{padding-left: 0;
	padding-right: 0;}

/* CONTROL-BOX, JUMP-BOX, LEGEND-BOX ---- */
.control-box, .jump-box, .legend-box
{border: none;
margin-bottom: 5px;}
	
	.control-box .boxbody,
	.jump-box .boxbody,
	.legend-box .boxbody
	{padding: 0;}
	
	.legend-box .boxheading
	{display: none;}

/* DISCUSSION-BOX ---- */
.discussion-box
{background: transparent;
border: none;
padding: 0;}

.post-tags
{border-top: 1px dotted #DDD;
border-bottom: 1px dotted #DDD;}

.signature {border-top: 1px dotted #DDD;}


/* GENERAL TAGS
------------------------------------------- */
blockquote
{background-color: #E6EBC1;
border: 1px solid #CCC;
padding: 3px;}

hr
{background: #CCC;
border: none;
color: #CCC;}

/* FORMS ---- */
label {font-weight: bold;}

input.text, textarea {border: 1px solid #CCC;}

input.text:focus, textarea:focus {border: 1px solid #FEA712;}

/* TABLES ---- */
table, th, td {border: 1px solid #CCC;}

table {background: #FFF;}

th
{background: #FFF6C3;
padding: 2px 5px;}

th, th a, th a:visited {color: #FEA712;}

td {padding: 5px;}