/* --------- general set up ----------- */

body
{font: 11px Arial, Verdana, Helvetica, sans-serif;
color: #fff;
}

.boxheading, .boxheading h1, .boxheading h2
{font-size: 12px; padding: 3px 5px 5px 5px;}

h1
{color: #fff;}

h2
{color: #fff;}

h4, h6, th
{color: #fff;}


h3
{color: #fff;
}
h1
{font-size: 18px;} 

h2
{font-size: 14px; }

h3
{font-size: 12px;}


/* LINKS */

a:link
{font-weight: bold;

color: #a0d208;}

a:visited
{color: #729607}

a:hover, a:active
{color: #b1b5b9;
}


/* BODY - background image, color */

body
{background: #364102 ;}
/* --------- common elements ----------- */
	


/* --------- layout ----------- */


.mycontent
{width:790px;
background: #4e5d07 ;
border: 0px;
padding: 20px;
position: relative;
margin: auto;}


.header
{
background: #4e5d07 url(http://images.yuku.com/image/gif/25d14a2b895821e91fa0d71c8d5451444d9fed.gif) no-repeat ;
height:250px;
}

/* box headers with images */


.column_a .boxheading {
   background: url(http://images.yuku.com/image/gif/0b614e2881592e8b6cd321d1a178b3b92ae6c1.gif) no-repeat top left;
height:40px;
}


.column_a .box {
	margin-bottom: 10px;
    background: #364102 ;
	border:1px solid;
	border-color:#627d11 #000000 #000000 #627d11;
    }
	
.column_a h2{color:#FFFFFF;}
    

.column_b .box{
    margin-bottom: 10px;
   background: #364102;
	Border:1px solid;
  	border-color:#627d11 #000000 #000000 #627d11;
    }
    
.column_b .boxheading {
   background: url(http://images.yuku.com/image/gif/0b614e2881592e8b6cd321d1a178b3b92ae6c1.gif) no-repeat top left;
margin:0px;height:40px;
}

.boxbody{

margin: 0px 0px 0px 0px;
padding:9px;
width: auto;
 background: #364102 url( http://images.yuku.com/image/gif/b041402987532b8444e44420be14093b95e4e9.gif) no-repeat bottom right;
}

.boxbody .boxbody{
  padding: 5px;
}



/* text headers for each box */
.boxheading { 
padding: 3px 5px 5px 5px;
text-align: left;
margin:0px;
}



/* --------- end layout ----------- */



/* --------- button module ----------- */

/* all buttons */

a.button, .button{ 
padding: 3px 2px 2px 3px;
color: #ffffff;
border: 1px solid #000; 
border-color: #999999 #666666 #666666 #999999; 
background: #637e12; 
text-decoration:none;
}
a.button p, .button p:hover{
color:#b1b5b9;
}
a.button p, .button p{
color:#ffffff;
}
.button:hover, a.button:hover { 
background: #ffffff; 
color: #b1b5b9;
border:1px solid #b1b5b9; 
border-color:#a1cbdf ffffff #ffffff #a1cbdf; ; 
padding: 3px 2px 2px 3px;}


.boxbody ul a.button{ 
padding: 3px 2px 2px 3px;
color: #ffffff;
border: 1px solid #000; 
border-color: #999999 #666666 #666666 #999999; 
background: #637e12; 
text-decoration:none;
}

.boxbody ul a.button:hover{ 
background: #ffffff; 
color: #b1b5b9;
border:1px solid #b1b5b9; 
border-color:#a1cbdf ffffff #ffffff #a1cbdf; ; 
padding: 3px 2px 2px 3px;
}
.gallerylink .button {color:#ffffff;}
.contentfooter p {color:#ffffff;}
/* voting buttons */
.voting .button { display: block;color: #fff; }

/* user interact buttons in userprofile */
.button.interact { display: block; color: #fff;}
.button.interact span { color: #fff;font-size:9px; }

.button.interact:hover span { color: #fff;font-size:9px; }

/* popup buttons */
.interact-display li { margin-top: 2px; font-size:9px;}



.boxheading h1 a,
.boxheading h2 a {
	right: 0.8em;
	top: 0.4em;
}
.boxheading h1 a.button.edit span,
.boxheading h2 a.button.edit span {
	font-size: 10px;color: #fff;
	
}

/* --------- end button module ----------- */


/* ----- individual blocks and elements ----- */
/* --------- user profile ----------- */

.userstats{ margin-top: 10px;}
/*ul #userinteract { margin-top: 10px; margin-left:20px; float:right}*/
/* this is making the userstats neat and compact */
.userstats th { 
	white-space: nowrap;  
	font-size: 9px; 
	text-transform: lowercase;;
	}
.statsholder td { 
	vertical-align: middle; 
	text-align: center;
	background: #333524;  
	}


/* --------- end userprofile area ----------- */

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

/* tables */
td
{border-bottom: 1px dotted #637e12;}

th
{;
border-bottom: 0px solid #b1b5b9;
font-weight: bold;
text-align: left;}

/* ------ comments ------- */

.comment
{border-bottom: 1px dotted #637e12;}


.comments-block h2 .leave-a-comment { display: none;}

ol.comments-container .avatar-block {
	margin-top: .6em; 
}

p.comment-control { 
position: relative; 
text-align: left;
}

ol.comments-container .edit {
	position: relative;
	top: 0px;
float: right;
}

ol.comments-container .date {
	position: relative;
	top: 10px;
	left: 0px;
	opacity: 0.5;
}

ol.comments-container .date:before {
content: "posted on: ";
font-size: .9em;
}


/* ------ my recent posts ------- */
td.type, td.date, th.type, th.date { width: 10%; text-align: center;}
td.title, th.title { width: 70%;}

/* --------- general 'hacks' for IE ----------- */


/* this is to ensure that large images don't stretch column a blocks, and also so that large text sizes don't stretch the mini profile block  */
* html .column_a .html-block .boxbody, * html .column_a .miniprofile-block .boxbody { width: 280px; overflow-x: auto; }

/* this is to ensure that large images don't stretch the column b blocks 
* html #holder .column_b .html-block .boxbody { width: 415px; overflow-x: auto; }
*/
/* this is to ensure that any user added divs don't trigger the peekaboo or creeping text bug in IE */
div { height: 0;}
html>body div { height: auto; }