@charset "UTF-8";
/* CSS Document */

body
{
	/*background:url(../images/backgrounds/stripe-less.png);*/
	/*background:url(../images/backgrounds/dropshad-narrow.png);
	background-repeat:repeat-y;
	background-position:center;
	background:url(../images/backgrounds/spots.png);
	background:url(../images/backgrounds/newstripe.png);*/
	background:url(../images/backgrounds/stripe_tiny.png);

}

#shell
{
	background:url(../images/backgrounds/dropshad-trans20.png);
	background-repeat:repeat-y;
	width:1040px;
	margin-top:-10px;
	margin-left:auto;
	margin-right:auto;
}

#all
	{
	background:#FFF;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	margin-top:-2px;
	/*font-family:Arial, Helvetica, sans-serif;*/
	/*font-family: tahoma, helvetica, sans-serif;*/
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#666;
	}
	
	#all a:link
			{
			color:#0C0;
			text-decoration:none;
			}

		#all a:visited
			{
			color:#0C0;
			text-decoration:none;
			}

		#all a:hover
			{
			color:#FF6400;
			}

#header
	{
	width:1000px;
	font-size:36px;
	}
	
	#header img
	{
		z-index:-1;
	}
	
	#logo
	{
	float:left;
	}
	
	#nav
	{
		width:100%;
		/*background:#CCC;*/
		height:5px;
		margin-bottom:80px;
		margin-top:-70px;
		position:relative;
		z-index:1;
	}
	
	#nav a:link
	{
		color:#600;
		text-decoration:none;
	}
	
	#nav a:visited
	{
		color:#600;
		text-decoration:none;
	}
	
	#nav a:hover
	
	{
		color:#090;
		text-decoration:none;
	}
		
	
a.nav, a.nav:link, a.nav:visited 
{
	display:block; 
	
	/*margin-top:5px;*/

	padding-top:5px;
	padding-left:8px;
	padding-right:8px;
	padding-bottom:2px;
	text-align:center; 
	text-decoration:none; 
	font-family:verdana, arial, sans-serif; 
	font-size:20px; 
	color:#000; 
	line-height:25px; 
	overflow:hidden;
	float:right;
	}
	
	a.nav:hover
	{
		color:#090;
		/*background:#CCC;*/
	}
	
	#title
	{
		width:600px;
		height:75px;
		background:url(../images/backgrounds/black-lozenge-600.jpg);
		background-repeat:no-repeat;
		color:#FFF;
		font-size:30px;
		padding-left:20px;
		padding-top:1px;
		/*padding-bottom:10px;*/
		/*clear:left;
		float:left;*/
	}
	
	#intro
	{
		width:1000px;
		line-height:130%;
		clear:both;
		padding: 10px;
	}
	
	#intro span
	
	{
		background-color:#000;
		color:#FFF;
		padding-left:2px;
		padding-top:2px;
		padding-right:2px;
		padding-bottom:2px;
		letter-spacing:2px;
	}
		

	
	#right-tit
	{
		width:330px;
		height:75px;
		background:url(../images/backgrounds/black-lozenge-330.jpg);
		background-repeat:no-repeat;
		color:#FFF;
		font-size:30px;
		padding-left:20px;
		padding-top:1px;
		/*float:right;*/
	}
		
	div.col-content
	{
		padding-left:10px;
		padding-right:10px;
	}
	
#leftcol
{
	width:600px;
	clear:left;
	float:left;
	line-height:130%;
	/*letter-spacing:2px;*/
	color:#333;
}

#leftcol hr
{
	color:#6CF;
	background-color:#6CF;
	height:5px;
}

#whole_width_title
{
	width:1000px;
		height:75px;
		background:url(../images/backgrounds/black-lozenge-1000.png);
		background-repeat:no-repeat;
		color:#FFF;
		font-size:30px;
		padding-left:20px;
		padding-top:1px;
		padding-bottom:1px;
}

div.post
{
	/*width:600px;
	background:#999;*/
	padding-left:10px;
	padding-right:10px;
	color:#666;
}

div.post-tit
{
	/*width:600px;*/
	color:#093;
	/*background:#CCC;*/
}

div.post-content
{
	/*width:600px;
	overflow:hidden;
	margin-left:25px;*/
	
	/*border-style:solid;
border-width:5px;
border-color:#CCC;
padding:10px;*/
}

div.post-content h4
{
	color:#333;
	font-size:24px;
}

img.post-img
{
	float:left;
	margin:10px;
}

object.post-object
{
	float:left;
	margin:10px;
}

span.date
{
	font-style:italic;
	font-size:9px;
}

span.smaller
{
	line-height:100%;
	letter-spacing:normal;
}
	

#rightcol
{
	width:333px;
	float:right;
	line-height:130%;
}
	
	ul.grid
{
	list-style:none;
}

ul.grid li
{
	float:left;
	margin-right:50px;
	margin-left:0px;
	margin-top:5px;
	margin-bottom:5px;
}
span.griditem
{
	display:block;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
}
	
	
	#tag
	{
		display:block;
		margin-top:10px;
		margin-left:auto;
		margin-right:auto;
	}
	
p.red
{
	color:#F00;
}
	
#footer
{
	width:100%;
	height:50px;
	background:url(../images/testimages/footer-lozenge.jpg);
	background-repeat:no-repeat;
	font-size:10px;
	clear:both;
	margin-top:10px;
	padding-top:10px;
	text-align:center;
}

#footer a:link
			{
			color:#000;
			text-decoration:none;
			}

		#footer a:visited
			{
			color:#000;
			text-decoration:none;
			}

		#footer a:hover
			{
			color:#666;
			}
	#footer-nav
	{
		margin-left:20px;
		width:100%;
		height:100%;
	}
	

/* Mobile */

@media handheld, only screen and (max-width: 993px) {
	.hidden_to_mobile		{ display: none; }; /* add this class to anything you dont want shown on the mobile version */
	body 					{ font-size: 16px; -webkit-text-size-adjust: none;}
	img,object,embed		{ max-width:100%; margin: 0 auto;}
	img{height:auto;}
	
	#all, #shell, #whole_width_title, #intro, #right-tit, #leftcol, #rightcol, #header		{ width: 100%; margin-right:0; margin-left:0; padding-right:0; padding-left:0; }
	#title								{ width: auto; }
	#rightcol							{ float: left; }
	#nav		{ margin-top: 0; }
}