/*  Widgets are usually contained in .box
    Usually has the following structure...
    
    div.box w/ #id + .box-<id>
    ___ dl.label
    _______ dt
    _______ dd ...
    ___ div.stuff
    _______ ul.cover / ol.cover
    ___________ li
    _______________ a.icon / span.icon
    _______________ h3
    _______________ div.info
    ___________________ span
    ___________________ em
    ___________ li ...
    ___________ li.last

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

.faction-alliance { color:#089fff; }
.faction-horde { color:#ff0808; }
.type-pve { color:#090; }
.type-pvp { color:#900; }

.info span.author, .info span.posted-date { margin:0 3px 0 0; }

#featured .stuff { padding:0; }
#featured table {
    width:203px;
    height:128px;
    font-size:1.5em;
    background:0 0 no-repeat;
}
#featured thead { background:none; }
#featured th { padding:0; }
#featured th, #featured th a { height:53px; }
#featured th a {
    display:block;
    text-indent:-9999px;
}
#featured td {
    padding:0 10px;
    height:75px;
    line-height:22px;
    vertical-align:bottom;
    overflow:hidden;
    background:url('../../images/bkg-opacity-half.png') 0 -15px no-repeat;
}
#featured td a {
    display:block;
    margin:0 0 5px;
}

/*  Forums */
.col-1-2 #content-2 .box-forums .stuff {
    border:0;
    padding:0;
}
.box-forums table {
    border:1px solid #a07c3c;
    border-right:0;
    border-bottom:0;
}
.box-forums table th, .box-forums table td {
    border:1px solid #a07c3c;
    border-top:0;
    border-left:0;
    padding-left:8px;
    padding-right:8px;
}
.box-forums thead { background-color:#d4c09b; }
.box-forums tr.even { background:none; }
.box-forums th.first, .box-forums td.first {
    border-right:0;
    padding-right:0;
}
.box-forums th.name, .box-forums td.name { padding-left:0; }
.box-forums th.posts, .box-forums td.posts { text-align:center; }
.box-forums .icon, .box-forums .jar { float:left; }
.box-forums .icon {
    margin:4px 5px 0 0;
    width:15px;
    height:14px;
    background:url('../../images/icons.png') -36px -71px no-repeat;
}
.box-forums .new-topic { background-position:-36px -86px; }
.box-forums .jar .info span { color:#414141; }
.col-1-2 #content-2 .box-forums .jar { width:248px; }

/*  User-goodies / Login box */
#user-goodies {
    position:absolute;
    right:10px;
    top:17px;
    width:348px;
    height:66px;
}
#user-goodies .lid, #user-goodies .stuff {
    background:url('../../images/bkg-opacity-half.png') 0 bottom no-repeat;
}
#user-goodies .lid {
    position:absolute;
    left:0;
    top:-5px;
    display:block;
    width:348px;
    height:5px;
    line-height:5px;
    text-indent:-9999px;
    background-position:0 0;
}
#user-goodies .stuff {
    position:relative;
    border:0;
    padding:0 10px 5px;
    font-size:0.92em;
    color:#fff;
}
#user-goodies input.text {
    border:1px solid #5e6044;
    height:16px;
    line-height:normal;
    margin:0pt;
    padding:1px 0pt 0pt;
    width:153px;
    cursor:text;
}
#user-goodies tr.last { color:#bbb; }
#user-goodies input.image { vertical-align:middle; }
#user-goodies .avatar {
    border-color:#fff;
    padding:2px;
}
#user-goodies .avatar, #user-goodies .avatar em,
    #user-goodies .avatar img {
    width:48px;
    height:48px;
}
#user-goodies .avatar { float:right; }
#user-goodies .jar {
    float:left;
    margin-right:5px;
    width:231px;
}

/*  News Digest / Previews */
.box-previews .stuff ul li {
    padding-left:18px;
    background:url('../../images/icons.png') -190px -96px no-repeat;
}

/*  News */
.box-news { position:relative; }
.box-news .stuff {
    border-width:0;
    padding:0;
    background:inherit;
    overflow:hidden;
}
.box-news .stuff .label {
    border:1px solid #a07c3c;
    border-bottom:0;
    padding-left:15px;
    font-weight:bold;
    height:auto;
    line-height:auto;
    color:#333;
    background:#d4c09b;
}
/*.box-news .stuff .box-even .label { background:#091620 !important; }*/
.box-news .stuff .label li.title {
    padding:0;
    background:none;
}
.box-news .box { padding:0; }
.box-news .stuff .box .stuff {
    border-width:1px;
    padding:15px;
}
.box-news .stuff h3 { font-size:1.50em; }
.box-news .callout {
    margin:25px 0 0;
    text-align:right;
}
.box-news .callout span.comments { margin-right:-6px; }
.box-news .stuff .header {
    min-height:50px;
    padding-left:50px;
    background:url('../../images/icon-zybez.png') 0 0 no-repeat;
}

/*  Featured Videos & Images */
.box-images .stuff, .box-videos .stuff { padding:0; }
.box-images .thumb, .box-videos .thumb {
    border:0;
    margin-bottom:0;
    padding:0 0 5px;
    width:288px;
    background:none;
}
.box-images .thumb .jar, .box-videos .thumb .jar {
    border:0;
    border-bottom:1px solid #a07c3c;
}
.box-images .thumb .jar, .box-images .thumb .jar img,
    .box-videos .thumb .jar, .box-videos .thumb .jar img {
    width:288px;
    height:198px;
}
.box-images .thumb a.icon, .box-videos .thumb a.icon {
    left:121px;
    top:79px;
    width:46px;
    height:40px;
    background:url('../../images/icons-otd.png') 0 0 no-repeat;
}
.box-videos .container { margin-top:5px; }
.box-videos .container .one-third {
    margin-right:7px;
    width:90px;
}
.box-videos .container .last { margin-right:0; }
.box-videos .container .thumb { width:90px; }
.box-videos .container .thumb .jar,
    .box-videos .container .thumb .jar img {
    width:90px;
    height:58px;
}