/* CSS for Vegomatic Skin edited by cedar, August 2008 from "Basic Skin" */



/* FONTS (Set default font faces, colors and sizes for the entire page.)
------------------------------------------------------------------------- */
body
{font-family: Georgia, "Times New Roman", Times, serif;
color: #fcfcfc;
font-size: 11px;}

/* you can set a different font style for your headers (buttons too!) */
h1, h2, h3, th, .boxheading, .button
{font-family: Verdana, Arial, Helvetica, sans-serif;}

/* set boxheadings to have the same font size */
.boxheading h1, .boxheading h2
{font-size: 16px;}

.boxheading .bread-crumbs
{font-weight: bold;}

/* set default sizes for headers */
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h6 {font-size: 10px;}

/* set font size of table headers */
th, .th {font-size: 12px;}


/* LINKS (Make your own custom link colors and styles.)
NOTE: to remove underlines add "text-decoration: none;", to add underlines 
back to hovered links for example) add: "text-decoration: underline;"
------------------------------------------------------------------------- */

/* regular link style */
a:link
{color: #fcfcfc;}

/* visited links */
a:visited
{color: #fcfcfc;}

/* change link style when the mouse pointer hovers over them */
a:hover
{color: #fcfcfc;}

/* change the link style when the link is actually clicked */
a:active
{color: #fcfcfc;}


/* BODY (Set background color or image for the whole page.)
------------------------------------------------------------------------- */
body {background: #C75A22 url(http://static.yuku.com/domainskins/bypass/img/cedar/veg/vegbg.jpg);}


/* BASIC PAGE LAYOUT (Set dimensions, background colors, etc. of 
content container and header. Uses custom DIVs placed in the header and footer.)
------------------------------------------------------------------------- */

/* custom container */
#wrapper
{width: 85%;
padding: 10px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
background: #C75A22;
border: 1px solid #6C5E1F;}



/* YUKU MENU BAR ---- */
.mgr-navigation-sliver
{background: #ABA449;}

	.mgr-navigation-sliver *, .mgr-navigation-sliver a, .mgr-navigation-sliver a:visited
	{color: #FFF;}


/* STANDARD CLASSES (Set colors, dimensions, etc. of standard elements.)
------------------------------------------------------------------------- */

/* GENERIC BOX ---- */
.box
{background: #6C5E1F;
border: 1px solid #6C5E1F;
margin-bottom: 15px;} /* set the bottom margin of all boxes */

/* main content within boxes */
.boxbody
{padding: 5px;}

.boxheading
{background: #C6BA6E; text-align: center;
padding: 2px 5px; /*set padding for top & bottom, left & right */
color: white;}

	/* you may want to set custom link colors for boxheadings, different from your default link colors */
	.boxheading a:link, .boxheading a:visited
	{color: white;}

/* BUTTONS ---- */
.button
{padding: 2px;
background: #ABA449;
border: 1px solid #6C5E1F;
text-decoration: none;
color: #30444D;}

	a:link.button, a:visited.button
	{color: #30444D;}

/* DROP DOWN MENUS ----
set background colors, etc. for drop down list items */

/* add an arrow graphic to dropdown buttons */
.dropdown span
{background: url(http://static.yuku.com/common/bypass/images/arrows/down-arrow-white.gif) no-repeat right center;
padding-right: 12px;
padding-top: 2px;
padding-bottom: 2px;}

/* set style of dropdown list items */
.dropdown li
{background: #ABA449;
border: 1px solid #30444D;
color: #53411A;}
	
	.dropdown li a, .dropdown li a:visited,
	.dropdown li *
	{text-decoration: none;
	color: #53411A;}
	
	/* change background color of links when mouse hovers over them (doesn't work in IE6) */
	.dropdown li:hover
	{background: #AB804D;}
         /* to give IE6 a bit of hover color */
       * html .dropdown li a:hover { color: #AB804D; }


/* PAGER ----
(clickable page numbers which appear when there are multiple pages of posts) */

/* individual numbers for each page */
.pager div
{padding: 2px;}

/* remove underlines from page number links, set custom link color */
.pager a:link, .pager a:visited
{text-decoration: none;
color: #fff;}

/* the current page number */
.current
{border: 1px solid #A8BAB8;}


/* SPECIAL BOX & ELEMENT CLASSES (Set styles of individual boxes and 
elements different from the default styles.)
------------------------------------------------------------------------- */

/* CONTROL-BOX, JUMP-BOX, LEGEND-BOX ---- 
(Remove default box styles from these boxes.) */
.control-box, .jump-box, .legend-box
{border: none;
background: transparent;}

	.control-box .boxbody,
	.jump-box .boxbody,
	.legend-box .boxbody
	{padding: 0;}
	
	/* hide box heading */
	.legend-box .boxheading
	{display: none;}

.discussion-box .even td {background: #c6bb62; color: #4d3f07;}
.discussion-box .odd td {background: #CDC676; color: #4d3f07;}

/* GENERAL TAGS (Styles for misc general HTML tags.)
------------------------------------------------------------------------- */

/* set style of quoted text within posts */
blockquote
{border: 1px solid #53411A;
background: #d5cd87;
width: 80%;
padding: 5px;}

/* set the style of horizontal rules ('background' and 'color' must be the same to work in all browsers) */
hr
{border: none;
background: #AB804D;
color: #AB804D;
height: 1px;}

/* TABLES ---- */
table
{background-color: #6C5E1F;}

table, th, td
{border: 1px solid #AB804D;}

/* set a special style for table headers */
th
{background: #ABA449;
color: #53411A;}

	/* make all links within table headers white */
	th a:link, th a:visited
	{color: #53411A;}

.whosonline-box .visitors {background: #ABA449; padding: 5px;}
.whosonline-box .boxbody {padding: 0px;}
.whosonline-box .users-online {margin: 0; padding: 5px;}
.kudos, .views, .replies {width: 50px; padding: 0px;}
.author {width: 100px; padding: 0px;}
.tool-box, .tool-box .boxbody, .tool-box .boxheading {background: transparent; border: 0;}