/**
 * COPYRIGHT NOTICE
 * This software is copyright 2005 STOLEN, INC and licensed for use by 
 * distribution from STOLEN, INC. This source code may not be redistibuted
 * without written consent from the above mentioned entity.
 * 
 * @author Jessey White-Cinis <j@stolen.la>
 * @date 2005-04-26
 * @copyright 2005 Stolen, Inc
 * @package sbox
 */
 
body {
    margin: 0px;
    padding: 0px;
    font: 10px Verdana, Helvetica, Arial, Sans-Serif;
    line-height: 15px;
    color: #525252;
    background: white url("/images/bg.gif");
}

h1 {
    color: #76C490;
    font-family: Georgia, Times New Roman, Courier, Serif;
    font-weight: normal;
    line-height: 25px;
    font-size: 24px;
    height: auto;
    margin: 5px 0px 10px 0px;
    padding: 0px;
}

h2 {
    display: block;
    color: #76C490;
    font-family: Georgia, Times New Roman, Courier, Serif;
    font-weight: normal;
    font-size: 12px;
    margin: 4px 0px 2px 0px;
    padding: 0px;
}

h2 a:link, h2 a:visited {
    text-decoration: none;
}

td, th, .bod, font {
    font: 10px Verdana, Helvetica, Arial, Sans-Serif;
    color: #7F7F7F;
}

p {
    margin: 2px 0px 10px 0px;
}

b, strong {
    font-weight: bold;
}

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

li {
    padding: 0px;
    margin: 0px;
    line-height: 15px;
}

a:link, a:visited {
    color: #77C490;
    text-decoration: underline;
}

a:hover {
    color: #505050;
}

#hdr {
    position: absolute;
    left: 5px;
    top: 0px;
    width: 460px;
    height: 250px;
}

#chandelier {
    position: absolute;
    left: 500px;
    top: 0px;
    width: 108px;
    height: 92px;
}

#nav {
    position: absolute;
    left: 500px;
    top: 105px;
    width: 220px;
}

#nav .module { margin: 0px 0px 10px 0px; }
#nav img { margin: 0px 0px 3px 0px; }
#nav select {
    width: 170px; 
    height: 14px;
    margin: 4px 0px;
}

#nav select, #nav option, #nav optgroup {
    font: 9px Verdana, Helvetica, Arial, Sans-Serif;
}

#ftr {
    margin: 50px 0px 50px 0px;
    width: 650px;
    height: 242px;
    clear: both;
}

#dilines {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 10;    
}

#distripes {
    position: absolute;
    left: 760px;
    top: 50px;
    z-index: 10;
}

#pullit {
    position: absolute;
    left: 680px;
    top: 25px;
    z-index: 11;
}

#title {
    color: #76C490;
    font-family: Georgia, Times New Roman, Courier, Serif;
    font-weight: normal;
    line-height: 25px;
    font-size: 24px;
    height: auto;
    margin: 5px 0px 10px 0px;
    padding: 0px;
}

#subtitle {
    color: #A8A8A8;
    font-family: Georgia, Times New Roman, Courier, Serif;
    font-weight: normal;
    line-height: auto;
    font-size: 12px;
    height: auto;
    margin: 5px 0px 10px 0px;
    padding: 0px;

}

#content {
    position: absolute;
    left: 65px;
    top: 260px;
    width: 650px;
}

#content p {
    width: 400px;
}

#content .module {
    margin: 0px 0px 20px 0px;
}

#content .image { margin: 5px 0px 10px 0px; }
#content .image img { display: block; }
#content .caption { color: #A7A7A7; padding: 2px 0px 5px 0px; }

#content .asset {
    position: relative;
    top: 0px;
    width: 400px;
    height: 40px;
    margin: 0px 0px 5px 0px;
}

#content .asset #desc {
    position: absolute;
    left: 45px;
    top: 0px;
    padding: 5px;
    width: 345px;
    line-height: 15px;
    background-image: url("/images/bg_lines_green.gif");
}

#content #body {
    color: #515151;
    font-family: Verdana, Helvetica, Arial, Sans-Serif;
    font-size: 10px;
    line-height: 15px;
}


.paging {
    margin: 10px 0px 30px 0px;
}

/* TAB STYLES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#tabs {
    width: 400px;
    margin-bottom: 10px;
}

#tabs #list {
    clear: both;
    height: 24px;
}

#tabs ul {

}

#tabs li {
    float: left;
    color: #FFFFFF;
    font-family: Georgia, Times New Roman, Courier, Serif;
    font-weight: normal;
    line-height: 20px;
    font-size: 12px;
    height: auto;
    margin: 0px 5px 0px 0px;
    padding: 2px 8px;
    background-color: #D4D4D4;
}

#tabs li#sel {
    background-color: #76C490;
}

#tabs li a:link, #tabs li a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

#tabs li a:hover {
    color: #515151;
    text-decoration: none;
}

#tabs #desc {
    display: block;
    padding: 8px;
    border-top: 5px solid #76C490;
    background-image: url("/images/bg_lines_green.gif");
}

/* BlOG STYLES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#blogs {
    width: 400px;
}

.blog {
    width: 400px;
    overflow: hidden;
    margin: 0px 0px 20px 0px;
}

#blogs #paging {
    margin: 20px 0px;
}

.blog #title {
    font-size: 18px;
    line-height: auto;
    margin: 5px 0px 2px 0px;
    padding: 0px;
}

.blog #date {
    color: #A8A8A8;
    font-size: 9px;
    font-style: italic;
}

.blog #image {
    margin: 5px 0px;
}

.blog #body {
    margin: 5px 0px 10px 0px;
}

.blog #user {
    font-size: 9px;
    margin: 3px 0px;
    padding: 3px 5px;
    border-left: 5px solid #76C490;
    background-image: url("/images/bg_lines_green.gif");
}


/* SONS STYLES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.son {
    margin: 10px 0px;
    position: relative;
}

.son #text{
    position: absolute;
    top: 0px;
    left: 110px;
    width: 290px;
}

.son h2 {
    font-size: 16px;
}

.son #desc {
    margin: 2px 0px;
}


/* SLIP STYLES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#slip {
    position: absolute;
    top: 0px;
    left: 435px;
    width: 215px;
}

#slip a:link,  #slip a:visited {
    color: #505050;
    text-decoration: underline;
}

#slip a:hover {
    color: #A7A7A7;
}

#slip .module {
    margin: 0px 0px 30px 0px;
}

#slip #imgtitle {
    margin: 5px 0px;
}

#slip li {
    border-left: 5px solid #515151;
    background-image: url("/images/bg_lines_green.gif");
    margin: 3px 0px;
    padding: 3px 5px;
}


/* LIST PAGE STYLES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#listing {
    width: 650px;
    margin: 25px 0px;
}

#listing #list {
    min-height: 250px;
}

#list {
    list-style: 0px;
    margin: 0px;
    padding: 0px;
}

#list a:link, #list a:visited {
    text-decoration: none;
}

#list .item {
    position: relative;
    float: left;
    width: 130px;
    height: 140px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

#list .item #image {
    background-color: #76C490;
    width: 130px;
    height: 76px;
}

#list .item #image #viewed {
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
}

#list .item #image a:visited #viewed {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;    
}

#filter {
    margin-bottom: 15px;
}

#filter select {
    width: 145px;
    margin-right: 13px;
    height: 14px;
}

#filter select, #filter option, #filter optgroup {
    font: 9px Verdana, Helvetica, Arial, Sans-Serif;
}

#filter select#l {
    margin: 0px;
}


/* CUSTOM CLASSES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

.info {
    clear: both;
    margin: 0px 0px 10px 0px;
    padding: 10px 20px 10px 20px;
    border-left: 7px solid #76C490;
    background-image: url("/images/bg_lines_green.gif");
}

.error {
    clear: both;
    margin: 0px 0px 10px 0px;
    padding: 10px 20px 10px 20px;
    border-left: 7px solid #990000;
    background-image: url("/images/bg_lines_red.gif");
}

.error li {
    color: #990000;
}

.messages {
    color: #666666;
    margin-left: 20px;
    margin-top:10px;
    margin-bottom:5px;
}

.hint {
    padding: 2px 0px;
    font-weight: normal;
    color: #999999;
}

.display {
    padding: 2px 0px;
    font-weight: normal;
    color: #7F7F7F;
}