/* 
Theme Name: Glass of Orange 2010
Theme URI: http://www.glassoforange.co.uk
Description: blah
Author: Bauer
Author URI: http://www.glassoforange.co.uk
*/


body {
    background-color: #000;
    background-image: url(img/back.png);
    background-repeat: repeat-y;
    background-position: top center;
}

html,
body{
    color: #CCC;
    font-family: Georgia;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
}

blockquote {
    border-left: 2px solid #666;
    padding-left: 5px;
    color: #CCC;
    margin-left: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   margin: 15px 0;
   color: #FFF;
   font-style: italic;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 20px;
}

.thing p {
    margin: 15px 0;
}

#aux-content p {
    margin: 2px 0;
}

a:link,a:active {
    color: #F1D05C;
}

a:visited {
    color: #999;
}

a:hover {
    color: #FFF;
}

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

.logo {
    width: 464px;
    height: 70px;
    background-image: url(img/logo.png);
    display: block;
    margin-bottom: 20px;

}

a img {
    color: #CCC;
}

a:hover img {
    color: #FFF;
}

.logo-alt {
    display: none;
}

hr.ordinary {
    clear: both;
    border: 0;
}

#aux-content {
    float: right;
    width: 320px;
    font-size: 14px;
    color: #666;
}

#aux-content .block {
    margin-bottom: 15px;
}

#aux-content .heading {
    color: #F1D05C;
}

#aux-content-inner {
    padding: 10px;
}

#page-wrapper {
    width: 1020px;
    margin: 0 auto;
}

#page-content {
    margin-top: 10px;
}

#page-main {
    width: 690px;
    margin: 0;
    padding: 0;
    float: left;
}

#page-main-inner {
    padding: 15px;
    overflow: hidden;
}

#site-navigation {
    margin: 0;
    font-family: Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    height: 28px;
}

#site-navigation .label {
    display: none;
}

#site-navigation .general {
    float: left;
    width: 530px;
    height: 100%;
}

#site-navigation .misc {
    float: right;
    width: 130px;
    height: 100%;
    text-align: right;
}

#site-navigation a {
    color: #CCC;
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 2px;
    margin-right: 10px;
    display: inline-block;
    padding: 0 7px;
    height: 100%;
    line-height: 2em;
    background-color: #212121;
}

#site-navigation a:hover {
    background-color: #333;
    color: #F1D05B;
}

#site-navigation a.current-page {
    color: #111;
    background-color: #F1D05B;
}

#category-navigation {
    background-color: #111;
    height: 24px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    border-top: 5px solid #F1D05B;
    padding-left: 6px;
}

#category-navigation a:link,
#category-navigation a:visited {
    color: #CCC;
    text-decoration: none;
    letter-spacing: 2px;
    display: inline-block;
    padding: 0 10px;
    height: 100%;
    line-height: 2em;
}

#category-navigation a:hover {
    color: #F1D05B;
}

#category-navigation a.current-page {
    background-color: #F1D05B;
    color: #111;
    font-weight: bold;
}

code {
    color: #FFF;
    background-color: #222;
    padding-left: 3px;
    padding-right: 3px;
}

pre {
    margin-left: 10px;
    font-size: 15px;
    color: #FFF;
    font-weight: bold;
    /*overflow: auto;*/
    /*max-height: 300px;*/
    max-width: 600px;
    width: auto;
    padding: 5px;
    background-color: #222;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.thing {
    clear: both;
    margin-bottom: 5px;
    line-height: 20px;
    margin: 10px 0;
    min-height: 60px;
}

.thing h2 {
    font-style: normal;
    margin: 0;
}

.thing .details {
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 11px;
    margin-top: 5px;
}


.details a,
.details a:visited, 
.tags a,
.tags a:visited {
    color: #CCC;
}

.details a:hover,
.tags a:hover {
    color: #FFF;
}

.thing .thumb {
    float: left;
    width: 80px;
    height: 60px;
    border: 1px solid #CCC;
    margin-right: 5px;
}

.tags {
    font-family: verdana, arial, tahoma, sans-serif;
    font-size: 11px;
    margin-top: 6px;
}

.tags a.tag {
    margin-right: 10px;
    color: #666;
    font-size: 11px;
    font-family: Verdana, Arial, Tahoma, sans-serif;
    padding: 3px;
    background-color: #333;
    text-decoration: none;
}

.tags a.tag:hover {
    color: #FFF;
    background-color: #666;
}

.full-content { 
    clear: both; margin-top: 10px;
}
.tweet {
    margin-bottom: 3px;
    font-size: 11px;
    line-height: normal;
    padding: 6px;
}

div.tweet:hover {
    background-color: #111;
}

.tweet-latest,
.tweet-latest a:link,
.tweet-latest a:visited {
    color: #CCC;
    text-decoration: none;
}

.tweet-old,
.tweet-old a:link,
.tweet-old a:visited  {
    color: #333;
    text-decoration: none;
}

.site-box,
.site-box:visited {
    font-family: Verdana, Tahoma, Arial, sans-serif;
    font-size: 13px;
    height: 23px;
    padding: 3px;
    background-color: #111;
    background-repeat: no-repeat;
    background-position: 5px 3px;
    text-decoration: none;
    color: #CCC;
    display: block;
    margin-bottom: 3px;
}

.site-box:hover {
    background-color: #222;
}

#reddit-site-box {
    background-image: url(img/reddit-alien-icon.png);
}

.site-box .field {
    padding-left:18px;
    background-repeat: no-repeat;
    background-position: left center;
    height: 100%;
    line-height: 23px;
    margin-right: 10px;
}

.site-box .site {
    display: none;
}

#reddit-site-box .user {
    padding-left: 30px;
    margin-right: 10px;
}

#reddit-site-box .karma {
    background-imagE: url(img/reddit-upvote.png);
}

#reddit-site-box .comment-karma {
    background-image: url(img/reddit-mail.png);
}


#so-site-box {
    background-image: url(img/so-logo.png);
    background-position: 8px center;
}

#so-site-box .user {
    padding-left: 30px;
    margin-right: 10px;
}

#more {

}

#more a {
    font-family: Verdana, Tahoma, Arial, sans-serif;
    display: block;
    background-color: #111;
    margin-bottom: 3px;
    padding: 2px;
    text-decoration: none;
    font-size: 11px;
    color: #CCC;
}

#more a:hover {
    background-color: #222;
    color: #FFF;
}

.sub-title {
    font-size: 18px;
}

.badge .badge3 { color: #CD7F32 } /* bronze */
.badge .badge2 { color: #C0C0C0 } /* silver */
.badge .badge1 { color: #FFD700 } /* gold */