h1 { color: #515151; }

/* =============================================================================== */
/* Header, content, footer */
/* =============================================================================== */
#header
{
	width: 100%;
	height: 202px;
	background-image: url(/images/header/header_mag_background.gif);
	background-repeat: repeat-x;
}

/* =============================================================================== */

.tabs
{
	clear: both;
	height: 30px;
	font-size: 14px;
	font-weight: bold;
	width: 940px;
}

.tabs li
{
	float: left;	
	line-height: 30px;
}
.tabs li a:hover { text-decoration: none; }
.tabs li:hover { float: left; background: url('/images/menus/nav_tab_gray_right.gif') top right no-repeat; }
.tabs li:hover a { float: left; background: url('/images/menus/nav_tab_gray_left.gif') top left no-repeat; padding: 0 15px; }
.tabs li.active { background: #8c03c6 url('/images/menus/magazine/nav_tab_active_background.gif') top right no-repeat; }
.tabs li.active a { color: #fff; background: url('/images/menus/magazine/nav_tab_active_cornerleft_test.gif') top left no-repeat; }
/*
.tabs .active
{
	background-color: #8c03c6;
	background-image: url(/images/menus/magazine/nav_tab_active_background.gif);
	background-repeat: repeat-x;
}

.tabs .active a
{
	color: #FFFFFF;
	background-image: url(/images/menus/magazine/nav_tab_active_cornerright.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 15px;
	display: block;	
}
*/

.tabs a
{
	color: #3f3f3f; 
	padding: 0 15px;
	display: block;
}

.tabs .divider
{
	height: 30px;
	width: 2px;
	background-image: url(/images/menus/nav_tab_divider.gif);
	background-repeat: no-repeat;
	padding: 0;
}

/* =============================================================================== */

.subtabs
{
	width: 940px;
	clear: both;
	height: 34px;
	font-weight: bold;
}

.subtabs li
{
	float: left;
	line-height: 34px;
}

.subtabs .active { background: #ac0548 url('/images/menus/magazine/nav_subtab_active_background_test.gif') top right no-repeat; }
.subtabs .active a { padding: 0 17px; background: url('/images/menus/magazine/nav_subtab_active_cornerleft_test.gif') top left no-repeat; }
/*
.subtabs .active
{
	background-color: #ac0548;
	background-image: url(/images/menus/magazine/nav_subtab_active_background.gif);
	background-repeat: repeat-x;
}

.subtabs .active a
{
	color: #FFFFFF;
	background-image: url(/images/menus/magazine/nav_subtab_active_cornerright.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding: 0 17px;
	display: block;

}
*/

.subtabs a
{
	color: #FFFFFF;
	padding: 0 17px;
	display: block;
}



/* =============================================================================== */
/* Search Box */
/* =============================================================================== */
.searchbox
{
	background-image: url(/images/menus/magazine/search.gif);
	border-style: inset;
	border-width: 0px;
	width: 140px;	
	height: 18px;
	position: absolute;
}

/* =============================================================================== */
/* Blockquotes */
/* =============================================================================== */
/*
blockquote {
	background-color: #8C03C6;
	color: #ffffff;
	float: right;
	width: 210px;
	margin-bottom: 10px;
	padding: 7px 15px;
	margin-left: 5px;
}
*/

blockquote {
	color: #999999;
	float: right;
	width: 225px;
	margin-bottom: 10px;
	padding: 0;
	margin-left: 5px;
  background: url(../images/blockquote_purple_bottom.png) bottom right no-repeat;
}

.quotetext {
	font-family: Geneva, Arial, Helvetica, san-serif;
  color: #666666;
	font-size: 13px;
	font-style: italic;
	clear: none;
	/*text-align: right;*/
  text-align: left;
	font-weight: bold;
}

blockquote p { /*color: #8f07c8;*/ color: #fff; background: url(../images/blockquote_purple_top.png) top right no-repeat; text-align: center; font-size: 14px; line-height: 28px; padding: 40px 10px 5px 10px; margin-bottom: 30px; font-weight: normal; }

/*
.blockquote .quotetext img {
	height: 13px;
	width: 24px;
	border: 0px;
}

.blockquote img {
	height: 152px;
	width: 203px;
}
*/

/* =============================================================================== */
/* Magazine Dating tips styles */
/* =============================================================================== */

.tips_men_women { width: 600px; padding: 5px 0; margin: 0; }
.tips_men_women p { float: left; _display: inline; width: 275px; margin-right: 10px; }

/* =============================================================================== */
/* H2 */
/* =============================================================================== */

 h2 { float: left; _display: inline; width: 475px; }

 
 
/* =============================================================================== */
/* Related Stories Box */
/* =============================================================================== */

#related_stories_container { float: left; width: 695px; padding: 0 0 20px 0; background: url('/images/magazine/related_stories_body_695.jpg') bottom left no-repeat; overflow: hidden; margin: 0 0 20px 0;  }
#related_stories_container h3 { float: left; width: 665px; padding: 10px 10px 10px 20px; font: normal 18px Arial, Helvetica, sans-serif; color: #c33a6e; background: url('/images/magazine/related_stories_header_695.jpg') top left no-repeat; overflow: hidden; margin-bottom: 15px; }
#related_stories_container .bookframe { width: 92px; margin: 0px 20px 15px 20px; font-size: 12px; background-image:url(../images/bookframe.png); background-repeat: no-repeat; }
#related_stories_container div.inner { float: left; width: 675px; margin: 5px 10px; }
#related_stories_container div.inner ul.mag_articles { float: left; margin-left: 10px;}
#related_stories_container div.inner ul.mag_articles li { margin: 4px 0; padding: 0; }

/* =============================================================================== */
/* Book/Picture Frames + Stacks */
/* =============================================================================== */

.bookframe { width: 92px; margin: 5px 10px 0 0; font-size: 12px; background-image:url(../images/bookframe.png); background-repeat: no-repeat; }
.bookframe .photo { width: 73px; height: 102px; padding: 8px 10px 10px 9px; overflow: hidden; }

/* =============================================================================== */
/* Author Bi-line */
/* =============================================================================== */

div.author { padding-bottom: 10px; float: left; margin: 5px 0; width: 479px; font-style:italic; color: #A0A0A0; font-size: 14px; }
/*
#related_stories_container { float: left; width: 565px; padding: 0 0 20px; background: url('/images/entertainment/related_stories_body.jpg') bottom left no-repeat; overflow: hidden; margin: 0 0 20px 0;  }
#related_stories_container h3 { float: left; width: 545px; padding: 10px; font: normal 18px Arial, Helvetica, sans-serif; color: #c33a6e; background: url('/images/entertainment/related_stories_header.jpg') top left no-repeat; overflow: hidden; }
#related_stories_container div.inner { float: left; width: 545px; margin: 5px 10px; }

*/
/* =============================================================================== */
/* Call to action */
/* =============================================================================== */

div#cta_box_magazine { float: left; _display: inline; margin: 0px 0px 20px 0px; width: 915px; height: 200px; background: #020307 url('/images/call_to_action/cta_magazine.jpg') top right no-repeat; }
div#cta_box_magazine h5 { float: left; _display: inline; margin: 10px 10px 5px 40px; width: 550px; font: normal 38px Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; }
div#cta_box_magazine p { float: left; _display: inline; margin: 5px 10px 5px 40px; width: 500px; font: normal 14px Arial, Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; }
div#cta_box_magazine a.button { float: left; _display: inline; clear: both; width: 265px; width: 44px; margin: 10px 10px 5px 180px; }
div#cta_box_magazine a.button img { border: none; }
div#cta_box_magazine a.member { float: left; _display: inline; clear: both; position: relative; top: 0; left: 225px; font: normal 12px Arial, Helvetica, sans-serif; color: #ffffff; text-decoration:underline; }

.c478 { width: 479px; }

/* =============================================================================== */
/* Book Review Left Column */
/* =============================================================================== */

.book_review_container { float: left; _display: inline; margin-left: 20px; width: 260px; }
.book_review_container h3 { float: left; _display: inline; width: 100%; margin: 5px 0 10px 0; padding: 0; font: normal 18px Arial, Helvetica, sans-serif; color: #A0A0A0; }
.book_review_container h4 { float: left; _display: inline; width: 100%; margin: 5px 0; padding: 0; font: normal 16px Arial, Helvetica, sans-serif; color: #A0A0A0; }
.book_review_container p { float: left; _display: inline; margin: 5px 0; padding: 0; font: normal 12px Arial, Helvetica, sans-serif; }
.book_review_container p a.large_format { font: normal 16px Arial, Helvetica, sans-serif; }
.book_review_container a.large_format { font: normal 16px Arial, Helvetica, sans-serif; }
.book_review_container p.italic { font: italic 12px Arial, Helvetica, sans-serif; color: #A0A0A0; }
.book_review_container p.call_to_action { display: block; font: bold 14px Arial, Helvetica, sans-serif; margin: 10px 0; text-align: center; }
.book_review_container p.more_reviews a { display: block; margin: 0 5px 4px 0; padding: 5px 3px; line-height: 18px; font: normal 13px Arial, Helvetica, sans-serif; }
.book_review_container p.more_reviews a:hover { background-color: #ebebeb; text-decoration: none; }
.book_review_container .bookframe_left { width: 92px; height: 120px; margin: 0 5px 0 0; background: url('../images/bookframe.gif') top left no-repeat; }
.book_review_container .bookframe_left .photo { width: 73px; height: 102px; padding: 8px 10px 10px 9px; overflow: hidden; }