/* CSS for Basic Skin
Edit to add your own custom colors or background images. */


/* FONTS (Set default font faces, colors and sizes for the entire page.)
------------------------------------------------------------------------- */
body
{font-family: Georgia, "Times New Roman", Times, serif;
color: #000;
font-size: 11px;}

/* you can set a different font style for your headers (buttons too/*sorry tag is not allowed*/) */
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
.scrolling div{ clear: both; }
{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: #CC0000;}

/* visited links */
a:visited
{color: #660000;}

/* change link style when the mouse pointer hovers over them */
a:hover
{color: #FF6666;}

/* change the link style when the link is actually clicked */
a:active
{color: #FF6666;}


/* BODY (Set background color or image for the whole page.)
------------------------------------------------------------------------- */
body {background: #009999;}


/* BASIC PAGE LAYOUT (Set dimensions, background colors, etc. of 
content container and header. Uses custom DIVs placed in the header and footer.)
------------------------------------------------------------------------- */

/* custom container */
.mycontent
{width: 90%;
margin: auto;
}

/* custom header */
.myheader
{color: #FFF;
margin: auto;
text-align: center;}

/* column layout */
.sidebar
{width: 190px; /* could be replaced with percentage or em size */
float: left;}

.main-content
{margin-left: 200px;} /* same as width of sidebar plus extra to create margin */

/* YUKU MENU BAR ---- */
.mgr-navigation-sliver
{background: #007A7A;}

	.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: #ACE6E6;
border: 1px solid black;
margin-bottom: 15px;} /* set the bottom margin of all boxes */

/* main content within boxes */
.boxbody
{padding: 5px;}

.boxheading
{background: #009999;
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: #009999;
border: 1px solid #023165;
text-decoration: none;
color: white;}

	a:link.button, a:visited.button
	{color: white;}

/* 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: #ACE6E6;
border: 1px solid #023165;
color: #000;}
	
	.dropdown li a, .dropdown li a:visited,
	.dropdown li *
	{text-decoration: none;
	color: #000;}
	
	/* change background color of links when mouse hovers over them (doesn't work in IE6) */
	.dropdown li:hover
	{background: white;}

/* PAGER ----
(clickable page numbers which appear when there are multiple pages of posts) */

/* individual numbers for each page */
.pager div
{border: 1px solid #023165;
padding: 2px;}

/* remove underlines from page number links, set custom link color */
.pager a:link, .pager a:visited
{text-decoration: none;
color: #000;}

/* the current page number */
.current
{background: #ACE6E6;}


/* 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 ---- 
(Add borders to post tags and signatures (inside discussion box posts). You could also add
different background colors or font styles if you wished such as italic text for signatures.) */
.post-tags
{border-top: 1px solid #023165;
border-bottom: 1px solid #023165;}

.signature
{border-top: 1px solid #009999;}


/* GENERAL TAGS (Styles for misc general HTML tags.)
------------------------------------------------------------------------- */

/* set style of quoted text within posts */
blockquote
{border: 1px solid #009999;
padding: 5px;}

/* set the style of horizontal rules ('background' and 'color' must be the same to work in all browsers) */
hr
{border: none;
background: #009999;
color: #009999;
height: 1px;}

/* TABLES ---- */
table
{background-color: #FFF;}

table, th, td
{border: 1px solid #023165;}

/* set a special style for table headers */
th
{background: #009999;
color: white;}

	/* make all links within table headers white */
	th a:link, th a:visited
	{color: white;}
.scrolling div { clear: both; }