@charset "utf-8";
ul,li,p,img,h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; }
.clearfix:after { content: ".";	display: block;	clear: both;	visibility: hidden;	line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: url(../body_bg.gif) repeat-y center #cdf1ff; }
a { color: #ff9; }
a:hover { color: #FFF; }
#wrap {  width: 940px; margin:auto; background: #1d191a;  }
#header, #footer, #nav, .tbl, article { display:block;position: relative; }
img { display: block; border: none; }
#header h1 { position: absolute; top: 73px; left:43px; color: #fff; font-size: 18px; font-weight: normal; }
#header img,#footer img { float:left; }
#header p.update { background: url(../rha_02.gif) no-repeat #1d191a; width: 500px; height: 47px; float:left; color: #fff; font-size: 18px; font-weight: bold; padding: 22px 0 0 73px; }
#header p.update span { color: #ffcc01; padding-left: 30px; }
#tour #header p.update,#updates #header p.update { background: url(../tour_01.gif) no-repeat #1d191a; }
#header #nav { position: relative; }
#header #intro { width:305px; height:340px; float:left; background: url(../rha_15.gif) no-repeat #1d191a; padding-top: 27px; }
#header #intro p,#header #intro2 p  { color: #fff; padding: 10px 15px; margin: 0 15px; font-size: 14px; line-height: 20px; text-shadow: 2px 2px 2px #000; text-align: justify; }
#header #trailer { float:left; width: 576px; }

.intro2 { color: #FFF;margin: 10px 30px; }
.intro2 h2 { color: #FFC;font-size: 24px; }
.intro2 p { font-size: 12px;line-height: 16px; }

#header #intro2 { height:124px; float:left; background: url(../rha_intro.jpg) no-repeat #1d191a; padding-top: 58px; }
#header #intro2 p { padding: 10px 36px; }

#header img.left { position: absolute; top: 441px; left:-50px; }
#header img.right { position: absolute; top: 441px; right:-50px; }
#tour #header img.left,#updates #header img.left { position: absolute; top: 327px; left:-50px; }
#tour #header img.right,#updates #header img.right { position: absolute; top: 327px; right:-50px; }

h3 a { text-decoration: none; display: block; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; padding: 10px 10px 20px 10px; font-weight: normal; font-size: 24px; }

.tbl { position: relative; }
.tbl #header h2 { background: url(../rha_19.gif) no-repeat; width: 553px; height: 49px; clear: both; float:left; padding: 20px 0 0 20px; color: #fff; }
.tbl #header h2 span.age { float:left; width: 160px; text-align: center; font-size: 18px; padding: 3px 40px 0 0; color: #000; }
.tbl #header .rating { float:left; background: url(../rha_20.gif) no-repeat; width: 367px; height: 69px; }
.tbl #header .rating .rating_off { display: block; width: 223px; height: 45px; background: url(../rating.gif) no-repeat 0 -50px; margin: 16px 0 0 114px; }
.tbl #header .rating .rating_on {  background: url(../rating.gif) no-repeat 0 00px; height: 45px; display: block; }
.tbl p { background: #2b2627;border: 2px solid #161314;margin: 12px 20px;clear:left; color: #c1b6b9; padding: 10px; font-size: 13px;margin: 12px;margin-bottom: 3px;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px; }
.tbl .thumbs { background: url(../rha_22.jpg) no-repeat; height: 555px; clear:left; position: relative; }
.tbl .thumbs .logo { position: absolute; right: 230px; bottom: 130px; border: none; }
.tbl .thumbs span { position: absolute; top: 12px; right:80px; font-family: Georgia, "Times New Roman", Times, serif; color: #fff; font-size: 20px; }
.tbl .thumbs span span { color: #ffd700; display: inline; position: static; }
.tbl .thumbs img { position: absolute; border: 5px solid #fff; }
.tbl .thumbs img.left { top: 4px; left:50px; }
.tbl .thumbs img.right { top: 50px; right:50px; }
.tbl .thumbs img.s01 { bottom: 10px; left: 30px; }
.tbl .thumbs img.s02 { bottom: 35px; left: 200px; }
.tbl .thumbs img.s03 { bottom: 10px; left: 380px; }
.tbl .thumbs img.s04 { bottom: 30px; left: 540px; }
.tbl .thumbs img.s05 { bottom: 10px; left: 720px; }

#join #left { background: url(../join_03.jpg); width: 300px; height: 400px; margin: 0 0 0 10px; display: inline; float:left; }
#join #left ul { list-style: square; padding: 10px 40px; color: #fff; }
#join #left ul li { margin: 5px 0; font-size: 13px; }
#join #left ul li strong { display: block; color: #fff100; font-size: 16px; }
#join #frm { float:left; margin: 0 0 0 10px; display: inline; width: 380px; border: 2px solid #444; padding: 4px; }
#join #thumbs { float: left; width: 200px; margin: 0 0 0 10px; display: inline; }
#join #thumbs img { border: 1px solid #000;padding: 3px;margin-bottom: 3px; }
#join #footer { text-align: center; color: #ccc; font-size: 12px; padding: 20px; border-top: 1px solid #444; margin: 10px; }

#updates .tbl ul { list-style: none; }
#updates .tbl ul li { list-style: none; margin: 0 0 30px 42px; float: left; display: inline; }
#updates .tbl ul li img { border: 4px solid #fff; }
#updates .tbl p { background: #111; height: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin: 10px 0 0 0; }
#updates .tbl p a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 20px; display: block; text-align: center; }

#sites { margin: 20px auto;width: 830px;text-align: center;color: #f1eee7; }
#sites h2, #sites h4 { clear: both;text-align: center;margin: 0;padding:0;line-height: normal;font-size: 22px; }
#sites a { color: #FFE60A; }
#sites a:hover { text-decoration: none;color: #FFF; }
.info_text { font-size: 13px;font-family: Arial, Helvetica, sans-serif; }
#sites ul { list-style: none;padding: 0;margin: auto;width: 820px; }
#sites ul li { float:left; margin: 7px 5px 2px 5px; display: inline; text-align: center;  padding:5px 5px; font-family: Arial, Helvetica, sans-serif;font-size: 12px; }
#sites ul li a { font-weight: bold; }
#sites ul li p { width: 181px; font-size: 12px; font-weight: normal; margin-top:6px; height: 46px; }
#sites ul li img { display: block; border: 1px solid #483f37;clear: both; }
#sites ul li a:hover img { border: 1px dotted #fff; }

#sites ul.bigsites { clear: both;margin-bottom: 25px;font-weight: bold; }
#sites ul.bigsites li p { width: 385px;font-size: 14px;line-height: 1.1em; }
#sites ul.bigsites p a { display: block;font-size: 16px;padding: 5px 2px; }

#common_footer { color: #f1eee7; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: center; margin-top: 15px; }
#common_footer img { display: inline; }
#common_footer p { margin: 0; padding-bottom: 15px; }
#common_footer p.common_copyright { }
#common_footer p.comfortable { color: #fff;font-size: 12px;font-weight: bold;font-family: Verdana, Geneva, sans-serif; }
#common_footer a { color: #FFE60A; text-decoration: underline; }
#common_footer a:hover { color: #ff0; text-decoration: none; }