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

body {
	margin: 0;
	background-color: #FC0;
	font-family: Arial, Helvetica, sans-serif;
	min-width:1000px;
	color: #A1A1A1;
	font-size: 12px;
	line-height: 18px;
}


/*------------------------------------------------*/
/*------------------[BASE STYLES]-----------------*/
/*------------------------------------------------*/
a:link, a:visited {
	text-decoration: none;
	color:#0066FF;
}
a:hover  { color: #3B3B3B; }
a  { outline: none; }
h1 {
	margin: 0px 0px 10px 0px;
	font-weight: normal;
	font-size: 22px;
}
h2 {
	margin: 0px 0px 10px 0px;
	font-weight: normal;
	font-size: 20px;
}
h3 {
	margin: 0px 0px 10px 0px;
	font-weight: normal;
	font-size: 17px;
}
.left, .alignleft  { float:left; }
.right, .alignright  { float:right; }
.caption {
	font-family: Arial, Helvetica, sans-serif;
	color:#30393d;
	font-size: 12px;
	line-height: 18px;
	font-style:italic;
	float:left;
	width:550px;
}
.caption2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#30393d;
	font-size: 12px;
	line-height: 18px;
	font-style:italic;
	float:left;
	width:150px;
	text-align:center;
}
.caption3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#30393d;
	font-size: 12px;
	line-height: 18px;
	font-style:italic;
	width:115px;
	text-align:left;
}


/*------------------------------------------------*/
/*------------------[MAIN LAYOUT]-----------------*/
/*------------------------------------------------*/
#container {
	clear: both;
	width: 950px;
	margin: 0 auto 10px auto;
	overflow: hidden;
	z-index:100;
	position:relative;
}
#innercontainer {
	float: right;
	width: 930px;
	color: #8C8C8C;
	background-color: #EAEAEA;
	padding-bottom: 20px;
}
#bottomcontainer {
	width: 930px;
	color: #8C8C8C;
	background-color:#414141;
	padding-bottom: 20px;
	margin:0 auto;
}
#innercontainer2 {
	width: 650px;
	float: left;
	margin-top: 20px;
}
#innercontent{	margin:0 auto;
	width:930px;
	background:#fff;
	border-top:8px solid #FC0;
}
#left-div {
	float: left;
	padding: 0px 0px 0px 20px;
}
.thumbnail-div {
	padding: 2px;
	border: 1px solid #E4E4E4;
	width: 263px;
	height: 150px;
}
.articleinfo {
	border-bottom: 4px solid #EEEEEE;
	padding-bottom: 7px;
}
#inner {
	background-image: url('../images/shadow-bk9.png');
	background-repeat: repeat-y;
}
.home-post-wrap {
	width: 270px;
	height: 340px;
	overflow: hidden;
	padding: 15px;
	margin-right: 13px;
	margin-bottom: 15px;
	float: left;
	background-color: #FFF;
	border: 1px solid #D6D6D6;
}
* html .home-post-wrap { margin-right: 6px; }
.readmore {
	background-image: url(../images/read-more.gif);
	background-repeat: no-repeat;
	background-position: right;
	float: right;
	padding-right: 20px;
}
.readmore a:link, .readmore a:hover { color: #393939; }


/*------------------------------------------------*/
/*---------------[FEATURED ARTICLES]--------------*/
/*------------------------------------------------*/
#featured-article p {
	 color: #414141;
	text-indent:10px;
	padding:0;
	margin:0 0 10px 0;
}
.titles-featured a, .titles-featured a:hover, .titles-featured {
	font-size: 30px;
	margin-bottom: 10px;
	display: block;
	line-height: 30px;
	margin-top: 0px;
}
.thumbnail-div-featured {
	border: 1px solid #E4E4E4;
	width: 380px;
	padding: 2px;
	float: left;
	margin-right:20px;
}
.article-div-wrapper {
	float: left;
	margin:0px 0px 30px 0px;
	display:block;
	clear:both;
	width:560px;
}
* html .article-div-wrapper {
	float: left;
	margin:0px 0px 15px 0px;
	clear:both;
	width:560px;
}
.article-div-featured {
	border: 1px solid #E4E4E4;
	padding: 2px;
	float: left;
	margin:0 0px 10px 0px;
}
.headshot-featured-wrapper {
	float: left;
	margin:0px 30px 20px 0px;
	display:block;
	width:155px;
}
* html .headshot-featured-wrapper	{
	float: left;
	margin:0px 15px 10px 0px;
	 width:160px;
}
.headshot-div-featured	{
	border: 1px solid #E4E4E4;
	padding: 2px;
	float: left;
	margin:0 0px 10px 0px;
}


.image-featured-left {
	float: left;
	margin: 0px 30px 20px 0px;
	display: block;
	width: 155px;
}
* html .image-featured-left	{
	margin: 0px 15px 10px 0px;
	width: 160px;
}
.image-featured-right {
	float: right;
	margin: 2px 0px 20px 20px;
	display:block;
	width: 160px;
}
.image-div-featured 	{
	border: 1px solid #E4E4E4;
	padding: 2px;
	float: left;
	margin: 0 0px 10px 0px;
}


/*---------------[Q & A]--------------*/
#featured-article img.interview_q {
	float: left;
	padding: 2px 8px 2px 0;
}
#featured-article img.interview_a {
	float: left;
	padding: 6px 8px 0 0;
}
#featured-article h2.interview_q {
	background: url("../images/interview_q.gif") no-repeat 0 1px transparent;
	border: medium none;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
	margin: 0;
	padding: 4px 0 15px 38px;
	text-indent: 0;
	width: auto;
}
#featured-article p.interview_a {
	padding: 10px 0 15px 0;
	text-indent: 0px;
}
#featured-article p.interview_a:before {
	content: url("../images/interview_a.gif");
	float: left;
	display: block;
	margin: 5px 8px 0 0;
	padding: 0px;
}

/* Interview: 'Garamond' styling */
#featured-article h2.interview_q_garamond {
	border: none;
	color: #A41E11;
	font-family: Georgia, Times New Roman, Serif;
	font-size: 18px;
	width: 515px;
	padding-bottom: 0px;
}
#featured-article h2.interview_q_garamond:before {
	content: url("../images/interview_q_garamond.gif");
	float: left;
	display: block;
	margin: 0px 8px 0 0;
	padding: 0px;
}
#featured-article .interview_a_garamond, .interview_break {
	border-bottom: 1px dotted #ddd;
	margin-bottom: 25px;
	padding-bottom: 15px;
}
#featured-article .interview_a_garamond p { font-size: 13px; }
#featured-article .interview_a_garamond ul {
	color: #666666;
	list-style-type: square;
	margin-top: 15px;
}
#featured-article .interview_a_garamond blockquote {
	color: #551616;
	background: #fcfcfc;
	border: 1px solid #eee;
	font-family: Tahoma, Helvetica, Sans-serif;
	margin-left: 10px;
	padding: 6px;
}
#featured-article .interview_a_garamond p.first-child {
	text-indent: 0px;
	padding-top: 15px;
}
#featured-article .interview_a_garamond:before {
	content: url("../images/interview_a_garamond.gif");
	float: left;
	display: block;
	margin: 8px 8px 0 0;
	padding: 0;
}
/* --------------------------- */


.featured {
	background-color: #FFF;
	padding: 10px;
	width: 593px;
	border: 1px solid #D6D6D6;
	float: left;
	margin: 0px 0px 20px 0;
	clear:left;
}
#featured-content {
	width: 180px;
	float:left;
}
#featured-article {
	width: 560px;
	margin:0;
	padding:20px;
}
.featured h3 {
	color:#30393d;
	font:bold 2.50em Arial, sans-serif;
	margin:0;
	line-height:1em;
}
.featured h3 a:link, .featured h3 a:active, .featured h3 a:visited  { color:#30393d; }
.featured h3 a:hover { color:#0066FF; }
.featured h3.feature-title {
	border-bottom:4px solid #929698;
	height:auto;
	margin:0 0px 20px 0;
	padding:0px 0 20px 0px;
	width:100%;
	text-shadow:0 1px 0 #fff;
}
.featured h3 div.sub-title, .featured h3 span.sub-title {
	font-size: 16px;
	font-family: Helvetica, Tahoma, Sans-serif;
	font-style: italic;
	line-height: 20px;
	padding-top: 6px;
	color: #3A454A;
}
.featured h2 {
	color:#30393d;
	font:normal 2em Arial, sans-serif;
	line-height:1em;
	border-bottom:4px solid #929698;
	 margin:0 0px 20px 0px;
	padding:0px 0 20px 0px;
	width:100%;
	 text-shadow:0 1px 0 #fff;
}
.credit {
	color:#81888d;
	font:0.92em Georgia, "Times New Roman", Times, serif;
	text-align:right;
	line-height: 1.4em;
	position:absolute;
	right:50px;
	width:300px;
	display: inline;
}
.credit span {
	display:block;
	font-size:1.18em;
	margin:10px 0 0 0;
}


/* A CSS comment before the hack \*/
* html .credit span  { margin:20px 0 0 0; }
.credit span {
*margin:20px 0 0 0;
}

/* Another CSS comment after the hack */
.credit span a:link, .credit span a:active, .credit span a:visited {
	color:#1e1c1a;
	text-decoration:none;
	text-transform:capitalize;
}
.credit span a:hover  { color:#9c2115; }
.comment-count {
	background:#9c2115;
	display:block;
	height:auto;
	right:20px;
	margin:0;
	padding:0;
	position:absolute;
	overflow:visible;
	text-align:center;
}
.comment-tail {
	background: transparent url(../images/tail.png) no-repeat 0 0;
	position:absolute;
	bottom:-10px;
	right:1px;
	height: 10px;
	width:10px;
}

.comment-count  { margin-top: 10px; }
.comment-count a:link, .comment-count a:active, .comment-count a:visited {
	color:#FFF;
	display:block;
	font:bold 1.6em Arial, sans-serif;
	margin:0;
	padding:5px 30px;text-shadow:0 1px 0 #333;font-style:italic;
}
.comment-count a:hover  { background:#232323; }


/*------------------------------------------------*/
/*-------------------[SIDEBAR]--------------------*/
/*------------------------------------------------*/
#sidebar-wrapper {
	width: 253px;
	float: left;
	margin: 20px 0 0 20px;
}
* html #sidebar-wrapper {
	width: 253px;
	float: left;
	margin: 20px 0 0 10px;
}
#sidebar {
	float: left;
	padding-left: 13px;
	padding-right: 13px;
	width: 227px;
	background-color: #FFF;
	border: 1px solid #D6D6D6;
	padding-bottom: 20px;
	padding-top: 10px;
}
.sidebar-box {
	padding-top: 5px;
	margin-bottom: 0px;
}

/* .sidebar-box ul li .current-cat a:link { } */
.sidebar-box ul li a:link, .sidebar-box ul li a:visited, .sidebar-box ul li a:active {
	display: block !important;
	color: #8C8C8C !important;
	width: 100% !important;
	padding: 3px 3px 3px 3px !important;
	background-image: none !important;
	background-color: #FFF;
}
.sidebar-box ul li {
	background-image: none !important;
	background-color: #FFF !important;
	color: #848484 !important;
}
.sidebar-box ul li:hover, .sidebar-box ul li a:hover {
	background-image: none !important;
	background-color: #FFF !important;
}
.sidebar-box ul li a:hover {
	width: 100%;
	display: block;
	color: #393939;
	padding: 3px 3px 3px 3px;
}
.sidebar-box h2 {
	margin-top: 5px;
	font-size: 15px;
	color: #002663;
	padding-top: 4px;
	font-weight: bold;
	padding-bottom: 4px;
	text-transform: none;
	margin-left: 0px;
}
.sidebar-box hr { margin-bottom: 15px; }


/*------------------------------------------------*/
/*---------------------[TITLES]-------------------*/
/*------------------------------------------------*/
.titles {
	line-height: 20px;
	font-size: 24px;
	margin-top: 0px;
}
.titles {
	font-weight: normal;
	font-size: 24px;
	text-decoration: none;
}
.titles a:link, .titles a:visited, .titles a:active {
	text-decoration: none;
	font-size: 20px;
	font-weight: normal;
	font-family: Arial, sans-serif;
	margin-bottom: 10px;
	display: block;
}
.toptitle {
	font-size: 20px;
	color: #D52300;
	margin-left: 15px;
	display: block;
	margin-top: 15px;
	margin-bottom: 10px;
}
.toptitle2 {
	font-size: 24px;
	color: #FFF;
	display: block;
	margin-top: 15px;
	margin-bottom: 10px;
}


.background-hm {
	position: absolute;
	width: 100%;
	height: 479px;
	z-index: 50;
}
.background {
	position: absolute;
	width: 100%;
	height: 225px;
	z-index: 50;
}
#images {
	position: absolute;
	top: 535px;
	width: 100%;
	height: 170px;
	overflow: hidden;
	z-index: 75;
	background-image:url(../images/imageStrip2.jpg);
	background-repeat:repeat-x;
}

#header {
	margin:0;
	 padding:10px 0 20px 0;
}

#header p.ISSN {
	padding: 10px 0 0 0;
	color: #FFF;
	font-size: 13px;
	font-weight: normal;
	letter-spacing:1px;
	line-height:18px;
	margin:0;
}
#archive{
	margin:0 auto;
	width:930px;
	background-color: #FC0;
	line-height:12px;
	padding:0;
}


/*------------------------------------------------*/
/*---------------------[SLIDESHOW]----------------*/
/*------------------------------------------------*/
#intro{
	position:relative;
	background:#000;
}

#intro ul, #intro li{
	margin:0;
	padding:0;
	list-style:none;
}
#intro div{
	height:241px;
	width:930px;
	margin-left:5px;
	overflow:hidden;
	position:relative;
	margin: 0 auto;
}
#intro ul { height:241px; }
#intro li{
	float:left;
	display:inline;
	height:241px;
	width:930px;
}
#intro span{
	display:block;
	width:117px;
	height:241px;
	position:absolute;
	left:0px;
	top:0px;
}

#intro span.next { left:813px; }
#intro span a{
	display:block;
	width:117px;
	height:241px;
	background:url(../images/slides/btn_prev.png) no-repeat 0 0;
}
#intro span.next a { background:url(../images/slides/btn_next.png) no-repeat 0 0; }
	 /* image replacement */
#intro span, #preview h1, #preview span{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
	}
	/* // image replacement */
	/* clearfix */
#content:after, ul:after, .fixed:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#content, ul, .fixed { display:block; }
/*	\*/
#content, ul, .fixed { min-height:1%; }
* html #content, * html ul, * html .fixed { height:1%; }
/* // clearfix */

h2, h3, h4 {
	margin: 0;
	padding: 0;
}
.floatLeft  { float: left; }
.floatRight  { float: right; }
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
.subscribetoday {
	position: absolute;
	top: 32px;
	right: 20px;
}
.subscribetoday2 {
	position: absolute;
	top: 32px;
	right: 20px;
	width:184px;
}
.ribbonGraphic {
	position: relative;
	width:800px;
	text-align:right;
}
.layer1 {
	width:100%;
	margin:0px auto;
	position:relative;
	 z-index:3500;
}
.layer1wrapper {
	width:460px;
	position:absolute;
	right:0;
	z-index:3500;
}
#highlight  { clear: left; }
#highlight p {
	color: #FFF;
	font-size: 13px;
	line-height: 17px;
	padding: 0 0 5px 0;
	text-indent: 12px;
}
#highlight .magazine {
	float: left;
	padding: 0 10px 0 0;
}


/*------------------------------------------------*/
/*---------------------[CONTENTS]-----------------*/
/*------------------------------------------------*/
#contents {
	margin-top: 15px;
	width:700px;
	float: left;
	clear: left;
	background-color: #FC0;
}
#contents .heading {
	height: 24px;
	width: 666px;
	padding: 7px 0 0 0;
	margin: 0 0 15px 0;
	float: left;
	background-image: url(../images/blueRoundBg.png);
	color:#FFF;
	letter-spacing: 10px;
	font-weight:bold;
}
#contents .issue {
 border-bottom: 1px solid #666;
 padding:20px;
}
#contents .issue p {
	font-size: 12px;
	color: #000;
	line-height: 20px;
	padding: 0 0px 20px 0px;
}
#contents .issue h1 {
	font-size: 16px;
	color: #000;
	line-height: 20px;
	padding: 0px;
}

#contents ul {
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
#contents li {
	padding: 0 35px 10px 0;
	font-size: 12px;
}
#contents li a {
	color: #006;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#contents li a:hover, #contents li a.selected  { color: #FFF; }
#contents #column2 {
	width: 266px;
	float: left;
	border-left: 2px solid #FFF;
}
#contents #credits p {
	font-size: 12px;
	color: #000;
	line-height: 20px;
	padding: 20px;
}
#contents a {
	color: #006;
	font-weight: bold;
	text-decoration: none;
}
#contents a:hover, #contents a.selected  { color: #FFF; }


/*------------------------------------------------*/
/*---------------[TABLE OF CONTENTS]--------------*/
/*------------------------------------------------*/

ol.toc_section {
	list-style-type: decimal-leading-zero;
	padding-left: 25px;
	margin-top: 0px;
	margin-bottom: 25px;
}
ol.toc_sub_section {
	list-style-type: circle;
	padding-left: 15px;
}
h3.toc_section_title {
	border-left: 1px dotted #afafaf;
	border-bottom: 1px dotted #afafaf;
	color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 4px;
	padding: 0 0 2px 4px;
	text-transform: uppercase;
}


.button a {
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	float: left;
}
.leftEnd {
	float: left;
	clear: none;
}
.rightEnd {
	float: left;
	clear: none;
}
.button a.subscribe {
	color:#333;
	background-image: url(../images/yellowRoundBg.png);
	height: 19px;
	padding: 2px 38px 1px 38px;
}
.button a.click {
	color:#333;
	background-image: url(../images/yellowRoundBg.png);
	height: 19px;
	padding: 2px 10px 1px 10px;
}
.button a.contactUs {
	color:#FFF;
	background-image: url(../images/smallBlueRoundBg.png);
	height: 19px;
	padding: 2px 0 1px 0;
}
.contact  { margin-left: 40px; }
.buttonsurvey a {
	font-weight: bold;
	text-decoration: none;
	font-size: 18px;
	float: left;
}
.buttonsurvey a.subscribe {
	color:#333;
	background-image: url(../images/yellowRoundBg.png);
	height: 19px;
	padding: 2px 20px 1px 20px;
}
.buttonsurvey a.click {
	color:#333;
	background-image: url(../images/yellowRoundBg.png);
	height: 19px;
	padding: 2px 10px 1px 10px;
}
.buttonsurvey a.contactUs {
	color:#FFF;
	background-image: url(../images/smallBlueRoundBg.png);
	height: 19px;
	padding: 2px 0 1px 0;
}

/*------------------------------------------------*/
/*----------------[STYLE OVERRIDES]---------------*/
/*------------------------------------------------*/
.no-indent, #featured-article p.no-indent { text-indent: 0px; }


/* And the beast shall be made legion. Its numbers shall be increased a thousand thousand fold.
   The din of a million keyboards like unto a great storm shall cover the earth, and the followers of Mammon shall tremble. */