/* iblupop */
/* a complex skin created by alison. For requests of other colour schemes for this skin, please email alison at ezboardcorp.com */
/* for help with editing this skin, please visit skins.yuku.com */

/* last edited 11:37 sep25 to fix the missing username and duplicating bottom curves */




/* --------------- this is the stylesheet. Yay ------------------- */
/* default set up */

/* -------------------- font module and basic settings --------------- */
body { font-size: 62.5%; font-family: "trebuchet MS", sans-serif; }
html>body { font-size: 10px; }

h1 { font-size: 1.6em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1.1em; }
h6 { font-size: 1em; }
p { font-size: 1em; }

p, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0}
p { margin-bottom: 8px; }

.category-box p { margin-bottom: 0px; }


/* ----------------- common elements ----------------- */
table { padding: 0; border-collapse: collapse; }
td { padding: 0; }

table {empty-cells: show}

/* ----------------- forms ------------------- */
form { margin: 0; padding: 0;}

input { 
border: 1px solid #9BC2C6; 
background: #D1E4E5; 
color: #7D8AA1; 
}

label { margin-right: 10px; }

/* ---------------- link colours and details ---------------- */
a { color: #fff; text-decoration: none; }
.category-box td a { color: #7D8AA1;}

/* ------------------ generic layout module --------------------- */
body { background: #141419; color: #E4E8F0;  }

/* add a bit of layout... */
#wrapper { margin: auto; width: 780px; }

/* there are boxes, and then there are boxes. Some boxes are special and hold the page content. Those ones are .forum-box, .category-box, .discussion-box  */
.box { 
background: #2D2D38 url(http://static.yuku.com/domainskins/bypass/img/iblupop/header-tile.gif) repeat-x 0 0; 
margin-bottom: 10px;
border: 1px solid #000012;
border-top: 0px;
color: #E4E8F0;
}

.boxheading, .control-box .boxbody, .discussion-box .boxbody, .announcement-box .boxbody, .jump-box .boxbody { 
background: url(http://static.yuku.com/domainskins/bypass/img/iblupop/header-left.gif) no-repeat top left;
position: relative; 
top: -1px; 
left: 0px;  
padding-top: 5px;
}

.announcement-box .boxbody { padding-top: 20px; }

.onionskin1 { 
background: url(http://static.yuku.com/domainskins/bypass/img/iblupop/header-right.gif) no-repeat top right; 
position: relative; 
top: 0; 
right: -1px;
}

.onionskin2 { 
background: url(http://static.yuku.com/domainskins/bypass/img/iblupop/footer-right.gif) no-repeat bottom right; 
position: relative;
top:1px;
left: 0;
}

.onionskin3 {
background: url(http://static.yuku.com/domainskins/bypass/img/iblupop/footer-left.gif) no-repeat bottom left; 
position: relative;
top: 0; 
left: -2px;
padding-bottom: 14px;
}

.boxbody { 
padding: 5px 10px 0px 10px;
left: 1px;
}


.discussion-box .boxbody, .category-box .boxbody, .forum-box .boxbody { padding: 1px; top: 0; left: 1}
.discussion-box .boxbody { padding-top: 30px; top: -1px; }


/* ----------------- end generic layout module  --------------------------- */

/* ----------------- heading module ---------------------- */

/* headings all over the place */
.boxheading { 
position: relative; 
color: #7D8AA1;
text-align: center;
}

.boxheading h2, .boxheading h1, .boxheading h4 { 
width: 100%;
text-align: center; 
margin: auto;
padding: 8px 0 0 0;
font-size: 1.3em;
}

.boxheading h4 { 
font-size: 1.1em;
text-align: left;
padding-left: 10px
}

/* heading in topics has extra bits */
a.collapse-button { 
position: absolute; 
top: 8px; 
right: 8px; 
font-size: .9em ;
color: #7D8AA1;
}

.collapse-button { 
top: -5px;
font-size: .7em
 }

/* --------------------- end  heading module ------------------------- */

/* ------------------ inner layout module - this is for inside the content areas, to give the 3D look -- */ 
/* ------------------ You can omit this is you don't want it -- */

/* generic td styles */
thead td { 
font-size: .9em; padding: 0 4px ;
font-size: 10px;}

tbody td { 
color: #E4E8F0
padding: 4px;
font-size: 12px;
}
 
th.latest, th.forum { text-align: left;}

.discussion-box table { margin: 0 0 0 0; }

/* specific td styles */
/* getting the curves inside the forum table space - these styles are only for the discussion, forum and category-box boxes. */

/* across the top */
.category-box th, .forum-box th, .lead th, .first th { background: url(http://static.yuku.com/domainskins/bypass/img/iblupop/body-tile.gif) repeat-x top left; }
.category-box th.firstcol, .forum-box th.firstcol, .first th.firstcol, .lead th.firstcol { background: url(http://static.yuku.com/domainskins/bypass/img/iblupop/body-left.gif) no-repeat top left;}
.category-box th.lastcol, .forum-box th.lastcol, .first th.lastcol, .lead th.lastcol { background: url(http://static.yuku.com/domainskins/bypass/img/iblupop/body-right.gif) no-repeat top right; border-right: 0px; }

th { padding: 12px 0px 2px 0px; }
.firstcol { padding-left: 20px; }  
.lastcol { padding-right: 10px; }

/* down the sides */
td.firstcol, th.firstcol   { background: url(http://static.yuku.com/domainskins/bypass/img/iblupop/left.gif) repeat-y; padding-left: 12px; padding-right: 5px;}
ul.thread, td.lastcol { background: url(http://static.yuku.com/domainskins/bypass/img/iblupop/right.gif) top right repeat-y; padding-right: 10px; border-right: 0px;}
td.firstcol, th.firstcol {border-left: 0;}
td.lastcol, th.lastcol { border-right: 0}

/* footer */
tr.last td { background: url(http://static.yuku.com/domainskins/bypass/img/iblupop/footer-body-tile.gif) repeat-x bottom left; padding-bottom: 17px;}
tr.last td.firstcol, .lastpost .poster-interact, tr.last .status  { background: url(http://static.yuku.com/domainskins/bypass/img/iblupop/footer-body-left.gif) no-repeat bottom left; padding-bottom: 20px;}
tr.last td.lastcol, .lastpost .post-tools, tr.last td.lastcol { background: url(http://static.yuku.com/domainskins/bypass/img/iblupop/footer-body-right.gif) no-repeat bottom right; border-right: 0px; padding-bottom: 20px;}

.last td.poster-detail { background: url(http://static.yuku.com/domainskins/bypass/img/iblupop/left.gif) repeat-y top left; }
.last td.post-content { background: url(http://static.yuku.com/domainskins/bypass/img/iblupop/right.gif) repeat-y top right; }

.poster-interact, .post-tools { border-bottom: 1px solid #151829; }
.lastpost .poster-interact, .lastpost .post-tools { border-bottom: 0px solid #E7F8F8; }

/* horizontal borders */

td { border-top: 1px solid #24242E; }
td.lastcol, td.firstcol { border-top: 0px; }

.discussion-box td.poster-detail, 
.discussion-box td.post-content,
.discussion-box td.poster-interact,
.discussion-box td.post-tools { border-top: 0; }

ul.thread { margin: 0 0 0 2px; padding: 0;}


/* and some bits need extra padding because of the images */
.post-content, .post-tools, .post-subject, th.toggle { padding-right: 20px; padding-left: 5px;}
.post-body { padding-bottom: 10px; }

.toggle, .post-number { padding-top: 5px; padding-bottom: 10px;}
td.post-tools, td.poster-interact { padding-bottom: 5px; }


/* --------------------- end  inner layout module ---------------------- */



/* --------------- extra bits ------------------ */

/* --------------- common classes ----------------*/

p.user-name { text-align: left; white-space: nowrap; } 


/* --------------- forum page ----------------*/

p.moderators { margin-top: 0 ;}

p.description { font-size: 1.1em; }
p.moderators { font-size: 1em; }

.forum-box td p { margin: 0; padding: 0;}
.topics { vertical-align: middle ; }


/* -------------------- topics ------------------- */

/* the thread is made up of a ul and li tags, with a table in each li tag */
ul.thread li { margin: 0px ; }

/* ---------------- posts -------------------- */

.poster-name { padding-top: 10px; }
.poster-name .user-name { margin: 0;}
h2.post-title { text-align: left; }

.post-number {margin-right: 10px;} 

.post-content { vertical-align: top; font-size: 12px;}

.edit-info { right: 0; position: absolute; font-style: italic; font-size: .9em; padding-right: 10px; }

blockquote { border: 2px solid #141419; border-width: 2px 1px; background: #282832; padding: 5px; margin: 5px 0px;}
.quote-title { background: #141419; margin: -5px -5px 10px -5px; padding: 2px 5px; font-size: .9em;}
blockquote hr { display: none; } 

/* user section */
.user-avatar { width: 80px; height: 80px; }
.avatar-block p { font-size: 10px; padding: 0; margin: 0 0 0 0 }

.date { 
opacity: .7;
filter: opacity: 70;
}

/* in-post buttons - reply, quote, edit, report, delete, etc. They can be images, or just css. */
.post-controls a.button {
padding: 1px 3px;
margin: 2px 5px;
}

.reply-tools {
padding-right: 10px;
}

.post-controls .reply, .post-controls .quote  {
float: right;
margin-top: 5px;
}

.post-controls .edit, .post-controls .delete { margin-top: 5px;}

/* reply area */
.reply-body textarea { 
color: #fff; 
border: 1px solid #C9E2E2; 
background: #fff;
}

.form-buttons-holder input {
background: url(http://static.yuku.com/domainskins/bypass/img/iblupop/searchbutton.gif) no-repeat;
height: 22px ;
width: 90px ;
padding: 0;
font-size: .95em; 
border: 0 ;
margin: 5px 0px 5px 0px;
}


/* ---------------------- common boxes -------------------- */

/* -------------------- .tool-box top - this holds the search box, subscription links, invite friend ------------ */

/* bread crumbs */

ul.bread-crumbs { text-align: left; font-size: 1.1em;}

ul.bread-crumbs { margin: 10px 0 0 10px; width: 80%;}
.bread-crumbs li { margin: 0 10px 0 0; }
.bread-crumbs li  { font-size: 12px ; font-weight: bold;}
.bread-crumbs li.last { float: left; font-size: 1.6em ; }

/* search */
.search { margin-top: 5px; text-align: left;}

.search input { 
border: 0; 
background: url(http://static.yuku.com/domainskins/bypass/img/iblupop/searchbox.gif) no-repeat;
width: 130px; 
height: 17px;
padding: 3px;
}

.search input.button { 
background: url(http://static.yuku.com/domainskins/bypass/img/iblupop/searchbutton.gif) no-repeat;
width: 90px;
padding: 0;
height: 23px;
position: relative;
top: 1px;
font-size: .95em; 
}

.search input:focus { 
background: url(http://static.yuku.com/domainskins/bypass/img/iblupop/searchboxfocus.gif) no-repeat;
}

.tool-box .search p { 
position: relative;
top: 0px;
padding: 0;
padding-right: 0px; 
}

/* subscription links */
.tool-box p { text-align: right; }


.tool-box .subscription-links  {
	position: absolute;
}

.tool-box .subscription-links  {
	top: 10px;
	right: 10px;
}

.social-links { margin: 4px 90px 0 0; }


/* --------------------- control box (on topic page and forum page) has topic pager, buttons, forum tools */

.control-box .boxbody { padding-top: 15px; }


.forum-jump { float: right; }
.bottom .forum-jump { clear: none; }
.bottom .forum-controls { clear: none; float: right; width: 280px;}


/* ---------------------- pager module ---------------------- */
.pager-holder { margin: 0; padding: 0;}

#pager-bottom { width: auto;  margin-left: 0;  }

.pager-jump { display: none;}

.pager-list { margin-left: 10px;}

.pager {
font-size: 10px;
color: #9AAECC;
}

.pager a {
text-decoration: none;
color: #9AAECC;
}
	
.pager a:hover, .pager a:active { color: #fff; }
.pager-list span:hover {
background: #141419; }

.pager-total {
border: 1px solid #282832;
padding: 2px;
}


.pager-list span {
border: 1px solid #282832;
padding: 2px 3px;
}

.current {
background: #282832;
color: #fff;
}



/* --------------- legend box ----------------- */

.legend li { margin-right: 8px; padding-left: 0}

/* -------------------- domain stats - users online, user stats, domain stats ---------------- */

.stats-box .boxheading { text-align: left; padding-left: 10px;  }

.users-online, .domain-stats { border-top: 1px solid #7D8AA1; }
.users-online { padding: 5px 0px; }

.stats-box ul, .domain-time { padding-top: 5px; }
ul.visitors { margin-top: 13px; color: #7D8AA1; }

.domain-time { margin-bottom: 5px; float: left; }

.active-users { padding: 0px;} /* this is to override a default */

.active-users li, .daily li.first {
	border-right: 1px solid #7D8AA1; /* this is to override a default */
}

.total-stats ul, .daily-stats ul { display: inline; float: left ;}
.total-stats li, .daily-stats li { display: inline; padding: 0 10px; border-right: 1px solid #7D8AA1; }

.stats-box li.last {
	border: none;
}

/* this should be in the default */
/* special fix elements */

.control-box:after, .stats-box:after, .tool-box:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.stats-box {display: inline-table;}

/* Hides from IE-mac */
* html .stats-box {height: 1%;}
.stats-box {display: block;}
/* End hide from IE-mac */



/* -------------------- button module ---------------------- */



.jump-box .boxbody { padding-top: 10px;}


/* tool pop ups - this is used by lots of buttons */

.dropdown h3 { cursor: pointer; text-indent: -10000px; white-space: nowrap; }
.dropdown h3 span { display: none; }

.dropdown ul{ list-style: none; margin: 0; padding: 0}

.dropdown li { 
border: 1px solid #fff; 
white-space: nowrap; 
margin: 0 0 1px 0;
background: #9AAECC;
padding: 0 8px;
}
.dropdown li a, .dropdown li input {
display: block;
padding: 2px 0px; 
font-size: 10px;
font-family: "Trebuchet MS", sans-serif;
color: #000;
width: 100%;
text-align: left;
background: #9AAECC;
}

.dropdown li a { padding: 2px 3px}

/* this is disabled because it doesn't work in the input parts
.dropdown li a:before {
content: "» ";
}
*/

.dropdown li a { color: #000; }

.dropdown li:hover, .dropdown li a:hover, .dropdown li input:hover { background: #C7D7F0; }


/* post tools */
.reply-tools .button { margin-left: 10px; }
.edit-tools .button { margin-right: 10px; }


/* --------------------- end button module --------------------------- */

/* -------------- extra hacks (fixes for bugs) -------------- */
.boxbody:after {
content: "";
clear: both;
display: block;
}

.box, .boxbody, .onionskin1, .onionskin2, .onionskin3 { position: relative; }

.status { position: relative; }


.status img.icon-mba {
position:relative;
z-index: 40;
top: 27px;
left: 3px;
}


/* hacks for IE. God I hate IE 8*/

* html #wrapper { margin-top: 20px; }
.boxheading h2, .boxheading h1 { margin: 0; }

td.feeds { font-size: .9em; line-height: .8em}
.feeds a { display: block; padding: 0; margin: 0;}

.poster-name .user-name { display: block ; }

/* disabled - this is code for a sidebar in the future 
#sidebar-right { position: absolute; top: -5px; right: 10px; width: 150px; display: none;}

#directory_default #sidebar-right { display: block; }

#directory_default #forum-area { margin-right: 170px ;}
#directory_default  #wrapper { width: 99%;}

*/

/* copyleft, alison harrison and yuku. It's all good. If you want the original illustrator and/or photoshop files to edit, just ask! alison at ezboardcorp.com