@charset "UTF-8";
/* CSS Document */

/* reset inconsistent browser styles */
@import url(reset.css);
@import url(base.css);

/* include typography class */
@import url(typography.css);

body {
	background: #5ac8d7 url(../images/pagebg.jpg) top repeat-x;
	padding: 0;
	margin: 0;
	
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
}

/* header */
#header {
	background: url(../images/navbg.gif) bottom right repeat-x;
	position: relative;
	width: 925px;
	height: 130px;
	margin: 0 auto;
}

#header_icon {
	position: absolute;
	top: 0;
	left: 0;
}
#header_logo {
	position: absolute;
	top: 0;
	left: 180px;
	margin: 0;
	padding: 0;
}
#header_offer {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
}
/* main navigation */
ul#mainnav {
	position: absolute;
	z-index: 100;
	left: 200px;
	top: -22px;
	width: 725px;
	margin: 0;
	padding: 0;
	
	line-height: 1px;
	font-size: 1px;
	
}
ul#mainnav li {
	background: url(../images/menu/nav_break.gif) bottom left no-repeat;
	display: block;
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 0px;
	font-size: 0px;
}
ul#mainnav li.homeLink {
	background-image: none;
	padding-left: 0px;
}
ul#mainnav li#bloglink {
	position: absolute;
	top: 0;
	right: 0
}

/* content */
#content {
	position: relative;
	background: #fff url(../images/contentbg.gif) left repeat-y;
	width: 925px;
	margin: 0 auto;
	padding-bottom: 10px;
	
	/* min-height hack */
	height:auto !important; /* real browsers */
	height:500px; /* IE6: treated as min-height*/
	min-height:500px; /* real browsers */
}

/* left column */
#leftcol {
	float: left;
	padding: 20px;
	width: 160px;
	
	line-height: 14px;
	font-size: 10px;
}
#leftcol .alt {
	color: #1eb4cc;
}
#leftcol h3 {
	font-size: 14px;
	font-weight: normal;
	color: #1eb4cc;
}
.leftbanner {
	margin-top: 15px;
}
#leftcol a {
	color: #000;	
}
#leftcol .alt a {
	color: #1eb4cc;	
}
#leftcol * {
	font-size: 10px;	
}

/* center column */
#centercol {
	float: left;
	/*margin-left: 220px;*/
	margin-left: 20px;
	width: 405px;
	padding-top: 16px;
}

/* single column layout */
#maincol {
	float: left;
	/*margin-left: 220px;*/
	margin-left: 20px;
	width: 665px;
	padding-top: 16px;
}

/* right column */
#rightcol {
	/*position: absolute;
	z-index: 102px;
	right: 0;
	top: 313px;*/
	padding-top: 16px;
	
	float: right;
	width: 280px;
}

#rightcol #rightcolcontent {
	position: relative;
	padding-left: 10px;
	padding-right: 20px;
	font-size: 10px;
	border-left: 1px solid #1eb4cc;
	padding-bottom: 0px;
}

h3.rightcolheading {
	margin-top: 0;
	padding: 0;
	margin-bottom: 10px;
	
}

#rightcol #rightcolcontent * {
	font-size: 10px;	
}

p.followus {
	position: absolute;
	bottom: -4px;
	width: 249px;

	padding-top: 4px;
	color: #1eb4cc;	
	border-top: 1px solid #1eb4cc;
	font-size: 12px;
	margin-bottom: 0;
	padding-bottom: 0;
	

}
p.followus img {
	margin-top: 3px;
}


/* footer */
#footer {
	width: 925px;
	padding: 8px 0;
	margin: 0 auto;
	color: #ffffff;
	font-size: 10px;
	text-align: right;
}
#footer a {
	color: #ffffff;
	text-decoration: none;
}

/* other layout styles */
.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}

/* SEO & accessability */
.seo {
	display: none;	
}

/* page specific */
/* home */
#home_cover {
	position: absolute;
	top: -22px;
	right: -20px;
	width: 300px;
	height: 365px;
	background: url(../images/rightcolheadingbg.jpg) bottom left no-repeat;
}
#homebanner {
	background: url(../images/homebannerbg.jpg) top left no-repeat;
	position: absolute;
	left: 0;
	bottom: -30px;
	width: 605px;
	height: 150px;
	padding: 10px 20px;
	z-index: 99;
}
.home #leftcol {
	padding-bottom: 140px;	
}
.home #centercol {
	padding-bottom: 140px;	
}
.home #rightcol, .issue #rightcol, .subscribe #rightcol{
	padding-top: 0px;
	margin-top: 353px;
}
.home #rightcol #rightcolcontent {
	/* min-height hack */
	height:auto !important; /* real browsers */
	height:164px; /* IE6: treated as min-height*/
	min-height:164px; /* real browsers */
	
	padding-bottom: 56px;
}
.home h3.rightcolheading, .issue h3.rightcolheading, .subscribe h3.rightcolheading {
	position: absolute;
	z-index: 102px;
	top: 313px;
	right: 0;
	width: 279px;
}

/* This Issue */
#thisissuetop {
	/* min-height hack */
	height:auto !important; /* real browsers */
	height:300px; /* IE6: treated as min-height*/
	min-height:300px; /* real browsers */
}
.thisissuetable {
	width: 685px;
	overflow: hidden;
}

.thisissuerow {
	margin-top: 17px;
	padding-bottom: 17px;
	border-bottom: 1px solid #1eb4cc;
}
.thisissuetable .last {
	border-bottom: 1px solid #fff;
}
.thisissueleft {
	float: left;
	width: 405px;
}
.thisissueright {
	text-align: center;
	float: right;
	width: 260px;
}
.thisissueright img {
}

/* featured articles */
#featuredarticle {
	width: 445px;
	position: relative;
	left: -20px;
	background: url(../images/fabg.gif) center repeat-y;
}
#facontent {
	padding-top: 6px;
	padding-left: 40px;
	padding-right: 40px;
}
#fatop {
	text-align: center;
}
#fabottom {
	background: url(../images/fabottom.gif) center bottom no-repeat;
	height: 44px;
}
#rightcolbride {
	padding-top: 13px;	
}
.articles select {
	font-weight: normal;
	width: 260px;
}
.articles h3.rightcolheading {
	width: 280px;
	overflow: hidden;
}
#backissuearticles {
}
.articleholder * {
	font-size: 10px; 	
}
.articleholder {
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 20px;
}
.articleimg {
	text-align: center;
	padding-top: 10px;
}

.articlepdfholder {
	margin-top: 12px;
	color: #1eb4cc;	
	border-top: 1px solid #1eb4cc;
	font-size: 12px;
	margin-bottom: 0;
	padding-bottom: 0;
}
.articlepdf {
	margin-top: 0px;
	color: #000;
	font-size: 12px;
	margin-bottom: 0;
	padding-bottom: 0;
}

.typography .articlepdf a,
.typography .articlepdf a[href$=".pdf"],
.typography .articlepdf a[href$=".PDF"] {
	display: block;
	margin-top: 3px;
	font-size: 10px;
	padding: 14px 10px 14px 37px;
	color: #000;
	font-weight: bold;
	background: url(../images/img_pdf.gif) left center no-repeat;
}

/* directory */
#directoryhome {
	position: absolute;
	left: 220px;
	top: 140px;
	width: 685px;
	text-align: center;
}
#directoryhome .thisissuecentreimg {
	margin-right: 0px;	
	margin-left: 0px;
}
.directory select {
	font-weight: normal;
	width: 100%;
}
.directory #rightcol #rightcolcontent {
	border-left: 1px solid #fff;	
}
.directory .categoryimg {
	text-align: center;
	margin-top: 90px;
}

.picturelisting {
	border: 1px solid #000;
	width: 414px;
	font-size: 10px;
	margin-bottom: 10px;
	height: 135px;
	overflow: hidden;
}
.picturelisting p {
	margin: 0;	
	line-height: 12px;
}
.picturelistingleft {
	float: left;
	width: 257px;
	padding: 7px 10px;
}
.picturelistingright {
	margin-left: 278px;
	width: 135px;
	height: 135px;
	overflow: hidden;
	border-left: 1px solid #000;
	text-align: center;
}
.picturelistingright img {
	
}
.picturelisting a {
	color: #000;	
}

.boldlisting {
	border: 1px solid #000;
	width: 258px;
	overflow: hidden;
	padding: 7px 10px;
	font-size: 10px;
	margin-bottom: 10px;
}
.boldlisting p {
	margin: 0;
	line-height: 12px;
}
.boldlisting a {
	color: #000;	
}

.normallisting {
	width: 279px;
	overflow: hidden;
	font-size: 10px;
	margin-bottom: 10px;
}
.normallisting p {
	margin: 0;	
	line-height: 12px;
}
.normallisting a {
	color: #000;	
}

/* Two column */
.twocolumn #centercol {
	margin-top: 15px;
	padding-right: 19px;
	padding-top: 0px;
	border-right: 1px solid #1eb4cc;	
}
.twocolumn #rightcol #rightcolcontent {
	font-size: 12px;
	margin-top: -15px;
}
.twocolumn #rightcol #rightcolcontent * {
	font-size: 12px;
}
.twocolumn #rightcol #rightcolcontent *.small, .twocolumn #rightcol #rightcolcontent *.small * {
	font-size: 10px;	
}
.twocolumn #rightcol #rightcolcontent p.small {
	font-size: 10px;	
}
.twocolumn #rightcol #rightcolcontent h4.small {
	font-size: 10px;	
}
.twocolumn #rightcol #rightcolcontent h4 {
	margin-top: 15px;
}
.twocolumn #rightcol #rightcolcontent {
	padding-left: 14px;	
	font-size: 12px;
	margin-left: -1px;
}
.twocolumn #content {
	padding-bottom: 20px;
}

/* comments */
#PageComments_holder {
	margin-top: 20px;	
}
#PageComments_holder form {
	margin-bottom: 20px;	
}

a.commentrss {
	background: url(../images/share/rss.png) no-repeat left center;
	padding: 3px 0 3px 25px;
	font-size: 10px;
}

#CommentHolder {
	padding-bottom: 20px;	
}
#CommentHolder ul {
	margin: 0;
	padding: 0;
}
#CommentHolder ul li {
	margin: 0;
	padding: 10px;
	list-style-type: none;
	margin-top: 10px;
	border: 1px solid #1eb4cc;
}
#CommentHolder ul li ul li {
	padding: 0;
	margin: 0;
	border-width: 0;
}
#CommentHolder .odd {
	background-color: #e0f0f4;
}
.info {
	font-size: 10px;	
}