/* CSS Document for yeroc.us */
html,body {
  background: #333333;
  color: #333333;
  margin: 0;
  padding: 0;
  font-family: Verdana, helvetica, sans-serif;
  font-size: 0.85em;
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size: 0.85em;
}
a:active {color: #F95E09;}
a:hover {color: #ff5500;}
#footer a {color: #666666;}
#mainnav ul {padding: 0;margin: 0;position: relative;left: -50%;}
#mainnav li {
  float: left;
  list-style: none;
  margin: 0px;
  padding: 0px;
  border-color: #333333;
  border-width: 0px 1px 0px 0px;
  border-style: solid;
}
#mainnav a {
  display: block;
  font: bold 12px Arial, Helvetica, sans-serif;
  letter-spacing: -0.5px;
  color: #eeeeee;
  text-decoration: none;
  padding: 6px 20px 6px 20px;
}
#mainnav em {font-style: normal;text-decoration: underline;}
#mainnav a:hover {
  font: bold 12px Arial, Helvetica, sans-serif;
  color: #ffffff;
  text-decoration: none;
  background: #444444;
  padding-bottom: 3px;
  border-bottom: #ff5500 3px solid;
}
#nocss {display: none;}
#deck {
  background: #ffffff;
  padding: 2px;
  margin: 20px auto 20px auto;
  width: 800px;
}
#prthdr {display: none;}
#header {
  background: #111111 url(/i/hdr.png) no-repeat;
  height: 94px;
  border-bottom: #333333 1px solid;
  padding: 0px;
}
#mainnav {
  background: #222222;
  border-bottom: #666666 1px solid;
  text-align: center;
  overflow: hidden;
}
#navwrap {float: left;position:relative;left:50%;}
#indexphoto {margin-bottom: 5px;padding: 0;}
#bodybox {padding: 0px 0px 10px 0px;line-height: 150%;}
#content {padding: 0px 10px 10px 5px;border-right: #999999 1px solid;margin: 10px 184px 0px 0px; line-height: 190%;}
#content p + p {margin-top: 1.5em;}
#footer {
  background: #222222 url(/i/ftr.png) center no-repeat;
  padding: 5px;
  border-top: #222222 3px solid;
  text-align: center;
  clear: right;
  font-size: 65%;
  color: #ffffff;
}
#footer a {color: #ff6600;}

/* Right Column */

#right {float: right;overflow: hidden;width: 180px;padding: 3px 1px 3px 3px;border-left: #999999 1px solid;font-size: 95%;}
#right strong {
  display: block;
  background: #333333;
  border-bottom: #F1520B 2px solid;
  font: bold 97% Arial, helvetica, sans-serif;
  padding: 4px 2px 4px 2px;
  margin: 5px 0px 5px 0px;
  color: #ffffff;
}
#right a {text-decoration: none;}
#right a:hover {text-decoration: underline;}
#right ul {list-style: url(/images/2k7/raquo.png);margin: 0px 0px 0px 20px;padding: 0;}
#right ul.none {list-style: none; margin: 3px;}
#right li {line-height: 16px;margin: 0;vertical-align: middle;}
#right fieldset {padding: 2px;}
#right legend {padding: 1px;}
.interact-box {margin: 10px auto 0px auto; width: 160px; height: 120px;}
.interact-box span.head {font-weight: bold; color: #ffffff; padding: 5px 0px 3px 10px;}
.rbrate {text-align: center;}
.rbrate a {padding: 1px 7px 1px 7px; border: #000000 1px solid; font-weight: bold; font-size: 110%; color: #000000;}
.rbrate a:hover {color: #000000; padding: 3px 7px 3px 7px;}
.clear { clear: left;}
/* Headings */
h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;color: #3F6388;}
h1 {font: 400 210% Georgia, Times New Roman, serif; margin-bottom: 10px; letter-spacing: -1px; text-shadow: #aaaaaa 1px 1px 3px;}
h2 {font: 700 150% arial, helvetica, sans-serif; color: #444444;}
h3 {font: 700 110% arial, helvetica, sans-serif; color: #222222;}
p.fl:first-letter {float: left; font: bold 80px "Times New Roman", Times, serif; margin-right: 5px;}
p.c {text-align: center;}
p.i {font-style: italic;}
p.lm {margin: 0;padding: 10px 0px 0px 0px; color: #999999; font-size: 90%}
div.clr {clear: both;}
.bar {padding: 3px; background: #dddddd; margin: 20px 0px 5px 0px;}
.bar img{vertical-align: middle; padding: 2px; border: #999999 1px solid;}
.report {background: #E74F20; border: #333333 1px solid; color: #ffffff; padding: 5px; font-weight: bold;}
/* Forms */
fieldset {border: #cccccc 1px solid;margin: 3px;padding: 5px;}
legend {padding: 3px;font: bold 90% Arial, Helvetica, sans-serif;}
fieldset.hidden {border: 0; padding: 0; margin: 0; display: inline;}
fieldset.hidden legend {display: none;}
input, select {font: bold 90% Arial, Helvetica, sans-serif;}
input.button, input.submit {
  border: 1px solid #999999;
  border-top-color: #CCCCCC;
  border-left-color: #CCCCCC;
  background: url(/images/GUI/frontend10/navbar-bg.png) center repeat-x;
  color: #333333;
  font: bold 90% Arial, Helvetica, Arial, sans-serif;
}
/* Paging */
#pager {padding: 3px;text-align: center;}
#pager a {color: #666666;text-decoration: none;}
#pager span {background: #eeeeee;border: #cccccc 1px solid;padding: 3px 7px 3px 7px;font: bold 11px Verdana, Helvetica, sans-serif;}
#pager span.this {background: #F97000;color: #ffffff;}
/* General Formatting */
.hr {border-top: #555555 1px solid;height: 2px;margin: 10px 0px 10px 0px;}
ol.h li, ul.h li, li.h {margin-bottom: 10px;}
img.framethin, img.frame {border: #b9b9b9 1px solid;}
img.frame {background: #f5f5f5; padding: 2px;}
div#photostream {text-align: center;}
span.caption {color: #444444; font-size: x-small;}
.code {background: #ffffff;font-family: Courier, System, sans-serif;padding: 3px;}
.rslinks {padding: 3px; margin: 0;}
.fl span {vertical-align: top;}
blockquote {background: #eeeeee; padding: 3px; border: #cccccc 1px solid; margin: 0px auto 10px auto; width: 500px;}
blockquote .caption, blockquote .caption a {font: x-small Arial, Helvetica, sans-serif; color: #999999}
table.chart {background: #eeeeee;padding: 0;margin-bottom: 20px;font-size: 11px;}
table.chart th {background: #ff6600; border-top: #ff8800 3px solid;text-align: center;font: bold 10pt Arial, Helvetica, sans-serif;padding: 2px;}
table.chart td {background: #ffffff;padding: 3px;vertical-align: top;}
table.chart tr.head2 {font: bold 9pt Arial, Helvetica;}
table.chart tr.head2 td {background: #ffcc33;}
.rightcornerbox .h {
  padding: 2px 0px 2px 0px;
  font-variant: small-caps;
  font-weight: bold;
}
.rightcornerbox .h {font-size: 14px;}
.rightcornerbox {
  float: right;
  border-color: #666666 #aaaaaa #aaaaaa #666666;
  border-style: solid;
  border-width: 1px;
  background: #eeeeee;
  padding: 3px;
  width: 150px;
  margin-left: 5px;
}
.rightcornerbox ul {
  margin-left: 20px;
  vertical-align: middle;
  padding: 0;
  list-style: url(/images/GUI/frontend10/nav-bullet.png) circle;
  font: normal 10px Arial, Helvetica, sans-serif;
  color: #666666;
}
.rightcornerbox a {color: #333333;text-decoration: none;}
.rightcornerbox a:hover {text-decoration: underline;}
.widecaption {margin: 0;text-align: right;padding: 0px 5px 0px 0px;font: normal 9px Arial, Helvetica, sans-serif;color: #666666;}
#bcnav {
  padding: 3px;
  margin: 8px 0px 10px 0px;
  font-family: Georgia, "Times New Roman", serif;
  vertical-align: middle;
  background: #E6E6CF;
  border-width: 3px 1px 1px 1px;
  border-color: #3F6388;
  border-style: solid;
}
#synopsis {background: transparent; margin: 0px auto 15px auto;width: 550px;}
#bcnav .r {float: left;padding: 10px;font-weight: normal; font-size: 75%;text-align: center;}
#bcnav p {margin-left: 100px; padding: 10px; margin:0;}
#synopsis .top, #synopsis .bottom {display:block; background:transparent; font-size:1px;}
#synopsis .b1, #synopsis .b2, #synopsis .b3, #synopsis .b4, #synopsis .b1b, #synopsis .b2b, #synopsis .b3b, #synopsis .b4b {display:block; overflow:hidden; font-size:1px;}
#synopsis .b1, #synopsis .b2, #synopsis .b3, #synopsis .b1b, #synopsis .b2b, #synopsis .b3b {height:1px;}
#synopsis .b2 {background:#eeeeee; border-left:1px solid #999; border-right:1px solid #A2A2A2;}
#synopsis .b3 {background:#eeeeee; border-left:1px solid #999; border-right:1px solid #B3B3B3;}
#synopsis .b4 {background:#eeeeee; border-left:1px solid #999; border-right:1px solid #B7B7B7;}
#synopsis .b4b {background:#eeeeee; border-left:1px solid #A2A2A2; border-right:1px solid #cccccc;}
#synopsis .b3b {background:#eeeeee; border-left:1px solid #B3B3B3; border-right:1px solid #cccccc;}
#synopsis .b2b {background:#eeeeee; border-left:1px solid #B7B7B7; border-right:1px solid #cccccc;}
#synopsis .b1b {margin:0 5px; background:#cccccc;}
#synopsis .b1 {margin:0 5px; background:#999999;}
#synopsis .b2, #synopsis .b2b {margin:0 3px; border-width:0 2px;}
#synopsis .b3, #synopsis .b3b {margin:0 2px;}
#synopsis .b4, #synopsis .b4b {height:2px; margin:0 1px;}
#synopsis p {padding-bottom:0.5em; margin: 0px 0px 0px 100px;}
#synopsis .bc {padding: 3px;display:block; background:#eeeeee; border-left:1px solid #999; border-right:1px solid #cccccc;}

/* Social Network Buttons */

.socialnet {padding: 3px; color: #ffffff; text-align: center; }
.socialnet span {padding: 3px; border-style: solid; border-width: 1px;}

span.facebook {background: #3B5998; border-color: #ffffff;}
span.facebook a {color: #ffffff;}
span.digg {background: #B2D281; border-color: #FFF097;}
span.digg a {color: #000000;}
span.reddit {background: #CEE3F8; border-color: #FF4500;}
span.reddit a {color: #000000;}
span.delicious {background: #3274D1; border-color: #000000;}
span.delicious a {color: #DDDDDD;}
span.stumbleupon {background: #63BC74; border-color: #007B9B;}
span.stumbleupon a {color: #ffffff;}
span.rss {border: #666666 1px solid; background: #FF5500; padding: 5px 15px 5px 15px;}
span.rss a {color: #ffffff; font: bold 130% Georgia, serif;}