/* Gold's Gym - June 2009 */


/* ===========================================
       30-DAY BEACH BODY WORKOUT
==============================================*/

#articleText.beach {
	padding-bottom: 200px;
	}

#articleText.beach h5 {
	margin-bottom: 0.6em;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color:#a90022;
	}


/* ---- Sidebar ---- */

#workoutList {
	position: relative;
	float: right;
	width: 163px;
	height: 342px;
	margin: auto auto 3px 15px;
	background: url(images/beachWorkout-bg-sidebar.gif) 0 0 no-repeat;
	}

#workoutList h3 {
	margin: 13px auto 4px 4px;
	}

#workoutList ul {
	margin-left: 15px;
	padding-left: 0;
	list-style: none;
	}

#workoutList li {
	width: 125px;
	list-style: none;
	margin-bottom: 0;
	padding: 10px 0 9px 0;
	_padding-top: 8px; /* Win/IE6 */
	border-bottom: 1px dashed #222020;
	}
	*+html #workoutList li { padding-top: 8px; /* Win/IE7 */ }

#workoutList li.last { border-bottom: none; }
#workoutList li span {
	display: none;
	}

#workoutList li a {
	display: block;
	width: 125px;
	height: 25px;
	background-position: 0 0;
	background-repeat: no-repeat;
	}

#workoutList li a:hover {
	background-position: 0 -25px;
	}

#workoutList #nav-lunge a { height: 35px; background-image: url(images/beachWorkout-bu-walkingLunge.png); }
#workoutList #nav-lunge a:hover { background-position: 0 -35px; }
#workoutList #nav-plank a { background-image: url(images/beachWorkout-bu-plank.png); }
#workoutList #nav-pushup a { background-image: url(images/beachWorkout-bu-pushup.png); }
#workoutList #nav-squat a { background-image: url(images/beachWorkout-bu-squat.png); }
#workoutList #nav-crunch a { background-image: url(images/beachWorkout-bu-crunch.png); }
#workoutList #nav-deadLift a { background-image: url(images/beachWorkout-bu-deadLift.png); }


/* ---- Popout Windows ---- */

.popout {
	display: none;
	position: absolute;
	top: 0;
	left: -291px;
	width: 469px;
	padding: 20px 20px 0 30px;
	background: url(images/beachWorkout-popout-topCorners.png) 0 0 no-repeat;
	_background-image: url(images/beachWorkout-popout-topCorners.gif); /* Win/IE6 */
	}

.popout-bottom {
	position: absolute;
	bottom: -19px;
	left: 0;
	width: 519px;
	height: 19px;
	background: url(images/beachWorkout-popout-bottomCorners.png) 0 0 no-repeat;
	_background-image: url(images/beachWorkout-popout-bottomCorners.gif); /* Win/IE6 */
	}

.popout .closePop {
	float: right;
	margin-top: -8px;
	margin-right: 2px;
	}

.popout .closePop img {
	border: none;
	}

.popout .illo {
	float: right;
	margin: auto auto 10px 10px;
	}

#pop-lunge .illo { margin-top: 16px; }
#pop-plank .illo { margin-top: 50px; }
#pop-pushup .illo { margin-top: 38px; }
#pop-squat .illo { margin-top: 21px; }
#pop-crunch .illo { margin-top: 61px; }
#pop-deadLift .illo { margin-top: 22px; }

#articleText .popout h4 {
	float: left;
	margin-top: 1px;
	margin-bottom: 0.4em;
	_margin-bottom: -0.6em; /* Win/IE6 */
	padding: 2px 9px 2px;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	background-color: #ffef08;
	}
	*+html #articleText .popout h4 { margin-bottom: -0.6em; /* Win/IE7 */ }

.pop-muscles {
	clear: left;
	margin-bottom: 0.8em;
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	line-height: 1.3em;
	}

.pop-directions {
	margin-bottom: 1.5em;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.3em;
	color: #a90022;
	}

.pop-col {
	float: left;
	width: 220px;
	margin-right: 20px;
	margin-bottom: 1.2em;
	}

.pop-col.last {
	margin-right: 0;
	}

#pop-squat .pop-col.last {
	float: none;
	margin-left: 240px;
	}

.pop-col strong {
	color: #a90022;
	text-transform: uppercase;
	}

.pop-rest {
	margin-right: 12px;
	padding-top: 1em;
	border-top: 1px dashed #222;
	}

#articleText .popNav {
	margin-top: 0.6em;
	margin-right: 2px;
	padding-bottom: 10px;
	_padding-bottom: 0; /* Win/IE6 */
	text-align: right;
	font-weight: bold;
	}

#articleText .popNav img {
 	float: none;
	border: none;
	}	

#articleText .popNav .nextLink {
	margin-right: 1em;
	}

#articleText .popNav .currentPage {
	color: #a90022;
	}

#articleText .popNav .directLink {
	color: #000;
	text-decoration: none;
	}


/* ===========================================
       SUMMER SCHOOL
==============================================*/

#lipsum .summer {
	_padding-bottom: 400px; /* Win/IE6 - accommodates #articleText.summer #sb2 */
	}
	

#articleText.summer h5 {
	margin: 1.4em auto 0.2em;
	text-transform: uppercase;
	color: #a90022;
	}

#articleText.summer img.right {
	margin-top: -0.6em;
	margin-bottom: 0.6em;
	}


/* ---- Sidebars (common) ---- */

#articleText.summer .redOutlineBox {
	font-family: Arial, Helvetica, sans-serif;
	_position: relative; /* Win/IE6 */
	}

#articleText.summer .redOutlineBox div {
	_position: relative; /* Win/IE6 */
	}

#articleText.summer .redOutlineBox .boxContent {
	padding: 10px 30px 12px 20px;
	}

#articleText.summer .redOutlineBox h5 {
	padding-bottom: 1.4em;
	color: #000;
	}

#articleText.summer .redOutlineBox h5 span {
	display: inline;
	padding: 6px 8px;
	font-size: 16px;
	line-height: 1em;
	text-transform: uppercase;
	background-color: #ffef08;
	}

#articleText.summer .redOutlineBox p {
	font-size: 11px;
	line-height: 1.3em;
	_line-height: 1.2em; /* Win/IE6 */
	}
	*+html #articleText.springTraining .redOutlineBox p { line-height: 1.2em; /* Win/IE7 */ }

#articleText.summer .redOutlineBox .intro {
	font-size: 12px;
	line-height: 1.3em;
	color: #333;
	}



/* ---- Sidebar 1 ---- */

#articleText.summer #sb1 {
	float: right;
	width: 298px;
	_width: 278px;
	margin: -2em -163px 1em 15px;
	_margin-right: -143px;
	}

#articleText .bullet {
	margin-right: 0.2em;
}

/* ---- Sidebar 2 ---- */

#articleText.summer #sb2 {
	float: left;
	width: 632px;
	margin: 1.4em auto 1em -113px;
	_position: absolute; /* Win/IE6 */
	}
	*+html #articleText.summer #sb2 { position: relative; /* Win/IE7 */ }

#articleText.summer #sb2 .col {
	float: left;
	width: 275px;
	margin-right: 25px;
	}

#articleText.summer #sb2 .col.last {
	margin-right: 0;
	}

#articleText.summer #sb2 .col strong {
	text-transform: uppercase;
	color: #a90022;
	}


/* ===========================================
       EATING RIGHT
==============================================*/

#articleText.eatingRight h5 {
	margin-bottom: 0.2em;
	font-size: 12px;
	line-height: 1.3em;
	color: #a90022;
	}
	
#articleText.eatingRight h5 strong {
	text-transform: uppercase;
	color: #000;
	}
	
#articleText.eatingRight #recipe {
	margin: auto auto 2em 50px;
	}

#articleText.eatingRight #recipe h6 {
	margin-bottom: 0.2em;
	font-size: 11px;
	line-height: 1.3em;
	text-transform: uppercase;
	}