/* -----------------------------------------------------
CSS for Ez Community Skin,
edit to add your own custom colors or background images

Original Yuku code by Chris
Font sizing and additional code by Alison
Code cleanup by Kristin
----------------------------------------------------- */


/* TYPOGRAPHY --------------------------
 set default font faces, font colors and sizes for the entire page */
body
{color: #333;
font-family: Verdana, Arial, Helvetica, sans-serif;}

body {font-size: 62.5%;} /* this is for IE */ 
html>/**/body {font-size: 10px;} /* this is for standards compliant browsers */
#wrapper {font-size: 1em;}

.featured-box .boxbody *
{font-size: 1em;}

/* set all boxheadings to have the same font size */
.boxheading h1, .boxheading h2, .boxheading h3, .boxheading .bread-crumbs
{font-size: 1.2em;}

.boxheading *
{font-weight: bold;}

th, .th, /* table header font */
.announcement-box, .post-content, .forum-box td, .forumtitle h3, textarea, input.text
{font-size: 1.2em;}

h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}

.topic-pager {font-size: .9em;}

.pager, .button, .post-tools
{font-size: 1.1em;}

h2, .forumtitle h3, .user-name, th, .th
{font-family: Arial, Helvetica, sans-serif;}


/* LINKS ------------------------------ */
a {color: #1D5A8A;}
a:visited {color: #1D5A8A;}
a:hover {color: #FF9300;}
a:active {color: #FF9300;}


/* BODY ----------------------------------
change background color or add a background image */
body {background-color: #FFF;}


/* BASIC PAGE LAYOUT ---------------------
set dimensions and margins for page content */
#wrapper
{width: 95%;
margin: 20px auto;}


/* STANDARD CLASSES ----------------------
set the colors, dimensions, etc. of standard elements */

/* GENERIC BOX ---- */
.box
{border: 1px solid #9BC3E3;
margin-bottom: 10px;}

.boxheading
{background: #2370A1 url(http://static.yuku.com/domainskins/bypass/img/ez-community-default/bg-heading.gif) repeat-x;
border-bottom: 1px solid #9BC3E3;
color: #FFF;
padding: 5px;}

	/* custom link colors for boxheadings */
	.boxheading a, .boxheading a:visited
	{color: #FFF;}

.boxbody
{padding: 5px;}

/* community-content (boxes containing forums) */
.community-content .boxbody
{padding: 0;}
	
.community-content .boxheading,
.collapsed
{border-bottom: none;}

/* BREADCRUMBS ---- 
(break into separate lines and indent,
delete this code if you want bread crumbs to line up neatly on one line) */
ul.bread-crumbs li
{display: block;}

ul.bread-crumbs li.odd
{padding-left: 15px;}

ul.bread-crumbs li.even
{padding-left: 30px;}

ul.bread-crumbs li.first
{padding-left: 0;}

/* BUTTONS ---- */
.button
{background: url(http://static.yuku.com/domainskins/bypass/img/ez-community-default/ez-button.gif) repeat-x;
text-decoration: none;
color: #000;
padding: 2px;
border: 1px solid #606C75;}

a:visited.button, a:hover.button, a:active.button
{color: #000;}

/* DROP DOWN MENUS ----
set background colors, etc. for drop down list items */

/* arrow for dropdown lists */
.dropdown span
{background: url(http://static.yuku.com/common/bypass/images/arrows/down-arrow-black.gif) no-repeat right center;
padding-right: 12px;
padding-top: 2px;
padding-bottom: 2px;}

.dropdown ul
{background-color: #9BC3E3;
border: 1px solid #606C75;
padding: 2px;}

.dropdown li
{border: 1px solid #606C75;
background-color: #E1EEF8;}

	.dropdown li *
	{color: #333;}

	.dropdown li a:link, .dropdown li a:visited
	{text-decoration: none;}
	
	.dropdown li:hover
	{background-color: #FFF;}

/* PAGER (clickable page numbers) ---- */
.pager .jump
{background: url(http://static.yuku.com/common/bypass/images/arrows/down-arrow-black.gif) no-repeat right center;
padding-right: 12px;}

.jump-dropdown
{border: 1px solid #9BC3E3;
background: #FFF;}


/* SPECIAL BOX & ELEMENT CLASSES ----------------------------
(set the styles of individual boxes different from the default box style) */

/* TOOL-BOX ---- */
.tool-box
{border: none;}

	.tool-box .boxheading
	{color: #000;
	border: none;
	background: transparent;
	padding: 0;
	padding-bottom: 3px;}
	
		.tool-box .boxheading a, .tool-box .boxheading a:visited
		{color: #000;}
	
	.tool-box .boxbody
	{padding: 0;}

/* ANNOUNCEMENT-BOX, CONTROL-BOX, JUMP-BOX, LEGEND-BOX ---- */
.announcement-box, .control-box, .jump-box, .legend-box, .breadcrumb-box
{border: none;
background-color: transparent;
padding: 0;}

	.announcement-box .boxbody, .control-box .boxbody, .jump-box .boxbody, .legend-box .boxbody
	{padding: 0;}
	
	.legend-box .boxheading
	{display: none;}

/* FORUM-BOX ---- */
/* ezboard style hot topic icon */
tr.row-hot td.topic-titles
{background: url(http://www.ezboard.com/images/hottopic.gif) no-repeat 5px 50%;
padding-left: 30px;}

/* ezboard style multiple page topic icon */
.topic-pager
{background: url(http://www.ezboard.com/images/multipage.gif) no-repeat 0 0;
padding-left: 15px;} 

/* DISCUSSION-BOX ---- */
.discussion-box
{border: none;}

	.discussion-box table
	{border: 1px solid #9BC3E3;}

.post-tags
{background-color: #E1EEF8;
padding: 2px;}

.signature
{border-top: 1px solid #8D8D8D;}

/* previous and next topic links */
.topic-pagejump
{text-align: right;}

	.topic-pagejump a.previous-topic,
	.topic-pagejump a.next-topic
	{float: none;
	display: inline;}
	
	.topic-pagejump a.next-topic
	{padding-left: 1em;}

/* STATS-BOX ---- */
.domain-time, .visitors
{border-bottom: 1px solid #9BC3E3;
padding-bottom: 10px;
min-height: 2em;}

* html .visitors
{height: 2em;}

.visitors li
{border-color: #9BC3E3;}

/* TABLE COLUMNS (color alternate columns) */
td.status, td.topics, #directory_default td.latest,
td.author, td.views, .admin-control,
.poster-name, .poster-detail, .poster-interact
{background-color: #F9FBFD;}

.poster-detail
{border-bottom: none;}

.poster-interact
{border-top: none;}


/* GENERAL TAGS ----------------------------------
(styles for misc general HTML tags) */

hr
{color: #9BC3E3;
background: #9BC3E3;
height: 1px;
border: none;}

/* TABLES ---- */
table, td
{border: 1px solid #9BC3E3;}

* html table
{border: 1px solid #FFF;}

th, td
{padding: 5px;}

th
{background: #DFEDF7 url(http://static.yuku.com/domainskins/bypass/img/ez-community-default/bg-tableheader.gif);
color: #86B7DE;
border: 1px solid #9BC3E3;}

	th a, th a:visited
	{color: #86B7DE;}


/* HIDE THESE --------------------------------
(delete the below code if you want to show these features) */
.tags-box, .post-tags, .kudos,
.featured-box .content-footer,
#forum_view .featured-box
{display: none;}