@charset "UTF-8";


/* CSS Document */


/**** Template Styles ***/


html, body {height: 100%;}


#main {
overflow:auto;
padding-bottom: 220px;/* must be same height as the footer */
	}  


/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}


@font-face {
font-family: "Avant Garde";
src: url('http://www.beachblvdmagazine.com/AvantGarITCbyBTBol.otf');
}
body {
background: #F4EDDD; /* tan */
font-size: 12px;
/*
font-family: "Avant Garde", sans-serif;
*/
font-family: Futura, "Century Gothic", "Avant Garde", Tahoma, Arial, sans-serif;
margin: 0;
width: 100%;
}
#wrap {
min-height: 100%;
}
a img {border: 0; text-decoration: none;}
hr {
 color: #00A0D2;
background-color: #00A0D2;
height: 3spx;
width: 90%;
}
#leaderboard {
text-align: left;
width: 100%;
margin: 4px 0 4px 4px;
height: 120px;
}
#header {
width: 100%;
margin: 0;
padding: 0 0 0 0;
height: 147px; /* old size: 150 */
background: url('images/header-bg.jpg') repeat-x;
background-position: bottom;
z-index: -9999999;
}
	#header img {
	margin: 0 0 0 20px;
	}
	#header #header-logo {
	margin: 0 0 0 20px;
	}
#menu {
background: #FCDB72; /* yellow/gold */
width: 100%;
height: 20px;
padding: 0 0 0 4px;
border-top: 1px #fff solid;
border-bottom: 1px #fff solid;
z-index: -9999999;
}
	#menu a {
	color: #660835; /*brownish red */
	text-decoration: none;
	display: block;
	float: left;
	height: 17px;
	padding: 3px 20px 0 20px;
	z-index: -9999999;
	}
		#menu a:hover {
		background-color: #fde495; /* lighter yellow */
		}
#container {
width: 1000px;
overflow: auto;
}
	#homepg-columns {
	width: 660px;
	float: left; clear: both;
	display: inline;
	}
	 #column1 {
	width: 300px;
	float: left;
	display: inline;
	margin: 0 20px;
	}
	 #column2 {
	width: 300px;
	float: left;
	display: inline;
	margin: 0 0 0 0;
	}
	#column3 {
	width: 300px;
	float: left;
	margin: 0 0 0 20px;
	display: inline;
	padding: 4px 0 0 0;
	}
/*
		#container #column3 * {
		float: none!important;
		z-index: -100;
		}
	*/	
		
#framedlink {
margin: 0 0 0 20px;
}	
	#framednav {
	background: url('images/framed-bullet.png') no-repeat #306b8e;
background-position: 8% 50%;
	color: #f4ecde!important;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-weight: bold; 
	font-size: 1em;
	padding: 2px 20px 1px 20px!important;

	}
		#framednav:hover {
		background-color: #1d506f!important;
		}
	
	#framed {
	background: #445377;
	width: 99%;
	padding: 8px 0 8px 10px;
	}
		#framed h2 {
		background: url('images/framed.png') no-repeat;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #fff;
		font-size: 1.7em;
		padding: 8px 0 10px 14px;
		}

#content {
padding: 10px 0 0 10px;
min-height: 400px;
display: inline;
float: left;
width: 620px;
}
	#content a {color: #00A0D2;}
	#content a:hover {color: #00c2ff;}
	#content a:visited {color: #7b766c;}


h2 {
color: #00A0D2;
font-weight: bold;
text-transform: uppercase;
font-size: 3.3em;
font-weight: normal;
letter-spacing: .05em;
margin: 0;
}
h3 {
margin: 14px 0 0 0;
font-weight: normal;
text-transform: uppercase;
letter-spacing: .06em;
font-size: 1.4em;
color: #321816; /* dark brown */
/* color: #f2b800;  yellow */
}
h4 {
margin: 14px 0 0 0;
font-weight: normal;
font-size: 1.1em;
text-transform:uppercase;
letter-spacing: .07em;
color: #5e403e; /* slightly lighter than h3's dark brown */
}	

#footer {
width: 100%; height: 220px;
background: url('images/footer.png') repeat-x;
font-size: 1em;
color: #967D54;
font-size: .75em;
padding: 30px 0 0 0;
margin: 50px 0 0 0;
}
	
	#footer div {
	background: url('images/footer-logo.png') no-repeat;
	text-align: left;
	margin: 35px 0 0 40px;
	padding: 0px 0 0 330px;
	width: 481px; height: 100px;
	}
	#footer a {
	color:  #967D54; font-size: 1.25em;
	}
	p#bbmispub {
	font-size: 1.5em;
	font-weight: bold;
	color: #00A0D2!important;
	}
	
	
	
	
/**** Home Page Styles ***/
.homepg-special {
margin: 10px 0 10px 20px;
width: 600px;
}
	.headline {
	width: 100%;
	overflow: auto;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #ded3bd;
	padding:0;
	margin: 4px 0 4px 0;
	}
		.headline .topbar {
		height: 4px; width: 100%;
		background: #BCE0F8; /* light light blue */
		}
		.headline .title {
		width: 100%;
		height: auto;
		padding: 2px 0 0 0;
		background: #00A0D2; /* aqua blue */
		}
			.headline .title h2 {
			color: #fff;
			font-size: 1.3em;
			margin: 0 0 0 2px;
			font-weight: normal;
			}
			.headline .title h2 strong {
			color: #445377;
			font-size: .6em;
			}
		.headline .photo {
		margin: 0px 0px 0 0px;
		text-align: center;

		padding: 0;
		}
			.headline .photo img {
			border: 1px solid #fff;
			padding: 0;
			}
			.headline .photo h3, .headline .text h3 {
			color: #00A0D2; margin: 0;
			}
		.headline .text {
		padding: 4px;
		}
			.headline .text p {
			margin: 6px 0 6px 4px;
			}
			.headline .text p.hllink {
			margin-top: 10px; margin-bottom: 2px;
			}
			.headline .text a, .headline .photo a {
			color: #445377;
			text-decoration: none;
			}
			
			.headline .text strong {font-weight: bold!important;}
			
				.headline .text a:hover, .headline .photo a:hover {
				color:  #00A0D2;
				}
				
/*				
	a#subscribe-button {
	display: block;
	text-indent:-9999px;
	with: 234px; height: 41px;
	margin: 10px 0 0 15px;
	background: url('images/subscribe-button.png') no-repeat;
	background-position:top left;
	}
		a#subscribe-button:hover {
		background-position:bottom left;
		}
	*/
#connect {
width: 234px; height: 36px;
background: url('images/connect.gif') no-repeat;
background-position:top center;
padding-top: 32px;
margin: 0 0 0 12px;
float: left;
clear: both;
display: inline;
}
	#connect a {
	float: left;
	width: 112px; height: 28px;
	display: block;
	text-indent: -9999px;
	background-position: top left;
	}
		#connect a:hover {
		background-position: bottom left;
		}
		#connect a#connect-twitter {
		background-image: url('images/connect-twitter.gif');
		margin: 0 10px 0 0;
		}
		#connect a#connect-fb {
		background-image: url('images/connect-fb.gif');
		}
#magcover {
float: left;
clear: both;
display: inline;
margin: 0;
width: 234px;
}

/**** Various article styles ***/
.small {
font-size: .8em;
}
.info-box {
float: left;
background: #9ceeff;
color: #7c4c2a;
padding: 5px;
width:80%;
margin: auto 10px;
-moz-border-radius: 16px; -webkit-border-radius: 16px;
}
	.info-box ul li {
	}
		.info-box ul li strong {
		color: #00FFFF; font-size: 2.5em;
		font-family: Georgia, "Times New Roman", Times, serif;
		}
		.info-box sup {
		font-size: .5em;
		}
	.info-box h3 {
	font-size: 2.3em;
	color: #0EA6CF;
	}

.fashioncredits {
font-size: .8em;
	color:  #967D54; 
	margin-bottom: 20px;
}
#article {
overflow: hidden;
margin-bottom: 80px;
}
#article p {
font-family: Arial, Helvetica, sans-serif;
line-height: 140%;
}
	#article p.subheadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	margin: 0;
	}
	.byline, .credit  {
	font-size: .9em;
	color:  #967D54; /* tan text */
	font-family: Arial, Helvetica, sans-serif;
	}
		.byline span.byline-name {
		text-transform: uppercase;
		}
	.credit {
	margin: 0 auto 10px auto;
	font-size: .8em;
	color: #83704e;
	}
	
#article img {
border: 6px solid #d7c8ad;
}
	#article img.no-border {
	border: none!important;
	}
	#article .picture-column {
	float: left;
	width:300px;
	margin: 0 10px 10px 0;
	}
		#article .picture-column img {
		display: block;
		margin: 0 0 6px 0;
		max-width: 290px;
		}
		#article .picture-column p.credit img {
		margin: 0!important;
		}
		#article .picture-column img.float {
		display: inline!important;
		width: 136px;
		}
	.float-left {
	float: left;
	margin: 0 10px 10px 0;
	}
	.float-right {
	float: right;
	margin: 0 0px 10px 10px;
	}

	.no-float {
	float: none!important;
	}
	.margin0 {
	margin: 0!important;
	}
	
	
	
#article .quotebox, #article .infobox {
width: 27%;
padding: 12px;
background: url('images/pullquote.png') no-repeat #c8eaef;
border: 4px solid #d7c8ad;
float: right;
margin: 10px;
}
		#article .infobox {
		background-image: none;
		padding: 8px;
		width: 33%;
		}
#article .fashion-quotebox {
text-align: center;
}

	#article .quotebox p.quote, #article .fashion-quotebox p.quote {
	font-family: Futura, Century Gothic, sans serif;
	font-size: 1.5em;
	color:#321816;
	margin: 0;
	padding-left: 30px;
	letter-spacing: .05em;
	}
		#article .quotebox p.quote span { /* This is for making pretty curvy quotes */
		font-family: Garamond, "Garamond 3", Georgia, "Times New Roman", Times, serif!important;
		font-size: 1.6em;
		}
		#article .quotebox p.quote strong {
		color: #f0b806;
		font-weight: boldest;
		font-size: 1.8em;
		}
	#article .quotebox p.quote-author {
	font-family: Futura, "Century Gothic", sans serif;
	margin: 4px 0 0 0;
	font-size: 1em;
	font-style: italic;
	color: #b29c76;
	}
	
	#article .article-column {
	float: left;
	width: 40%;
	margin: 0 20px 0 0;
	}
	

#content ul {
margin: 0; padding: 0;
list-style-type: none;
}
	#content ul li {
	background: url('images/bullet.png') no-repeat;
	background-position: 0 4px;
	margin: 6px 0;
	padding: 0 0 0 10px;
	}
		#content ul li h2, #content ul li p {
		margin: 0;
		}
#content .indent {
margin: auto 30px;
}

table tr td, table tr th {
border: 1px solid #967D54;
}
table tr td {
background: #ffffff;
color: #6a5634;

}
table tr th {
background: #967D54;
color: #fff;
font-size: 1.2em;
}

	.readmore {
	width: 100%;
	border: 1px solid #fff;
	padding: 0;
	margin: 4px 0 4px 0;
	overflow: hidden;
	}
		.readmore .topbar {
		height: 4px; width: 100%;
		background: #BCE0F8; /* light light blue */
		}
		.readmore .title {
		width: 100%;
		height: 20px;
		padding: 0;
		background: #00A0D2; /* aqua blue */
		}
			.readmore .title h2 {
			color: #fff;
			font-size: 1.3em;
			font-family: AvantGarITCbyBTBol;
			margin: 0;
			font-weight: normal;
			text-indent: 4px;
			}
			.readmore ul#readmore-ul {
			}
			.readmore ul#readmore-ul li {
			display: block; float: left;
			width: 45%;
			text-indent: 0!important;
			margin: 10px;
			padding: 0px!important;
			background-image: none!important;
			border: 1px solid #D7C8AD;
			}
			.readmore ul#readmore-ul li a {
			display: block;
			padding: 4px;
			text-decoration: none;
			background-color: #ded3bd;
			}
			.readmore ul#readmore-ul  li a h3 {
			margin: 0; color: #00A0D2;
			}
			.readmore ul#readmore-ul li a p {
			margin: 0;
			color: #445377;
			}
				.readmore ul#readmore-ul li a:hover {
				background-color: #fde495;
				}

/**** Where to Buy styles ****/
	.wtb-column {
	width: 250px;
	float: left;
	margin: 0 20px;
	}


	/**** Subscribe Styles ****/

a.button {
display: block;
width: 130px;
padding: 10px;
border: 2px solid #fff;
background: #660835;
color: #ffffff;
font-weight: bold;
font-size: 1.4em;
text-decoration: none;
}
	a.button:visited {color: #fff!important;}
	a.button:hover {background-color: #311816;}

a.button p, a.button h3, a.button h4 {
text-align:center;
}
a.button h3 {
font-weight: bold;
font-size: 2.15em;
}
a.button h4 {
margin: 0;
font-size: 1.5em;
text-transform: uppercase;
}
a.button p {
font-weight: normal;
}
	#holiday-special-button {
	width: 80%;
	}
#subscribe-special-bottom {
}
#subscribe-special-bottom div {
float: left; width: 250px;
margin: 0 4px;
}


/***** About styles ********/
#about p {
margin: 0;
font-family: Arial, Helvetica, sans-serif;
}