img		{
		border-style:none;
		max-width:100%;
		}

a		{
		text-decoration:none;
		color:#fff;
		}
		
a:hover	{
		text-decoration:none;
		color:#4b4b4b;
		}
		
.iph	{
		display:none;
		}

#front	{
		margin:auto;
		}
		
#psy
	{
	background:black;
	border:15px solid black;
	padding:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
#chatter
	{
	background:black;
	border:10px solid black;
	padding:0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	}
		
#maintable	{
		border:0px none;
		width:320px;
		height:400px;
		background:url('images/graphics/container.png') center no-repeat;
		margin:auto;
		text-align:center;
		}

#wcam	{
		margin:auto;
		width:640px;
		text-align:center;
		}
		
#about	{
		margin:auto;
		width:230px;
		color:#fff;
		text-align:left;
		}

#main	{
		color:#fff;
		width:319px;
		max-height:600px;
		min-height:315px;
		background:url('images/graphics/container.png') no-repeat center;
		margin:auto;
		text-align:center;
		}
		
#logo	{
		margin:auto;
		text-align:center;
		height:210px;
		background:url('images/graphics/logo.png') center no-repeat;
		z-index:1;
		}
		
.empty	{
		height:0px;
		margin:0px;
		padding:0px;
		}
		
.log	{
		height:206px;
		width:570px;
		}
		
.ico	{
		height:75px;
		width:75px;
		}

.dock	{
		height:60px;
		width:60px;
		vertical-align:top;
		}
		
.dock:hover	{
			background:url('images/graphics/dock_hover.png') no-repeat center;
			}
			
.top	{
		vertical-align:bottom;
		}
		
.bottom	{
		vertical-align:top;
		}

.left	{
		text-align:right;
		}
		
.right	{
		text-align:left;
		}
		
.hspacer{
		width:15px;
		}
		
#dock	{
		vertical-align:top;
		height:60px;
		}
		
#footer	{
		margin:auto;
		font-size:small;
		background:#000;
		border:#000 6px solid;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		color:#fff;
		width:80%;
		height:18px;
		}

#copy	{
		text-align:right;
		float:right;
		}
		
#icons	{
		height:75px;
		width:300px;
		}

#contact{
		text-align:left;
		float:left;
		}
		
#news	{
		background:url('images/graphics/sm_news.png') bottom right no-repeat;
		}
		
#news:hover	{
		background:url('images/graphics/bg_news.png') bottom right no-repeat;
		}
		
#shop	{
		background:url('images/graphics/sm_shop.png') bottom center no-repeat;
		}
		
#shop:hover	{
		background:url('images/graphics/bg_shop.png') bottom center no-repeat;
		}
		
#comic	{
		background:url('images/graphics/sm_com.png') bottom left no-repeat;
		}
		
#comic:hover	{
		background:url('images/graphics/bg_com.png') bottom left no-repeat;
		}
		
#events	{
		background:url('images/graphics/sm_event.png') center right no-repeat;
		}
		
#events:hover	{
		background:url('images/graphics/bg_event.png') center right no-repeat;
		}
		
#forum	{
		background:url('images/graphics/sm_for.png') center no-repeat;
		}
		
#forum:hover	{
		background:url('images/graphics/bg_for.png') center no-repeat;
		}
		
#cam	{
		background:url('images/graphics/sm_cam.png') center left no-repeat;
		}
		
#cam:hover	{
		background:url('images/graphics/bg_cam.png') center left no-repeat;
		}
		
#chat	{
		background:url('images/graphics/sm_chat.png') top right no-repeat;
		}
		
#chat:hover	{
		background:url('images/graphics/bg_chat.png') top right no-repeat;
		}
		
#arch	{
		background:url('images/graphics/sm_arch.png') top center no-repeat;
		}
		
#arch:hover	{
		background:url('images/graphics/bg_arch.png') top center no-repeat;
		}
		
#pc	{
		background:url('images/graphics/sm_pc.png') top left no-repeat;
		}
		
#pc:hover	{
		background:url('images/graphics/bg_pc.png') top left no-repeat;
		}
				
body	{
		background:#fff url('images/graphics/bg.jpg') 0px -60px;
		color:white;
		}
		


#news_php
{
width:760px;
margin:auto;
}
@media screen and (device-max-width: 479px) {
    #logo { display:none;}
	.log   { width:320px; height:116px; background:url('images/graphics/sm_logo.png') no-repeat center; }
	body   { background:gray url(''); }
	.front   { background:gray url('images/graphics/container.png') no-repeat center 30px;}
	#maintable {display:none;}
	.iph   {display:block; margin:auto; text-align:center; min-height:315px;}
	#news_php {display:none;}
	#left {width:550px;}
}
@media screen and (device-max-width: 319px) {
    #logo { display:none;}
	.log   { width:320px; height:116px; background:url('images/graphics/sm_logo.png') no-repeat center; }
	body   { background:gray url(''); }
	.front   { background:gray url('images/graphics/container.png') no-repeat center 30px;}
	#maintable {display:none;}
	.iph   {display:block; margin:auto; text-align:center; min-height:315px;}
	#news_php {display:none;}
	#left {width:550px;}
}
@media screen and (device-width: 480px) {
    #logo { display:none;}
	.log   { width:320px; height:116px; background:url('images/graphics/sm_logo.png') no-repeat center; }
	body   { background:gray url(''); }
	.front   { background:gray url('images/graphics/container.png') no-repeat center 30px;}
	#maintable {display:none;}
	.iph   {display:block; margin:auto; text-align:center; min-height:315px;}
	#psy img { max-width:100%;}
	#news_php {display:none;}
	#left {width:550px;}
	#chatter
	{
	background:black;
	border:5px solid black;
	padding:5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
}
@media screen and (device-width: 320px) {
    #logo { display:none;}
	.log   { width:320px; height:116px; background:url('images/graphics/sm_logo.png') no-repeat center; }
	body   { background:gray url(''); }
	.front  { background:gray url('images/graphics/container.png') no-repeat center 30px;}
	#maintable {display:none;}
	.iph   {display:block; margin:auto; text-align:center; min-height:315px;}
	#psy img { max-width:100%;}
	#news_php {display:none;}
	#left {width:550px;}
		#chatter
	{
	background:black;
	border:2px solid black;
	padding:2px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
}