body {
/*    background:#BBD9EE none repeat scroll 0%;*/
    background-color: #ebe2be;
    color:#000000;
    font-family:tahoma,verdana,sans-serif;
    font-size:83%;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1.5;
    margin:0pt auto;
    padding:0pt 0pt 20px;
    width: 75%;
}
#wrap {
    width: 1022px;
}

#header {
    margin-top: 10px;
    float: left; 
    margin: 0pt;
    padding: 0pt;
}

#logo {
    background: url(logo.gif) no-repeat top left;
    width: 400px;
    height: 100px;
    float: left;
}

#logo p {
    margin-top: 65px;
    text-align: center;
    font-family: 'MS Trebuchet';
    font-size: 15px;
    font-style: italic;
    color: #000000;
}

#tagclod {
    float: right;
}

#navigation {
    padding: 10px;
    width: 100%;
    float: left;
    border-top: thin dotted #666666;
    border-bottom: thin dotted #666666;
}

#topmenu {
    clear: both;
    float: left;
}

#topmenu ul {
    list-style: none;
    padding: 0pt 10px;
}

#topmenu ul li {
    float: left;
    margin: 0px 5px 5px 0px;
}

#search {
    float: right;
}

#search input {
    font-size: 90%;
}

#tabs {
  float:left;
  width:100%;
  font-size:25px;
  font-weight:bold;
  line-height:normal;
  }
#tabs ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
margin: 0 auto;
display: table;
  }
#tabs li {
  display:inline;
  margin:0;
  padding:0;
  }
#tabs a {
  float:left;
  background:url("tableft.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 4px;
  text-decoration:none;
  }
#tabs a span {
  float:left;
  display:block;
  background:url("tabright.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#666;
  }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs li.active a span {
  color:#aa4400;
  }
#tabs li.active a {
  background-position:0% -42px;
  }
#tabs li.active a span {
  background-position:100% -42px;
  }

#feedicon {
    position: absolute;
    right: 10px;
    top: 10px;
}

#content-wrap {
    clear: both;
    margin: 0pt;
    padding: 0pt;
}

div.story {
    clear: both;
    padding: 10px 0pt;
    border-bottom: 1px dashed #333333;
}

#content-wrap a {
    color: #666666;
    text-decoration: underline;
}

#content-wrap a:hover {
    text-decoration: underline;
}

#content-wrap h2 {
    font-size: 1.5em;
    color: #666666;
    text-transform: uppercase;
    text-decoration: none;
    margin: 0pt;
}


div.rating {
    float: left;
    margin: 0pt;
    padding: 0pt;
}

div.ratingbox {
    width: 100px;
    height: 80px;
    background: url(ratingbox.gif) no-repeat top left;
}

.ratingbox span {
   color: #ffffff;
   text-align: center;
   font-size: 35px;
   font-weight: bold;
   padding: 10px 0pt;
   display: block;
}

#votecontrols {
    margin: 0pt 10px;
}

.rating span.voteup {
    background: url(story-vote-up.gif) no-repeat top left;
}

.rating span.voteup:hover {
    background: url(story-vote-up.gif) no-repeat 0 -33px;
}

.rating span.votedown {
    background: url(story-vote-down.gif) no-repeat top left;
}
.rating span.votedown:hover {
    background: url(story-vote-down.gif) no-repeat 0 -33px;
}

.rating span.voteup, .rating span.votedown {
    float: left;
    width: 36px;
    height: 33px;
    margin: 5px 2px;
}

div.storybrief {
    margin-left: 120px;
    min-height: 200px;
    height:auto !important;
    height: 200px;
}

div.storybrief img {
    float: left;
    padding: 0pt 20px;
    border: 0pt;
}

div.storybrief p {
    padding: 10px 20px;
    text-indent: 20px;
}

.tags {
    font-size: 80%;
    margin-bottom: 20px;
}

.storydetail .tags {
    text-align: center;
}

#storylist .storyfooter {
    margin-left: 120px;
    margin-top: 20px;
}

.storyfooter {
    clear: both;
    padding-top: 10px;
}

.storyfooter img {
    margin-bottom: -5px;
}

div.storyadv {
    text-align: center;
}

div.storydetail {
    margin-top: 80px;
}

div.videocontainer {
    min-height:300px;
    height:auto !important;
    height:300px;
}

#embedvideo {
    text-align: center;
    padding: 0pt;
    /*
    min-height:200px;
    height:auto !important;
    height:200px;
    */
}

.story p  {
    text-indent: 20px;
}

div#storycomments {
    clear: both;
    margin: 20px 10px 0pt 0pt;
}

p.commentfooter{
    padding-top: 10px;
}

.button:hover {
    background: #eeeeee none repeat scroll 0%;
    border: 1px solid #ff0000;
}

.button {
    color: #000000;
    background: #D3D8CE none repeat scroll 0%;
    border: 1px solid #000066;
    font-size: 20px;
    font-family: Verdana;
    font-weight: bold;
    margin: 0pt;
    padding: 5px 10px;
}

div.inputform {
    padding: 5px;
    text-align: center;
}

input {
    font-size: 20px;
    background: #D3D8CE none repeat scroll 0%;
}


textarea,select {
    font-size: 20px;
    background: #D3D8CE none repeat scroll 0%;
}

div.inputform input {
    width: 100%;
}

div.inputform textarea {
    width: 99%;
}

div.inputform table {
    margin: auto auto;
}

div.inputform td {
    padding: 5px;
}

div.inputform ul.errorlist {
    list-style: none;
    padding: 5px 0pt;
}

ul.errorlist li {
    color: red;
    font-weight: bold;
}

ul.captcha {
    list-style: none;
    margin: 0pt 20px;
}

ul.captcha li {
    float: left;
    padding: 0pt 10px;
}

ul.captcha input {
    width: 4em;
}

.comment {
    background-color: #EBE2BE;
    margin: 10px;
    padding: 10px;
}

.commentrating  {
    color: #666666;
    float: right;
    font-size: 20px;
    margin: 0pt;
    text-align: center;
    width: 40px;
    height: 40px;
}

.commentrating a {
    float: left;
    width: 14px;
    height: 13px;
    margin: 2px;
    display: block;
    overflow: hidden;
}

.comment_vote_up {
    background: url(comment-vote-up.gif) no-repeat top left;
}

.comment_vote_up:hover {
    background: url(comment-vote-up.gif) no-repeat 0px -13px;
}

.comment_vote_down {
    background: url(comment-vote-down.gif) no-repeat top left;
}

.comment_vote_down:hover {
    background: url(comment-vote-down.gif) no-repeat 0px -13px;
}

div#storycomments .indent0 {
    margin-left: 0px;
}
div#storycomments .indent1 {
    margin-left: 20px;
}
div#storycomments .indent2 {
    margin-left: 40px;
}
div#storycomments .indent3 {
    margin-left: 60px;
}
div#storycomments .indent4 {
    margin-left: 80px;
}
div#storycomments .indent5 {
    margin-left: 100px;
}
div#storycomments .indent6 {
    margin-left: 120px;
}
div#storycomments .indent7 {
    margin-left: 140px;
}
div#storycomments .indent8 {
    margin-left: 160px;
}

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

div#replyform fieldset {
}

div#replyform textarea {
    width: 80%;
    height: 5em;
    background: #D3D8CE none repeat scroll 0%;
}

.aligncenter {
    text-align: center;
}

div.profile_section {
    background: #b7b094 none repeat scroll 0%;
    margin-left: 180px;
    padding: 10px;
    min-height: 400px;
    height:auto !important;
    height:400px;
}

div.profile_section input {
    width: 300px;
}

div.userinfo {
    text-align: left;
    font-size: 150%;
}

div.userinfo td {
    padding: 20px;
}

div.userlist table {
    width: 80%;
    text-align: center;
}

div.pager {
    clear: both;
    border-top:1px dashed #333333;
}

div#footer {
    clear: both;
    text-align: center;
    background-color: #ECBA58;
    width: 100%;
    margin-top: 50px;
    padding: 5px;
}

div#footer img {
    margin-bottom: -3px;
}

#dialog {
    text-align: center;
    padding: 5px;
}

#dialog input {
    width: 99%;
}

#dialog textarea {
    width: 99%;
    height: 120px;
}

#dialog h1 {
    margin-top: 200px;
}

ul.captcha li {
    float: left;
    display: inline;
}

input#captcha_input {
    width: 3em;
}

#minicloud {
text-align: center;
font-size: 80%;
line-height: 1;
margin-left: 400px;
display: block;
}

#minicloud a {
padding: 0pt 2px;
color: #666666;
text-decoration: none;
}
#minicloud a.cloud_4 {
font-size:180%;
}
#minicloud a.cloud_3 {
font-size:150%;
}
#minicloud a.cloud_2 {
font-size:120%;
}
#minicloud a.cloud_1 {
font-size:90%;
}

#minicloud p {
    text-align: right;
}

#cloud {
text-align: center;
text-decoration: none;
width: 50%;
margin: 0pt auto;
font-size: 120%;
}
#cloud a {
margin-right: 3px;
font-family: Arial,Helvetica;
}
#cloud a.cloud_4 {
font-size:200%;
}
#cloud a.cloud_3 {
font-size:150%;
}
#cloud a.cloud_2 {
font-size:120%;
}
#cloud a.cloud_1 {
font-size:90%;
}

.adv {
    text-align: center;
    margin: 10px 0;
    border-bottom: 1px dashed #333333;
}

.align-center {
    text-align: center;
}

.banner {
	text-align:center;
}