@charset "iso-8859-1";
/* author: lakmar@rediffmail.com */
/* Generated by AceHTML Freeware http://freeware.acehtml.com */
/* Creation date: 5/8/2006 */

body{
		float:left; width:100%;	text-align:center;	margin:0px 0px 20px 0px;	padding:0px;	color:#000; 
		background:#033;	font:100 90%/1.5em Arial,Sans-Serif;
		}

.ctr{	margin:0px auto;	padding:10px 0px 0px 0px;	width:90%;text-align:left;min-width:750px;}

#ostgnavbar{float:left;	width:100%;text-align:center;margin:0px;padding:0px;font-size:8pt;}
#ostgnavbar ul{list-style: none;	margin:0px;padding:0px;}
	#ostgnavbar li {	color:#fff;	display:inline;margin:0px 10px 5px 0px;padding:0px;}
	#ostgnavbar a{	text-decoration: none;	padding:0px 0px 0px 0px;	color:#0cc;}
		#ostgnavbar a.begin{	border-left:none;}
		#ostgnavbar a.highlight,#ostgnavbar a:hover { color: #fff; }
	
#jump{float:left;	width:100%;text-align:center;margin:0px 0px 20px 0px;padding:0px;display:none;}
#jump ul{list-style: none;	margin:0px;padding:10px;}
	#jump li {	list-style: none;	display: inline;margin:0px;padding:5px;}
	#jump a{	text-decoration: none;	padding:0px;	color:#088;margin:0px;
	padding:0px 4px 0px 5px;border-left: 1px solid #088;	}
		#jump a.begin{	border-left:none;}
		#jump a.highlight,#jump a:hover { color: #fff; }
	
	.nodisp{display:none;}
.ad1{float:left;width:100%;	text-align:center;margin:0px;padding:10px 0px;}

/************
the #header contains, #logo, #menu, #submenu and .search
************/
#header{float:left;width:100%;margin:0px;padding:0px 0px 0px 0px;
background:#066 url(images/pagetopleftbg.jpg) no-repeat top left;}

				/************
				#logo
				************/
				#logo {	margin:0px 0px 20px 0px; 	padding:20px 0px 0px 0px;	width:100%;	float:left;
				background:url(images/pagetoprightbg.jpg) no-repeat top right;}
					#logo h1 {background:transparent url("images/logo6.jpg") no-repeat bottom left;text-indent:-9999px;
					height:72px;display:block;margin:0px 20px;padding:0px;}
						#logo h1 a{color:#fff;font:100 2em/1em Serif;height:72px;display:block;margin:0px;padding:0px;}

	/************
	styles for the tabbed menu on top
	************/
#menu {	margin:0px;	padding:0px;	display:block;clear:both;text-align:left;	float:left;		width:100%;		min-width:750px;}
#menu ul{list-style-image:none;margin:0px 0px 0px 10px;padding:0px;}
#menu li{list-style:none;display:inline;margin:0px 2px 0px 0px;padding:0px;text-align:center;float:left;}

			#menu li a	{
					float:left;	 			text-align:center;			margin:0px;			padding:0px 0px 0px 20px;
					background: #008080 url("images/left-tab.gif") top left no-repeat;	color:#fff;text-decoration:none;
					}
		#menu li a span {background:transparent url("images/right-tab.gif") top right no-repeat; 
		padding:10px 20px 10px 0px;display:block;}
		
		#menu li a.current	{background:#009999 url("images/left-tabon.gif") top left no-repeat;}  
		#menu li a.current span {background:transparent url("images/right-tabon.gif") top right no-repeat; 
		padding:10px 20px 10px 0px;display:block;}
		
		#menu li a:hover {background:#008080 url("images/left-tab.gif") top left no-repeat; color:#fff;}
		#menu li a:hover.current	{background:#009999 url("images/left-tabon.gif") top left no-repeat;color:#fff;}  

		
/************
The sub menu
************/	
		#submenu {	margin:0px;	padding:5px 0px 5px 40px;	clear:both;display:block;text-align:left;background:#099;font-size:0.8em;}
		#submenu ul{list-style-image:none;margin:0px;padding:0px;display:inline;}
			#submenu li{list-style:none;display:inline;margin:0px 2px 2px 0px;padding:0px; text-align:center;}
				#submenu a{color:#0ff;text-transform:uppercase;text-decoration:none;padding:0px 5px; 	margin:5px 0px;}
						#submenu a:hover{color:#fff; border-bottom:1px solid #fff;}
	
		#tabcontentcontainer{float:left;width:100%;margin:0px;padding:0px;}
		.sm{display:none;}

				
				/************
				The .search  class
				************/
				.search{text-align:left;margin:0px;	padding:0px;float:left;width:100%;background:#0aa;}	
						.search form{font-weight:900;margin:0px 5px;padding:10px;text-transform:uppercase;}
								.search form input.ip{background:#eee;color:#000;margin:0px 5px 0px 0px;border:none;
								font-weight:900;}
								.search form input.button{background:#008080;color:#fff;margin-right:5px;border:none;}

/************ from the original design will not display in this style sheet************/								
#topicicons {margin:0px;padding:0px;float:left;width:100%;text-align:center; display:none;}
	#topicicons  ul{list-style-image:none;margin:0px;padding:5px 0px;list-style-type:none;}
	#topicicons  li{list-style-image:none;display:inline;margin-right:2px;padding:10px 20px;
	list-style-type:none;}
	#topicicons img {margin:0px;padding:0px;border:none;}
	#topicicons a{width:100%;}
	
/************
The #frame contains the right column aka #slashboxes and the left column aka #articles
************/ 
#frame {	margin:0px;	padding:0px;	text-align:left;float:left;width:100%;background:#eee;}
		#slashboxes{float:right;width:240px;padding:0px;margin:10px 10px 0px 0px;}
		#articles{padding:0px ;margin:10px 270px 0px 10px; }

/************
article, the heading aka generaltitle, posted by aka details, brief summary aka intro
articlefooter such as read more etc. aka storylinks, topic icon aka topic.
************/
.article{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;float:left; width:100%;
background:#fff url("images/articlecorner.gif") no-repeat top left;
}
	.generaltitle{margin:0px 0px 10px 0px;	padding:10px 0px 0px 0px; float:left;width:100%; 
	background:url("images/titlecorner.gif") no-repeat top right;}
			.title {margin:0px 10px 0px 20px;padding:10px 0px 0px 0px;border-bottom:1px solid #eee;}
				 .title h3{line-height:1.2em;	font-weight:100;color:#099;	font-size:1.5em;margin:0px;padding:0px;}
				 .title h3 a{text-decoration:none;font-weight:100;margin-right:10px;}
				 .title h3 a:hover{color:#f00;}

.body{margin:20px 0px 0px 0px;padding:0px 0px 0px 20px;color:#555;display:block;}

				.topic{float:right;padding:10px;margin:0px 10px 10px 10px;background:#fff;	}
				
				.intro{margin:0px;padding:0px;color:#000;font-weight:900;} 
						.intro i{display:block;color:#666;font-weight:100;font-style:normal;}

				
				.details{margin:0px 0px 0px 0px;padding:0px 0px 0px 20px;display:block;color:#666;line-height:1.2em;}
				.details strong{color:#055;}

		/************
		these are 2 line briefs, usually appear in main page
		************/
		.briefarticles {margin:10px 0px 5px 0px;padding:0px;float:left;width:100%;}
				.briefarticle{margin:0px 0px 0px 20px;padding:10px; font-size:1.2em;background:url(images/bul.gif) no-repeat left;	}
						span.section a{color:#099;text-decoration:none;font-weight:900;}
						.storytitle a{text-decoration:none;}


/************
The story links below each article
************/		
.storylinks{margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;float:left;width:100%;
color:#000;font-size:0.8em;background:#fff url("images/storycorl.gif") no-repeat bottom left;}

.storylinks div{margin:0px 0px 0px 0px;padding:0px 0px 20px 20px;
background: url("images/storycorr.gif") no-repeat bottom right;}
		.storylinks div ul{list-style-image:none;display:inline;margin:0px;padding:0px;}
				.storylinks div ul li{list-style-image:none;display:inline;margin:0px;padding:0px;}		
		
		.storylinks a{text-decoration:none;color:#c00;}
				.storylinks a:hover{color:#f00;}

		.topofpage{margin:0px;padding:0px 20px;float:left;text-align:right;}
		.topofpage a{margin:0px;padding:0px;float:right;color:#c00;} 

/************
The footer
************/
#pagebot{margin:0px; 	padding:0px;		float:left;width:100%;
background:#066 url("images/pagebotleftbg.jpg") no-repeat bottom left;}

#footer {margin:0px; 	padding:0px;		float:left;width:100%;height:100px; font-size:0.9em;
background:transparent url("images/pagebotright.jpg") no-repeat bottom right;}


		.copyright{text-align:right;	margin:0px 0px 0px 100px;	padding:20px 20px 10px 0px;
		color:#099;clear:both;display:block;}
				.copyright a{color:#0cc;} .copyright a:hover{color:#fff;}
			
		.btmnav{text-align:right;	margin:0px;	padding:0px;clear:both;display:block;	}
				.btmnav  ul{list-style-image:none;margin:0px 20px 0px 100px;padding:0px;list-style-type:none;}
						.btmnav  li{list-style-image:none;display:inline;margin:0px 5px 5px 0px;padding:0px 5px 0px 0px;
							list-style-type:none;border-right:1px solid #099;}
				.btmnav a{color:#0cc;text-decoration:none;}
				.btmnav a:hover{color:#fff;}

/************
the quotes that appear at the bottom aka rightcontent
************/
.rightcontent{margin:0px 20px;padding:10px;display:block;clear:both;}
		.rightcontent small{font-size:100%;font-weight:900;color:#099;}

/************
generic styles
************/
a{color:#008080;}
a:hover{color:#f00;}
a img{border:none;}

a.yday {margin:0px 0px 0px 40px;padding:0px;font-size:1.2em; font-weight:900;color:#066;
text-decoration:none;text-transform:uppercase;} 
	a:hover.yday{color:#f00;}
	
	.big{font-size:1.5em;}
/************
the right side classes
************/

.block{margin:0px 0px 20px 0px;padding:0px 0px 20px 0px;display:block;
background:#fff url("images/blockbot.gif") no-repeat bottom;
font-size:0.9em;}	

.block .content{margin:0px 0px 20px 0px;padding:0px 20px 0px 20px;}
.block a{text-decoration:none;}


.block .title{margin:0px;padding:0px;}
.block .title h4{margin:0px 0px 0px 0px;padding:20px 0px 0px 0px;font-size:1.2em;
background:#008080 url(images/blockhead.gif) no-repeat top left;color:#fff;
text-align:center;}
.block .title h4 a{text-decoration:none;color:#fff;}

/************this is for YRO************/
.block #srandblock-content ul{
margin:0px 0px 0px 20px;padding:0px 10px 0px 10px;
list-style-type: square;
list-style-image: url(images/bul.gif);
position:relative;
}
.block #srandblock-content ul li{margin:0px;padding:0px; font-size:1em;}
.block #srandblock-content ul li a{text-decoration:none;}

/************thisi is for "older stuff" ************/
.block #olderstuff-content ul{margin:0px;padding:0px;list-style-type: none;position:relative;}
.block #olderstuff-content  ul li{margin:0px;padding:0px;list-style-type: none; 
font-size:1.5em;color:#033;font-weight:900;}
.block #olderstuff-content  ul li a{text-decoration:none;}

.block #olderstuff-content ul li ul{
margin:0px 0px 0px 10px;padding:0px 10px 0px 10px;
list-style-type: square;list-style-image: url(images/bul.gif);
position:relative;font-weight:100;
}
.block #olderstuff-content  ul li ul li{margin:0px;padding:0px;font-size:0.6em;color:#000;font-weight:100;}

.block #olderstuff-content  ul li ul li em{color:#000;font-weight:900;font-style:normal;}
.block #olderstuff-content  ul li ul li a{text-decoration:none;}
	a.older{color:#c00; font-weight:900;}
	a.prev{color:#066;font-weight:900;}
/************book review************/

.block #books-content ul{
margin:0px 0px 0px 10px;padding:0px 10px 0px 10px;
list-style-type: square;
list-style-image: url(images/bul.gif);
position:relative;
}
.block #books-content ul li{margin:0px;padding:0px; font-size:1em;}
.block #books-content ul li  cite{font-weight:900;color:#090; }

/************misc.************/
.block #index_qlinks-content{margin:0px;padding:0px 10px 0px 20px;}
.block #index_qlinks-content h2{font-size:1.5em;font-weight:100;margin:30px 0px 10px 0px;padding:0px;}
.block #index_qlinks-content a{}

/************form and form labels************/
fieldset{border:none;}
legend{display:none;}
label{font-weight:900;color:#000;text-transform:uppercase;margin:10px 0px 0px 0px;display:block;}
input.lgip{background:#eee;color:#000;margin:0px 5px 5px 0px;padding:5px;border:none;font-weight:900;}
input.btn{background:#008080;color:#fff;margin:5px;padding:5px;border:none;cursor:pointer;
text-transform:uppercase;}