body {
background:#CCFFFF;
color:#003366;
font:83%/1.5 Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
width:99%;
margin:0 auto;
padding:0 0 20px;
}
#wrap {
position:relative;
text-align:left;
margin:0 auto;
}
#sidebar {
position:absolute;
top:0;
left:auto;
right:0;
width:257px;
margin-top: 5px;
margin-right:5px;
}
#contentbox {
line-height: 150%;
margin-right:272px;
width:auto;
}
#contentbox #breadcrumb {
margin-top:-5px;
font-size:96%;
font-weight:700;
text-decoration:none;
}
#content-wrap2 {
background:white;
position:relative;
min-height:1050px;
border-style: dotted;
border-color: black;
border-width: thin;
margin:0 20px;
padding-left: 10px;
}
* html #content-wrap2 {
height:850px;
}
h1,h2,h3,h4,h5,h6 {
letter-spacing:-1px;
font-family: Arial, Helvetica, sans-serif;
color:black;
border-bottom:1px solid #D8B93B;
margin:.9em 0 .3em;
}
h1 {
font-size:196%;
margin-top:.6em;
}
h2 {
font-size:136%;
color:#666666;
}
h3 {
font-size:126%;
}
h4 {
font-size:116%;
}
h5 {
font-size:106%;
}
h6 {
font-size:102%;
}
ul {
list-style:none;
}
hr {
background:#f2f2f2;
height:1px;
color:#666666;
border:none;
clear:both;
margin:1em 0;
}
.clear {
clear:both;
position:relative;
font-size:0;
height:0;
line-height:0;
}
li {
line-height:1.4em;
}
a,a:link,a:link,a:link,a:hover {
cursor:pointer;
}
a:active {
color:#6699CC;
}
a:hover {
color:#CC6699;
}
a:visited {
color:#6666CC;
}
.search2 {
float:right;
padding-right:20px;
padding-top:7px;
}
#headbar {
vertical-align:middle;
height:1%;
margin:0 20px;
padding:5px 10px 0;
}
#header {
background-repeat: no-repeat;
background-position: 8% -11%;
width:100%;
position:relative;
margin:0 0 2px;
padding:0 0 8px;
}
#headbar form .login {
width:100px;
}
#headbar ul {
padding:2px 0 4px 2px;
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: -.03em;
background: #FFFFFF;
color: #6699CC;
border-color:#99CCFF;
border-style: solid;
border-width: thin;
text-align: center;
}
#headbar ul li {
display:inline;
color: #6699CC;
}
#header #site-name {
font:265% Arial, Helvetica, sans-serif;
letter-spacing:-0.05em;
height:60px;
color:#6699CC;
border:none;
margin:0 0 0 20px;
padding:3px 0;
}
#sorts {
position:absolute;
right:40px;
margin-top:-18px;
color:#666;
font-size:11px;
}
#sorts p {
font-size:11px;
}
#sorts a {
color:#003366;
font-size:11px;
}
#sorts img {
margin-bottom:-2px;
}
#cab {
height:30px;
margin-left:20px;
}
#navbar {
background:url("../images/navbar.png") repeat-x 0 0;
color:#000000;
font-size:11px;
margin:2px 20px 0;
padding:14px 0 7px 10px;
border-color:#359387;
border-style: solid;
border-width: thin;
}
#story-navbar {
background:url("../images/navbar.png") repeat-x 0 0;
color:#6699CC;
font-size:11px;
margin:2px 20px 0;
padding:14px 0 7px 10px;
}
#cab ul {
list-style:none;
padding:0 10px 0 30px;
}
#cab li {
float:left;
text-align:center;
display:block;
}
#cab a.navbut3 {
float:left;
background:url("../images/tabrB2.png") no-repeat right top;
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
display:block;
height:33px;
color:#6699CC;
font-weight:700;
margin:0 1px;
padding:0 6px 0 0;
}
#cab a.navbut3:hover {
background:url("../images/tabrightB.png") no-repeat right top;
color:#CC6699;
}
#cab a.navbut3 span {
float:left;
background:url("../images/tablB2.png") no-repeat left top;
text-align:center;
display:block;
padding:9px 0 5px 6px;
}
#cab a.navbut3:hover span {
background:url("../images/tableftB.png") no-repeat left top;
}
#cab a.navbut4 {
float:left;
background:url("../images/tabrightB.png") no-repeat right top;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:1.1em;
display:block;
height:33px;
color:#000000;
font-weight:700;
margin:0 1px;
padding:0 6px 0 0;
}
#cab a.navbut4 span {
float:left;
background:url("../images/tableftB.png") no-repeat left top;
text-align:center;
display:block;
padding:9px 0 5px 6px;
}
.cab {
padding:0 10px 30px 5px;
}
.cab span a {
background:url("../images/story_tab2.png") no-repeat 0 0;
display:block;
float:left;
width:100px;
height:33px;
text-align:center;
text-decoration:none;
color:#003366;
font-weight:700;
padding:6px 0 0 2px;
}
form {
margin:0 0 1.5em;
}
input {
font-family:arial,tahoma,verdana,sans-serif;
margin:2px 0;
}
fieldset {
border:1px solid #ccc;
font-weight:400;
margin:1em 0;
padding:1em 1.5em;
}
* html fieldset {
background:none;
}
fieldset dt {
clear:left;
float:left;
width:18em;
text-align:right;
padding:0 1em 0.5em 0;
}
fieldset dd {
font-weight:700;
padding:0 0 0.5em;
}
fieldset.labels label {
width:10em;
float:left;
text-align:right;
display:block;
padding:0.2em 0.5em 0.2em 0;
}
fieldset.labels div {
clear:left;
padding:0.2em 0;
}
label {
display:block;
font-weight:700;
padding:5px 0;
}
label br {
clear:left;
}
legend {
color:#000;
padding:0 0.5em;
}
table td,table th {
text-align:left;
padding:0 4px;
}
table th {
background:#EEEEEA;
padding:4px;
}
table th a:hover {
background:none;
color:#C00;
}
.featurebox {
background:url("../images/featurebox_bg.png") no-repeat 100% 100%;
color:#003366;
margin:0 0 15px;
padding:15px 0 0 10px;
}
.featurebox p {
border:none;
color:#003366;
margin:0 0 1em;
}
.featurebox a:hover {
color:#CC6699;
text-decoration:underline;
}
.featurebox li a {
margin-left:-10px;
padding-left:20px;
line-height:2em;
}
.featurebox li.rmore {
list-style:none;
margin-left:155px;
border-bottom:1px;
background:url("../images/more.png") no-repeat 100% 150%;
}
.featurebox li.rmore a {
text-decoration:none;
font-size:12px;
line-height:2.2em;
}
.featurebox ul {
margin-left:10px;
margin-bottom:10px;
position:relative;
}
.featurebox ul a {
margin-bottom:5px;
}
.tlb {
background:url("../images/featurebox_h.png") no-repeat 0 0;
margin:-15px -10px 0;
padding:3px 10px 5px;
}
.tlb a {
font-weight:700;
font-family: Arial, Helvetica, sans-serif;
color:#000000;
text-decoration:none;
font-size:14px;
}
.tlb strong {
font-weight:700;
color:#000000;
}
.tlb a:hover {
color:#CC6699;
text-decoration:none;
}
.tlb span {
float:right;
margin-top:-3px;
margin-right:0;
}
.tlb2 {
margin:5px 0 0;
padding:0 0 20px;
}
.tlb2 span a {
background:url("../images/exp_on.png") no-repeat 0 0;
font-family: Arial, Helvetica, sans-serif;
margin-right:8px;
cursor:pointer;
float:left;
display:block;
letter-spacing: -0.08em;
color:blue;
width:58px;
height:21px;
text-align:center;
padding-top:2px;
}
.tlb2 span.selected a {
background:url("../images/exp_down.png") no-repeat 0 0;
width:58px;
height:21px;
cursor:text;
float:left;
display:block;
margin-right:8px;
font-weight:700;
color:#000000;
text-align:center;
padding-top:2px;
}
.sstories {
background:url("../images/vote_count.png") no-repeat 0 0;
padding-top:3px;
padding-right:13px;
float:left;
}
.count_total {
margin-left:8px;
color:#774525;
font-weight:700;
font-size:110%;
}
#nav-secondary,#nav-secondary ul {
position:static;
margin:0;
}
#nav-secondary,#nav-secondary li {
list-style:none;
display:block;
margin:0;
padding:0;
}
#nav-secondary {
padding-top:0;
margin-top:10px;
}
#nav-secondary a {
line-height:1.5;
font:96% arial;
display:block;
color:#6699CC;
border-bottom:1px solid #339999;
}
#nav-secondary a:hover {
color:#CC6699;
}
a.switchurl {
border-bottom:1px solid #339999;
display:block;
margin-right:8px;
padding:0 0 4px 5px;
}
.news-summary {
position:relative;
clear:left;
width:100%;
padding:1px 0 10px;
}
.top {
margin-left:60px;
padding:0 0 0 5px;
}
.top h4 {
padding-left:4px;
font-size:160%;
font-weight:400;
margin:0;
}
.top h4 a:link {
color:#666666;
font-weight:700;
}
.top h4 a:visited {
color:#666666;
font-weight:700;
}
.toptitle {
font-size:20px;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:400;
margin:0;
}
.toptitle a:link {
color:#6699CC;
font-weight:700;
}
.toptitle a:visited {
color:#6699CC;
font-weight:700;
}
.toptitle a:hover {
color:#CC6699;
}
.news-submitted {
font-size:85%;
margin-bottom:3px;
color:#003366;
}
.news-submitted a {
color:#6699CC;
text-decoration:underline;
}
.news-submitted img {
float:left;
margin-right:4px;
margin-top:3px;
vertical-align:bottom;
z-index: 1;
position:relative;
}
.news-body-text {
font-size:96%;
margin:10px 0 10px;
}
.news-details {
font-size:85%;
margin:0;
}
.news-details a:hover {
color:#6699CC;
text-decoration:underline;
}
.news-details a:active {
color:#6699CC;
text-decoration:underline;
}
.news-details b {
color:#c00;
}
* html .news-details {
padding-right:136px;
}
.news-details .comments_no {
padding-left:37px;
border-left:none;
}
ul.news-details li li {
border-left:none;
float:none;
height:21px;
}
.news-upcoming {
background:url("../images/vote.png") no-repeat 0 0;
position:absolute;
top:3px;
left:0;
width:55px;
text-align:center;
font-size:85%;
list-style:none;
margin:0;
padding:0;
}
.news-upcoming2 {
background:url("../images/vote-l.png") no-repeat 0 0;
position:absolute;
top:3px;
left:0;
width:55px;
text-align:center;
font-size:85%;
list-style:none;
margin:0;
padding:0;
}
.vote-publish a {
font-size:26px;
letter-spacing:-1px;
text-decoration:none;
line-height:48px;
padding:15px 0 6px;
}
.vote-publish a small {
font-size:12px;
letter-spacing:0;
text-decoration:none;
}
.vote-publish a:hover {
text-decoration:none;
color:#CC6699;
}
.vote-publish a:active {
text-decoration:none;
color:#A9D3EC;
}
.vote a:link {
display:block;
color:#6699CC;
font-size:12px;
text-decoration:none;
padding:4px 0 5px;
}
.vote a:hover {
display:block;
color:#CC6699;
font-size:12px;
text-decoration:none;
padding:4px 0 5px;
}
.vote a:visited {
display:block;
color:#6666CC;
font-size:12px;
text-decoration:none;
padding:4px 0 5px;
}
.vote span {
display:block;
color:#B1E2DC;
font-size:12px;
text-decoration:none;
padding:4px 0 5px;
}
#comment-wrap {
border: dotted 1px #99CCCC;
}
#comment-head {
background:#e1e1e1;
width:100%;
}
.comment-body {
background:#fafafa;
padding:0 4px;
}
.comment-info {
background:#fafafa;
font-size:80%;
text-align:right;
padding-right:4px;
}
.avatar {
float:left;
width:15px;
height:15px;
margin:1px 0 0;
}
#comment-subhead {
float:right;
margin-top:-21px;
font-size:11px;
}
.ratemey {
background:#090;
padding:1px 5px;
}
.ratemen {
background:#c00;
color:#fff;
padding:1px 6px;
}
.rateme {
color:#fff;
font-size:14px;
}
#stats {
width:48%;
float:right;
}
#personal_info {
width:48%;
float:left;
}
.live2 {
background-repeat:no-repeat;
background-position:bottom right;
margin:10px;
}
.live2 strong {
font-size:95%;
}
.live2-item {
width:100%;
clear:both;
border-bottom:1px dotted #336699;
min-height:25px;
text-align:center;
overflow:hidden;
padding:5px 2px 0;
}
.live2-ts,.live2-type,.live2-votes,.live2-story,.live2-who,.live2-status {
float:left;
display:block;
}
.live2-type img {
border:none;
vertical-align:middle;
margin:0;
}
.live2-story {
width:37%;
text-align:left;
}
.live2-who {
width:18%;
text-align:left;
}
.live2-status {
width:15%;
text-align:left;
}
.live2-problem {
color:red;
}
.pagination {
border-width: 1px;
border-style: solid;
border-color: #99CCFF;
color:#6699CC;
margin:0 0 1.5em;
padding:4px 2px 4px 7px;
}
.pagination p {
position:relative;
text-align:right;
}
.pagination p a:link {
text-decoration:none;
background:#fff;
border:1px solid #339999;
margin-right:1px;
padding:2px 5px;
}
.pagination p a:visited {
text-decoration:none;
background:#fff;
border:1px solid #339999;
margin-right:1px;
padding:2px 5px;
}
.pagination p a:hover {
text-decoration:none;
background:#fff;
border:2px solid #339999;
margin-right:1px;
padding:2px 5px;
}
.pagination p a:active {
text-decoration:none;
background:#fff;
border:1px solid #339999;
margin-right:1px;
padding:2px 5px;
}
.pagination p span {
text-decoration:none;
background:#F2F2F2;
border:1px solid #99CCFF;
color:#003366;
margin-right:1px;
padding:2px 5px;
}
.pagination h4 {
margin-top:-1.45em;
border:none;
padding:0;
}
#outerfooter {
border-top:1px solid #99CCCC;
width:96%;
margin:17px auto;
}
.footer {
margin-right:272px;
width:auto;
font-size:86%;
text-align:left;
color:#666666;
margin-top:15px;
padding:10px 0 0 0;
}
.footer a:link {
color:#6699CC;
}
.error {
color:#c00;
font-weight:700;
margin-top:10px;
border:1px solid red;
background:#FFC5BE;
padding:5px;
}
.success {
color:#000000;
font-weight:700;
}
*,fieldset dl {
margin:0;
padding:0;
}
#contentbox #breadcrumb a:link,#contentbox #breadcrumb a:hover,#contentbox #breadcrumb a,#content #breadcrumb a:active,#content #breadcrumb a:visited,.news-submitted a:hover {
text-decoration:none;
}
#introtext p  { 
margin-top: 1em; 
}
img,.news-details select {
border:none;
}
a:link {
color:#774525;
}
#cab a:hover {
color:#774525;
}
#cab a.navbut4:hover {
color:#774525;
}
.vote-publish a:link {
color:#774525;
}
.vote-publish a:visited {
color:#774525;
}
.footer a:hover {
color:#774525;
}
#headbar form,.pagination * {
margin:0;
}
#headbar ul a {
color:#6699CC;
text-decoration:none;
}
#navbar a {
color:#6699CC;
text-decoration:none;
}
#headbar ul a:hover {
color:#CC6699;
text-decoration:none;
}
#navbar a:hover {
color:#CC6699;
text-decoration:none;
}
#headbar ul a:hover,#navbar a:hover {
text-decoration:underline;
}
#sorts a:hover {
color:#CC6699;
}
#cab a {
color:#CC6699;
}
#cab span a:hover {
color:#CC6699;
}
.top h4 a:hover {
color:#CC6699;
}
.vote a:hover {
color:#CC6699;
}
.cab span.selected {
cursor:text;
font-weight:700;
color:#666;
text-align:center;
}
.tlb2 span.selected {
cursor:text;
font-weight:700;
color:#666;
text-align:center;
}
.cab span.selected a,.cab span a:hover {
background:url("../images/story_tab.png") no-repeat 0 0;
display:block;
float:left;
width:100px;
height:33px;
text-decoration:none;
color:#000000;
font-weight:700;
padding:6px 0 0 2px;
}
input.submit,input.submit-s,input.log2 {
border:1px solid #339999;
font-size:9pt;
font-style:normal;
font-variant:normal;
font-weight:400;
height:20px;
line-height:normal;
padding:1px;
}
table,#wrapper,#bookmarklet {
width:100%;
}
.news-details a:link {
color:#6699CC;
text-decoration:none;
}
.news-details a:visited {
color:#6699CC;
text-decoration:none;
}
.news-details .tool,.news-details .tool-right {
display:block;
float:left;
padding:0 4px;
}
.live2-ts,.live2-type,.live2-votes {
width:10%;
text-align:left;
}