@import url('common.css');

.content_mid_left {float: left; width: 300px;}
.content_mid_mid {float: left; width: 300px; padding-left: 20px;}
.content_mid_right {float: left; width: 300px; padding-left: 20px;}

.content_bot_left {float: left; width: 300px;}
.content_bot_mid {float: left; width: 300px; padding-left: 20px;}
.content_bot_right {float: left; width: 300px; padding-left: 20px;}

.news {margin-top: 0px; margin-bottom: 10px;}
.news h1 {padding: 10px 10px; margin: 0px; font-size: 20px; background-color: #fff;  color: #8daba8;}
.news .main_news {position: relative; display: block; float: left; border-bottom: 10px solid #e2001a; text-decoration: none;} 
.news .main_news img {border-width: 0px; }
.news .main_news h1 {
	display: block; width: 448px;
	position: absolute; bottom: 0px; left: 0px;
	padding: 10px; margin: 0px;
	font-size: 30px; font-weight: bold; color: #fff; 
	background-color: #000; opacity: 0.8; filter: alpha(opacity = 80); 
}

.news .news_at_right {float: left;}
.news .small_news {float: left; padding: 0px 0px 10px 28px; width: 129px;}
.news .small_news img {display: block; border-width: 0px;}
.news .small_news a {display: inline-block; margin: 0px; padding: 5px 0px; font-size: 12px; font-weight: normal; text-decoration: none;}
.news .small_news a span {color: #E2001A; font-size: 90%; }
.news .small_news a:hover {text-decoration: underline;}
.news .small_news a .gallery { color: #E2001A; font-size: inherit; font-weight: bold; }
.news .small_news a .test { color: #E2001A; font-size: inherit; font-weight: bold; }
.box {width: 300px; height: 300px; background-color: #c4d4d3; }
.box h2 {padding: 10px 10px; margin: 0px; font-size: 20px; background-color: #fff;  color: #8daba8;}
.box h3 {display: block; font-size: 14px; font-weight: bold; padding: 10px; width: 280px; background-color:#8daba8; color: #fff;}
.box div.content { background-color: #c4d4d3; padding: 10px; }

.pollbox {background: #c4d4d3 url('/images/site/poll_bg.png') no-repeat bottom right; }
.box div.content {background-color: transparent; }
.pollbox label {display: inline-block; padding: 3px; font-size: 12px;}
.pollbox input {display: inline-block; padding: 3px; font-size: 12px;}

.pollbox .total_votes {padding-top: 10px; }
.pollbox .answer {display: inline-block; margin: 10px 0px 2px 0px; }
.pollbox .bar {float: left; height: 8px; margin: 2px 10px 2px 0px; background-color: #E2001A; }
.pollbox .bar0 {background-color: #E2001A; }
.pollbox .bar1 {background-color: #0075A4; }
.pollbox .bar2 {background-color: #00A60E; }
.pollbox .bar4 {background-color: #E2001A; }
.pollbox .percent {float: left; font-size: 10px; margin: 0px 10px 2px 0px; }

.latest_threads {background-color: #fff; overflow: hidden;}
.latest_threads div.content {background-color: #fff; padding: 0px; border-top: 1px solid #8daba8; }
.latest_threads div.content table {border-collapse: collapse; width: 100%; padding: 0px; margin: 0px;  }
.latest_threads div.content table tr td {padding: 5px; }
.latest_threads div.content table tr td a {color: #000; font-size: 12px; overflow: hidden; display: block; }
.latest_threads div.content table tr td.total {border-left: 1px dashed #c4d4d3; }

.latest_blog { position: relative;}
.latest_blog .image_frame {height: 120px; overflow: hidden; position: relative;}
.latest_blog .image_frame img {position: absolute; left: 0px; top: -40px; display: block; border-width: 0px;}
.latest_blog .read_more {position: absolute; bottom: 10px; right: 10px;}
.latest_blog .read_more span { color: #E2001A; font-size: 90%;}
/*
.research {}
.research h2 {padding: 10px 10px; margin: 0px; font-size: 20px; color: #e94f00;}
.research .cat {float: left; width: 280px; padding: 10px; background-color: #ccc; margin-right: 10px; }
.research h3 {}
*/
.galleries {margin: 0px -10px; }
.galleries h2 {padding: 10px 20px; margin: 0px; font-size: 20px; color: #000; margin-top: 10px; }
.gallery_strip {background: transparent url('/images/site/film.png') repeat-x top left; height: 150px; text-align: center; margin-bottom: 10px; }
/* .gallery_strip .image_wrapper {margin: 32px auto; } */
.gallery_strip a {display: inline-block; margin: 32px 0px 32px 0px; margin-left: 20px; color: #fff; height: 88px; vertical-align: middle; position: relative;}
.gallery_strip a.first { margin-left: 0px; }
.gallery_strip a img {display: inline; border: 1px solid #fff; }
.gallery_strip a h3 {display: block; font-size: 10px; width: 125px; padding: 2px; background-color: #fff; color: #000; position: absolute; bottom: 0px; left: 1px; opacity: 0.6; filter: alpha(opacity = 60)}

.how_to {background-color: #fff; }
.how_to h2 {color: #e94f00;}
.how_to div.content a {display: block; padding: 0px; color: #000; margin: 0px;}
.how_to div.content {border-top: 1px solid #e94f00; }

.trick {position: relative; background-color: #e99c75;}
.trick h2 {color: #e94f00;}
.trick h3 {background-color: #e94f00;}
.trick .image_frame {height: 120px; overflow: hidden; position: relative;}
.trick .image_frame img {position: absolute; left: 0px; top: -40px; display: block; border-width: 0px;}
.trick .read_more {position: absolute; bottom: 10px; right: 10px;}

.announcement {background-color: transparent; }
.announcement h2 {color: #e94f00;}
.announcement a {border-left: 10px solid #e94f00; background: #fff url('/') no-repeat 0px -20px; display: block; height: 36px; overflow: hidden; padding: 10px 10px 10px 139px; margin-bottom: 20px; color: #000;}
.announcement a.big {height: 66px; background:  #e99c75 url('/') no-repeat 0px 0px; color: #000; font-weight: bold;}