@import url(twitter.css);

body {
    color: #bbb;
    font-size: 14px;
    font-family: "Palatino Linotype", "URW Palladio L", Palatino, Georgia, "Bookman Old Style", serif;
    line-height: normal;
    background-color: #1e1e1e;
}

#back { 
margin-left: auto;
margin-right: auto;
float: left;
width: 100%;
background: url(../img/bw-wide-v2-dark_02.jpg) repeat-x top left #1e1e1e;
}

#wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 920px;
}

/*========== BANNER ==========*/
#banner {
    float: left;
    width: 920px;
    height: 92px;
    background: url(../img/bw-wide-v2-dark_03.jpg) no-repeat top center #101010;
}

#banner #logo {
    float: left;
    width: 335px;
    height: 92px;
}

#banner #logo a.logo {
    float: left;
    width: 335px;
    height: 58px;
}

#banner #logo h1 {
    color: #999;
    font-size: 1.1em;
    margin-left: 150px;
    font-weight: normal;
}

#banner #features {
    float: left;
    width: 275px;
    height: 92px;

}

#banner #features a.rss, #banner #features a.twitter {
    float: left;
    width: 135px;
    height: 92px;
}

#banner #features a.twitter {
    width: 140px;
}

#banner #search {
    float: left;
    width: 280px;
    height: 57px;
    padding: 35px 0px 0px 30px;
}

#banner #search input.search_text {
    width: 160px;
    height: 16px;
}

div.search_page {
    margin-top: 15px;
}

iframe {max-height: 940px !important;
width: 570px !important;
background-color: #f7f7f7;
}

/*========== CONTAINER AND MENU ==========*/

#container {
    float: left;
    width: 920px;
    background: url(../img/bw-wide-v2-dark_05.jpg) no-repeat top center;
}

#container #menu {
    float: left;
    width: 910px;
    height: 40px;
    padding: 0px 0px 0px 10px;
}

#container #menu a {
    font-size: 1.2em;
    color: #c95018;
    float: left;
    margin-right: 15px;
    padding: 5px 11px 5px 11px;
    text-decoration: none; 
}

#container #menu a:hover {
    text-decoration: underline;
}



#container #menu a.act {
    float: left;
    padding: 5px 10px 5px 10px;
    color: #fff;
    background-color: #111111;
    border-bottom: 1px solid #3e3e3e;
    border-left: 1px solid #3e3e3e;
    border-right: 1px solid #3e3e3e;
}

/*========== TEXT ==========*/
#text {
    float: left;
    width: 580px;
    padding: 15px 10px 30px 20px;
}

#text h2.ft {
    font-size: 1.1em;
    color: #eee;
    text-decoration: none;
    margin-bottom: 10px;
}

#text h2.ft span {
    color: #c84000;
}

#text h2.pt {
    font-size: 1.45em;
    color: #fff;
    text-decoration: none;
    margin-bottom: 10px;

}

#text h3 {
    color: #eee;
    font-size: 1.2em;
    margin: 30px 0px 0px 0px;
    border-left: 10px solid #f87532;
    border-bottom: 1px solid #f87532;
    padding: 0px 0px 0px 5px;
}



#text div.article_perex {
    margin-bottom: 30px;
}

#text div.article_perex h2 a {
    padding: 0px 0px 0px 5px;
    color: #eee;
    font-size: 1.5em;
    text-decoration: underline;
    display:block;
}

#text div.article_perex h2 a:hover {
    color: #fff;
}

#text div.article_perex span.published, #text div.article_perex p, #text p {
    color: #999;
    font-size: 0.70em;
    font-family: Verdana,"Lucida Sans","Bitstream Vera Sans","Liberation Sans",sans-serif;
}

#text p, #text div.article_perex p {
    color: #bbb;
    font-size: 0.9em;
    margin-top: 5px;
    }

#text p {
    margin: 5px 0px 15px 0px;
    }

#text div.article_perex span.published a, #text p a {
    color:#f56421;
}

#text div.article_perex span.published a:hover, #text div.article_perex a.more:hover, #text div.article_filter h2 a:hover, #text p a:hover {
    color: #eee;
}

#text div.article_perex a.more, #text p strong, #text ol li strong, #text ul li strong {
    color:#f56421;
 
}

#text p b {color:#eee;}

#text div.article_filter {
    margin-bottom: 10px;
}

#text div.article_filter p {
    font-size: 0.95em;
    font-family: Verdana,"Lucida Sans","Bitstream Vera Sans","Liberation Sans",sans-serif;
}

#text div.article_filter h2 a {
    color:#f56421;
    font-size: 1.2em;
    text-decoration: underline;
}

#text div.article_perex a.more {
     text-decoration: underline;
    font-weight: bold;
    margin-top: 5px;
}

#text ol, ul {
padding: 0 0 0 20px;
margin: 10px 0px 10px 0px;}

#text ul {list-style: disc;}

#text ol {list-style: decimal;}

#text code, #text pre {background-color:#222;
color:#f56421;
margin: 0px 0px 10px 0px;
padding: 10px;
border-left: 2px solid #c84000}


#text #rreadin, #share {
    float:left;
    width:96%;
    padding: 10px;
    background-color: #151515;
    border: 1px solid #323232;
    margin: 10px 0px 10px 0px;
}

#text #rreadin h3, #share h3 {
   border: 0px;
   margin: 0px;
   padding: 0px 0px 0px 0px;
   font-size: 1.1em;
}

#text #share a.twitter, #text #share a.facebook {
    padding:0 0 0 20px; 
    height:16px;
} 

#text #share a.twitter { 
 background:url(../img/twitter_white.gif) no-repeat top left; 
}

#text #share a.facebook { 
 background:url(../img/facebook_share_icon.gif) no-repeat top left; 
}


/*==== LISTING ====*/
#listing {
    float: left;
    width: 580px;
    height: 10px;
    padding: 0px 0px 0px 0px;
    font-size: 1.0em;
}

#listing p a {
    color: #bbb;
    text-decoration: none;
}

#listing p a:hover {
    color: #fff;
}

#listing p a.next {
    float: right;
}

#listing p a.previous {
    float: left;
}


/*========== SIDEBAR ==========*/
#sidebar {
    float: right;
    width: 300px;
}

#sidebar div.divider {
    float: left;
    width: 300px;
    height: 1px;
    border-bottom: 1px solid #333;
}

#sidebar div.module {
    float: left;
    width: 280px;
    padding: 0px 10px 10px 20px;
   
}

#sidebar div.module h3 {
    font-size: 1.25em;
    margin-top: 10px;
    color: #eee;
}

#sidebar div.module p {
    color: #ddd;
    padding: 10px 0px 10px 0px;
}

#sidebar div.module p a {
    color: #f56421;
    text-decoration: none;
}

#sidebar div.module p a:hover {
    color: #fff;
}

#sidebar div.module p span {
    color: #bbb;
    font-size: 0.9em;
}

/*========== BEGIN AND END ==========*/

/*========== FOOTER ==========*/
#footer {
    float: left;
    width: 890px;
    height: 177px;
    background: url(../img/bw-wide-v2-dark_08.jpg) no-repeat bottom left #1e1e1e;
    padding: 40px 0px 0px 30px;
}

#footer p {
     padding: 0px 0px 0px 60px;
     float: left;
     width: 210px;
}

#footer p.second {
     padding: 0px 0px 0px 24px;
}

#footer p.third {
     padding: 0px 0px 0px 94px;
}


#footer p a {
     color: #ccc;
     font-style: italic;
}

#footer p a:hover {
     color: #fff;
}


#copy {
    float: left;
    width: 920px;
    height: 20px;
    margin-bottom: 25px;
    color: #999;
    font-size: 0.9em;
    text-align: right;
}