@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; }
#featured-article p {  color: #414141; text-indent:10px; padding:0; margin:0 0 10px 0;}
.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;}

/*------------------------------------------------*/
/*------------------[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: 350px; overflow: hidden; padding: 15px; margin-right: 13px; margin-bottom: 10px; 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]--------------*/
/*------------------------------------------------*/
.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; height: 212px; padding: 2px; float: left; margin-right:20px; }
.artical-div-wrapper { float: left; margin:0px 0px 30px 0px; display:block; clear:both; width:560px; }
* html .artical-div-wrapper { float: left; margin:0px 0px 15px 0px; clear:both; width:560px; }
.artical-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; }


.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 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; }



/*------------------------------------------------*/
/*---------------------[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 {
	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; }



.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; }