/* TYPOGRAPHY
---------------------------------------- */
body
{font-family: Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 12px;}

.boxheading h1, .boxheading h2, .boxheading .bread-crumbs
{font-size: 13px;}

.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 {font-size: 13px;}
.th {font-size: 12px;}

.interact .button {font-size: 12px;}
.button, .pager {font-size: 11px;}


/* LINKS
---------------------------------------- */
a {color: #FFF;}
a:visited {color: #DDD;}


/* BODY, set background color & image
---------------------------------------- */
body {background: #333;}


/* LAYOUT
---------------------------------------- */
#wrapper, #mgr-footer
{width: 80%;
padding: 25px;
margin: auto;
background: #000;
border-left: 2px solid #2A2A2A;
border-right: 2px solid #2A2A2A;}


/* STANDARD CLASSES
------------------------------------------- */

/* BOX ---- */
.box
{border-width: 1px;
border-style: solid;
margin-bottom: 10px;}

.boxheading
{padding: 4px;}

.boxbody
{padding: 4px;}

/* extra content boxes */
.extra-content
{border-color: #949494 #2C2C2C #1D1D1D #6D6D6D;
background: #464646;
padding: 4px;}

	.extra-content .boxheading
	{background: #000;
	border-width: 1px;
	border-style: solid;
	border-color:  #1D1D1D #6D6D6D #949494 #2C2C2C;
	color: #CAE226;}
	
		.extra-content .boxheading a, .extra-content .boxheading a:visited, .extra-content .boxheading a:hover
		{color: #CAE226;}

/* community content boxes (contain tables) */
.community-content
{background: #9EBA1E;
border-color: #C7D77D #647513 #424E0D #B3C94E;}

	.community-content .boxheading,
	.community-content .boxheading a, .community-content .boxheading a:visited, .community-content .boxheading a:hover
	{color: #000;}

/* BUTTONS ---- */
.button
{background: #111 url(http://static.yuku.com/domainskins/bypass/img/insun/black/btn-gradient.gif) repeat-x;
border: 1px solid #333;
color: #FFF;
text-transform: uppercase;
padding: 3px;}

a.button
{text-decoration: none;}

/* DROP DOWN LISTS ---- */
.dropdown p
{background: url(http://static.yuku.com/domainskins/bypass/img/insun/black/arrow-down.gif) no-repeat right;
border: none;
padding: 2px;
padding-right: 14px;}

.dropdown li
{border: 1px solid #999;
background: #CCC;}

	.dropdown li:hover, .dropdown li:active
	{background: #FFF;}
	
	.dropdown li a
	{color: #000;
	text-decoration: none;}

	.dropdown li input
	{color: #000;}

/* interact dropdown */
div.interact p
{background: url(http://static.yuku.com/domainskins/bypass/img/insun/black/arrow-interact.gif) no-repeat right;
padding: 2px;
padding-right: 14px;}

.interact .button
{text-transform: none;
color: #000;}

/* PAGER ---- */
.pager div
{border: 1px solid #CCC;
padding: 2px;
color: #999;
text-transform: uppercase;}

	.pager a
	{text-decoration: none;
	color: #999;}
	
	.pager a:hover, .pager a:active
	{color: #FFF;}

.pager .current
{background: #999;
color: #FFF;}


/* SPECIAL BOX & ELEMENT CLASSES
---------------------------------------------------------- */

/* ANNOUNCEMENT-BOX, CONTROL-BOX, JUMP-BOX ---- */
.announcement-box, .control-box, .jump-box, .breadcrumb-box
{border: none;
background: transparent;
padding: 0;}

.control-box, .jump-box
{margin-bottom: 5px;}

	.announcement-box .boxbody, .control-box .boxbody, .jump-box .boxbody
	{padding: 0;}

/* TOOL-BOX ---- */
.tool-box .boxheading
{color: #FFF;}
	
	.tool-box .boxheading h1
	{border-left: 3px solid #CAE226;
	padding-left: 5px;
	text-transform: uppercase;}

/* CATEGORY-BOX, FORUM-BOX and DISCUSSION-BOX (contain tables) ---- */
.forum-box .topic-titles a:link
{font-weight: bold;}

.forum-box .topic-titles a:visited
{font-weight: normal;}

/* DISCUSSION-BOX ---- */
.post-tags
{border-top: 1px solid #9A9A9A;
border-bottom: 1px solid #9A9A9A;}

.signature
{border-top: 1px solid #9A9A9A;}


/* GENERAL TAGS
------------------------------------------- */
blockquote
{background: #C9C9C9;
border: 1px solid #888;
padding: 10px;}

hr
{border: none;
background: #9A9A9A;
color: #9A9A9A;
height: 1px;}

/* FORMS ---- */
input.text, textarea
{border: 1px solid #CCC;
background: #EEE;}

/* TABLES ---- */
table
{background: #B3B3B3;
border-width: 2px;
border-style: solid;
border-color: #424E0D #B3C94E #C7D77D #647513;
color: #000;}

	table a, table a:hover, table a:active
	{color: #000;}
	
	table a:visited
	{color: #444;}

th, td
{border: 1px solid #888;}

.even td
{background: #CCC;}

th
{background: #9A9A9A;}