/*
-----------------------------------------------
Yuku Forum Skin
Name: Twinkling City
Designer: Insun
URL: www.yuku.com
Date: 2 Aug 2006
----------------------------------------------- */

/* Color palette
-----------------------------------------------
sky Blue color="#00c6ff"
Dark Blue color="#1d3783"
Dark Grey Background color="#0099FF"
Light Grey Background color="#33cc99"
----------------------------------------------- */


/* TYPOGRAPHY
------------------------------------------- */
body
{font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
font-size: .67em; /* 10px base */}

.boxheading h1, .boxheading h2, .boxheading .bread-crumbs, .discussion-box th
{font-size: 1.3em;
font-weight: bold;}

h1 {font-size: 1.3em;}
h2 {font-size: 1.1em;}
h3 {font-size: 1em;}
h4 {font-size: 1em;}
h5 {font-size: .9em;}
h6 {font-size: .8em;}

th, .th {font-size: 1.1em;}


/* LINKS
------------------------------------------- */
a {color: #65EEFE;}
a:visited {color: #0294D3;}
a:hover {color: #CCC;}
a:active {color: #FFF;}


/* BODY (set background color or image)
------------------------------------------- */
body {background: #5A5A5A;}


/* LAYOUT
------------------------------------------- */
#wrapper
{margin: 15px;}

#head-banner
{text-align: center;
background: url(http://static.yuku.com/domainskins/bypass/img/city/city_header_repeat.gif) repeat-x top center;
margin-bottom: 10px;}

	#head-banner h1
	{height: 190px;
	text-indent: -5000px;
	background: url(http://static.yuku.com/domainskins/bypass/img/city/city_header.gif) no-repeat top center;
	margin: 0;}

/* MENU BAR ---- */
.mgr-navigation-sliver
{color: #FFF;
background: #000;}

	.mgr-navigation-sliver *, .mgr-navigation-sliver a, .mgr-navigation-sliver a:visited
	{color: #FFF;}

/* STANDARD CLASSES
------------------------------------------- */

/* BOX ---- */
.box
{border: 1px solid #000;
margin-bottom: 10px;}

.boxheading
{padding: 3px;}

/* extra-content boxes */
.extra-content
{background: url(http://static.yuku.com/domainskins/bypass/img/city/city_check_pattern.gif);
padding: 8px;}

	.extra-content .boxheading
	{background: #000;}

	.extra-content .boxbody
	{padding-top: 4px;}

/* community-content boxes (contain tables) */
.community-content
{padding: 3px;}

	.community-content .boxheading
	{background: #1D3783 url(http://static.yuku.com/domainskins/bypass/img/city/city_title_repeat.gif) repeat-x;
	border: 1px solid #000;
	color: #000;}
	
		.community-content .boxheading a, .community-content .boxheading a:visited
		{color: #000;}

	.community-content .boxbody
	{padding-top: 3px;}

/* BUTTONS ---- */
input.button
{background: #070F56;
color: #FFF;
border: 3px double #39619F;}

.button
{text-transform: uppercase;}

/* DROP DOWN MENUS ---- */
.dropdown span
{background: url(http://static.yuku.com/common/bypass/images/arrows/down-arrow-white.gif) no-repeat right center;
padding-right: 12px;}

/*drow Down*/

.dropdown ul
{border: 1px solid #000;
background: #5A5A5A;
padding: 1px;}

.dropdown li
{border: 1px solid #333;
color: #FFF;}

	.dropdown li *
	{color: #FFF;}

	.dropdown li a, .dropdown li a:visited
	{color: #FFF;
	text-decoration: none;}

.dropdown li:hover
{background: #999;}

/* PAGER ---- */
.pager .jump
{background: url(http://static.yuku.com/common/bypass/images/arrows/down-arrow-white.gif) no-repeat right center;
padding-right: 12px;}


/* SPECIAL BOX & ELEMENT CLASSES
------------------------------------------- */

/* ANNOUNCEMENT-BOX ---- */
.announcement-box
{background: #1C3783;
padding: 5px;
border: none;}

/* CONTROL-BOX, JUMP-BOX ---- */
.control-box, .jump-box, .breadcrumb-box
{background: transparent;
border: none;
padding: 0;}

	.control-box .boxbody, .jump-box .boxbody
	{padding: 0;}

/* DISCUSSION-BOX ---- */
.discussion-box
{border: none;
background: transparent;
padding: 0;}

	.discussion-box th
	{background: #1D3783 url(http://static.yuku.com/domainskins/bypass/img/city/city_title_repeat.gif) repeat-x;}

.post-tags
{padding: 3px;
background: #4D4D4D;}

.signature
{border-top: 1px dotted #FFF;}


/* GENERAL TAGS
------------------------------------------- */
blockquote
{padding: 3px;}

hr
{border: none;
background: #FFF;
color: #FFF;
height: 1px;}

/* FORMS ---- */
input.text, textarea
{border: 1px solid #000;}

/* TABLE ---- */
table
{border: 1px solid #000;}

th, td
{border: 1px dotted #000;}

th, .discussion-box .th
{background: #3A3A3A;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
color: #FFF;}

	th a, th a:visited,
	.discussion-box .th
	{color: #FFF;}

.odd td
{background: #777733;}

.even td
{background: #0033cc;}

div.suckerfish-holder { width: 48em; margin: 0px auto; }
/* menu borders and colors */
.suckerfish-h li a:link, .suckerfish-h li a:visited { background: #0000FF; color: #ffffff;}
.suckerfish-h li a:hover { background: #2EFE2E; color: #cc0000;}

.suckerfish-h li { border: 1px solid #000000; }
* html .suckerfish-h li ul { border-left: 1px solid #000000; border-bottom: 1px solid #000000; margin-left: -1px; }
* html .suckerfish-h li ul ul { border: 0px; border-top: 1px solid #000333; }

/* fix borders */
.suckerfish-h a span { padding-left: 5px; }
.suckerfish-h li { margin-right: -1px; }
.suckerfish-h li li { margin-left: -1px; }
.suckerfish-h li li { margin-right: 0px; margin-bottom: -1px; }
.suckerfish-h li li li { margin: 0px; margin-top: -1px; }
div.scroller { background: lightBlue; border: 1px solid #fFF00C; color: #ff000C; }
div.scroller-item { background: lightYellow; }
div.scroller-item { text-align: center; }
div.scroller { padding: 5px; }