/*Body styles ---------------------------------------------------------*/

*	{
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
	
a	{
	text-decoration: none;
	}

body	{
	font-family: Verdana, Helvetica, sans-serif;
	background-color: #646672;
	color: black;
	}
	
div.header	{ /*This also forms the frame for the entire page*/
	width:	980px;
	margin: 10px auto 10px auto;
	background: url(imgs/headbkgd.jpg) no-repeat;
	}

/*Header styles -------------------------------------------------------*/
img.logo	{
	width: 327px;
	height: 120px;
	padding: 0px 123px 0px 530px;
	}
	* html div.logo { margin-bottom: -2px; }
	
p.homelink	{
	padding: 0px 0px 5px 10px;
	font-size:	10px;
	line-height: 10px;
	color: white;
	word-spacing: 12px;
	}
	p.homelink a	{
		color: white;
		text-decoration: none;
		}
	p.homelink a:hover {
		color: #b483a0;
		}

div.topnav	{
	padding: 1px 5px 0px 335px;
	}
	div.topnav p	{
		padding: 9px 0px 11px 0px;
		float: left;
		font-size: 13px;
		line-height: 14px;
		color: white;
		word-spacing: 3px;
		}
	div.topnav a.wrd	{
		padding: 8px 5px 8px 4px;
		color: white;
		text-decoration: none;
		}
	div.topnav a.wrd:hover	{
		color: black;
		background-color: #724e6a;
		}
	div.topnav img	{
		float: right;
		width: 16px;
		height: 16px;
		padding: 8px 5px 0px 0px;
		}

/*Main page styles ----------------------------------------------------*/		
div.main	{
	clear: both;
	padding-top: 5px;
	}
	
div.lcol	{
	width: 334px;
	float: left;
	}
	
div.lbox_top	{
	width: 334px;
	margin-bottom: 5px;
	background: url(imgs/lcol_btm.jpg) no-repeat;
	background-position: bottom left;
	background-color: #333333;
	}
div.lbox	{
	width: 314px;
	background: url(imgs/lcol_top.jpg) no-repeat;
	background-position: top left;
	padding: 10px;
	color: white;
	}
	div.lbox h1	{
		font-family: Georgia, serif;
		font-size: 18px;
		font-weight: lighter;
		}
	div.lbox h2	{
		font-family: Georgia, serif;
		font-size: 16px;
		font-style: italic;
		font-weight: lighter;
		text-align: right;
		padding-top: 10px;
		}
	div.lbox img.thmb	{
		float: right;
		width: 110px;
		height: 110px;
		margin-left: 10px;
		background-color: black;
		}
	div.lbox p	{
		font-size: 12px;
		text-indent: 15px;
		line-height: 20px;
		font-weight: normal;
		}
	div.lbox p.first	{
		text-indent: 0px;
		padding-top: 7px;
		}
	div.lbox p.name	{
		font-size: 10px;
		line-height: 12px;
		text-indent: 0px;
		}
	div.lbox a	{
		color: white;
		}
	div.lbox a:hover	{
		text-decoration: underline;
		}
		
div.blk_lbox_top	{
	width: 334px;
	margin-bottom: 5px;
	background: url(imgs/blk_lcol_btm.jpg) no-repeat;
	background-position: bottom left;
	background-color: black;
	}
div.blk_lbox	{
	width: 314px;
	background: url(imgs/blk_lcol_top.jpg) no-repeat;
	background-position: top left;
	padding: 0px 10px 10px 10px;
	color: white;
	}
	div.blk_lbox h1	{
		font-family: Georgia, serif;
		font-size: 18px;
		font-weight: lighter;
		padding-top: 10px;
		}
	div.blk_lbox h2	{
		font-family: Georgia, serif;
		font-size: 16px;
		font-style: italic;
		font-weight: lighter;
		text-align: right;
		padding-top: 10px;
		}
	div.blk_lbox h3	{
		font-family: Georgia, serif;
		font-size: 22px;
		font-weight: lighter;
		padding-top: 8px;
		}
	div.blk_lbox h5	{
		font-size: 14px;
		text-align: centre;
		font-weight: normal;
		}
	div.blk_lbox p	{
		font-size: 12px;
		text-indent: 15px;
		line-height: 20px;
		font-weight: normal;
		}
	div.blk_lbox p.first	{
		text-indent: 0px;
		padding-top: 7px;
		}
	div.blk_lbox p.name	{
		font-size: 10px;
		line-height: 12px;
		text-indent: 0px;
		}
	div.blk_lbox a	{
		color: white;
		}
	div.blk_lbox a:hover	{
		text-decoration: underline;
		}
	
div.rcol	{
	width: 640px;
	float: right;
	}
	
div.rbox_top	{
	width: 640px;
	background: url(imgs/rcol_btm.jpg) no-repeat;
	background-position: bottom left;
	background-color: white;
	}
div.rbox_top_2	{
	width: 640px;
	background: url(imgs/rcol_btm.jpg) no-repeat;
	background-position: bottom left;
	background-color: white;
	clear: both;
	margin-top: 5px;
	}
div.rbox_blk	{
	width: 640px;
	background: url(imgs/rcol_btm_blk.jpg) no-repeat;
	background-position: bottom left;
	background-color: white;
	}
div.rbox	{
	width: 620px;
	background: url(imgs/rcol_top.jpg) no-repeat;
	background-position: top left;
	padding: 10px;
	}
	div.rbox h1	{
		font-family: Georgia, serif;
		font-size: 18px;
		font-weight: lighter;
		padding-bottom: 7px;
		}
	div.rbox img.thmb	{
		float: right;
		width: 110px;
		height: 110px;
		margin-left: 10px;
		}
	div.rbox p	{
		font-size: 12px;
		text-indent: 15px;
		line-height: 20px;
		font-weight: normal;
		}
	div.rbox p.first	{
		text-indent: 0px;
		}
	div.rbox a	{
		color: black;
		}
	div.rbox a:hover	{
		text-decoration: underline;
		}
	div.rbox a.blk	{
		color: white;
		}
	div.rbox h2	{
		font-family: Georgia, serif;
		font-size: 16px;
		font-style: italic;
		font-weight: lighter;
		text-align: right;
		}
	div.rbox h2.blk	{
		color: white;
		margin-top: 18px;
		}
	div.rbox h4	{
		font-family: Georgia, serif;
		font-size: 24px;
		font-weight: lighter;
		padding: 10px 0px 10px 0px;
		}
		
/*Forms--------------------------------*/
div.form	{
	}
	div.form p	{
		width: 195px;
		text-indent: 0px;
		padding: 9px 10px 0px 0px;
		text-align: right;
		float: left;
		clear: both;
		}
	div.form p.small	{
		font-size: 10px;
		float: right;
		text-align: left;
		line-height: 15px;
		width: 413px;
		padding: 0px 0px 5px 0px;
		}
	div.form input.text	{
		border: 1px solid #cccccc;
		vertical-align: middle;
		padding: 5px;
		margin-top: 6px;
		width: 403px;
		float: left;
		}
	div.dropdown	{
		border: 1px solid #cccccc;
		vertical-align: middle;
		padding: 5px;
		margin-top: 6px;
		float: left;
		}
	div.radio	{
		font-size: 12px;
		margin-top: 6px;
		padding-top: 5px;
		float: left;
		}
		div.radio span	{
		padding: 0px 10px 0px 5px;
		}
	div.form textarea	{
		clear: both;
		border: 1px solid #cccccc;
		padding: 5px;
		margin-top: 5px;
		width: 608px;
		height: 205px;
		}
	div.form input.submit	{
		width: 90px;
		background-color: #cccccc;
		padding: 5px;
		margin: 10px 0px 0px 530px;
		font-weight: bold;
		}
	div.form div.clear	{
		clear: both;
		width: 620px;
		height: 0px;
		}
		
div.control	{
	}
	div.control h2	{
		padding-top: 0px;
		}
	div.control p	{
		text-indent: 0px;
		}
		
div.cheat	{
	}
	div.cheat p	{
	text-indent: 0px;
	}
	div.cheat p.guide	{
	font-size: 10px;
	padding-bottom: 5px;
	}
	div.cheat h2	{
	text-align: left;
	padding: 10px 0px 5px 0px;
	}
	div.cheat span	{
	color: red;
	font-weight: bold;
	}
		
		
/*Front page-----------------------------------------------------------*/
/*Featured Articles column-------------*/
div.ftrs_arts	{
	width: 334px;
	height: 80px;
	background: url(imgs/ftrs_arts_bak.jpg) no-repeat;
	margin-bottom: 5px;
	}
div.ftrs_styl	{
	width: 334px;
	height: 80px;
	background: url(imgs/ftrs_styl_bak.jpg) no-repeat;
	margin-bottom: 5px;
	}
div.ftrs_musc	{
	width: 334px;
	height: 80px;
	background: url(imgs/ftrs_musc_bak.jpg) no-repeat;
	margin-bottom: 5px;
	}
div.ftrs_film	{
	width: 334px;
	height: 80px;
	background: url(imgs/ftrs_film_bak.jpg) no-repeat;
	margin-bottom: 5px;
	}
div.ftrs_book	{
	width: 334px;
	height: 80px;
	background: url(imgs/ftrs_book_bak.jpg) no-repeat;
	margin-bottom: 5px;
	}
div.ftrs_tech	{
	width: 334px;
	height: 80px;
	background: url(imgs/ftrs_tech_bak.jpg) no-repeat;
	margin-bottom: 5px;
	}
div.ftrs_satr	{
	width: 334px;
	height: 80px;
	background: url(imgs/ftrs_satr_bak.jpg) no-repeat;
	margin-bottom: 5px;
	}
div.ftrs_ftrs	{
	width: 334px;
	height: 80px;
	background: url(imgs/ftrs_ftrs_bak.jpg) no-repeat;
	margin-bottom: 5px;
	}
div.ftrs_clmn	{
	width: 334px;
	height: 80px;
	background: url(imgs/ftrs_clmn_bak.jpg) no-repeat;
	margin-bottom: 5px;
	}

div.ftrs	{
	padding: 12px 10px 0px 35px;
	}
	div.ftrs h1	{
		font-family: Georgia, serif;
		font-size: 18px;
		font-weight: lighter;
		padding-bottom: 2px;
		}
	div.ftrs p	{
		font-size: 9px;
		}
	div.ftrs a	{
		color: white;
		text-decoration: none;
		}
	div.ftrs a:hover {
		text-decoration: underline;
		}
	
img.ftrs	{
	float: left;
	width: 25px;
	height: 80px;
	}
	
/*Erudition advertisment---------------*/
div.erudition	{
	width: 222px;
	height: 52px;
	background: url(imgs/erudition-promo.jpg) no-repeat;
	padding: 53px 100px 0px 12px;
	font-family: Georgia, serif;
	font-size: 14px;
	line-height: 20px;
	color: black;
	}
	
/*Advertising box---------------------*/
div.display {
	width: 620px;
	height: 80px;
	background: url(imgs/blank.jpg) no-repeat;
	clear: both;
	}
	div.display embed {
		width: 620px;
		height: 80px;
		}
	div.noad {
		color: white;
		padding: 28px 10px 0px 160px;
		text-align: center;
		}
		div.noad p	{
			font-family: Georgia, serif;
			font-size: 32px;
			font-weight: lighter;
			}
div.bottompad {
	margin-bottom: 10px;
	}
		
/*GSTS bar-----------------------------*/
div.gsts	{
	width: 640px;
	height:	53px;
	margin: 5px 0px 5px 0px;
	background: url(imgs/gsts.jpg) no-repeat;
	padding: 7px 0px 0px 10px;
	color: white;
	}
	div.gsts h3	{
		font-family: Georgia, serif;
		font-size: 22px;
		font-weight: lighter;
		}
	div.gsts p	{
		font-size: 14px;
		}
	div.gsts a	{
		color: white;
		}
	div.gsts a:hover	{
		text-decoration: underline;
		}
	
/*Article archive------------------------------------------------------*/	
div.articles	{
	padding-bottom: 10px;
	}
	div.articles a {
		text-decoration: underline;
		}
	div.articles a:hover {
		color: #724E6A;
		}
		
div.articles p {
	padding-bottom: 5px;
	line-height: 22px;
	}

div.stub	{
	padding-bottom: 10px;
	}
	div.stub h1	{
		float: left;
		padding: 0px;
		}
	div.stub p	{
		clear: both;
		text-indent: 0px;
		line-height: 17px;
		}
	div.stub p.name	{
		clear: none;
		float: right;
		font-size: 10px;
		padding-top: 4px;
		}
		
	div.rbox h1.center	{
	text-align: center;
	}
	
	div.rbox h1.none	{
	text-align: center;
	padding: 10px 0px 20px 0px;
	}
	
div.archivenav	{
	margin-top: -25px;
	width: 620px;
	font-size: 14px;
	word-spacing: 20px;
	}
	div.older	{
		float: left;
		text-align: left;
		}
	div.newer	{
		float: right;
		text-align: right;
		}
	div.archivenav span.blank	{
		color: #cccccc;
		}

div.subcategory	{
	clear: both;
	text-align: center;
	padding: 10px 0px 15px 0px;
	}
	div.subcategory p	{
		text-indent: 0px;
		}
	div.subcategory span	{
		padding: 0px 8px 0px 8px;
		}
	
		
div.archive	{
	margin-bottom: -10px;
	}
		
/*Contributor page-----------------------------------------------------*/
div.twitter_top	{
	background: url(imgs/blk_mini_lcol_top.jpg) top left no-repeat;
	background-color: black;
	}
div.twitter	{
	width: 294px;
	margin-top: 10px;
	padding: 10px;
	background: url(imgs/blk_mini_lcol_btm.jpg) bottom left no-repeat;
	}
	div.twitter ul	{
		font-size: 12px;
		line-height: 16px;
		list-style: none;
		}
		div.twitter ul a	{
		color: #b483a0;
		}
		div.twitter ul li	{
		padding-bottom: 6px;
		}
	div.twitter h2	{
		padding-top: 5px;
		}
		
div.smallstub	{
		float: left;
		width: 140px;
		margin: 0px 15px 0px 0px;
		padding: 0px 0px 12px 0px;
		text-align: left;
	}
	div.smallstub p	{
		text-indent: 0px;
		font-size: 14px;
		line-height: 15px;
		}
	div.smallstub p.rank	{
		font-size: 11px;
		line-height: 14px;
		padding-top: 4px;
		}
	div.smallstub a:hover	{
		text-decoration: underline;
		}

div.floatend	{
	clear: both;
	}
		
/*User-generated article content styles--------------------------------*/
div.quote	{
	background: url(imgs/quote_btm.jpg) no-repeat bottom left;
	background-color: #cccccc;
	clear: both;
	}
	div.top	{
		min-height: 30px;
		padding: 19px 35px 15px 90px;
		margin: 15px 0px 15px 0px;
		background: url(imgs/quote_top.jpg) no-repeat top left;
		}
	div.top p	{
		font-family: Georgia, serif;
		font-weight: lighter;
		font-size: 18px;
		line-height: 25px;
		text-indent: 0px;
		}
		
div.audio	{
	width: 610px;
	height: 67px;
	padding: 5px 0px 0px 10px;
	margin: 15px 0px 15px 0px;
	background: url(imgs/audio.jpg) no-repeat;
	background-color: #666666;
	clear: both;
	}
	div.audio embed	{
		width: 600px;
		height: 16px;
		}
	div.audio p	{
		font-size: 10px;
		line-height: 10px;
		padding: 2px 0px 0px 23px;
		}
	div.audio a	{
		color: white;
		}

div.img_left_nowrap	{
	margin: 10px 10px 10px 0px;
	}		
div.img_left_wrap	{
	margin: 5px 10px 5px 0px;
	float: left;
	}
div.img_right_nowrap	{
	margin: 10px 0px 10px 10px;
	text-align: right;
	}
div.img_right_wrap	{
	margin: 5px 0px 5px 10px;
	float: right;
	}
div.img_center_nowrap	{
	margin: 10px 0px 10px 0px;
	text-align: center;
	}
div.caption_620	{
	border-bottom: 1px solid #cccccc;
	clear: both;
	width: 305px;
	}
	div.caption_620 p	{
	font-size: 10px;
	text-align: left;
	line-height: 15px;
	text-indent: 0px;
	padding: 5px 0px 8px 0px;
	}
div.caption_305	{
	border-bottom: 1px solid #cccccc;
	clear: both;
	width: 305px;
	}
	div.caption_305 p	{
	font-size: 10px;
	text-align: left;
	line-height: 15px;
	text-indent: 0px;
	padding: 5px 0px 8px 0px;
	}
div.caption_250	{
	border-bottom: 1px solid #cccccc;
	clear: both;
	width: 250px;
	}
	div.caption_250 p	{
	font-size: 10px;
	text-align: left;
	line-height: 15px;
	text-indent: 0px;
	padding: 5px 0px 8px 0px;
	}
div.caption_205	{
	border-bottom: 1px solid #cccccc;
	clear: both;
	width: 205px;
	}
	div.caption_205 p	{
	font-size: 10px;
	text-align: left;
	line-height: 15px;
	text-indent: 0px;
	padding: 5px 0px 8px 0px;
	}
		
/*Footer styles--------------------------------------------------------*/
p.footer	{
	font-size: 10px;
	padding: 3px 5px 10px 0px;
	line-height: 17px;
	text-align: right;
	color: white;
	word-spacing: 1px;
	}
	p.footer a	{
		color: white;
		}
	p.footer a:hover	{
		text-decoration: underline;
		}
		
/*Technical difficulties-----------------------------------------------*/
div.full_top	{
	width: 980px;
	background: url(imgs/full_btm.jpg) no-repeat;
	background-position: bottom left;
	background-color: white;
	}
div.full	{
	width: 960px;
	background: url(imgs/full_top.jpg) no-repeat top left;
	padding: 10px;
	}
	div.full h1	{
		font-family: Georgia, serif;
		font-size: 30px;
		font-weight: lighter;
		padding-bottom: 5px;
		}
	div.full p	{
		font-size: 18px;
		padding-top: 5px;
		}
	div.full a	{
		color: black;
		}
	div.full a:hover	{
		text-decoration: underline;
		}