/* Skin by Kristin from this board: http://p208.ezboard.com/beqstromm67437 */


/* TYPOGRAPHY
---------------------------------------- */
body
{font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 11px;}

.post-content
{font-size: 12px;}

.poster-detail
{font-size: 10px;}

.boxheading h1, .boxheading h2, .boxheading h3
{font-size: 14px;}

.boxheading .bread-crumbs
{font-weight: bold;}

th, .th
{font-size: 12px;}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4 {font-size: 12px;}
h5 {font-size: 11px;}
h6 {font-size: 10px;}

.category-box h3
{font-size: 12px;}

/* sidebar fonts */
#sidebar-left, #sidebar-right
{font-size: 10px;}

.sidebar-box .boxheading *
{font-size: 11px;}

/* ----------------------
FONT SIZES IN EMS,
You can replace the above pixel sizes with the below em sizes if you want your community members to be able to resize fonts in IE:

body
{font-size: 70%;}

.boxheading h1, .boxheading h2, .boxheading h3
{font-size: 1.2em;}

th, th h2
{font-size: 1.1em;}

h1 {font-size: 1.4em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5 {font-size: 1em;}
h6 {font-size: .9em;}
p {font-size: 1em;}

.category-box h3
{font-size: 1.1em;}

#sidebar-left, #sidebar-right
{font-size: .9em;}

.sidebar-box .boxheading *
{font-size: 1.1em;}
----------------------- */


/* LINKS
---------------------------------------- */
a
{color: #CCC; 
text-decoration: none;
font-weight: bold;}

a:visited {color: #CCC;}
a:hover, a:active {text-decoration: underline;}


/* BODY, set background color & image
---------------------------------------- */
body
{background: #000;
min-width: 585px;}


/* LAYOUT
---------------------------------------- */
#wrapper
{width: 95%;
margin: auto;
margin-top: 20px;}

/* custom header (displayed on directory page only) */
.my-header
{margin-bottom: 20px;
display: none;
text-align: center;}

	#directory_default .my-header
	{display: block;}

/* columns (sidebars) (only displayed on main directory page) ---- */
#directory_default .column
{float: left;}

#sidebar-left, #sidebar-right
{width: 15%;}

#directory_default #center
{width: 70%;}

#directory_default .center-padding
{padding-left: 15px;
padding-right: 15px;}

/* hide for all pages except directory */
#sidebar-left, #sidebar-right
{display: none;}

	#directory_default #sidebar-left, #directory_default #sidebar-right
	{display: block;}

/* lists within sidebars */
#sidebar-left ul, #sidebar-right ul
{margin: 0;
padding: 0;
list-style: none;}
	
	#sidebar-left li, #sidebar-right li
	{text-align: center;
	padding: 0;
	border: 1px solid #A8A8A8;
	background: #2F2F4F;
	margin-bottom: 1px;}
		
		#sidebar-left li a, #sidebar-right li a
		{display: block;
		padding: 5px;
		background: #2F2F4F;}


/* STANDARD CLASSES
---------------------------------------- */

/* BOX ---- */
.box
{margin-bottom: 10px;}

.boxheading
{padding-bottom: 3px;}

/* extra content boxes (no tables) */
.extra-content
{border: 1px solid #A8A8A8;
padding: 5px;}

	.extra-content .boxheading
	{padding-bottom: 8px;}

/* side bar boxes */
.sidebar-box
{text-align: center}

	.sidebar-box .boxheading
	{padding: 5px;
	background: #A8A8A8;
	color: #000;}
	
	.sidebar-box .boxheading a, .sidebar-box .boxheading a:visited,
	.sidebar-box .boxheading a:hover, .sidebar-box .boxheading a:active
	{color: #000;
	text-decoration: none;}

/* BUTTONS ---- */
.button
{padding: 2px;
background: #333;
color: #FFF;
border: 2px outset #FFF;
text-decoration: none;
font-weight: bold;}

	a.button, a:visited.button, a:hover.button, a:active.button
	{color: #FFF;
	text-decoration: none;}
	
	.button:hover
	{background: #666;}
	
/* 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;}

.dropdown li
{background: #DEDEDE;
border: 1px solid #000;
color: #000;}
	
	.dropdown li a:link, .dropdown li a:visited, .dropdown li a:hover, .dropdown li a:active
	{text-decoration: none;
	color: #000;
	text-decoration: none;}
	
	.dropdown li:hover
	{background: #FFF;}

/* PAGER ---- */
.pager div
{border: 1px solid #A8A8A8;
padding: 2px;
font-weight: bold;}

.pager a:link, .pager a:visited
{text-decoration: none;
color: #FFF;}

.current
{background: #A8A8A8;
color: #000;}

.jump-dropdown
{color: #000;}


/* SPECIAL BOX & ELEMENT CLASSES
---------------------------------------- */

/* CONTROL-BOX, JUMP-BOX, LEGEND-BOX ---- */
.announcement-box, .control-box, .jump-box, .legend-box
{border: none;
background: transparent;
padding: 0;}
	
	.legend-box .boxheading
	{display: none;}

/* CATEGORY BOX, FORUM BOX ---- */
.category-box table p,
.forum-box table p, .featured-box table p
{margin: 0;}

/* DISCUSSION-BOX ---- */
.post-tags
{border-top: 1px dotted #787884;
border-bottom: 1px dotted #787884;}

.signature
{border-top: 1px dotted #787884;}

.default-avatar
{display: none;}

.discussion-box th, .discussion-box td
{padding-right: 5px;
padding-left: 5px;}

/* widen */
.discussion-box td.poster-detail
{width: 175px;}

td.poster-detail .avatar-block,
.poster-name .user-name
{width: 175px;}

	.discussion-box .poster-detail table
	{border: 1px solid #A8A8A8;
	display: block;}
	
	.discussion-box .poster-detail table td
	{border: none;}
	
	.discussion-box p.post-date
	{margin-bottom: 5px;}

/* turning on borders */
/*
td.poster-interact, td.post-tools
{border-top: 1px solid #A8A8A8;}
*/

	td.post-tools a
	{text-decoration: underline;}


/* GENERAL HTML TAGS
---------------------------------------- */
blockquote
{border: 1px dotted #787884;
padding: 5px;}

hr
{border: none;
background: #6B6B7B;
color: #6B6B7B;
height: 1px;}

/* FORMS ---- */
input.text
{border: 1px solid #A8A8A8;
padding: 4px;}

textarea
{border: 1px solid #A8A8A8;}

/* TABLES ---- */
table
{background: #2F2F4F;}

table, th, td
{border: 1px solid #A8A8A8;}

th, td
{padding: 3px;}

th
{color: #000;
background: #A8A8A8;}

	th a, th a:visited
	{color: #000;
	text-decoration: underline;}