/*-------------------------------
  pseka.net stylesheet
  date: 9-4-2004
  author: visiblebits.com
--------------------------------*/

/*==========================================================================*/

body
/*DOCUMENT BODY*/
	{
	  text-align: left;
	  background: #FFF url("../img/bg1.jpg");
	  font-family: verdana;
	  margin:0 0 35px 0;
	  padding:0;
	  font-size: x-small; /* IE5 Win */
	  voice-family: "\"}\"";
	  voice-family: inherit;
	  font-size: small;
	}

/*==========================================================================*/

input,select,textarea

	
	{
		font-family: arial;
		font-size: 12px;
		background: #fff;
		border: 1px solid #666;
		padding:2px;
		margin: 0 0 8px 0;
	}

	input.radio
		
		{
			background: none;
			border:0px;
			padding:0;
			margin: 0;
		}

	input.button
	
		{
		
			font-size: 11px;
			font-weight: bold;
			color: #1550B2;
			padding: 2px;
			background: #fff url("../img/button_bg.gif") repeat-x;
			border: 1px solid #666;
		
		}

		input.button:hover
			
			{
				background: #ccc url("../img/button_bg.gif") 0 -20px repeat-x;
				color: #f20000;
			}

/*==========================================================================*/

a

	{
	
		  color: #1550B2;
		  text-decoration: none;
	  
	}


	a:hover
	
		{
		
			color: #f20000;
		
		}
		
	a img
	
		{
		
	  		border:0;
			
		}
		
/*==========================================================================*/

/* SECTION IDENTIFIERS */


#container /* <div = "container"> */

	{
	
		  margin: 0 auto;
		  width: 780px;
		  background: #FFF url("../img/mainbg.gif") repeat-y;
	
	}



#top /* <div id = "top"> */

	{
	  
		  height: 15px;
		  margin:0;
		  padding: 0;
		  text-align: left;
	
	}
	


	#top img /* <div id = "top"> <img src... */
	
		
		{
		
			  float: left;
			  padding:0;
			  margin: 0;
		
		}



#header /* <div id = "header"> */

	{
	
		  height: 146px;
		  margin:0;
		  padding:0;
	
	}



#main /* <div id = "main"> */

	{
	
		border-bottom: 1px solid #FFFFFF;
	
	}



#left /* <div id = "left"> */

	{
  
		  float: left;
		  width: 151px; /* the total width of the left column */
		  margin:0;
		  padding: 0;
	
	}

	#left .menu /* <div id = "left"> then <div id = "menu"> */
	
		{
		  
			  float: left;
			  padding:0;
			  margin:0;
		
		}

		#left .menu a /* <div id = "left"> then <div id = "menu"> then <a href=... */
		
			{
			
			  float: left;
			  display:block;
			  margin: 0;
			  padding:0;
		
			}

			#left .menu a img /* <div id = "left"> then <div id = "menu"> then <a href=...> then <img src=... */
			
			{
			
				  float: left;
				  display: block;
				  border: 0;
				  padding: 0;
				  margin:0;
			  
			}

	#left ul /* <div id = "left"> then <ul> */
	
		{
		
			float: left;
			list-style-type: none;
			padding:0;
			margin:0;
		  
		}

		#left ul li /* <div id = "left"> then <ul> then <li> */
		
			{
		
				float: left;
				width: 151px;
				margin: 0;
				padding:0;
		
			}

			#left ul li a /* <div id = "left"> then <ul> then <li> then <a href=... */
			
				{
			
					float: left;
					display:block;
					margin: 0;
					padding:0;
			  
				}

				#left ul li a img /* <div id = "left"> then <ul> then <li> then <a href=...> then <img src=...> */
				
					{
					
						float: left;
						display: block;
						border: 0;
						padding: 0;
						margin:0;
					  
					}

	#left .banners /* <div = "left"> then <div id = "banners"> */
	
		{
		
			padding:0;
			margin: 0;
		
		}
	
		#left .banners a img
		
			{
			
				border: 0;
				margin: 0 0 10px 0;
			  
			}

#right /* <div = "right"> */

	{
	
		text-align: left;
		float: left;   
		width: 629px;
		padding:0;
		margin:0;
		
	}

	#rightAdmin /* <div = "right"> then <div id = "rightAdmin"> */
	
		{
		
			text-align: left;
			float: left;   
			width: 100%;
			padding:0;
			margin:0;
		
		}

	#right #head /* <div = "right"> then <div id = "head"> */
	
		{
		
			height: 17px;
			background: #FFFFFF;
			margin-left: 1px;
		
		}

		#right #head .l
		
			{
			
				float: left;
			
			}

		#right #head .r
		
			{
				
				float: right;
			
			}

	#right .leftcol
	
		{
		
			float: left;
			width: 290px;
			padding: 12px 5px 5px 18px;

		}
		
	#right .leftcol_lg
	
		{
		
			float: left;
			width: 328px;
			padding: 12px 10px 5px 18px;
			
		}
		
		#right .leftcol_lg .faq_img
		
			{
			
				position: relative;
				background: url("../img/faq.gif") no-repeat;
				width: 328px;
				height: 230px;
				
			}
			
			#right .leftcol_lg .faq_img .ask
			
				{
				
					text-align: center;
					font-size: 10px;
					width: 180px;
					height: 30px;
					position: absolute;
					top: 177px;
					left: 120px;
					
				}


.bigimg

	{
	
		width: 290px;
		text-align:center;
		
	}
	
	.bigimg img
	
		{
			width: 290px;
			text-align:center;
		}

.bigstory

	{
	
		padding:7px 12px 8px 18px;
		margin:0;
		font-size: 11px;
	
	}
	
	.bigstory .linkbox
	
		{
			
			margin:0 20px 8px 0px;
			padding: 4px;
		
		}
		
		.bigstory .linkbox h2
		
			{
				font-size: 13px;
				font-weight: bold;
				color: #1550B2;
				margin:0;
				padding: 2px 0;
				
			}
			
		.bigstory .linkbox p
		
			{
			
				font-size: 11px;
				margin:0;
				padding:0;
				
			}
.story
	{ 
	
		padding:0;
		margin:0;
	  
	}

.contact

	{
	
		padding: 1px;
		font-size: 11px;
		margin:0 auto 15px auto;
		width: 400px;
		text-align: center;
		border: 1px solid #999;
		background: url("../img/contactbg.gif") repeat-y;
		
	}

.contact .title

	{
	
		float: left;
		width: 115px;
		text-align: right;
		padding: 4px 4px 12px 0px;
		font-weight: bold;
		border-bottom: 1px solid #999;
	
	}
	
.contact .element

	{
	
		text-align: left;
		padding: 4px 4px 4px 9px;
		float: left;
		width: 260px;
	
	}

.story h1, .bigstory h1

	{
	
		font-size: 13px;
		font-weight: bold;
		color: #1550B2;
		margin:0;
		padding: 7px 0 0 0;
	
	}

.bigstory h2

	{
	
		font-size: 12px;
		font-weight: bold;
		color: #000;
		margin:0;
		padding: 7px 0 0 0;
		
	}

.story .date, .bigstory .date

	{
	
		font-size: 10px;
		margin: 0 0 10px 0;
	  
	}

/* CONTENT MAIN

/////////////////////////////////////////////////////////

CONTENT MAIN */

.story .content, .bigstory .content{
  font-family: garamond;
  font-size: 20px;
}






.potd{
	
	margin:8px 0 0 0;
	text-align: center;
	padding:0;
}
.potd p.text{
	display:block;
	color:#000;
	background: #f3f3f3;
	font-size: 10px;
	margin:0 10px 10px 10px;
	padding: 5px;
	border: 1px solid #999;
}
.potd p img{
	
	width: 270px;
	padding:0;
	margin:0;
}

.bigstory table tr{
	font-size: 11px;
	background: #EFEFEF;
}
.bigstory table tr.head{
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background: #C6CADF url("../img/table_bg.gif") repeat-x;
}
.bigstory .content img{
	width: 290px;
	float: right;
	 padding: 0 8px 12px 12px;
	
}

.bigstory .media{
  float: right;
  text-align: left;
  width: 270px;
  height: 25px;
  padding: 0 8px 0px 12px;
  margin:0 0px 0 0;
  background: #ccc;
  clear: right;
}

.bigstory .media img{
 float: none;
 width: 15px;
 padding:0px 0 0px 0px;
 margin:0;
 
 
}
.bigstory .media a{

 padding:0px 0 0px 0px;
 margin:0;
 
}

.forum_table{
border: 1px solid #999;
padding: 0px;
}
.breadcrumb{
	padding: 10px 0 6px 0;
}
.forum_table table tr td{
	text-align: center;
	vertical-align: top;
}
.forum_table table tr.forum_head{
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background: #C6CADF url("../img/table_bg.gif") repeat-x;
}
.forum_table table tr.forum_cat{
	background: #ccc;
	font-weight: bold;
	text-align: left;
}
.forum_table table tr td.forum_post{
	background: #D5D8EA;
	padding: 0;
}
.forum_table table tr.forum_break{
	height: 11px;
	background: #A3A8BF;
}	
.forum_table .forum_post_title{
	float: left;
	text-align: left;
	clear: left;
	width: 55%;
	padding: 3px 3px 8px 3px;
}
.forum_table .forum_post_date{
	float: right;
	text-align: right;
	clear: right;
	padding: 3px 3px 8px 3px;
}
.forum_table .forum_post_body{
background: #EFEFEF;
	clear: both;
	text-align: left;
	padding: 3px;
}
.forum_table table tr.forum_cat td,.forum_table table tr td.forum_left{
	text-align: left;
}
.forum_table table tr td.forum_indent{
	text-align: left;
	padding-left: 14px;
}
.story .content img, #right .box .content img{
  width: 80px;
  float: right;
  padding: 0px 0 4px 7px;
 
}

.bigstory .options_box{
	margin: 15px 0 15px 0;
	background: #2B5686;
	width: 155px;
	padding: 2px;
}
.bigstory .options_box h2{
	font-size: 9px;
	color: #fff;
	font-weight: bold;
	margin:0;
	padding: 4px;
}

.bigstory .options_box p{
	display: block;
	margin:0;
	background: #fff;
	padding: 3px 2px;
	line-height: 22px;
	
}

.bigstory .options_box p img{
	
	float: left;
	width: 16px;
	margin:0;
	padding:5px 4px 0px 3px;
}

.bigstory .options_box a{
	
	font-size: 10px;
	text-decoration: underline;
}

#right .section_head{
	padding: 10px 0 0 10px;
}

#right .gallery_title{
	font-size: 16px;
  font-weight: bold;
  margin:0 15px;
  color: #1550B2;
  padding: 7px 0 5px 0;
	text-align: center;
	border-bottom: 1px solid #999;
}
#right .gallery{
	padding: 4px 0px;
	margin: 10px 10px 0px 10px;
}

#right .gallery .content{
	font-size: 11px;
	float: left;
	width: 400px;
	clear: right;
}

#right .gallery .content p{
	margin: 0;
	padding: 3px 0;
}

#right .gallery .image{
	float: left;
	width: 190px;
	text-align: center;	
	margin-right: 15px;
}

#right .gallery .image img{
	width: 180px;
	border: 1px solid #999;
	padding: 1px;
}

#right .gallery .content h1{
	font-size: 13px;
  font-weight: bold;
  margin:0;
  padding: 0px 0 0 0;
}

#right .gallery_image{
	padding: 4px 0px;
	margin: 10px 10px 0px 10px;
}
#right .gallery_image h1{
	font-size: 14px;
  font-weight: bold;
  margin:0;
  color: #1550B2;
  padding: 7px 0 5px 0;
	text-align: center;
}
#right .gallery_image .image{
	text-align: center;
}
#right .gallery_image .image img{
	border: 1px solid #999;
	padding: 1px;
}

#right .gallery_image .links,#right .gallery_title .links{
	padding: 3px 0;
	font-size: 10px;
	font-weight: normal;
	text-align: center;
}

#right .rightcol{
  float: left;
  width: 305px;
  margin: 0px 0px 5px 2px;
}
#right .rightcol_sm{
  float: left;
  width: 260px;
  margin: 0px 0px 5px 2px;
}

#right .banners{
  background: #fff;
  padding: 0 0 8px 0;
  margin:12px 0 8px 0;
}

#right .banners a img{
  float: none;
  padding-bottom: 14px;  

}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#right .banners a img{
  display: block;
  float: left;
  padding-bottom: 14px;  

}
/* End IE5-Mac hack */


#right .banners img.right{
  padding-left: 2px;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#right .banners img.right{
  padding-left: 5px;
}
/* End IE5-Mac hack */

#right .box{
  padding: 0px;
  margin: 10px 0;
}
#right .box .content{
  font-size: 10px;
  padding: 4px;
}

#right .rightcol_sm .box .content{
  font-size: 12px;
  padding: 4px;
}
#right .rightcol_sm .box .content ul{
 margin:15px 10px 0 20px;
 padding: 0;
}
#right .rightcol_sm .box .content ul li{
 padding: 3px 0;
}
#right .rightcol_sm .box .content li a{
  color: #000;
  text-decoration: underline;
}
#right .box .content img#nf{
  float: right;
  width: auto;
  padding:0;
}

#right .box#peace{
  background: #ffffff;
}

#right .box#military{
  background: #ffffff;
}

#right .box#economy{
  background: #ffffff;
}

#right .box#culture{
  background: #ffffff;
}

#right .box#society{
  background: #ffffff;
}

#right .box#headlines{
  background: #fff

}

#right .box#headlines h1{
  padding: 0;
  margin: 0px 10px 8px 0;
  font-size: 13px;
  font-weight: bold;
}

#right .box#faq{
	height: 1250px;
  padding: 0px 0px 10px 0px;
  background: #DDD4E2;
}


#footer{
  background: #ffffff url("../img/footerbg.jpg") no-repeat;
  width: 769px;
  border: 1px solid #fff;
  border-width: 1px 0 0 1px;
  height: 46px;
  text-align: left;
  color: #333;
  font-size: 70%;
  line-height: 10px;
  padding: 4px 0 0 10px;
  margin: 0 auto 0px auto;
}

#footer .l{
  float: left;
  width: 160px;
}

#footer .l2{
  float: left;
}
#credit{
width: 780px;
margin: 0 auto;
padding: 10px 0;
text-align: right;
color: #1550B2;
font-size: 10px;
}
#credit a{
	color: #1550B2;
	text-decoration: none;
}

#credit a:hover{
	color: #EDA33A;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.clear{
  clear: both;
}