﻿
/*
 *  Experimental: Content gradient background
 */
div#everything-container {
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
}

/*
 *  Override: constrain to minimum width
 */
div#header, div#content-container, div#footer {
    width: 960px !important;
    margin: 0 auto !important; }
div#content {
    width: 644px !important;
}
div#content-right.column {
    width: 300px !important;
}


/*
 *  Sponsors
 */

#s2 {
    width: 100%;
    margin: 0 0 1em 0;
    background: #798594;
}
#s2 span {
    padding: 0.4em 0.25em 0.5em 1.5em;
    color: #fff;
    font-size: 0.7em;
    display: block;
    float: left;}
#s2 ul { padding: 0.25em 1em 0.5em 0;
    overflow: hidden; }
#s2 ul li {
    display: block;
    float: left;
    padding: 0 0.25em 0 0;
    font-size: 0.7em; }
#s2 ul li a, #s2 ul li {
    color: #fff; }


/*
 *  Set font size for feeds
 */
div#content div.section {
    font-size: 0.8em;
}

/*
 * 
 */
div#header-container { background-color: #444;}
div#header div {
    background-color: #000;
    background-image: url('img/btn-bg.png');
    background-repeat: repeat;
    background-position: top left;
}

/*
 *
 */
h1#page-header {
    color: #fff;
    text-shadow: 2px 2px 3px #000;
} h1#page-header a {
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    line-height: 150%;
}


/*
 *
 */
b#slogan {
    color: #fff; }
b#slogan a {
    color: #fff;
}



/*
 *  Feed elements
 */

div.section {
    border-bottom: solid 1px #555;
    border-left: solid 1px #555;
    
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    
    -moz-box-shadow: 3px 3px 8px #bababa;
    -webkit-box-shadow: 3px 3px 8px #bababa;
    
}

div.section h2 {
    color: #fff;
    background: #555 !important;
}

div.section h2, div#user-picks h2, div#submit-a-story h2 {
    font-size: 1.25em;
    text-shadow: 2px 2px 2px #333;
}

div.section ul, div.section p.empty {
    border-right: solid 2px #555;
}

div.section ul li.entry {
    border-left: solid 2px #ccc;
    
}

div.section ul li.entry:hover {
    background-color: #E4EDF5;
}

div.section ul li.entry a {
    color: #2B4963;
    text-decoration: none;
    font-weight: bold;
}

div.section ul li.entry span a.broken-link-button.active {
    /*background-color: #94261C;*/
    border-color: Red; }
div.section ul li.entry span a.broken-link-button.active:hover {
    background-color: Transparent;
}


/*
 *  Footer sections
 */

div#footer-container {
    background: transparent url(img/footer-bg-pattern.png) repeat scroll left top;
    color: #000;
}

div#footer a {
    color: #000;
}