body {
	margin:0;
	font-family:Verdana,Arial,sans;
	font-size:12px;
	background-color:#5C9D55;
	background-image:url('../img/bg.png');
	background-repeat:repeat-x;
	color:#FFFFFF;
}

a {
	color:#FFFFFF;
	font-weight:bold;
}
a:hover {
	color:#FFFF00;
}

img {
	border:0;
	vertical-align:bottom;
}

header {
	width:242px;
	margin:0 auto;
}

nav ul {
	list-style-type:none;
	width:100%;
	margin:0;
	padding:0;
}

nav ul li {
	float:left;
}

nav ul li a {
	display:block;
	margin:5px 0;
	padding:5px;
}
nav ul li a:hover {
	color:#FFFF00;
}

nav ul li form {
	margin-top:1px;
	padding:5px;
}

nav ul li form .search_field {
	margin-right:7px;
	padding:1px;
	border:1px solid #FFFFFF;
	background:#231F20;
	color:#CCCCCC;
	font-family:Verdana,Arial,sans;
	font-size:12px;
}

nav ul li form .search_button {
	padding:2px;
	background:#FFFFFF;
	background:-webkit-linear-gradient(#FFFFFF, #DDDDDD);
	background:-o-linear-gradient(#FFFFFF, #DDDDDD);
	background:-moz-linear-gradient(#FFFFFF, #DDDDDD);
	background:linear-gradient(#FFFFFF, #DDDDDD);
	border:0;
	font-family:Verdana,Arial,sans;
	font-size:12px;
	font-weight:bold;
}
nav ul li form .search_button:hover {
	background:#DDDDDD;
}

nav ul li span {
	display:block;
	margin:5px 0;
	padding:5px;
}

footer {
	margin-bottom:5px;
	text-align:center;
}

.block_0 {
	margin-bottom:10px;
	padding:1px;
	border:1px solid #000000;
	background:#FFFFFF;
}

.block_1 {
	border-top:1px solid #C4C4C4;
	border-right:1px solid #787878;
	border-bottom:1px solid #787878;
	border-left:1px solid #C4C4C4;
	background-color:#BEBFC1;
	background-image:url('../img/block_bg.png');
	background-repeat:repeat-x;
}

.block_2 {
	margin:10px;
	border:1px solid #6A696C;
	background:#231F20;
}

.block_2_text {
	padding:5px;
	text-align:left;
}

.ico {
	float:left;
	width:50px;
	height:50px;
	margin:5px;
}

.spotlight_thumb {
	float:left;
	width:33%;
	margin:10px 0;
	text-align:center;
}

/*

padding = 28

*/
@media screen {
	.wrapper {
		position:relative;
		width:288px;
		margin:0 auto;
	}
	
	.left {
		display:none;
	}
	
	.right {
		display:none;
	}
	
	.block_2_detail {
		display:none;
		float:right;
	}
	
	.block_2_half {
		margin:10px;
		border:1px solid #6A696C;
		background:#231F20;
	}
}

@media screen and (min-width: 488px) {
	.wrapper {
		width:488px;
	}
	
	.block_2_detail {
		display:block;
		width:100px;
		text-align:right;
	}
	
	.block_2_half {
		float:left;
		width:219px;
	}
}

@media screen and (min-width: 788px) {
	.wrapper {
		width:788px;
	}
	
	.block_2_half {
		width:369px;
	}
}

@media screen and (min-width: 1200px) {
	.wrapper {
		width:788px;
	}
	
	.left {
		display:block;
		position:absolute;
		width:180px;
		left:-190px;
		text-align:right;
	}
	
	.right {
		display:block;
		position:absolute;
		width:180px;
		left:798px;
		text-align:left;
	}
	
	.block_2_half {
		width:369px;
	}
}