/*what would a website be without a delicious stylesheet like this?*/
/*Copyright 2010 http://www.r9films.com*/
/*---- Color Scheme ----
Lighted Color: #747474
Darkened Color: #0a0a0a
Light Blue: #1771b7
background color: #242424
----------------------*/

/*----Imports----*/
@import url("http://r9films.com/categories.css");

/*   --Essential Layout--    */
html {
min-height:100%;
margin-bottom:1px;
font-size:100.01%;
}
body {
background:url(http://r9films.com/background.png);
background-repeat:repeat-x;
background-position: top center; 
background-color: #000;
margin: 0 auto; padding:0;
font: 100% Trebuchet MS, Arial, Verdana, sans-serif;
color: #fff;
text-align: center; 
}
a, a img {
color:#43778f;
text-decoration:none;
border:0px;
text-shadow: 1px 1px #444;
}
a:hover {
color:#a7d3fb;
cursor:pointer;
text-shadow: 1px 1px #000;
}
hr {
height:29px;
background:url(http://r9films.com/laser.png);
border:none;
position:inline;
float:left;
margin:auto;
margin-top:-2px;
margin-bottom:10px;
width:1000px;
}
#navigation .nav {
height:60px;
float:right;
position:relative;
list-style-type: none;
display: table;
}
#navigation .nav li {
display: table-cell;
}
#navigation .nav li a {
list-style:none;
drop-shadow:#333;
font-size:25px;
font-weight:bold;
color:#fff;
margin:10px;
margin-top:20px;
}
#navigation .nav li a:hover, #navigation .nav li a.active:hover {
color:#709ab5;
}
#navigation .nav li a.active {
list-style:none;
drop-shadow:#333;
font-size:25px;
color:#82ceff;
}
#page {
margin:auto;
width:1000px;
}
#page_header {
width:1000px;
height:100px;
margin:auto;
margin-top:0px;
text-align:left;
display:block;
margin-bottom:0px;
}
/*      --Content Layout--     */
#displayr {
background:#191919 url(http://r9films.com/displyr.png);
width:1000px;
margin:auto;
height:359px;
display:block;
border:1px solid #0a0a0a;
border-bottom:1px solid #747474;
border-right:1px solid #747474;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#displayr2 {
background:#191919;
width:1000px;
margin:auto;
border:1px solid #0a0a0a;
border-bottom:1px solid #747474;
border-right:1px solid #747474;
display:block;
clear:both;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
text-align:left;
}
#displayr2 .content {
background:#161616;
width:900px;
margin-bottom:20px;
margin:auto;
border:1px solid #000;
border-bottom:1px solid #747474;
border-right:1px solid #747474;
display:block;
visibility:hidden;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#displayr2 .slide h2 a {
margin-left:24px;
font-size:18px;
text-shadow: -0.5px -0.5px 1px #000;
}
#displayr #container {
width:500px;
height:343px;
margin-left:30px;
float:left;
display:block;
background:url(seismic1.png);
background-repeat:repeat-x;
background:position:top;
}
#displayr #container:hover {
background-position:bottom;
}
#displayr .tooltip {
position:relative;
display:block;
margin-top:300px;
margin-left:40px;
background:url(http://r9films.com/tooltip.png);
height:40px;
width:416px;
background-repeat:none;
padding-top:10px;
font-weight:none;
text-align:left;
}
#displayr .tooltip a {
font-weight:none;
cursor:pointer;
font-size:16px;
text-align:left;
text-transform:uppercase;
margin-left:16px;
color:#fff;
}
#pager {
background:url(pagr.png) #fff;
width:100%;
background-repeat:none;
}
#column_wrap {
width:1000px;
margin:auto;
font: 100% tahoma, Helvetica, Arial, sans-serif;
}
#column_l {
margin:auto;
float:left;
width:682px;
margin-bottom:20px;
}
#column_l .header {
border-top:1px solid #0a0a0a;
display:block;
float:left;
background:url(http://r9films.com/left_col_grey.png);
height:18px;
width:682px;
padding-top:8px;
margin-bottom:4px;
font-weight:none;
text-align:left;
}
#column_l .header a {
font-weight:none;
cursor:pointer;
font-size:11px;
text-align:left;
text-transform:uppercase;
margin-left:10px;
color:#fff;
}
#column_l #content {
margin-top:5px;
border-top:#545454 solid 1px;
background:url(http://r9films.com/content.png);
background-repeat:repeat-x;
margin:auto;
clear:both;
width:682px;
min-height:400px;
}
#column_l #content hr {
height:30px;
background:url(http://r9films.com/laser_hr.png);
border:none;
position:inline;
float:left;
clear:both;
margin:auto;
margin-top:-2px;
margin-bottom:2px;
width:628px;
}
#column_l #content .article p.paraphrase {
font-size:14px;
text-align:left;
width:450px;
margin-right:8px;
float:right;
border-bottom:1px solid #444;
}
#column_l #content .article p.paraphrase span {
font-size:14px;
text-align:left;
width:450px;
color:#eee;
border-bottom:1px dashed #666;
float:right;
}
#column_l #content .article img {
margin-left:5px;
width:200px;
float:left;
padding:5px;
border:1px solid #000;
border-bottom:1px solid #555;
border-right:1px solid #555;
background-color:#333;
}
#column_l #content .first {
background:url(http://r9films.com/top_blog.png);
width:692px;
height:45px;
position:relative;
display:block;
margin-left:-21px;
text-align:left;
padding-top:15px;
text-shadow: 1px 1px #000;
}
#column_l #content .first a {
font-weight:none;
cursor:pointer;
font-size:21px;
text-align:left;
color:#fff;
text-shadow: 1px 1px #000;
text-transform:capitalize;
margin-left:25px;
}
#column_l #content .second {
background:url(http://r9films.com/top_blog.png);
clear:both;
width:692px;
height:45px;
position:relative;
display:block;
margin-left:-21px;
text-align:left;
padding-top:15px;
text-shadow: 1px 1px #000;
}
#column_l #content .second a {
font-weight:none;
cursor:pointer;
font-size:21px;
text-align:left;
color:#ddd;
text-shadow: 1px 1px #000;
text-transform:capitalize;
margin-left:25px;
}
#column_r {
margin:auto;
margin-left:10px;
float:right;
width:308px;
}
#column_r hr {
background:none;
height:20px;
border-bottom:1px dashed #555;
width:308px;
}
#column_r .header {
border-top:1px solid #0a0a0a;
display:block;
float:right;
background:url(http://r9films.com/right_col_blue.png);
height:18px;
width:308px;
padding-top:8px;
margin-bottom:4px;
font-weight:none;
text-align:left;
}
#column_r .header a {
font-weight:none;
cursor:pointer;
font-size:11px;
text-align:left;
color:#fff;
text-transform:uppercase;
margin-left:10px;
}
#bottom {
border-top:1px solid #111;
width:100%;
background:#121212;
height:80px;
clear:both;
margin:auto;
margin-top:0px;
text-align:left;
}
#bottom a .copyright  {
background-image:url(http://r9films.com/copyright.png);
background-position:top;
height:80px;
position:absolute;
margin-left:40px;
width:160px;
display:block;
}
#bottom a:hover .copyright {
background-position:bottom;
}
#page_header .logo {
float:left;
width:400px;
height:80px;
}
#holder { 
width:1000px;
background:url(http://r9films.com/info_box.png);
height:360px;
display:block;
position:relative;
float:left;
}
#cactus {
width:400px;
height:360px;
position:relative;
float:right;
}
#cactus .description {
margin-top:60px;
text-align:left;
margin-right:60px;
}
#cactus h2 {
margin-left:10px;
font-weight:bold;
font-size:40px;
margin-bottom:-12px;
}
#cactus h3 {
font-weight:bold;
font-size:30px;
margin-right:40px;
margin-top:-16px;
text-align:right;
}
#cactus a .moar {
width:150px;
height:40px;
color:#ddd;
position:relative;
margin-top:-40px;
margin-left:60px;
text-shadow: -1px -1px 0.5px #555;
background:url(http://r9films.com/moar.png);
font-weight:bold;
font-size:25px;
padding-top:10px;
background-position:top center;
}
#cactus a:hover .moar {
width:150px;
height:40px;
color:#ddd;
text-shadow: -1px -1px 0.5px #444;
background-position: 0 -50px;
}
#cactus a:active .moar {
width:150px;
height:40px;
color:#ccc;
text-shadow: -1px -1px 0.5px #333;
background-position: 0 -100px;
}
#page_header ul #nav {
width:600px;
height:80px;
font-size:18px;
font-weight:bold;
list-style:none;
clear:both;
float:right;
}
#recents {
width:100%;
height:280px;
background-repeat:none;
background-position:center;
clear:both;
border-bottom:1px solid #0a0a0a;
}
#recents ul.images {
width:1000px;
height:240px;
margin:auto;
list-style:none;
text-align:center;
}
#recents ul.images li a {
width:200px;
height:200px;
float:left;
border:0.1em solid #0a0a0a;
background-color:#26292a;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
margin:20px;
margin-top:35px;
list-style:none;
display:block;
}
#recents ul.images li a:hover {
color:#bbb;
background-color:#2e3638;
}
#recents ul.images li img {
border-bottom:1px solid #0a0a0a;
background-image:url(http://r9films.com/libg.png);
position:relative;
top:-60px;
margin:auto;
display:block;
}
#recents ul.images li span {
border-top:1px solid #444;
color:#eee;
text-shadow: -1px -1px 0.1em #222;
position:relative;
top:-60px;
width:180px;
margin:auto;
display:block;
}
#recents ul.images li span b {
float:left;
width:100%;
}