html {
  background: #b0cb1c;
  font-family: Arial, sans-serif;
}

body {
  background: url('/img/layout/body_background.png') repeat-x;
  height: 100%;
}

img {
  border: none;
}

a {
  color: #ff871e;
  text-decoration: none;
}

a:hover {
  color: #ff871e;
  text-decoration: underline;
}

input:focus {
  outline: 0px solid #fff;
}

strong {
  font-weight: bold;  
}

#container {
  width: 950px;
  margin: 0 auto;
  padding: 0;
}

#header {
  background: url('/img/layout/header_background.png') no-repeat;
  width: 950px;
  height: 267px;
  padding: 0;
  margin: 0;
  position: relative;
}

#header h1 a {
  font-size: 1px;
  color: transparent;
  text-indent: -10000px;
  display: block;
  background: url('/img/layout/logo.png') no-repeat;
  width: 328px;
  height: 120px;
  position: absolute;
  left: 40px;
  top: 10px;
}

#controlPanel {
  width: 300px;
  position: absolute;
  right: 0px;
  top: 10px;
  color: #AAA;
  padding: 10px;
  border: 1px solid #222;
  font-size: 12px;
  background-image: -moz-linear-gradient(top, #111111, #000000); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #111111),color-stop(1, #000000)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#111111', EndColorStr='#000000'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#111111', EndColorStr='#000000')"; /* IE8 */
     -moz-border-radius: 5px; /* FF1+ */
  -webkit-border-radius: 5px; /* Saf3+, Chrome */
          border-radius: 5px; /* Opera 10.5, IE 9 */
}

#controlPanel h3 {
  font-size: 14px;
  font-weight: bold;   
}

#controlPanel p {
  text-align: right;
  margin-top: 7px;   
}

#signUpLink {
  font-size: 1px;
  color: transparent;
  text-indent: -10000px;
  display: block;
  background: url('/img/layout/sing_up_button.png') no-repeat;
  width: 170px;
  height: 65px;
  position: absolute;
  right: 10px;
  top: 10px;
}

#login {
  background: url('/img/layout/login_background.png') no-repeat;
  width: 374px;
  height: 48px;
  position: absolute;
  right: 190px;
  top: 18px;
}

#loginUsername {
  border: 0px solid #fff;
  color: #333;
  font-size: 12px;
  position: absolute;
  top: 10px;
  left: 80px;
  width: 95px;
}

#loginPassword {
  border: 0px solid #fff;
  color: #333;
  font-size: 12px;
  position: absolute;
  top: 10px;
  left: 188px;
  width: 95px;
}

#loginSubmit {
  background: #FFF;
  border: 0px solid #fff;
  color: #ff871e;
  font-size: 11px; 
  font-weight: bold;
  text-transform: uppercase;
  position: absolute;
  top: 10px;
  left: 299px;
  width: 60px;
}

#resetPasswordLink {
  font-size: 11px;
  position: absolute;
  top:32px;
  left: 230px;
}

#resetPasswordLink:hover {
  color: #111;
}

#login #signin_remember {
  position: absolute;
  top: 31px;
  left: 77px;
  font-size: 11px;
}

#login label {
  position: absolute;
  top: 32px;
  left: 97px;
  font-size: 11px;
  color: #ff871e;
  font-weight: normal;
}

.socialMediaLink {
  font-size: 1px;
  color: transparent;
  text-indent: -10000px;
  display: block;
  width: 22px;
  height: 22px;
  position: absolute;
  border: 0;
}

#facebookLink {
  bottom: 15px;
  right: 70px;
}

#twitterLink {
  bottom: 15px;
  right: 45px;
}

#rssLink {
  bottom: 15px;
  right: 20px;
}

#mainMenu { 
  position: absolute;
  width: 696px;
  height: 43px;
  background: url('/img/layout/main_menu_background.png') repeat-x;  
  left: 0;
  bottom: -43px;
}

#mainMenu ul{
  background: url('/img/layout/main_menu_left.png') no-repeat;
  display: block; 
  width: 696px;
  height: 43px;
  overflow: hidden;
}

#mainMenu ul li {
  display: block; 
  float: left;
  font-weight: bold;
  font-size: 13px;
  padding: 15px 24px 0 24px;
  height: 28px;
  background: url('/img/layout/main_menu_separator.png') no-repeat;
}

#mainMenu ul li#first {
  background: none;
}

#mainMenu ul li a {
  color: #666;
  text-decoration: none;
}

#mainMenu ul li a:hover {
  color: #333;
}

#search {
  position: absolute;
  width: 254px;
  height: 44px;
  background: url('/img/layout/main_menu_search_background.png') repeat-x;  
  right: 0;
  bottom: -44px;
}

#searchQuery {
  border: 0px #fff solid;
  width: 142px;
  font-size: 12px;
  top: 14px;
  left: 14px;
  position: absolute;
}

#searchSubmit {
  background: #fff;
  border: 0px #fff solid;
  position: absolute;
  color: #ff871e;
  font-size: 11px; 
  font-weight: bold;
  text-transform: uppercase;
  top: 13px;
  left: 174px;
  width: 48px;
}

#mainContainer {
  background: #F4F4F5;
  margin-top: 50px;
  min-height: 500px;
     -moz-border-radius: 5px; /* FF1+ */
  -webkit-border-radius: 5px; /* Saf3+, Chrome */
          border-radius: 5px; /* Opera 10.5, IE 9 */
  overflow: hidden;
}

#rightNav {
  float: right;
  background-image: -moz-linear-gradient(top, #C7C7C7, #F4F4F4); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #C7C7C7),color-stop(1, #F4F4F4)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#C7C7C7', EndColorStr='#F4F4F4'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#C7C7C7', EndColorStr='#F4F4F4')"; /* IE8 */
     -moz-border-radius: 0px 5px 5px 0px; /* FF1+ */
  -webkit-border-radius: 0px 5px 5px 0px; /* Saf3+, Chrome */
          border-radius: 0px 5px 5px 0px; /* Opera 10.5, IE 9 */
  padding: 20px;  
  overflow: hidden;
}

#mainAdsNav {
  float:right;
  width: 230px;
}

.noAd {
  background: #999;
  width: 230px;
  height: 100px;
  text-align: center;
  font-weight: bold;
  color: #EEE;
  padding-top: 50px;
  margin-bottom: 30px;
}

#statics {
  width: 230px;
  margin-right: 20px;
  float: right;  
}

#content {
  font-size: 14px;  
  color: #222;
  padding: 20px;
  float: left;
  width: 375px;
  overflow: hidden;
}

h2 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;  
}

label {
  font-weight: bold;
}

.formTable {
  margin-top: 10px;  
}

.formTable th, .formTable td {
  padding-bottom: 5px;
  vertical-align: top;
}

.formTable td {
  padding-left: 5px;
}

.formTable .description {
  font-size: 10px;
  font-style: italic;
}

.formTable input {
  width: 200px;  
}

#createPost input,
#createPost select{
  width: 500px;
}


#createPost th {
  width: 100px;  
}

.error_list {
  font-size: 10px;
  color: #FF261E; 
}

#footer {
  margin: -315px 0 0 0;
  background: url('/img/layout/footer_background.png') repeat-x;
  height: 353px;
  position: relative;
  z-index: -1;
}

#footerContent {
  width: 950px; 
  padding-top: 325px;
  font-size: 11px;
  margin: 0 auto;
  color: #4c4c4c;
  text-align: center;
}

#postAuthor {
  border-bottom: 1px solid #666;
  width: 640px;
  overflow: hidden;
  padding-bottom: 10px;
}

#postAuthor #nickAsdPoints {
  font-size: 15px;
  margin-bottom: 5px;
}

.title {
  font-weight: bold;
  color: #ff871e;
}

#postAuthor #leftBox {
  float: left;
  width: 220px;
  padding-right: 5px;
  overflow: hidden;
  margin-right: 10px;
}

#postAuthor #leftBox #rangeAndCountry {
  font-size: 11px;
  float: right;
}

#postAuthor #leftBox #rangeAndCountry div {
  margin-top: 3px;
  margin-bottom: 20px;
}

#postAuthor #leftBox #rangeAndCountry div.last {
  margin-bottom: 0;
}

#postAuthor #middleBox,
#postAuthor #rightBox {
  float: left;
  width: 180px;
  padding: 0 10px;
  overflow: hidden;
  border-left: 1px solid #666;
  height: 100px;
}

#postAuthor #middleBox div,
#postAuthor #rightBox div {
  font-weight: bold;
}

#postAuthor #middleBox a,
#postAuthor #rightBox a {
  color: #333;
}

#postAuthor #middleBox a:hover,,
#postAuthor #rightBox a:hover {
  color: #000;
}

ul.arrows li {
  list-style-position: inside;
  list-style-image: url(/img/ularrow.png);
  list-style-type: square;
  margin: 3px 0;  
}

#postContent,
.commentConent {
  margin: 10px 0;
}


#postContent a,
.commentConent a {
  color: #ff871e;
}

#postContent h1,
#postContent h2,
#postContent h3,
#postContent h4,
#postContent h5,
#postContent h6,
.commentConent h1,
.commentConent h2,
.commentConent h3,
.commentConent h4,
.commentConent h5,
.commentConenth6 {
  color: #ff871e;
  font-weight: bold;
}

#postContent h1,
.commentConent h1 {
  font-size: 200%;
}

#postContent h2,
.commentConent h2 {
  font-size: 175%;
}

#postContent h2#postTitle {
  font-size: 200%;
}

#postContent h3,
.commentConent h3 {
  font-size: 150%;
}

#postContent h4,
.commentConent h4 {
  font-size: 125%;
}

#postContent p,
.commentConent p {
  margin: 5px 0;
}

#postContent strong,
.commentConent strong {
  font-weight: bold;
}

#postMetadata {
  background: #DDD;
     -moz-border-radius: 5px; /* FF1+ */
  -webkit-border-radius: 5px; /* Saf3+, Chrome */
          border-radius: 5px; /* Opera 10.5, IE 9 */
  padding: 10px;
  overflow: hidden;
  font-size: 11px;
}

#postMetadata .box {
  float: left;
  width: 135px;
  margin-left: 10px;
  padding-right: 10px;
}

#postMetadata .last {
  margin-left: 0;
  padding-right: 0;
  border-right: 0;
  padding-left: 10px;
}

#postMetadata .box div {
  margin-bottom: 5px;
}

#postMetadata .box a {
  font-weight: bold;
}

#postMetadata .box span {
  color: #ff871e;
}

#postMetadata #rightBox {
  font-weight: bold;  
}

#postMetadata #rightBox form {
  display: inline;
}

#postMetadata #rightBox select {
  display: inline;
}

#postMetadata #rightBox a {
  color: #222;  
}

#postMetadata #rightBox a:hover {
  text-decoration: none;
  color: #ff871e;
}

#postMetadata #rightBox #addToFavorites a,
#postMetadata #rightBox #removeFromFavorites a {
  background: url(/img/favorite.png) no-repeat;
  padding-left: 17px;
}

#postMetadata #rightBox #reportPost a {
  background: url(/img/report.png) no-repeat;
  padding-left: 17px;
}

#postMetadata #rightBox #addPoints {
  background: url(/img/addpoints.png) no-repeat left 4px;
  padding-left: 17px;
}

#postMetadata #rightBox #addNoPoints {
  background: url(/img/addpoints.png) no-repeat;
  padding-left: 17px;
}

#commentsTitle {
  color: #ff871e;
  display: block;
  padding: 5px;
       -moz-border-radius: 5px; /* FF1+ */
  -webkit-border-radius: 5px; /* Saf3+, Chrome */
          border-radius: 5px; /* Opera 10.5, IE 9 */
  font-weight: bold;
  background: #DDD;
  margin: 10px 0;
}

.statsTitle {
  color: #ff871e;
  display: block;
  padding: 5px;
       -moz-border-radius: 5px; /* FF1+ */
  -webkit-border-radius: 5px; /* Saf3+, Chrome */
          border-radius: 5px; /* Opera 10.5, IE 9 */
  font-weight: bold;
  background: #EAEAEA;
  margin-bottom: 10px;
}

#commentsList .comment {
  overflow: hidden;
  margin-bottom: 10px;  
}

#commentsList strong {
  display: block;
  float: left;
  margin-right: 5px;  
}

.postListEntry {
  font-size: 14px; 
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #999; 
}

.postListEntry a img {
  margin-right: 10px;
}

.postListEntry a {
  color: #222;
}


.postListEntry a:hover {
  color: #ff871e;
  text-decoration: none;
}


.postListEntry .details {
  margin-top: 10px;
  font-size: 12px;
  overflow: hidden;
}

.postListEntry .details .publishInfo {
  float: left;
}

.postListEntry .details .commentsInfo {
  float: right;
}

.postListEntry .details .commentsInfo span {
  color: #ff871e;
  font-weight: bold;
}

.postListEntry .details .commentsInfo img {
  margin-left: 5px;
}

#listPagination {
  font-weight: bold;
  overflow: hidden;
  font-size: 12px;
}

#listPagination a {
  display: block;
}

#prevPage {
  float: left;  
}

#nextPage {
  float: right;
}

.flash {
  color: #ff871e;
  padding: 5px;
       -moz-border-radius: 5px; /* FF1+ */
  -webkit-border-radius: 5px; /* Saf3+, Chrome */
          border-radius: 5px; /* Opera 10.5, IE 9 */
  font-weight: bold;
  background: #DDD;
  margin: 10px 0;
}

#adminPanel {
  padding: 5px;
       -moz-border-radius: 5px; /* FF1+ */
  -webkit-border-radius: 5px; /* Saf3+, Chrome */
          border-radius: 5px; /* Opera 10.5, IE 9 */
  font-weight: bold;
  background: #DDD;
  margin: 10px 0;
}

#adminPanel h3 {
  font-size: 16px;
  font-weight: bold;
}

.big {
  font-size: 1.2em;  
}


/******************************************************************************
 *                            SIGN IN LAYOUT CSS                              *
 ******************************************************************************/
html.signin {
  background: #030600;
}

.signin body {
  background: #030600;
  height: 100%;
}

.signin #container {
  min-height: 596px;    
  height: 100%;
  width: 960px;
  margin: 0 auto;
  background: url(/img/layout/sign_in_background.jpg) top no-repeat;
  position: relative;
}

#fbLink {
  position: absolute;
  background: url(/img/layout/fb.png) center no-repeat;
  display: block;
  height: 22px;
  width: 22px;
  font-size: 1px;
  line-height: 1px;
  color: transparent;
  text-indent: -100000px;
  bottom: 140px;
  left: 168px;
}

#twLink {
  position: absolute;
  background: url(/img/layout/tw.png) center no-repeat;
  display: block;
  height: 22px;
  width: 22px;
  font-size: 1px;
  line-height: 1px;
  color: transparent;
  text-indent: -100000px;
  bottom: 140px;
  left: 197px;
}

.signin #login {
  right: 0px;
}