@charset "utf-8";

/* CSS Document */



.hidden{

	display: none;

}



.padded{

	padding: 0 20px;

}



body {

	/*font: .75em "Lucida Sans Unicode", "Lucida Grande", sans-serif;*/

	font: .75em Arial, Helvetica, sans-serif;

	margin: 31px 0;

	color: #333;

	background: #efa550 url(images/bg-tile.jpg) repeat-x;

}



h1 {

	color: #4d85be;

	padding: 0; margin: 0;

}


h1 small {
	color: #000;
	font-size: .95em;
	display: block;
}


h2, h3 {color: #000}



p {

	text-align: justify;

	}



A {

	color: #5e9fe1;

}



A:hover {

	color: #2381e0;

}



/**********************************************************/



	ul#about{

		margin: 0; padding: 0;

		font-size: .75em;

		color: #000;

		font-weight: normal;

		list-style-type: none;

	}



	ul#about li:last-child{

		font-style: italic;

	}



/*	Image Control

*********************************************************/





.imagefloatleft {

	float: left;

	margin-right: 10px;

	margin-bottom: 10px;

}



.imagefloatright {

	float: right;

	margin-left: 10px;

	margin-bottom: 10px;

}



.imagefloatcenter {

	clear:both;

	margin: 0 auto;

}



.articlefooter{

	font-size: .8em;

	border-top: solid 2px #333;

	padding: 10px 10px;

}

		.articlefooter #references{

			width: 65%;

			float: left;	

		}

		

		.articlefooter #correspondent{

			width: 35%;

			float: left;	

	

		}

			

		.articlefooter h1{

			font-size: 1.2em;

		}

		

.imagecaptionwrapper img{

	float: right;

}

.imagecaptionwrapper p{

	font-size: .85em;

}



.imagecaptionwrapper img{

}



/*

	table{

		font-size: .85em;

		width: 525px;

		margin: 0 auto;

	}

	

	table.indent{

		padding-left: 10px;

	}

*/





/* Table of Contents

*********************************************************/



#toc{

	font-size: 1em;

	list-style-type:none;

	padding: 0; margin: 0;

	color: #333;

	/*width: 450px;*/

}



		#toc li{

			padding-bottom: 20px;

		}

		

		#toc li a{

			color: #000;

			text-decoration: none;

		}

		

		#toc li a:hover{

			color: #5e9fe1;

			text-decoration: none;

		}

		

		#toc li a:visited{

			color: #000;

			text-decoration: none;

		}

		

		#toc h1, #toc h2{

			font-size: 1em;

			padding: 0; margin: 0;

		}

		

		#toc h1{

			font-size: 1.5em;

			color: #000;

			border-bottom: solid 2px #ccc;

		}

		

		#toc p{

			padding: 0 25px 0 0;

		}

		

		#toc h2{

			color: #4d85be;

			font-size: 1em;	

			font-weight:normal;

		}



		/* authors */

		#toc li h1 + p {

		}

		

		/* article overview */

		#toc li h1 + p + p{

		}

		

		/* buttons */

		#toc li h1 + p + p + p {

		}

		

		#toc li{

			clear: both

		}



/*********************************************************/



#subheader{

	background-color: #000;

	color: #FFF;

	height: 20px;

	margin-bottom: 15px;

}



		#subheader ul{

			padding: 2px 10px;

			list-style-type: none;

		}





/**********************************************************/



#pagewrapper {

	margin: 0 auto;

	width: 853px;

	height: 678px;

}



#header {

	background: url(images/bg-header.jpg) no-repeat;

	width: 853px;

	height: 65px;

}



#navi {

	background: url(images/bg-navi.jpg) no-repeat;

	width: 853px;

	height: 32px;

}



		#navi #navimenu{

			width: 853px;

			height: 32px;

			abackground: url(images/navi-sprite.jpg) no-repeat;

			list-style-type: none;

			padding: 0; margin: 0;

		}



		#navi #navimenu #navispacer{

			width: 199px;

		}

		

		#navi #navimenu li{

			float: left;

			display: block;

			position: relative;

			/*z-index:500;  */

		}



		#navi #navimenu li a{

			display: block;

		}



		#navi #navimenu #navihome a {height: 32px; width: 62px; background: url(images/navi-sprite.jpg) 654px 0;}

		#navi #navimenu #navihome a:hover {background: url(images/navi-sprite.jpg) 654px 32px;}



		#navi #navimenu #naviabout a { height: 32px;	width: 81px; background: url(images/navi-sprite.jpg) 592px 0;}

		#navi #navimenu #naviabout a:hover {background: url(images/navi-sprite.jpg) 592px 32px;}



		#navi #navimenu #navicurrentissue a { height: 32px; width: 104px;	background: url(images/navi-sprite.jpg) 511px 0;}

		#navi #navimenu #navicurrentissue a:hover { background: url(images/navi-sprite.jpg) 511px 32px;}

		

		#navi #navimenu #naviarchive a {height: 32px; width: 75px;	background: url(images/navi-sprite.jpg) 407px 0;}

		#navi #navimenu #naviarchive a:hover { background: url(images/navi-sprite.jpg) 407px 32px;}

		

		#navi #navimenu #navispecialinterest a {height: 32px; width: 119px; background: url(images/navi-sprite.jpg) 331px 0;}

		#navi #navimenu #navispecialinterest a:hover { background: url(images/navi-sprite.jpg) 331px 32px;}

		

		#navi #navimenu #navicontact a {height: 32px; width: 90px;	background: url(images/navi-sprite.jpg) 213px 0;}

		#navi #navimenu #navicontact a:hover { background: url(images/navi-sprite.jpg) 213px 32px;}

		

		#navi #navimenu #navilinks a {height: 32px;	width: 55px; background: url(images/navi-sprite.jpg) 123px 0;}

		#navi #navimenu #navilinks a:hover { background: url(images/navi-sprite.jpg) 123px 32px;}		





/**********************************************************/

/**********************************************************/

		#navi #navimenu #naviabout ul li a,

		#navi #navimenu #naviabout ul li a:hover,

		#navi #navimenu #navispecialinterest ul li a,

		#navi #navimenu #navispecialinterest ul li a:hover { background: none; background-color: #96C246; width: 210px; height: 16px; color: #006; text-decoration: none; font-weight: bold;}



		#navi #navimenu #naviabout ul li a:hover,

		#navi #navimenu #navispecialinterest ul li a:hover { color: #FFF; background-color: #5E7F47;}

/* submenu, it's hidden by default */  

        #navimenu ul {  

			position:absolute;   

            left:0;   

            display:none;   

            margin:0 0 0 -1px;   

            padding:0;   

            list-style:none;  

        }  

          

        #navimenu ul li {  

            float:left;   

            border-top:1px solid #fff;  

        }  

          

        /* display block will make the link fill the whole area of LI */  

        #navimenu ul a {  

			background: none;

			background-color: #CCC;

			display:block;    

            height:15px;  

            padding: 8px 5px;   

            color:#ccc;  

        }  

          

        #navimenu ul a:hover {  

            background: none;

			background-color: #CCC;

			text-decoration:underline;    

        }  

  





/**********************************************************/

/**********************************************************/



#contentwrapper {

	width: 853px;

	height: 581px;

}



/**********************************************************/







		#magcover {

			background: url(images/bg-cover.jpg) no-repeat;

			float: left;

			width: 243px;

			height: 581px;

		}

		

			#magcover.aboutus { background: url(images/bg-aboutus.jpg) no-repeat;}

			#magcover.editorial { background: url(images/bg-editorial.jpg) no-repeat;}

			#magcover.sbarchive { background: url(images/bg-archives.jpg) no-repeat;}

			#magcover.sbspecialinterest { background: url(images/bg-special-interest.jpg) no-repeat;}

			#magcover.contactus { background: url(images/bg-contact.jpg) no-repeat;}		

			#magcover.links { background: url(images/bg-links.jpg) no-repeat;}		

			#magcover.authors-intro { background: url(images/bg-authors-intro.jpg) no-repeat;}		

		

		#content {

			background: url(images/bg-content.jpg) no-repeat;

			float:right;

			width: 550px;

			height: 431px;

			padding-top: 20px;

			padding-bottom: 10px;

			padding-left: 20px;

			padding-right: 40px;

			overflow: auto;

		}

		

		#otherissues {

			background: url(images/bg-otherissues.jpg) no-repeat;

			font-weight: bold;

			font-size: .85em;

			color: #4d85be;

			clear: right;

			/*

			removed for ie6

			width: 550px;

			*/

			height: 70px;

			padding-bottom: 50px;

			padding-left: 20px;

			padding-right: 40px;

			overflow: hidden;

		}

		

				#otherissues ul{

					/*

					width: 420px;

					float: right;

					*/

				}



		#index-magcover{

			background: url(images/bg-index-cover.jpg) no-repeat;

			float: left;

			width: 480px;

			height: 581px;

		}

		

		#index-search {

			background: url(images/bg-index-whatsnew-content.jpg) no-repeat;

			float:right;

			width: 323px;

			height: 328px;

			padding: 60px 50px 0 0;

			color: #5e9fe1;

			font-size: 1em;

			font-weight: bold;

		}

		

		#index-search ul li{

			padding: 0 0 10px 0;

		}

		

		#index-search ul li a:visited, #index-search ul li a{

			text-decoration: none;

			color: #5e9fe1;

		}

		

		#index-search ul li a:hover{

			color: #0FF;

		}

		

		#index-login {

			background: url(images/bg-index-login.jpg) no-repeat;	

			clear: right;

			/*

			removed for ie6

			width: 550px;

			*/

			height: 193px;

			overflow: hidden;

		}



				#index-login ul{

					list-style-type: none;

					margin: 0; padding: 25px 0 0 20px;	

				}



						#index-login p{

							margin: 0 0 0 20px;

						}



						#index-login ul li { margin: 0 0 10px 0;}



						#index-login ul li:last-child { margin: 5px 0;}	

						

						#index-login ul li label {

							padding: 0; 

							margin-right: 20px;;

							color: #F60;

							width: 150px;

							font-weight: bold;

						}

												

						#index-login ul li input[type="text"], #index-login ul li input[type="password"]{

							width: 200px;

							border: 1px solid #ccc;

						}

						

						#index-login ul li input[type="image"]{



						}



/**********************************************************/



#archive{

	list-style-type: none;

}



#archive li {

	float: left;

	width: 33%;

	margin: 0 0 10px 0;

}



#archive li div, #archive li img {

	margin: 10px 10px 0 0;

}



#archive li img {

	afloat: left;

	border: solid 1px #CCC;

}



#archive li div h2, #archive li div p{

	font-size: 1em;

	margin: 0; padding: 0;

}



#archive li div h2{

	font-weight: bold;

}



/* Edited Boi Tusok */

#commentarea {

	margin: 10px 0px;

}



#commentarea H3 {

	text-decoration: underline;

}



#comment ul {

	border: 1px solid #999999;

	border: 1px solid #000000;

	-moz-border-radius: 5px;

	-khtml-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

	background: #efa550;

	list-style-type: none;

	width: 375px;

	margin: 0 auto;

	padding: 20px;

}



#comment ul li {

	padding: 5px 0px;

}



#comment ul li label {

	float: left;

	width: 100px;

}

/* Edited Boi Tusok */



/* added by BoiTusok */

.logged-holder {

	padding: 10px 30px 20px 30px;

}



.logged-holder DIV A {

	font-size: 11px;

	text-decoration: none;

}



.logged-holder DIV A:hover {

	font-size: 11px;

	font-weight: bold;

	text-decoration: underline;

}



.formLogin {

	border: 1px solid #999;

	width: 270px;

	padding: 20px;

	margin: 20px auto;

}



.login-title {

	font-size: 15px;

	font-weight: bold;

	padding-bottom: 10px;

	border-bottom: 1px dashed #999999;

}



.reqLogin {

	font-size: 13px;

	font-weight: bold;

	color: #FF3300;

	padding-bottom: 20px;

}



.login-form {

	list-style: none;

	padding: 0px 0px 0px 20px;

	margin: 0px;

	font-weight: bold !important;

}



.login-form  LI LABEL {

	width: 100px;

	padding-top: 3px;

	display: block;

	float: left;

}



.login-form  LI {

	padding: 3px 0px;

}



.login-form EM {

	color: #FF3300;

}



.sub-title {

	font-size: 13px;

	font-weight: bold;

	text-decoration: underline;

}



.context {

	font-weight: normal !important;

}



.form-text {

	width: 200px;

}



.comment-holder {

	border-top: 1px dotted #042548;

	border-bottom: 1px dotted #042548;

	margin: 5px 0px;

	padding: 5px;

}



.posted-by {

	padding-bottom: 3px;

}



.posted-date {

	font-size: 10px;

	font-style: italic;

	padding-bottom: 10px;

}



.row-light { background: #e5ebf0; }

.row-dark { background: #d2e8fb; }

/* End of BoiTusok */