/*****************************/

/*** Core html setup stuff article***/

/*** CUSTOM TEMPLATE FOR READERSUPPORTEDNEWS.org ***/

/*****************************/





/*** ------GENERAL LAYOUT DIV'S---------------------------------------- ***/

* {
margin:0px;
padding:0px;
}
html, body {
margin: 0px;
padding: 0px;
height: 100%;
}
body {
	margin:0px auto;
	/*color: #5A5B5F;*/
	color:#000000;
	background:#fff;
	font-family:"Times New Roman", Times, serif;
	font-size: 15px;
}

div#wrapper {
margin:0 1% 0 2%;
min-width:850px;
max-width:990px;
	margin:0px auto 0px auto;
	border:solid 1px #000000;
	position:relative;
	height:auto !important; /* most browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* most browsers */
}
div#header {float:left;	}

div#vtop {
    margin:0px auto 0px auto;
    padding: 0px auto;
    width:100%;
    max-width:990px;
    height:133px;
}

div#content {
	background:#fff;
	margin:0px auto 0px auto;
	padding: 0px 9px 50px 9px;
	width:100%;
	max-width:970px;
	height:auto !important; /* most browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* most browsers */
}
div#navigation {
	background:#000;
	height:34px;
	min-width: 850px ;
	max-width: 990px;
}
div#left {
	clear:both;
	width:20%;
	min-width:180px;
	margin:0px;
	padding: 20px 5px 5px 15px;
	float:left;
	height:auto !important; /* most browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* most browsers */
}
div#center {
	min-width:410px;
	margin:0px 10px;
	float:left;
	width:51%;
	height:auto !important; /* most browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* most browsers */
}
div#gcenter {
background-color:#4AFFA5;
/*

background-color:#DFDFDF;
background-color:#CECEFF;
border:thin solid #666666;
*/
}
div#right {
	width:21%;
	min-width:180px;
	margin:0px;
	padding: 20px 15px 5px 0;
	float:right;
	height:auto !important; /* most browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* most browsers */
}
div#footer {
	background:#98999D;
	clear:both;
	bottom:0px;
	text-align:center;
	margin:0px;
	position:absolute;
	width:100%;

}
div#copyr {background:#333; color:#ccc; padding:0 0 0px;}

div.clear {clear:both;}

#logins {
margin: 0 0 5px 0;
}


/*** ------TOP HORIZONTAL NAVIGATION---------------------------------------- ***/
/*** NOTE: This is done with Menu Style "List", Menu Tag "top", Module Class Suffix "menu" ***/
div#header a {border:0px;margin:0px;padding:0px;}


ul#top.menu {
height:34px;
padding:0px;
float: none;
font-size: 11px;
min-width:716px;
max-width:990px;
width:100%;
}

ul#top.menu li {
	display:inline;
	float:none;
	margin:0px auto;
	padding:0px;
}

ul#top.menu li a {
display:inline;
padding:0px;
text-align:center;
color:#FFF;
text-decoration:none;
}

ul#top.menu li a:hover,
ul#top.menu li.active a:hover{
color:#FFFFFF;
text-decoration:underline;
}

ul#top.menu li a:active,
ul#top.menu li.active a {
color:#000;
}

ul#top.menu li a span{
font-weight:bold;
}

ul#top.menu li a img { height: 34px;}
ul#top.menu li.item1 a img /* HOME */
{background: url(../images/rsn_menu_home.jpg) no-repeat 0 0; min-width:98px; width:15%;}
ul#top.menu li.item4 a img /* WHO IS THIS */
{background: url(../images/rsn_menu_who.jpg) no-repeat 0 0; min-width:126px; width:17%;}
ul#top.menu li.item21 a img, /* GODOT */
ul#top.menu li.item63 a img
{background: url(../images/rsn_menu_godot.jpg) no-repeat 0 0; min-width:62px; width:12%;}
ul#top.menu li.item50 a img /* CONTACT US */
{background: url(../images/rsn_menu_contact.jpg) no-repeat 0 0; min-width:78px; width:13%;}
ul#top.menu li.item58 a img /* EVENTS1 58 or 55 */
{background: url(../images/rsn_menu_events.jpg) no-repeat 0 0; min-width:69px; width:13%;}
ul#top.menu li.item48 a img /* CONTRIBUTE1 */
{background: url(../images/rsn_menu_contribute.jpg) no-repeat 0 0; min-width:100px; width:14%;}
ul#top.menu li.item5 a img /* CONTRIBUTE2 */
{background: url(../images/rsn_menu_contribute.jpg) no-repeat 0 0; min-width:100px; width:14%;}
ul#top.menu li.active a img, ul#top.menu li a:hover img{background-position: 0 100%; }

/*** End Top Horizontal Navigation ***/



/*** -------BEGIN CONTENT MODULES LAYOUT ------------------------------ ***/

div.moduletable { margin: 0px 0 10px;}
div.moduletable h3 {}

div#left div.moduletable, div#right div.moduletable {border: 0px solid #515151;}

div#left div.moduletable h3, div#right div.moduletable h3, div#center div.moduletable h3 {background: #515151; color:#fff; padding-left:2px;}

/** ++++++++++++  LEFT COLUMN - HOME PAGE +++++++++++++++++ **/
div#left div.moduletable {}
div#left ul { list-style: none; padding: 5px}
div#left li { margin-bottom: 20px;}



/** ++++++++++++  RIGHT COLUMN - HOME PAGE +++++++++++++++++ **/




/** ++++++++++++  CENTER COLUMN - HOME PAGE +++++++++++++++++ **/

div#center div.moduletable {border: 0px;}

div#center div.wt {
clear:both;
float:left;
margin:10px 5px 0px 30%;
}
div#center div.wp {
clear:both;
float:left;
margin:0px 5px 0px 8%;
}


table.home p.caption {text-align:center;margin:0px 0px 10px;}
table.home p {text-align:center;}
div#center div.hmostpop /* Most Popular Articles - Home Page */
{min-width: 350px; max-width:550px; margin: 0 auto;padding:0 20px;}
div#center div.gd /* Most Popular Articles - Home Page */
{min-width: 350px; max-width:550px; margin: 0 auto;padding:0 20px;}


/*** -------BEGIN FOOTER LAYOUT ------------------------------ ***/

/** Menu Style "List", Menu Tag "footer"**/
div#footer div.moduletable {margin: 0px; padding:5px 0px;}

ul#footer.menu {padding:5px 15px;}
ul#footer.menu li{display:inline;}

ul#footer.menu li a,
ul#footer.menu li a:active{
color:#fff; font-size:11px; margin: 0px 20px 0px 10px;}
ul#footer.menu li a:hover{text-decoration:underline;}
ul#footer.menu li a span {}

ul#footer.menu li.item57{border-right:none;}

/*** -------BEGIN LOGGEDIN BOTTOM LAYOUT ------------------------------ ***/

/** Menu Style "List", Menu Tag "footer"**/
div.moduletablebotl {margin: 0px auto 50px; padding:5px 0px; width:450px;}

ul#botlog.menu {padding:5px 15px;}
ul#botlog.menu li{display:inline;}

ul#botlog.menu li a,
ul#botlog.menu li a:active{
color:#000; font-size:14px; margin: 0px 20px 0px 10px;}
ul#botlog.menu li a:hover{text-decoration:underline;}
ul#botlog.menu li a span {}

ul#botlog.menu li.item27{border-right:none;}

/*** ------ LAYOUT FOR CUSTOM_GH, THE GODOT HOME PAGE -------------------------- ***/

div#content.gh div#breadcrums {


}

/*** ------ LAYOUT CHANGES FOR CUSTOM_2, THE TWO COLUMN LAYOUT -------------------------- ***/
div#content.two {
background: #fff url(../images/bg_2c_right.gif) repeat-y 100% 0;
max-width:980px;
padding: 0px 0px 50px 10px;}

div#center.two {width: 68%; }
div#center.two table.contentpaneopen {width: 100%;}

div#right.two {
top:100px;
width:235px;
padding: 0px 0px 20px;
right:0px;
}
div#right.two div.moduletable {
border-bottom: 1px solid #B0B0B0;
padding: 5px 4px 20px;
}

div.publish-nav {margin-top: 20px;}


/**HEADINGS IN GENERAL**/
div#center.two div.componentheading, /** Page's Title (the title of the Menu Item) (aka h1) **/
div#center.two div#component-contact td.contentheading, /** Contact table's Title **/
div#center.two .contentheading, div#center.two h1 /** Article's Title  **/
 {
	padding:0px 0px 8px;
	font-size:22px;
	font-weight:bold;
/*	width:74%;*/
	margin:30px 0 0 2px;

}

div#center.two h1.txttitle a, div#center.two h1.txttitle a:visited, div#center.two h1.txttitle a:hover  {
text-decoration:none;
}
div#center.two h1.txttitle a:hover  {
color:#333333;
}

div#center.two .small, div#center.two .small a, div#center.two .small a:visited /**Author Name **/
{
color:#333333;
font-size: 12px;
font-style:normal;
text-decoration:none;
}
div#center.two .small a:hover /**Author Name **/
{
color:#666666;
font-size: 17px;
font-style:italic;
text-decoration:underline;
}

div#center.two .createdate  /** Creation Date **/
{color:#DC3B41;
margin:0 0 0 10px;
}

/** 2Col Article Page**/

div.artpic {
position:relative;
top:16px;
width:42%;
}
div.wtitle div.artp {
position:relative;
top:34px;
font-family:"Times New Roman", Times, serif;
}
div#center.two div.wtitle div.artp {
width:100%;
z-index:1;
}
div.art01 {
position:relative;
top:-4px;
font-size:14px;
margin:0 0 0 10px;
}
div.gdsect div.art01 {
position:relative;
top:-38px;
font-size:14px;
margin:0 0 0 10px;
}
div.gdsect div.createdate {
position:relative;
top:-34px;
font-size:14px;
margin:0 0 0 10px;
}
div.artp div.createdate {
position:relative;
top:0px;
margin:0 0 0 10px;
}
div.contentpaneopen p.imga {
left:0px;
width:420px;
font-size:10px;
line-height:11px;
margin:0 10px;
text-align:left;
}
div.cleara {
width: 400px;
clear: both;
color:#FFFFFF;
padding:1px;
}

p.opena {
float:right;
margin:90px 0 20px;
}
div#center.two div.art01 .small a, div#center.two div.art01 .small a:visited /**Author Name **/
{
color:#dcb341;
}

div.contentpaneopen p.vidp {
margin: 40px 0px 10px 20px;
}

/*** --- fix for article page digg & twitter button --- ***/
div#center.two div.diggitbutton {
left:62.3%;
top:100px;
width:138px;
}
div.diggitbutton{
padding: 5px 8px 5px 15px;
margin:0 0 0 3px;
float: right;
right:10px;
width:120px;
z-index:200;
}
td.diggitbutton{padding-right: 0px; padding-top: 5px; padding-bottom:0px; margin-bottom:0px; margin-top: 0px; vertical-align:top;} td.space_right{padding: 0px 0px 0px 0px;}

div#center.two div.tweetmebutton {
padding: 5px 17px 4px 8px;
margin:60px 0 0 0;
}
div.tweetmebutton{
padding: 5px 17px 4px 8px;
float: right;
height:80px;
margin:80px 0 0 0;
}
td.tweetmebutton{padding-right: 0px; padding-top: 5px; padding-bottom:0px; margin-bottom:0px; margin-top: 0px; vertical-align:top;} td.space_right{padding: 0px 0px 0px 0px;}

p#digfb {
margin:0;
}
p#digfb, p#digtw, p#digyb {
float:left;
margin:0;
width:53px;
}
p#digfb1, p#digtw1 {
float:left;
margin:0;
width:68px;
}
div#digst, div#digbuz, div#digdig {
margin:0;
padding:2px 0 0 0;
width:90px;
z-index:201;
}


/*** ------ LAYOUT CHANGES FOR CUSTOM_1, THE ONE COLUMN LAYOUT -------------------------- ***/

div#content.one {padding: 20px;max-width:950px;}

div#center.one {width: 100%; margin: 20px 0px; float: none;}

div#center.one table.contentpaneopen {width: 100%;}

/*** LAYOUT CHANGES FOR CUSTOM_1, THE ONE COLUMN LAYOUT for wrapping pages
div#content.wpage {padding: 0px 0px 10px; width:100%;max-width:990px;}
div#content.wpage div#center.one {width: 100%;}
div#content.wpage div#center.one div#contentpaneopen {width: 100%;}
div#center.wpage {margin:0px;}
div#center.wpage div.contentheading {margin-left:450px; margin-right:170px; margin-bottom:30px;}
div#content.wpage div.contentpaneopen p.wtext {padding:0px 165px 0 450px;}
div#content.wpage div.contentpaneopen p.oslink {
padding:0px 135px 0 450px;
font-family:"Courier New", Courier, monospace;}

div#content.wpage div.contentpaneopen p.wslide {
clear:both;
}

div#content.wpage div.contentpaneopen p.wtitle {
    background-image: url(/testrsn43/images/stories/rsn_editor.jpg);
    background-position: 0px 0px;
    background-repeat:no-repeat;
	width:242px;
	height:28px;
	margin: 5px 170px  5px 445px;
	}

div.contentpaneopen p.imgw {
left:0px;
position:absolute;
top:34px;
width:430px;
font-size:10px;
line-height:11px;
margin:0 10px;
text-align:left;
}***/

/*** New Wrap Page -- LAYOUT CHANGES FOR CUSTOM_1, THE ONE COLUMN LAYOUT for wrapping pages  ***/
div#content.wpage {padding: 0px 0px 10px; width:100%;max-width:990px;}
div#content.wpage div#center.one {width: 100%;}
div#content.wpage div#center.one div#contentpaneopen {width: 100%;}
div#center.wpage {margin:0px;}
div#center.wpage div.contentheading {margin-left:450px; margin-right:170px; margin-bottom:30px;}
div#content.wpage div.contentpaneopen p.wtext {padding:0px 165px 0 450px;visibility:hidden; height:0; margin:0;}

div#content.wpage div.contentpaneopen p.oslink {
padding:22px 135px 0 44%;
font-family:"Courier New", Courier, monospace;
margin: 1px 0 30px;}

div#content.wpage div.contentpaneopen p.wslide {
clear:both;
height:0px;
margin:0 0 6px;
}
div#content.wpage div.contentpaneopen div.nyt {
clear:both;
margin:100px 140px 40px 140px;
}
div#content.wpage div.contentpaneopen div.nytimg {
clear:both;
margin:500px 140px 40px 140px;
}
div#content.wpage div.contentpaneopen div.txtimg {
clear:both;
margin:320px 140px 40px 140px;
}
div#content.wpage div.contentpaneopen h1.nyttitle {
font-size:22px;
font-weight:bold;
margin:0 0 0 2px;
padding:0 0 0 0;
}
div#content.wpage div.contentpaneopen h1.txttitle {
font-size:22px;
font-weight:bold;
margin:0 0 0 2px;
padding:0 0 0 0;
}

div#content.wpage div.contentpaneopen p.nytauthor {
color:#333333;
font-size:12px;
font-style:normal;
text-decoration:none;
margin:0 0 0 2px;
padding:0 0 0 0;
}
div#content.wpage div.contentpaneopen p.txtauthor {
color:#333333;
font-size:12px;
font-style:normal;
text-decoration:none;
margin:0 0 0 2px;
padding:0 0 0 0;
}

div#content.wpage div.contentpaneopen p.date {
color:#DC3B41;
font-family:"Times New Roman",Times,serif;
font-size:15px;
margin:0 0 0 2px;
padding:0 0 0 0;
}

div#content.wpage div.contentpaneopen p.wtitle {
    background-image: url(/testrsn43/images/stories/rsn_editor.jpg);
    background-position: 0px 0px;
    background-repeat:no-repeat;
	width:242px;
	height:28px;
	margin: 5px 170px  5px 445px;
	}

div.contentpaneopen p.imgw {
left:0px;
position:absolute;
top:34px;
width:0;
font-size:10px;
line-height:11px;
margin:0 10px;
text-align:left;
visibility:hidden;
}
div.contentpaneopen p.imgwnyt {
left:133px;
margin:0 10px;
position:absolute;
top:300px;
visibility:visible;
width:430px;
font-size:10px;
line-height:10px;
border: 0pt none;
float: left;
}
div.contentpaneopen p.nyrmore {
margin:0 20px 0 47%;
}
/*** New Text Pages -- LAYOUT CHANGES FOR CUSTOM_2, THE TWO COLUMN LAYOUT for news and opinion pages  ***/
div#content.two {padding: 0px 0px 10px; width:100%;max-width:990px;}
div#content.two div#center.one {width: 100%;}
div#content.two div#center.one div#contentpaneopen {width: 100%;}
div#center.two {margin:0 0 30px 20px;}
div#center.two div.contentheading {margin-right:0; margin-bottom:30px;}
div#content.two div.contentpaneopen p.wtext {padding:0px 165px 0 450px;visibility:hidden; height:0; margin:0;}

div#center.two div.vid {margin:20px 170px 0px 0px;}

div#content.two div.contentpaneopen p.oslink {
padding:22px 135px 0 44%;
font-family:"Courier New", Courier, monospace;
margin: 1px 0 30px;}

div#content.two div.contentpaneopen p.noslink, div#content.wpage div.contentpaneopen p.noslink {
margin:23px 0 30px 58%;
position:absolute;
top:35px;
width:122px;
}
div#content.wpage div.contentpaneopen p.noslink3 {
margin:23px 0 30px 44%;
position:absolute;
top:35px;
width:250px;
height: 25px;
text-align:right;
}
div#content.wpage div.contentpaneopen p.noslink2 {
margin:23px 0 30px 44%;
position:absolute;
top:35px;
width:122px;
}
div#content.two div.buttonheading, div#content.one div.buttonheading {
margin:23px 0 30px 44%;
position:absolute;
top:35px;
width:122px;
}
div#content.two div.gdsect div.buttonheading {
margin:23px 0 30px 55%;
position:absolute;
top:35px;
width:122px;
}

div#content.two div.contentpaneopen p.wslide {
clear:both;
height:0px;
margin:0 0 46px;
}
div#content.two div.contentpaneopen div.nyt {
clear:both;
margin:100px 140px 40px 140px;
}
div#content.two div.contentpaneopen div.nytimg {
clear:both;
margin:280px 10px 40px 20px;
}
div#content.two div.contentpaneopen div.txtimg {
clear:both;
margin:280px 10px 40px 20px;
}
div#content.two div.contentpaneopen div.vidimg {
clear:both;
margin:10px 10px 40px 20px;
}
div#content.two div.contentpaneopen h1.nyttitle {
font-size:22px;
font-weight:bold;
margin:0 0 0 2px;
padding:0 0 0 0;
}

div#content.two div.contentpaneopen p.nytauthor {
color:#333333;
font-size:12px;
font-style:normal;
text-decoration:none;
margin:0 0 0 2px;
padding:0 0 0 0;
}

div#content.two div.contentpaneopen p.txtauthor {
color:#333333;
font-size:12px;
font-style:normal;
text-decoration:none;
margin:0 0 0 2px;
padding:0 0 0 0;
}

div#content.two div.contentpaneopen p.date {
color:#DC3B41;
font-family:"Times New Roman",Times,serif;
font-size:15px;
margin:0 0 0 2px;
padding:0 0 0 0;
}

div#content.two div.contentpaneopen p.wtitle {
    background-image: url(/testrsn43/images/stories/rsn_editor.jpg);
    background-position: 0px 0px;
    background-repeat:no-repeat;
	width:242px;
	height:28px;
	margin: 5px 170px  5px 445px;
	}

div.contentpaneopen p.imgw {
left:0px;
position:absolute;
top:34px;
width:0;
font-size:10px;
line-height:11px;
margin:0 10px;
text-align:left;
visibility:hidden;
}
div.contentpaneopen p.imgon2 {
left:33px;
margin:0 10px;
position:absolute;
top:164px;
visibility:visible;
width:430px;
font-size:10px;
line-height:10px;
border: 0pt none;
float: left;
}
div.contentpaneopen p.nyrmore {
margin:0 20px 0 47%;
}

/*Author Page Filtered News styles */

ul.relateditems {
	padding:5px 25px 50px;
	list-style:none;
	line-height:20px;
}

/*Google Search CSE styles */
form#googleSearch_cse {
margin:40px 10px;
}
div.mod_googleSearch_cse {
}
div.mod_googleSearch_cse input.inputbox, div.googleSearch_cse input.inputbox, div.mod_googleSearch_cse_search input.inputbox_search{
float:left;
margin:4px 0 0;
}
button#module_button.csebutton {
border:thin solid #FFF;
background:none;
margin:1px;
padding:1px;
}
button#module_button.csebutton:hover {
border:thin solid #000000;
background:none;
}

/* used in STAF dialog */
#modal {
	position: fixed !important;
	width: 100vw !important;
	height: auto !important;
	left: 0 !important;
	top: 0 !important;
	margin: 0 !important;
}

#modal iframe {
	width: 100vw !important;
	height: auto !important;
	min-height: 100vh !important;
	display: block;
	border: 0;
}
