@import url("reset.css");
@import url("subscriptions.css");

/* ========== */
/* = GLOBAL = */
/* ========== */
body{
	background:url('/images/bg-body.jpg') 50% 0 no-repeat fixed;
	overflow:visible;
	color:#000;
	text-align:center;
	font-size: 76%;
	font-family:"Calibri",arial,sans-serif; 
}

/* ============== */
/* = TYPOGRAPHY = */
/* ============== */
a{
	text-decoration:none;
	color:#6e6e6e;
}
p{margin-bottom:1em;}
h1, h2, h3{
	font-weight:bold;
	color:#745988;
}
h1{
	font-size:24px;
	padding:2px 0 3px 0;
}
.block h1 {
	padding-top:5px;
}
h2{
	clear:both;
	font-size:20px;
	text-align:center;
	background:url('/images/bg-h2-block.jpg') no-repeat;
	padding:13px 0 5px 0;
	margin:0;
}
#links h2 {
	background:url('/images/bg-h2-block-links.jpg') no-repeat;
	padding:5px 0 3px 0;
}
h2.left{
	background:none;
	text-align:left;
}
h3{
	font-size:14px;
	margin:10px 0 5px 0;
}
h3.right {
	text-align:right;
	margin-bottom:20px;
}
	.subpage h2.first, #links h2.first{
		background:url('/images/bg-h2-block-first.jpg') no-repeat;
		padding:4px 0 9px 0;
		margin:0;
	}
	#extras h2.first,#shop_savvy h2.first{padding-bottom:4px;}
.subpage h1 {
	margin-left:13px;
	margin-top:0px;
}
.subpage h1 span.issue{
	display:block;
	position:absolute;
	top:170px;
	left:220px;
	height:76px;
	width:77px;
	text-align:center;
	background:url('/images/bg-issue.png') no-repeat;
	color:#fff;
	font-size:38px;
	padding: 32px 0;
}
div.block ol{
	list-style-type:decimal;
	margin: 0 0 20px 19px;
}
.subpage #content p{
	padding-bottom:.5em;
}
div#header a.home{
	display:block;
	width:250px;
	height:100px;
	margin-top:48px;
	float:left;
}
div#content p, div#content ol, div#content ul{
	line-height:1.2em;
	font-size:14px;
	color:#6e6e6e;
}
#content a.read_rest, #content a.download{
	text-transform:uppercase;
	display:block;
	text-align:right;
	color:#5f5c81;
	font-size:12px;
	font-weight:bold;
}
#content a.download{
	padding:15px 50px 15px 0;
	margin:10px 0 0 0;
	background:url('/images/icon-pdf.png') 100% 50% no-repeat;
}
#content a.reader{
	display:block;
	width:112px;
	height:33px;
	float:right;
	background:url('/images/icon-reader.gif') no-repeat;
}
img.right{
	float:right !important;
	margin-right:30px !important;
}
#extras div.congrats {
	width:172px;
	height:172px;
	background:url('/images/congratulations.png') no-repeat;
	float:right;
	padding-right:30px;
	margin-top:20px;
}
#extras div.congrats p {
	text-align:center;
	color:#fff;
	padding-top:75px;
}
div#content ul.bullets{
	margin:20px 0 10px 15px;
	list-style-type:disc;
	color:#745988;
	font-weight:bold;
}
#advertise h3 {
	font-size:20px;
	border-bottom:1px solid #745988;
	padding:100px 0 5px 0;
	margin:0 0 10px 300px;
}
#advertising_placements{
	background:url('/images/bg-advertising_placements.gif') no-repeat;
	width:508px;
	height:340px;
	padding-top:50px;
}
#advertise #advertising_placements p{
	padding:0;
	margin:0;
/*	line-height:1;*/
}
#advertise #advertising_placements p.strong{
	font-size:20px;
	font-weight:bold;
	color:#745988;
	padding-top:20px;
}
/* ============== */
/* = CONTAINERS = */
/* ============== */
#container{
	margin:0 auto;
	width:984px;
	text-align:left;
	position:relative;
}
#container #tl {
	position:absolute;
	left:-26px;
	width:26px;
	height:168px;
	background:url('/images/bg-body-top_left.jpg') no-repeat;
}
#header{
	height:148px;
	width:100%;
	background:url("/images/bg-container.jpg") no-repeat;
}
#banner{
	width:100%;
	height:286px;
}
div#wrapper{
	float:left;
	width:100%
}
#navigation{
	height:30px;
	width:984px;
	background:url('/images/bg-nav.jpg') no-repeat;
	position:relative;
}
#home #navigation{height:40px;}
#navigation ul {
	list-style-type:none;
	width:984px;
	height:35px;
	background:url('/images/bg-nav_items.gif') 50% 50% no-repeat;
	z-index:100;
	position:absolute;
}
#home #navigation ul{height:40px;}
#navigation ul li a {
	display:block;
	float:left;
	font-size:14px;
	line-height:40px;
	padding: 0 13px;
}
#navigation ul li a span {
	visibility:hidden;
}
#navigation ul li a.gap{
	margin-right:165px;
}
#navigation ul li a.first{
	margin-left:15px;
}
#navigation_highlight{
	position:absolute;
	width:984px;
	height:40px;
	z-index:1000;
	top:0;
}
div#content{
	margin: 0 300px 0 160px;
	background:url('/images/bg-content.jpg') repeat-x;
	min-height:700px;
}
div#content .block, table.links{
	width:505px;
	height:185px;
	margin:0 11px 0 8px;
	background:url('/images/bg-content-block.jpg') no-repeat;
}
div#content table.links{
	height:auto;
}
.subpage div#content .block{
	position:relative;
	height:auto;
}
div#content div.first{
	background:url('/images/bg-content-block-first.jpg') no-repeat;
}
.subpage div#content .block{
	background:url('/images/bg-content-block-subpage.jpg') no-repeat;
}
.subpage div#content div.first{
	background:url('/images/bg-content-block-first-subpage.jpg') no-repeat;
	padding-top:1px;
}
	#savvy_beauty div#content div.first, #advertise div#content div.first, #links div#content div.first{
		margin-top:-5px;
	}
#advertise div.block p:first-child{
	padding-top:10px;
}
#content div.pad{
	height:9px;
	clear:both;
	background:url('/images/bg-clear.jpg') no-repeat;
}
div#content .block p{
	margin:0;
} 
div#content .block img {
	float:left;
	margin:2px 8px 0 0;
}
	.subpage div#content .block img{margin-top:1px;}
	
div#sidebar-left{
	float:left;
	width:160px;
	margin-left:-984px
}
div#sidebar-right{
	float:left;
	width:300px;
	margin-left:-300px
}
#sidebar-right #get_savvy{
	height:188px;
	width:100%;
	padding-top:10px;
	background:url('/images/bg-get_savvy.jpg') no-repeat;
}
#home #sidebar-right #get_savvy{padding-top:0;background:url('/images/bg-get_savvy-home.jpg') 100% 0 no-repeat;}
#get_savvy ul.options{
	width:150px;
	float:right;
	margin-top:52px;
}
#get_savvy ul.options a{
	display:block;
	height:14px;
	margin:3px 0;
}
#get_savvy ul.social{
	clear:right;
	float:right;
	margin-top:10px;
	width:157px;
}
#get_savvy ul.social li{
	float:left;
}
#get_savvy ul.social a{	margin-left:12px;}
#get_savvy ul.social li.first a{margin:0;}

div.skyscraper{
/*	background-color:#ffccee;
	width:160px;
	height:600px;*/
}
div.medium_rectangle{
/*	background-color:#ffccee;
	width:300px;
	height:250px;*/
}
div.leaderboard{
/*	background-color:#ffccee;*/
	width:728px;
	height:90px;
	float:right;
	margin-top:49px;
}
div.facebook{
	width:300px;
	height:250px;
	float:right;
	margin-top:15px;
}
div#footer{
	clear:left;
	width:100%;
	min-height:50px;
	padding:15px 0 0 0;
	margin:25px 0;
	background:url('/images/footer.jpg') no-repeat;
	color:#666;
	text-align:center;
}
/*table.links{
	display:none;
}
*/
table td{
	vertical-align:middle;
}

/* ================= */
/* = FORM ELEMENTS = */
/* ================= */
form#stay_in_touch{
	width:160px;
	height:121px;
	background:url('/images/bg-stay_in_touch.jpg') no-repeat;
	padding:10px 0 15px 0;
}
#home form#stay_in_touch{
	padding-top:0;
	background:url('/images/bg-stay_in_touch-home.jpg') no-repeat;
}
form#stay_in_touch input.email{
	margin:68px 0 0 0;
	width:155px;
	background-color:#d8d6e9;
	border:none;
	padding:2px 0 2px 5px;
	color:#b6b3d6;
	text-align:center;
}
#stay_in_touch input.submit{
	margin:10px 0 0 106px;
	width:auto;
}
form#giveaways{
	padding-top:20px;
}
form input{
	border:1px solid #7b628e;
	width:180px;
}
form label{
	text-align:right;
	display:inline-block;
	width:75px;
	margin-right:5px;
}
/* =========== */
/* = HELPERS = */
/* =========== */
div.clear{
	clear:both;
}
div#right_col{
	position:absolute; 
	right:65px;
	bottom:90px
}

/* ================= */
/* = SUBSCRIPTIONS = */
/* ================= */

/* h2{
	font-size:18px;
	font-weight:normal;
	color:#745988;
	padding:5px 0 5px 0;
	text-align:center;
}*/
#subscribe h2.first{
	margin-bottom:0 !important;
	padding-bottom:3px;
}
#subscribe h3{
	font-size:14px;
	font-weight:normal;
	color:#745988;
	padding:5px 0 5px 5px;
	margin:0 !important;
}
strong{
	color:#5F5C81;
	font-weight:bold;
}
.add{
	font-size:11px;
	text-align:right;
	padding:0 5px 0 0;
}
TD.subscr{
	font-size:10px;
	padding:5px 0 5px 2px;
	color:#745988;
}
TD.issue{
	padding:2px;
	width:55px;
}
input{
	border: #745988 1px solid;
	height:15px;
	margin:5px 0;
	font-size:10px;
}
input.text{
	width:180px;
}
input.short{
	width:40px;
}
input.med{
	width:73px;
}
.note{
	font-size:11px;
	line-height:14px;
}
table{
	padding:5px;
}
#subscribe table{padding-top:8px !important;}
span.checkbox {
	width: 12px;
	height: 15px;
	padding: 0;
	margin-top:-2px;
	background:url('/images/checkbox.gif') no-repeat;
	display: block;
	clear: left;
	float: left;
}
.scroll{
	background:url('/images/bg-content-block-scroll.jpg') no-repeat;
}
.fade{
	background:url('/images/bg-content-block-fadetowhit.jpg') no-repeat;
/*	padding-left:8px;*/
}
#subscribe .fade p {
	margin:0 0 0 8px;
}
A:hover {
	color: #000;
	text-decoration: underline;
}
/* For the Links page */
img.featured{
	border:1px solid #888;
}
TD.links{
	vertical-align:top;
}
table.links{
	width:510px;
}

/* For the Footer */