/* 
================
Main Stylesheet
All Rights Reserved.
RamVideos
================
*/

/* Global Elements */
body{
background: #02547C url(http://ramvideos.com/images/bg.jpg) repeat-x;
color: #878787;
font-family: arial;
font-size: 12px;
margin: 0;
padding: 0;
}

#wrapper-bg{
background: url(http://ramvideos.com/images/wrapper-bg.png) repeat-y center;
width: 1000px;
margin: 0px auto 0px auto;
padding: 0px 0px 15px 0px;
}

#wrapper{
width: 984px;
margin: 0px auto 0px auto;
}

.clear{
clear: both;
}

.fr{
float: right;
}

img{
border: 0;
}

/* Headings */
h1{
color: #73a8c1;
font-size: 24px;
margin: 0px 0px 0px 137px;
padding: 12px 0px 0px 0px;
width: 800px;
}

h2{
color: #878787;
font-size: 18px;
margin: 0;
padding-left: 25px;
float: left;
background-image: url(http://ramvideos.com/images/article.gif);
background-repeat: no-repeat;
background-position: left;
}

h3{
color: #9a9a9a;
font-size: 12px;
margin: 7px 0px 0px 0px;
padding-left: 19px;
float: right;
background-image: url(http://ramvideos.com/images/clock.gif);
background-repeat: no-repeat;
background-position: left;
}

h4{
background: #ecf9ff;
color: #1d649b;
width: 247px;
margin: 0px 4px 0px 10px;
padding: 7px 0px 7px 0px;
font-size: 18px;
font-weight: normal;
text-align: center;
}

h4.filler{
margin-top: 32px;
}

h5{
color: #f2f2f2;
font-size: 18px;
font-weight: bold;
margin: 0;
padding: 15px 33px 0px 33px;
}

/* Top */
#top{
background: url(http://ramvideos.com/images/top-bg.jpg) no-repeat center;
height: 30px;
width: 984px;
}

#top ul{
display: inline;
list-style: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#top ul li{
padding: 7px 13px 0px 13px;
margin: 0;
float: left;
}

#top ul li a{
font-size: 14px;
color: #fff;
text-decoration: none;
}

#top ul li:hover{
background: url(http://ramvideos.com/images/top-button-over.jpg);
padding: 7px 13px 7px 13px;
text-decoration: none;
}

#top ul li.sep{
background: url(http://ramvideos.com/images/top-sep.jpg) no-repeat;
height: 30px;
width: 2px;
margin: 0 !important;
padding: 0 !important;
}

#top a.vip-login{
background-image: url(http://ramvideos.com/images/vip-login.gif);
background-position: left;
background-repeat: no-repeat;
padding-left: 22px;
}

#top a.get-vip{
background-image: url(http://ramvideos.com/images/get-vip.gif);
background-position: left;
background-repeat: no-repeat;
padding-left: 22px;
position: relative;
}

#top a.get-vip span {
display: none;
                  }
				  
#top a.get-vip:hover span { 
	display:block;
	position:absolute;
	top:20px; left:80px;
	font-size: .85em;
	padding: 5px;
	font-family: arial, sans-serif;
	width: 200px;
	color: #222222;
	background-color: #EEEEEE;
	line-height: 1.25em;
	border: 1px solid #666666;
			  }

			  

#top a.follow-us{
background-image: url(http://ramvideos.com/images/follow-us.png);
background-position: left;
background-repeat: no-repeat;
padding-left: 22px;
}

/* Header */
#header{
background: url(http://ramvideos.com/images/header-bg.jpg) no-repeat center;
height: 99px;
width: 984px;
}

#ad{
float: right;
width: 468px;
height: 60px;
margin: 20px 10px 0px 0px;
padding: 0;
}

/* Navigation */
#nav-bg{
background: url(http://ramvideos.com/images/nav-bg.jpg) no-repeat center;
height: 37px;
width: 984px;
}

#nav{
	padding-top: 2px;
}

#nav ul{
	list-style-type: none;
	margin:0;
	margin-left: 7px; /*Left offset of entire tab menu relative to page*/
	padding:0;
}

#nav ul li{
	position: relative;
	float: left;
	margin:0;
	padding:0;
	z-index: 2;
}

#nav ul li ul.subnav {
display: none; 
position: absolute;
top: 33px;
left: -5px;
width: 150px;
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
background-image: url('http://ramvideos.com/images/link_bg.png');
padding: 0 !important;
}

#nav ul li ul.subnav li {
padding: 0 !important;
height: 27px;
width: 100%;
                  }
				  

				  
#nav ul li ul.subnav li a {
background-image: none;
text-align: left;
width: 140px;
height: 20px;
padding: 7px 0 0 10px;
color: #FFFFFF;
font-weight: bold;
display: block;
background-repeat: repeat-x;
}

#nav ul li ul.subnav li a:hover {
background-image: url('http://ramvideos.com/images/link_bg-hover.png');
color: #FFFFFF;
}

#nav ul li:hover ul.subnav {
display: block;
z-index: 3;
padding: 5px;
width: 150px;
position: absolute;
top: 33px; left: -5px;
}

.no_underline { border-bottom: 0px !important; }



#nav ul li a:link,
#nav ul li a:visited,
#nav ul li a:hover,
#nav ul li a:active{
	float:left;
	background:url(http://ramvideos.com/images/nav_icon.gif) no-repeat 0 0;
	margin:0;
	margin-right: 9px;
	padding:0 0 0 28px;
	text-decoration:none;
	outline: none;
}

#nav ul li a.nav_home{
	background-image: url(http://ramvideos.com/images/nav_home.gif);
}

#nav ul li a.nav_forums{
	background-image: url(http://ramvideos.com/images/nav_forums.gif);
}

#nav ul li a.nav_videos{
	background-image: url(http://ramvideos.com/images/nav_videos.gif);
}

#nav ul li a.nav_help{
	background-image: url(http://ramvideos.com/images/nav_help.gif);
}

#nav ul li a.nav_irc{
	background-image: url(http://ramvideos.com/images/nav_irc.gif);
}

#nav ul li a.nav_contact{
	background-image: url(http://ramvideos.com/images/nav_contact.gif);
}

#nav ul li a span{
	float: left;
	display: block;
	background: url(http://ramvideos.com/images/nav_link_bg.gif) no-repeat right top;
	padding: 9px 11px 9px 10px;
	font-weight: bold;
	color: #9ea0a3;
	text-transform: uppercase;
	cursor: pointer;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav ul li a span {float:none;}
/* End IE5-Mac hack */

#nav ul li a:hover span,
#nav ul li a:active span,
#nav ul li a:focus span {
	color: #fff;
	background-position: 100% -33px;
}

#nav ul li a:hover,
#nav ul li a:focus,
#nav ul li a:active{ /*onMouseover style*/
	background-position: -35px 0; /*Shift background image up to start of 2nd tab image*/
}

/* Announcement */
#announcement{
background: url(http://ramvideos.com/images/announcement-bg.jpg) no-repeat center;
height: 111px;
width: 968px;
margin: 7px 0 0px 7px;
position: relative; /** For close button **/
}

#announcement p{
color: #7db8d3;
margin: 0px 0px 0px 139px;
padding: 0;
width: 800px;
}

#announcement a {
position: absolute;
color: green;
right: 7px;
bottom: 5px;
font-size: .9em;
text-decoration: none;
}

#announcement a:hover {
text-decoration: underline;
}

/* Poll Area */
#poll-area{
background: url(http://ramvideos.com/images/poll-area-bg.jpg) no-repeat center;
width: 984px;
height: 171px;
margin: 11px 0px 0px 0px;
}

#poll-area table{
width: 100%;
}

#poll-area table td.left{
width: 303px;
}

#poll-area table td.middle{
width: 374px;
}

#poll-area table td.right{
width: auto;
color: #000;
padding: 0px 20px 0px 20px;
text-align: center;
}

#poll-area table td.right p{
margin: 0;
padding: 0;
}

#poll-area table td.right p.googleads{
font-size: 30px;
}

#poll-form-bg{
background: url(http://ramvideos.com/images/poll-form-bg.jpg) no-repeat;
height: 174px;
width: 374px;
}

#poll-form-bg form{
color: #e2e2e2;
font-weight: bold;
padding: 0;
margin: 0;
}

#poll-form-bg form p{
height: 65px !important;
margin: 0;
padding: 0;
}

#poll-form-bg form p.vote{
margin: 0;
padding: 0px 12px 0px 0px;
text-align: right;
}

#poll-form-bg form input{
margin: 8px 0px 0px 32px;
}

p.poll-question{
font-size: 14px;
color: #e2e2e2;
padding: 0px 33px 0px 33px;
margin: 0;
}

/* News Article */
#left{
background-image: url(http://ramvideos.com/images/left-top.jpg);
background-position: top left;
background-repeat: no-repeat;
float: left;
width: 714px;
margin: 0;
padding: 0;
}

#news{
margin: 19px 0px 0px 7px;
border-top: 1px solid #d8e6ed;
border-left: 1px solid #d8e6ed;
border-right: 1px solid #d8e6ed;
width: 100%;
}

#news p{
margin: 0;
padding: 14px 20px 0px 5px;
}

#news-bottom{
background: url(http://ramvideos.com/images/news-bottom.jpg) no-repeat;
width: 716px;
height: 88px;
margin: 0px 0px 0px 7px;
}

.article-top{
background: #f3f3f3;
padding: 8px 7px 8px 9px;
}

.article-content{
background: #f7fcff url(http://ramvideos.com/images/article-content-bg.jpg) repeat-x top;
padding: 0px 0px 53px 0px;
}

.article-content-alt{
background: #d8f3ff url(http://ramvideos.com/images/article-content-alt-bg.jpg) repeat-x top;
padding: 0px 0px 53px 0px;
}

/* Right Information Box */
#right-top{
background: url(http://ramvideos.com/images/right-top.jpg) no-repeat;
width: 270px;
height: 9px;
float: right;
margin: 0;
padding: 0;
}

#right{
background: url(http://ramvideos.com/images/right-bg.jpg) repeat-y;
width: 261px;
float: right;
padding: 0;
margin: 0;
}

#right-bottom{
position: relative;
top: 5px;
}

p.release{
margin: 6px 4px 0px 10px;
padding: 0;
font-size: 14px;
width: 247px;
text-indent: 12px;
}

p.release-alt{
background: #f7f7f7;
margin: 6px 4px 0px 10px;
padding: 6px 0px 6px 0px;
font-size: 14px;
width: 247px;
text-indent: 12px;
}

.filler-box-top{
background: url(http://ramvideos.com/images/filler-box-top.jpg) no-repeat;
height: 13px;
width: 230px;
margin: 10px 11px 0px 20px;
}

.filler-box-bg{
background: #F7F7F7;
width: 230px;
margin: 0px 11px 0px 20px;
}

.filler-box-bg p{
margin: 0;
padding: 0px 12px 0px 13px;
color: #5e5e5e;
}

.filler-box-bottom{
background: url(http://ramvideos.com/images/filler-box-bottom.jpg) no-repeat;
height: 20px;
width: 230px;
margin: 0px 11px 0px 20px;
}

p.filler2{
width: 210px;
margin: 10px 11px 0px 35px;
padding: 0px 0px 0px 0px;
}

/* Footer */
#footer{
background: url(http://ramvideos.com/images/footer-bg.jpg) no-repeat center;
width: 975px;
height: 109px;
margin: 38px auto 0px auto;
padding: 0;
}

p.copyright{
color: #3478ae;
font-weight: bold;
margin: 0px 0px 0px 150px;
padding: 25px 134px 0px 0px;
}

p.footer-links{
color: #3478ae;
font-weight: bold;
margin: 20px 0px 0px 150px;
padding: 0px 134px 0px 0px;
}

#footer a:link,
#footer a:active,
#footer a:visited{
color: #3478ae;
text-decoration: none;
}

#footer a:hover{
text-decoration: underline;
}

/* Special Effect - Tooltip */


.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}