body {
	background: url(bg.jpg) #FFF;
	background-attachment: fixed;
	background-position: right top;
	color:#000;
	font-family: 'tahoma', sans-serif; 
	font-size:18px;
	line-height:32px;


}
input ,textarea {
	font-size:16px;
	line-height:20px;
	padding:10px;

}
img { max-width: 100%;}
.thumb { width:315px;height:315px; display:inline-block; position:relative; float:left; margin:2px;}
.thumb h2 { position:absolute; left:0; top:3px; background:rgba(0,0,0,.5); color:#FFF; font-size:16px; line-height:18px; display:block; width:auto;padding:5px 10px;}
 .thumb .keys { text-align:right;position:absolute; right:0; bottom:3px;  color:#FFF; font-size:16px; line-height:18px; display:block; width:auto;}
 .thumb .keys a { background:rgba(0,0,0,.6); color:#FFF; display:inline-block; padding:2px 7px; font-size:12px;text-decoration: none; margin:2px;}
.thumb img { width:315px; height:315px; }
.tbanner { width:315px; height:315px; display:inline-block;position:relative; float:left;margin:2px; background:#EEE;}
.img {width:100%; text-align:center;}
.img img { min-width:50%; max-width:100%; display:inline-block;}
a.tag { line-height:20px;text-decoration:none; display:inline-block; margin:2px; background:#A00; padding:5px 10px; font-size:13px; color:#FFF; border-radius:3px;width:25%; max-width:calc(25% - 30px); text-align:center; text-transform:uppercase;}

#content { 
	max-width:970px;
 
	padding:10px;
	background:rgba(255,255,255,.5);
	color:#000;
	border-radius:3px;
}

 
#content_body {
	display:block;
	max-width:960px;
	 

}
hr {
    margin: 5px 0px;
    border: 0;
    padding: 0;
    border-bottom: 1px dotted #BBB;
}
a { color:#A00;}
a.button, #menu a { 
	display:inline-block;
	padding:3px 10px;
	background:#A00;
	color:#FFF;
	border-radius:3px;
	text-decoration: none; 
}
.navigation {
	display:block;
	text-align:center;
}
.navigation a { 
	display:inline-block;
	padding:3px 10px;
	background:#A00;
	color:#FFF;
	border-radius:3px;
	text-decoration: none; 
	min-width:30px;

	text-align:center;
}

.navigation span { 
	display:inline-block;
	padding:3px 10px;
	background:#DDD;
	color:#000;
	border-radius:3px;
	text-decoration: none; 
	min-width:30px;
	text-align:center;
}
#left_panel a { 
 	font-weight:bold;
	color:#A00;
	border-radius:3px;
	text-decoration: none;
	text-transform: uppercase;
}

#left_panel a:after {
	content: ' » ';
}
#left_panel a:hover {
	color:#F00;
	text-decoration: underline;
}
h1 { 
 	text-transform:uppercase;
	font-size:24px; 
	line-height:32px;
	margin:0; 
	color:#A00; }
	
h2 { 
	 
	font-size:24px; 
	line-height:32px;
	margin:0; 
	color:#888; 
	font-weight:normal;}
	
.desc { 
	margin:10px 0px; 
	padding:10px 20px; 
	background: rgba(239,239,239,.8);;
	border-radius:3px; }

.clear { 
	clear:both; 
	display:block; 
	height:5px; }

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

#search { margin:0; padding:0; float:right;}
#search input  { width:160px;}
@media only screen and (max-width: 900px) {
	 a.tag { 
	 	width:50%; 
	 	max-width:calc(50% - 30px);
	 }
}
@media only screen and (max-width: 500px) {
	 a.tag { 
	 	width:100%; 
	 	max-width:calc(100% - 30px);
	 }
}