@charset "utf-8";
/* CSS Stylesheet for rpiratings.com */

html, body {font-size: 62.5%; /* set base font to 10px for accurate calculations */
}
body {font: 1.4em/1.6 'lucida grande','lucida sans unicode','lucida sans', geneva, verdana, 'verdana ref', 'segoe UI', helvetica, sans-serif;
	background: #2F2F2F;
	margin: 0;
	padding: 0;
	color: #000000;
}
/* Element Selectors */
ul, ol, dl {padding: 0;
	margin: 0;
}
ul li, ol li {margin-bottom: 6px;
}
.content ul, .content ol {padding: 0 15px 15px 40px;
}
aside ul, aside ol {margin: 1em 0 1em 1em;
	padding-left: 1.2em;
}

h1, h2, h3, h4, h5, h6 {font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.2;
	color: #333;
	margin-bottom: .3em;
}
h1, h2, h3, h4, h5, h6, p {margin-top: 0;
	padding-right: 15px;
	padding-left: 15px;
}
h1 {font-size: 150%;
	color: #005A90;
	
}
h2 {font-size: 130%;
	color: #005A90;
}
h3 {font-size: 120%;
}
h4 {font-size: 110%;
}
h5 {font-size: 100%;
}
h6 {font-size: 94%;
}
body.home article.content h3  {font-style: normal;
	font-size: .92em;
	margin-top: 0;
	margin-bottom: 1em;
	color: #C23311;
}
aside h3, aside h4 {margin-top: 5px;
}
aside#stories {background: url(../images/star.png) 8px 8px no-repeat;
}
aside#stories h3 {margin-top: 5px;
	padding-left: 22px;
}
.lf {text-align: left;}
.rt {text-align: right;}
pre {padding-left: 15px;
	font-family: Consolas, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', Monaco, 'Courier New', Courier, monospace;
	line-height: 1.4;
	font-size: 12px;
}
.mono {font-family: Consolas, 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Liberation Mono', Monaco, 'Courier New', Courier, monospace;
	line-height: 1.4;
	font-size: 12px; 
}
img, a img {border: none;
}
img.cen {display: block;
	margin: 0 auto;
}

/* Links */
a:link {color: #0065A2;
	text-decoration: underline;
}
a:visited {color: #0065A2;
	text-decoration: underline;
}
a:hover, a:active, a:focus {text-decoration: none;
	color: #FFFFFF;
	background: #0065A2;
}

/* Structure */
.container {width: 1000px;
	background: #FFFFFF;
	margin: 0 auto;
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,.5);
	box-shadow: 0px 0px 20px rgba(0,0,0,.5);
}
header {background: #000000;
	position: relative;
	padding: 10px 0 20px;
}
body.home article.content, body.threecol article.content {padding: 25px 20px 10px;
	width: 73%;
	float: left;
}
body.twocol article.content, body.onecol article.content {padding: 25px 20px 10px;
	width: 96%;
	float: left;
}
body.onecol article.content {float:none; width: 96%;}

section {margin-top: 2em; 
}
body.home article.content section {padding-bottom: 40px;
	background: url(../images/separator.png) bottom center no-repeat;
}
/* h1 and h2 directly followed by p */
h1 + p, h2 + p { margin-top: 1.3em; 
}
section.first {margin-top: 0;
}
aside {float: left;
	width: 235px;
	background: #FFFFFF;
	padding: 10px 15px 0 0;
}
.sidebar2 {float: left; width: 205px;
	overflow: hidden;
	padding-top: 8px;
	font-size: 96%;
	line-height: 1.5;
}
.sidebar2 aside {margin-top: 20px;
	width: 190px;
	padding-right: 10px;
	border: 1px solid #0065A2;
	border-radius: 5px;
	box-shadow: 1px 1px 3px rgba(0,0,0,.3);
}
.sidebar2 aside p, .sidebar2 h3 {padding-left: 10px; padding-right: 0;
}
/* Header */
#siteTitle {position: absolute;
	width: 1000px;
	padding-top: 55px; /* 30px */
	z-index: 0;
}
#header-img {display: block;
	position: relative;
	top: 0;
	left: 0;
	width: 1000px;
	height: 200px;
	z-index: 1;
}

/* Footer */
footer {position: relative;
	margin-top: 30px;
	padding: 10px 0;
	background: #EEE;
	border-top: 1px solid #999999;
	clear: both;
	text-align: center;
	font-size: 92%;
	z-index: 1;
}
/* General float/clear classes */
.fltrt {float: right;
	margin-left: 8px;
}
.fltlft {float: left;
	margin-right: 8px;
}
.clearfloat {clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
/* HTML 5 Support */
header, section, footer, aside, nav, article, figure {display: block;
}

/* IDs and Miscellaneous Classes */
#stats {padding: 0 15px 0 2em;}
.small {font-size: 90%;}
.red {color: #900;}
.cen {text-align: center;}
.justify {text-align: justify;}
.underline {text-decoration: underline;}

/* Ultimate Drop Down v1.0
	Project URL: http://www.dynamicdrive.com/style/csslibrary/item/ultimate_drop_down/
*/

.ultimatedropdown {
    font: normal 15px 'Helvetica','Arial',sans-serif;
    background: #0c84c0;
	position: relative;
	width: 100%;
	text-align: center;
}
.ultimatedropdown.top {
	background: #000;
	overflow: hidden;
	border-top: 10px solid #0c84c0;
}

/* Top Level Menu */
.ultimatedropdown ul {
    z-index: 100;
    margin: 0;
    padding: 0;
    position: relative;
    list-style: none;
}
.ultimatedropdown.top ul {
	float: right;
	padding-right: 40px;
}

/* Top level list items */
.ultimatedropdown ul li {
    position: relative;
    display: inline-block;
	margin-bottom: 0 !important;
}

/* Top level menu items link style */
.ultimatedropdown ul li a, .ultimatedropdown ul li span {
    display: block;
    position: relative;
    /* background of menu items (default state) */
    background: #0c84c0;
    color: white;
    padding: 12px 10px;
    border-right: 0px none;
    text-decoration: none;
}
.ultimatedropdown.top ul li a, .ultimatedropdown.top ul li span {
	background: #000;
}

.ultimatedropdown ul li a:link, .ultimatedropdown ul li a:visited {
    color: white;
}

/* Top level menu items link style on hover and when active */
.ultimatedropdown ul li:hover > a {
    background: #000;
}
.ultimatedropdown.top ul li:hover > a {
	background: #0c84c0;
}
/* Sub ULs style */
.ultimatedropdown ul li ul {
    position: absolute;
    left: -5000px;
	top: auto;
    opacity: 0;
    width: 200px;
    visibility: hidden;
    box-shadow: 2px 2px 5px gray;
    -webkit-transition: opacity .3s, visibility 0s .3s, left 0s .3s;
    transition: opacity .3s, visibility 0s .3s, left 0s .3s;
}

/* First Sub Levels UL style on hover */
.ultimatedropdown ul li:hover > ul {
    visibility: visible;
    left: 0;
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s;
}

/* Sub level Menu list items (alters style from Top level List Items) */
.ultimatedropdown ul li ul li {
    display: list-item;
    float: none;
}

/* 2nd and beyond Sub Levels vertical offset after 1st level sub menu */
.ultimatedropdown ul li ul li ul {
    top: 0;
    left: 100%;
}

/* Sub Levels link style on hover and when active */
.ultimatedropdown ul ul li:hover > a {
    background: #0c84c0;
}
.ultimatedropdown.top ul ul li:hover > a {
	background: #000;
}

/* Sub Levels UL style on hover */
.ultimatedropdown ul ul li:hover > ul {
    left: 100%;
}

/* Sub level menu links style */
.ultimatedropdown ul li ul li a {
    font: normal 14px 'Helvetica','Arial',sans-serif;
    padding: 10px;
    margin: 0;
    background: #000;
    border-right: none;
    border-top-width: 0;
    border-bottom: 1px solid #555;
}

/* LIs with a sub UL style */
.ultimatedropdown ul li > a {
    /* add padding to accomodate arrow inside LIs */
    padding-right: 25px;
}

/* LIs with NO sub UL style */
.ultimatedropdown ul li > a:only-child {
    /* undo padding for non submenu LIs */
    padding-right: 10px;
}

/* LIs with a sub UL pseudo class */
.ultimatedropdown ul li > a:after {
    /* add arrow inside LIs */
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #FFFFFF;
    top: 50%;
    right: 8px;
}

/* LIs with NO sub UL pseudo class */
.ultimatedropdown ul li > a:only-child:after {
    /* undo arrow for non submenu LIs */
    display: none;
}

/* Sub ULs' LIs with a sub UL pseudo class */
.ultimatedropdown ul li ul li > a:after {
    /* change arrow to right arrow inside sub UL LIs */
    border-top-color: transparent;
    border-left-color: #FFFFFF;
    top: 40%;
    right: 8px;
}

/* ####### responsive layout CSS ####### */

@media (max-width: 800px) {
/* FIRST breaking point
Last two top menu items' sub ULs should drop to the left (instead of right)
Change 2 to a different number to exclude/include more top menu items based on menu and max-width setting above
*/

.ultimatedropdown ul li:nth-last-of-type(-n+2) ul li:hover > ul {
   left: -100%;
   }
div, img, .container, #site-title, #header-img { max-width: 100% !important; 
   height: auto !important;
  }
}

@media (max-width: 500px) {
/* SECOND breaking point 
For mobile and screen browser windows
Get Sub ULs to expand entire width of document and drop down
Changes menu reveal type from "visibility" to "display" to overcome bug. See comments below
*/

.ultimatedropdown ul li {
   position: static;
   }

.ultimatedropdown ul li ul {
   width: 100%;
   border-top: 2px solid #eee;
/* change menu reveal type from "visibility" to "display". Former seems to cause browser to jump to top of page sometimes when menu header is tapped on */
   display: none;
   }

.ultimatedropdown ul li:hover > ul {
   display: block;
   left: 0 !important;
   top: auto;
   }

.ultimatedropdown ul ul li:hover > ul {
   left: 0 !important;
   top: auto;
   }
}