/* EZ Profile: An ezboard style profile skin
--------------------------------------------

NOTE: This skin is temperamental especially in IE6 so it's recommended to apply this skin directly
from the skins library instead of copying it into your own personal skins and/or trying to edit it.
Using the  WYSIWYG editor on this skin may destroy it.

(If you want to try to edit it anyway but mess things up, just re-apply again directly from the skins library.) */


/* TYPOGRAPHY
----------------------------- */
body
{color: #000;
font: 75%/1.5em Verdana, Arial, Helvetica, sans-serif;}

.boxheading h1, .boxheading h2
{color: #798BBA;
font: bold 1.25em "Trebuchet MS", Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6, th
{color: #666;
font-variant: small-caps;
font-family: "Trebuchet MS", Arial, sans-serif;
font-weight: normal;}

h1 {font-size: 1.75em;}
h2 {font-size: 1.35em;}
h3 {font-size: 1.20em;}
h4 {font-size: 1em;}
h5 {font-size: .9em;}
h6 {font-size: .8em;}

th {font-size: 12px;}

strong
{color: #666;
font-variant: small-caps;
font-family: "Trebuchet MS", Arial, sans-serif;
font-weight: normal;
font-size: 1em;}


/* LINKS
----------------------------- */
a
{color: #CC6600;
text-decoration: none;}

a:hover
{background: #FFD321;
color: #331A6B;
text-decoration: underline;}

a:active
{background: transparent;
color: #3366FF;
text-decoration: underline;}


/* BODY, set background colors or images for the whole page */
body
{background-color : #262E30;}


/* LAYOUT
----------------------------- */

/* MENU BAR ---- */
.mgr-navigation-sliver
{background-color: #333;
color: #FFF;}

	.mgr-navigation-sliver *, .mgr-navigation-sliver a, .mgr-navigation-sliver a:hover, .mgr-navigation-sliver a:visited
	{color: #FFF;
	background-color: transparent;}

#wrapper
{width: 770px;
margin: auto;
padding-top: 10px;}

.mycontent
{margin-top: 20px;
background: #FFF;
border-right: 2px solid #CCC;
position: relative;}

.myfooter
{border: 2px solid;
border-color: #D0E9A3 #75A527 #75A527 #D0E9A3;
background-color: #A6D854;
color: #999;
font-size: 10px;
position: relative;
margin-right: -2px;}

	.myfooter p
	{margin: 0;
	padding-left: 10px;
	padding-right: 10px;}

.edit-layout
{display: none;}


/* STANDARD CLASSES
----------------------------- */
.edit-layout
{background-color: #262E30;
position: relative;
z-index: 100;
padding-bottom: 2px;
margin-bottom: -1px;
margin-right: -2px;}

/* BOX ---- */
.box, .block
{padding: 10px;
margin-bottom: 2em;}

.boxheading
{padding-bottom: 5px;}

/* BUTTONS (including kudos button and user interact buttons) */
.boxbody .button, .vote-links, #userinteract li .button
{border: 2px solid;
border-color: #D0E9A3 #75A527 #75A527 #D0E9A3;
background-color: #CAE898;
padding: 2px;
font-size: 10px;
text-transform: uppercase;
color: black;
text-decoration: none;}

.boxbody .button a, .vote-links a,
.boxbody .button a:visited, .vote-links a:visited,
.boxbody .button a:active, .vote-links a:active,
.boxbody .button a:hover, .vote-links a:hover
{background: transparent;
color: black;
text-decoration: none;}

/* YUKU FOOTER ---- */
.mgr-footer
{color: #666;}

	.mgr-footer li a, .mgr-footer li a:visited, .mgr-footer li a:hover, .mgr-footer li a:active
	{color: #CCC;
	background: transparent;}


/* BLOCKS
----------------------------- */

/* Column A Blocks
------------------ */
body .column_a
{width: 320px;}

/* MINIPROFILE-BLOCK ---- */
body .miniprofile-block
{border: 2px solid;
border-color: #D0E9A3 #75A527 #75A527 #D0E9A3;
background-color: #A6D854;
width: 746px;
min-height: 230px;
position: relative;}

body .miniprofile-block,
body .miniprofile-block .boxbody,
body .miniprofile-block .boxbody .onionskin1,
body .miniprofile-block .boxbody .onionskin2,
body .miniprofile-block .boxbody .onionskin3
{overflow: hidden;
position: relative;}

* html body .miniprofile-block
{height: 230px;}

	.miniprofile-block .boxbody
	{min-height: 200px;}
	
	* html body .miniprofile-block .boxbody
	{min-height: 200px;}
	
	.miniprofile-block .boxheading h1 
	{font: bold 1.75em Arial, Helvetica, sans-serif;
	color: #000;}

p.galerylink, p.gallerylink
{margin-top: 0;
margin-bottom: .5em;}

/* element layout */
.miniprofile-block .avatarholder,
.miniprofile-block .userinfo-holder
{float: left;}

/* stats tables */
.statsholder
{width: 400px;
height: 120px;
margin: 0;
position: absolute;
top: 0;
right: 0;}

/* IE7 hack */
*:first-child+html .statsholder
{float: right;
position: static;}

	.statsholder table, .statsholder td, .statsholder th
	{border-collapse: collapse;
	line-height: 1.5em;}
	
		.statsholder th, .statsholder td
		{padding: 3px;}
		
		.statsholder th
		{white-space: nowrap;
		text-transform: lowercase;
		padding-bottom: 0;}
		
		.statsholder td
		{text-transform: lowercase;
		vertical-align: top;
		padding-top: 0;
		margin-top: 0;}

/* avatar */
.avatarholder img
{border: 2px solid;
border-color: #D0E9A3 #75A527 #75A527 #D0E9A3;
margin-bottom: 1em;}

a.avatar, a:hover.avatar, a:active.avatar
{text-decoration: none;
background: none;}

/* user interaction buttons, displayed to visitors */
body #userinteract li
{width: 33%;}


/* TAGS-BLOCK ---- */
.tags-block .tags-list
{border-color: #666;}

/* ADS ---- */
#adHolder .box
{padding: 10px;}

#adHolder .boxheading
{border: 1px solid #CCC;
border-bottom: none;
padding: 10px 10px 5px 10px;}

#adHolder .boxbody
{border: 1px solid #CCC;
border-top: none;
padding: 0 10px 10px 10px;}


/* Column B Blocks
------------------ */
.column_b
{padding-top: 25em;}

/* COMMENTS-BLOCK ---- */
.comment-control .button
{margin-right: 3px;}

ul.action li
{margin-bottom: 3px;}

/* FRIENDS-BLOCK ---- */
.friends-block .avatar-block
{line-height: 1em;
font-size: 10px;}


/* IE6 BUG FIX HACKS (to fix layout)
----------------------------- */
* html .column_a
{padding-top: 21em;}

* html .column_a .miniprofile-block
{position: absolute;
top: 0;}

/* fix button */
* html .edit-sort-all-your-friends
{position: relative;}