/****************************************
 * GENERAL STYLES FOR RUBY PACKAGE		*
 ****************************************/
body.ruby.blog_index,
body.ruby.community,
body.ruby.downloads,
body.ruby.saysme,
body.ruby.video_gallery{ background:#fff url(/mystyle/shows/ruby/images/ruby_bg.jpg) no-repeat scroll center 200px; }

#main{ background:none; }

.blog_index div#content,
.community div#content,
.downloads div#content,
.saysme div#content,
.video_gallery div#content{ background-color:transparent; }

#page{ width:970px; }

#show_nav_internal { height: 140px; }

#rsidebar { margin:10px 0; }
#rsidebar ul#modules li{ padding:7px 0; }

#middle_internal{
	margin:0;
	padding:15px;
	width:955px!important;
}
#middle_internal h4{
	border-bottom:3px solid #797778;
	color:#cf1550;
	font-size:22px;
}
#middle_internal p{ margin:10px 0; width:900px; }

#disclaimer{
	font-size: 10px;
	text-align: center;
	padding-bottom: 10px;
	background-color: #fff;
	width: 990px;
}
#ruby_footer{
	text-align: center;
	padding-bottom: 10px;
	background-color: #fff;
	width: 990px;
	height: 20px;
}
#ruby_footer a{
	font-size: 10px;
	color: #3E3E3E;
	text-decoration: none;
}

div#rubySite{
    position:relative;
    width: 990px;
	padding:0;
    height: 690px;
    overflow:hidden;
    background-color:#fff;
	background-image:url(/static/shows/ruby/images/mainbg.jpg);
}
div#rubySite.healthy{ background-image:url(/mystyle/shows/ruby/images/ruby_s3_beach.jpg); }
div#rubySite.walks{ background-image:url(/mystyle/shows/ruby/images/ruby_s2_walkBG.jpg); }
div#rubySite a.home{margin:0 20px;}

div#rubyNav{height:180px; position:relative; padding:0; margin: 0 0 0 0;}
div#rubySubNav{height:500px;  width:250px; position:absolute; right:0; top:75px; }

div#rubyBg{width:338px; height:472px; position:absolute; left:351px; top:173px;z-index:1; background-image:url(/static/shows/ruby/images/note_purple.png);}
div#rubyTitle{text-align:center; position:absolute; top:183px; left:351px; width:338px; height:40px; overflow:hidden;z-index:2;}
div#rubyWrap{width:270px; height:380px; overflow:hidden; position:absolute; left:379px; top:228px;z-index:10;}
div#rubyContent{position:absolute; width:280x;top:0; left:0;z-index:10; }
div#rubySite div#debug{display:none;position:absolute; width:300px; height:200px; border:1px black solid; z-index:100;padding:10px; background-color:#fff; overflow:auto;}

div#rubySite div#scrollItems{position:absolute; height:396px; top:216px; left:649px; z-index:100;}
div#rubySite div#scrollerBg{position:absolute;width:26px; height:396px; top:0; left:0;}
div#rubySite div#scroller{height:384px; width:81px;  position:absolute; top:0; left:0; z-index:50; top:12px; left:14px;}
div#rubySite div#scrollbar, div#rubySite div#scrollDummy{height:32px; width:63px;  position:absolute; top:0; left:0; cursor:pointer;}
div#rubySite a#scrollup, div#rubySite a#scrolldown{ position:absolute;width:20px; height:15px; cursor:pointer; display:block;}
div#rubySite a#scrollup{top:0px; left:2px; }
div#rubySite a#scrolldown{top:380px; left:2px; }
div#rubySite div#scrollDummy{visibility:hidden;}

div#rubyContent h4, div#rubyContent h3, div#rubyContent h2, div#rubyContent p{margin:8px 0; padding:0; position:relative; z-index:20;}
div#rubyContent h4{text-align:center; font-size:12px; color:#e62f34;}
div#rubyContent ul, div#rubyContent ul li, div#rubyContent ol, div#rubyContent ol li{padding-left:0; margin-left:10px;}

div#flashcontent{ z-index: 0; }


/****************************************
 * DOWNLOADS PAGE						*
 ****************************************/
.downloads #internal_content{ float:left; width:620px; }
.downloads #middle_internal h3{
	border-bottom:3px solid #797778;
	color:#cf1550;
	font-size:22px;
}
.downloads #middle_internal h4{
	border-bottom:none;
	color:#333;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
.downloads #middle_internal p{
	font-size:12px;
	margin:0;
	width:auto;
}
.downloads #middle_internal .downloads_list{ margin:10px 0; text-align:center; }
.downloads #middle_internal .downloads_list li{
	background:#F4F5F3;
	float:left;
	margin:0 0 10px 0;
	padding: 10px;
}
.downloads #middle_internal .downloads_list li.narrow{ height:200px; width:285px; }
.downloads #middle_internal .downloads_list li.right{ margin-left:10px; clear:right; }
.downloads #middle_internal .downloads_list li#ruby_walks ul{
	list-style-type:disc;
	margin-left:100px;
	margin-top:10px;
	padding-left:0;
	text-align:left;
}
.downloads #middle_internal .downloads_list li#ruby_walks li{ margin:0; padding:3px; width:460px; }
.downloads #middle_internal .downloads_list li#ruby_walks li h5{ font-size:12px; }
.downloads #middle_internal .downloads_list li#ruby_walks li ul{ list-style-type:none; margin:0 20px; text-align:center; }
.downloads #middle_internal .downloads_list li#ruby_walks li li{ padding:1px; width:145px; }

.downloads #middle_internal ul#buddy_icons{ margin:0 auto; width:130px; }
.downloads #middle_internal ul#buddy_icons li{ background:inherit; float:left; height:48px; padding: 0 5px; width:48px; }
.downloads #middle_internal ul#buddy_icons img{ border:3px solid #E8E9E7; }
.downloads #ruby_itunes{ margin:0 auto; width:180px; }
.downloads #ruby_itunes a{
	background:url(http://images.eonline.com/eol_images/Entire_Site/20081106/180.ruby2.110608.jpg) no-repeat;
	display:block;
	height:135px;
	margin:0 0 10px 0;
	text-indent:-10000px;
	width:180px;
}
.download #buddy_icons{ margin:0 5px; background:inherit; }
.downloads #disclaimer, .downloads #ruby_footer{ background-color:transparent; width:auto; }
.downloads #rsidebar{ margin:0 0 0 10px; width:300px; }
.downloads #rsidebar #ad_billboard{ padding:0; }


/****************************************
 * BLOG PAGES							*
 ****************************************/
.blog_container h2{ color: #F4272E; border-bottom:3px solid #797778; }

div#content div#blog_roll{
	display:block;
	margin:0 !important;
	padding:10px 10px 10px 15px;
	width: 590px;
}
div#blog_roll a{color:#CF1550;}


/****************************************
 * CHAT PAGES							*
 ****************************************/
div#comments{margin-top:20px;}
div#comments h3{color:#95ab46;}
form#comments_form fieldset{ border:0; }
form#comments_form textarea{width:540px; height:100px;}


/****************************************
 * RUBY WALKS PAGE						*
 ****************************************/
.walks #rubyWrap .events p{ margin:0 0 20px 0; }
.walks #rubyWrap.toolkit ul{ list-style-type:disc; }
.walks #rubyWrap.toolkit ul li{ margin-bottom:8px; }
.walks #rubyWrap.toolkit ul li h5{ font-size:12px; }
.walks #rubyWrap.toolkit ul li ul li{ margin-bottom:0; }
.walks #rubyWrap.toolkit ul p{ margin:0; }


/****************************************
 * RUBY COMMUNITY PAGE					*
 ****************************************/
.community #middle_internal .community_widget{ float:left; width:620px!important; } 
.community #rsidebar{ margin:0 0 0 10px; width:300px; }
.community #rsidebar #ad_billboard{ padding:15px 15px 0 0; }