/* dark aqua by alison */
/* last updated Sep 9 07  */

/* set font family and starter font size */
body { font-size: 62.5%; font-family:  verdana, san-serif; }
html>body {font-size:10px}

/* set overall forum width, and BASE font size (1.2em = 12px) */
#wrapper { margin: auto; font-size: 1em; }

/* set heading font sizes ( em is a proportional size, like percentage, so to change all sizes, change the BASE font size FIRST) */
h1, h2, h3 { font-size: 1.2em; margin-top: 0; }
h4 { font-size: 1.1em; margin: 0; }

/* set links to have no underline, and be bold */
a { text-decoration: none; font-weight: bold; }


p, ol, ul, li { 
	padding: 0;
	margin: 0;
}

#wrapper ul, #wrapper ol { list-style: none; }

/* general elements */
img, a img { border: none; }


/* ---------------------- */

/* basic declarations and sizes */

body, html { color: #fff; background: #222222; }

#outer {
width: 750px;
padding: 10px;
margin: auto;
background: #222222;
}


/* ---------------------- */

/* round corner boxes */

.box {
background: #6FA8D0;
border: 1px solid #fff;
margin-bottom: 15px;
margin-top: 30px;
}

.onionskin1    {
background: url(http://static.yuku.com/userskins/bypass/img/dark_aqua/tl.gif) no-repeat top left;
position: relative;
top: -1px;
left: -1px;
}    
.onionskin2 { background: url(http://static.yuku.com/userskins/bypass/img/dark_aqua/tr.gif) no-repeat top right;  position: relative; top: 0px; right: -2px;}
.onionskin3 { background: url(http://static.yuku.com/userskins/bypass/img/dark_aqua/bl.gif) no-repeat bottom left;  position: relative; bottom: -2px; left: -2px;}
.onionskin4 { background: url(http://static.yuku.com/userskins/bypass/img/dark_aqua/br.gif) no-repeat bottom right;  position: relative; bottom: -0px; right: -2px; }


/* ---------------------- */

/* basic box elements */

.contentfooter {
text-align: right;
font-size: 90%;
}


/* main content within box */
.boxbody { padding: 10px; }


.boxheading {
height: 30px;
position: relative;
top: -18px;
padding: 6px 2px 0px 2px;
color: #fff;
text-align: center;
}

.boxheading h1 a.edit,
.boxheading h2 a.edit {
	right: 0em;
	top: -1em;
}
.boxheading h1 a.edit,
.boxheading h2 a.edit {
	font-size: .8em;
}

.boxbody { margin-top: -15px;}

.column_b .boxheading { background: url(http://static.yuku.com/userskins/bypass/img/dark_aqua/header.gif) no-repeat top center; }
.column_a .boxheading { background: url(http://static.yuku.com/userskins/bypass/img/dark_aqua/smallheader.gif) no-repeat top center; }


/* ---------------------- */

/* links */
a { color: #fff; }

.boxheading a { color: #fff; }

#wrapper li { border-bottom: 1px dotted #fff; }

/* ---------------------- */

/* buttons */

.gallerylink .button,
.gallerylink .button span,
.button.interact,
.button.interact span {
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 10px;
	margin: 0;
	padding: 0;
        cursor: pointer;
        font-weight: bold;
}

.gallerylink .button,
.button.interact { padding: 2px;
display: block;}

.button span  {
white-space: nowrap;
}

.button.interact span  {
display: inline;
padding: 0;
}


#userinteract li { 
        margin: 0 5px 0 0;
        padding: 0;
}

a.button { color: #fff;}

.pager-button,
.gallerylink .button,
.button.interact { 
border: 1px solid #3C79B4;
color: #fff;
background: #6CA8CF url(http://static.yuku.com/userskins/bypass/img/dark_aqua/header.gif) 50% 50%;
} 

#userinteract-popup li .button.interact:hover, 
.button.interact:hover { background: #3C79B4; }

.pager-input { border: 1px solid #3C79B4; }

.gallerylink .button { margin-left: 120px; margin-bottom: 10px;}

#userinteract-popup li { margin: 0 0 1px 0; padding: 0 0 0 0; }

.blog-post { padding-right: 20px; padding-top: 2px;  }

/* ----------------- */

/* pager */

.pager-total, .pager-list {  margin-top: 2px; margin-right: 10px; }
.pager-jump, .pager-jump form { margin: 0 0 0 0; padding: 0 0 0 0; }
.pager { margin-bottom: 10px; border-bottom: 1px dotted #fff; padding: 0 0 0 0; }

/* ------------------ individual elements -------------------- */

/* userinfo area */

.userinfo { margin-left: 120px;}

.userstats th { white-space: nowrap;  border-bottom: 1px dotted #fff; font-size: .9em; }
.userstats td { vertical-align: middle; text-align: center; }


/* comments area */
.avatar { text-align: center; padding: 5px 3px; border: 1px dotted #fff;  display: block;}

.comment-control { position: relative;  margin-top: 20px; padding-left: 120px; padding-top: 10px; padding: 0 0 0 0; text-align: right;}
.comment-control:before { content: "posted on";}

ol.comments-container .edit {
position: relative; 
text-align: left;
left: 0px; 
top: 0px;
padding-left: 15px;
}

ol.comments-container .date {
position: relative; 
text-align: left;
left: 0; 
top: 0px;
}

h2 .leave-a-comment { display: none; }


/* friends area */

.status { visibility: hidden; font-size: 1px; }
.status img { visibility: visible; }


/* ------------------------------ */

/* hackity hacks (for want of a better title */
/* I really need to stop listening to "bagpipes", but I love it sooooo! */

/* This is to allow images to overflow outside the box if they are too big */
.html-block {
	overflow-x: visible;
}

/* this is some kind of IE thing */
* html .html-block {
	overflow-x: visible ;
}



/* these are to override some defaults */
* html .column_b .html-block .boxbody,
* html div.box.image-fullsize div.boxbody {
	overflow-x: auto ;
	width: auto ;
	padding: 10px ;
	margin: 0 ;
}

#outer .column_a .html-block { overflow: visible;}

.column_a .html-block .boxbody {
	overflow-x: auto;
	width: 280px;
}

* html .column_a .html-block .boxbody,
* html .column_a .miniprofile-block .boxbody {
	margin: auto;
	width: 280px;
}


.column_a .miniprofile-block .boxbody { overflow-x: auto; }
html>body .column_a .miniprofile-block .boxbody { overflow-x: visible; }



/* this is to fix the peekaboo bug and creeping text bug */
/* don't we all love IE? Repeat after me... Firefox rules! */
div { height: 0;}
html>body div { height: auto; }

.column_a div.html-block {height: auto; }


/* profile css created by alison harrison www.spayce.com */
/* copyright 2006 yuku and alison harrison */
/* feel free to edit, rearrange, restyle, redo, remake, remark, re-anything else as you see fit */
/* the end */


/* more debugging. Grrr. */

#outer .column_b .html-block .boxbody { overflow-x: auto; width: 415px;}