/* --------- general set up ----------- */
#top_image h1{ 
	background:url(http://images.yuku.com/image/gif/842141258b542804a7b18d7b64ba9c770baecc.gif) no-repeat top center; height:170px;text-indent:-1000em;}

body { background:#5d0f1d url(http://images.yuku.com/image/jpeg/e81147298a512d6eeb3f231ab649af4077935b.jpg) repeat top fixed; color:#fcbe37;  }
a { color: #ffffff;  text-decoration: none; }

/* --------- common elements ----------- */
	
/* pager area */
.pager { height: 30px; }
.pager-list { float: left; margin-right: 5px;}
.pager-total { float: left; }
.pager-jump { float: right; }
form { margin: 0 0 0 0; }


/* --------- layout ----------- */

.box { background: url(http://images.yuku.com/image/png/7d134f5428e383f958ed256b12630a89272c2f.png) repeat-y top left;  }
.onionskin1 { background: url(http://images.yuku.com/image/png/2ec14a278b572ccf2ae6585c6c3b21f0049e56.png) no-repeat top left;  }
.onionskin2 { background: url(http://images.yuku.com/image/png/64c1472b865d2f555eaeae23440c8ac5acce87.png) no-repeat bottom left; }
.onionskin3 { padding: 0px 10px 20px 8px;}

.column_b { width: 450px;}
.column_b .box {background: url(http://images.yuku.com/image/png/bcb24a426482a543287c08f030e1a541a83a90.png) repeat-y top left; }
.column_b .onionskin1 { background: url(http://images.yuku.com/image/png/9b61462a815121a548b44028b0ceed2d94d0a3.png) no-repeat top left; }
.column_b .onionskin2 { background: url(http://images.yuku.com/image/png/8a6243f2d38945ce2fcd244c0fdaa98c60013c.png) no-repeat bottom left; }

.boxheading { height: 50px; }

.boxheading h1, .boxheading h2, .boxheading h3 { padding: 23px 10px 20px 20px;}


.boxbody { padding: 5px 5px 15px 8px !important; white-space: normal
}


#outer {
	width: 760px;
	padding-top: 10px;
	position: relative;
	margin: auto;
	}

* html #outer { width: 780px; }

/* --------- end layout ----------- */


/* --------- font module ----------- */

/* set font family and starter font size */
body { font-size: 80%; font-family:  verdana, san-serif; }
html>body { font-size:10px }

/* set overall forum width, and BASE font size - change THIS value to change all fonts larger/smaller (1.0em = 10px, 1.2em = 12px, etc) */
.wrapper { margin:auto; font-size: 1em; }

/* set heading font sizes ( em is a proportional size, like percentage, so to change all sizes, change the BASE font size) */
h1, h2, h3 {
	font-size: 1.2em;
	}

/* --------- end font module ----------- */

/* --------- button module ----------- */
/* all buttons */
a.button, .button { padding: 2px; solid #111; 
border-color: #222 #444 #444 #222; 

}
.button.edit span, .button.edit a, .button.edit, a.button.edit { color: #fff; font-size: 10px; border: 0px solid #000; padding:10px 15px 20px 0px;}

.button:hover, a.button:hover {  color: #e6b752; }

/* voting buttons */
.voting .button { display: block; }

/* user interact buttons in userprofile */
.button.interact { display: block; margin-right: 4px;}
.button.interact span { background:#000; color: #e6b752; }

.button.interact:hover span {background:#999; color: #fff; }
/* popup buttons */
.interact-display li { margin-top: 2px; }

/* --------- end button module ----------- */


/* ----- individual blocks and elements ----- */
/* --------- user profile ----------- */

.userstats, #userinteract { margin-top: 10px;}
 
/* this is making the userstats neat and compact */
.userstats th { 
	white-space: nowrap;  
	font-size: 1em; 
	text-transform: lowercase;;
	}

.userstats td { 
	vertical-align: middle; 
	text-align: center;
	background: #61101f;  
	}

/* --------- end userprofile area ----------- */



/* --------- end userprofile area ----------- */


/* ------ comments ------- */
.comments-block h2 .leave-a-comment { display: none;}


/* ------ 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 */
.column_a .html-block .boxbody, .column_a .html-block .miniprofile { width: 270px; }

/* this is to ensure that large images don't stretch the column b blocks */
#outer .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; }
Warning: Cannot modify header information - headers already sent by (output started at /cg_sites/yuku.com/htdocs/modules/profile/profile.mod:940) in /cg_sites/yuku.com/htdocs/modules/output/output.mod on line 2691
