/* PROFILE CONTROL LAYOUT */

@import url(http://static.yuku.com/common/bypass/styles/profile_hacks.css);
@import url(http://static.yuku.com/common/bypass/styles/js.css);

/* COLORS FOR SELECT
Added because user complained of drop down that was unreadable because of the colors, take out later if there are problems */
select
{color: black !important;
background: white !important;}


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

/* edit layout link */
.edit-layout
{background: transparent;
border: none;
text-align: right;
margin-top: 3px;
margin-bottom: 3px;}

	.edit-layout a
	{font-size: 11px;
	text-transform: none;
	font-variant: normal;}

/* columns */
.column_a
{float: left !important;
width: 300px;
min-width: 300px !important;
display: block !important;
visibility: visible !important;}

	.column_a .html-block
	{z-index: 2 !important;
	position: relative !important;}

	.column_a .block
	{z-index: 2 !important;}

.column_b
{z-index: 1 !important;
margin-left: 310px;}


/* GENERAL BLOCK STYLES ------------------- */
.block
{margin-bottom: 1em;}

.boxheading h1,
.boxheading h2
{margin: 0;
position: relative !important;}

.boxheading h1 .button,
.boxheading h2 .button
{position: absolute;
right: 0.5em;
top: 0;
font-size: 11px;
text-transform: none;
font-variant: normal;}

.onionskin1, .onionskin2, .onionskin3
{position: relative;}


/* INDIVIDUAL BLOCK STYLES ------------------- */

/* MINI PROFILE BLOCK ---- */
.miniprofile-block
{display: block !important;}

	/* .miniprofile-block .boxbody
	{overflow: hidden;} */

	.miniprofile-block th, .miniprofile-block td
	{text-align: center;}

	/* fix for IE */
	.miniprofile-block a
	{cursor: pointer;}

.avatarholder
{float: left /* !important */ ;
width: 115px;
margin-right: 5px;
margin-bottom: 5px;}

/* div to contain 'view my image' link and user info list in miniprofile popup */
#profile_mini .userinfo-holder
{margin-left: 125px;}

.userinfo
{margin: 0;
padding: 0;
list-style: none;}

.voting
{width: 100%;}

.statsholder, #userinteract
{clear: left !important;}

.statsholder
{padding-top: 5px;
font-size: 9px;}

	.statsholder td, th
	{padding: 1px;}

/* user interact */
#userinteract
{margin: 0;
padding: 0;
min-height: 4em;
margin: auto;
list-style: none;
text-align: center;}

	#userinteract li
	{float: left;
	display: block;
	width: 33.2%;
	margin: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	border: none: !important;
	border-width: 0 !important;}
	
		#userinteract li a
		{display: block;
		margin: 0 1px 1px 0;}

.supporter-gift
{clear: left;
margin-bottom: 0;}

/* AD ----*/
#adUnit1, #adHolder,
#adHolder img, #adUnit1 img, iframe
{display: block !important;}

/* make iframe text ads fit within most boxes
#google_ads_div_yuku-block-profile iframe
{width: 298px;}
 */

/* NAVIGATION BLOCK ---- */
.navigation-block ul
{margin: 0;
padding: 0;
list-style: none;}

.navigation-block li
{ margin: 0.5em 0; }

	.navigation-block li a,
	.navigation-block li a span
	{padding: 0;
	margin: 0;
	display: block;}

/* hide selection outline of clicked links in navigation block - added for Igor */
.navigation-block a
{outline-style: none; /* hide selection border */}

/* LOCATION BLOCK ---- */
.location-block .boxbody
{text-align: center;}

/* LINKS BLOCK ---- */
.links-block ol
{margin: 0;
padding: 0;
list-style: none;}

/* FRIENDS BLOCK ---- */
.friends-block ul
{padding: 0 !important;
width: 100% !important;
overflow: hidden !important;
list-style: none !important;
margin: 0 !important;}

.friends-block li
{text-align: center;
float: left !important;
width: 19.9% !important;
height: 110px;
margin: 0 !important;
padding: 5px 0 !important;
border-width: 0 !important;}

body#friend_viewfriends .friends-block li
{height: auto;}

.friends-block .contentfooter, .blog-block .contentfooter
{text-align: right;}

/* style status and info icons */
.status-icon {margin-left: 2px;}

.avatar-block p img
{vertical-align: middle;}

/* VOTES BLOCK (contains list of avatars similar to "friends") */
.votes-block ul
{padding: 0 !important;
width: 100% !important;
overflow: hidden !important;
list-style: none !important;
margin: 0 !important;}

.votes-block li
{text-align: center;
float: left !important;
width: 20% !important;
margin: 0 !important;
padding: 5px 0 !important;
border-width: 0 !important;}

.votes-block p.pager:last-child
{padding-top: 15px;}

/* COMMENTS BLOCK ---- */
ol.comments-container
{margin: 1em 0 0 0;
list-style: none;
padding: 0;
margin-top: 26px;} /* margin added to keep first comment from being pushed over by pager - take out later if not needed (for new comments) */

	ol.comments-container .comment
	{position: relative;
	min-height: 130px !important;
	margin-bottom: 1em;
	padding: 5px 0;}

	/* poster's avatar */
	ol.comments-container .avatar-block
	{float: left;
	width: 90px;}

		.avatar-block p
		{margin: 0;
		padding: 0 !important;
		text-align: center;}

		.avatar-block p.user-avatar
		{margin-bottom: 2px;}

/* comment post */
.post
{margin-left: 100px;
padding-top: 2px;}

/* reply post */
.reply-post
{margin-top: 20px;
padding-top: 5px;
border-top-width: 1px;
border-top-style: dotted;}

.reply-title
{margin-top: 0;
margin-bottom: 3px;}

p.date
{margin-top: 0;
margin-bottom: 5px;
font-size: .9em;}

/* button containers */
p.global-comment-control
{text-align: right;
margin: .5em 0;
clear: right;}

p.comments-footer
{text-align: right;
margin: .5em 0;}

/* post editing buttons */
.comment-control
{margin: 10px 0;
overflow: hidden;}

ul.action
{margin: 0;
padding: 0;
list-style: none;}

	ul.action li
	{float: left;
	margin: 1px 1px 1px 0;
	border: none;}

	.action *
	{position: relative;}

/* RECENT POSTS BLOCK ---- */
.recentposts-block th, .recentposts-block td
{text-align: left;
vertical-align: top;}

.title
{width: 50%;
text-align: left;}

.type
{width: 30%;
text-align: center;}

/* TAGS BLOCK ---- */
.tags-block h3
{margin: 0;
margin-bottom: 2px;
position: relative;}

.tags-list
{margin-top: 0;
margin-bottom: 10px;
border: 1px solid;
padding: 5px;}

.tags-block p:last-child
{margin-bottom: 0;}

/* ADD tags Link */
.tags-block h3 a,
.tags-block h3 a
{position: absolute;
right: 0;
font-size: 12px;}

/* IMAGE BLOCK ---- */
.image-block
{clear: both;
min-height: 60px;}

/* BLOG BLOCK ---- */
.boxheading .blog-post
{margin-right: 3.5em;}

ul.subscription-links
{margin: 0;
padding: 0;
list-style: none;
text-align: right;}

	ul.subscription-links li
	{display: inline;
	margin-left: .3em;}

ol.blog-list
{margin: 1em 0 0 0;
margin-bottom: 10px;
padding: 0;
list-style: none;}

	ol.blog-list li
	{padding: 5px 0 5px 0;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;}

.entry-title
{margin: 0;}

.blog-block .date
{margin-bottom: 8px;}

.blog-block .boxbody .controls
{margin-top: 8px;}


/* MISC --------------------------------- */
select
{margin-bottom: 3px;}

#page-splitter-wrapper #footer {display: none;}

.avatar-block .user-name
{white-space: nowrap; width: 98%}

.boxheading span
{font-size: 11px;}

/* BUTTONS */
.button
{display: -moz-inline-box;
display: inline-block;}

/* PAGER */
.pager
{margin-top: 5px;
margin-bottom: 5px;}

/* added height to keep pager from pushing over first common, remove if better solution found */
.comments-block .pager
{height: 1.5em;}

.hotlinks input
{width: 98% !important;}

/* bread crumbs */
.bread-crumbs
{min-height: 20px;}

	.bread-crumbs li
	{border: none;}


/* GENERAL HTML TAGS -------------------------- */
iframe {border: none;}

/* TABLES */
table {width: 99%;}

th {font-weight: bold;}