body { margin: 0; padding: 0 0 30px 0; font-family: 'open_sansregular'; font-size: 14px; color: #ffffff; background: #202626 url('images/bg.jpg') repeat 0 0; }
table, td { margin: 0; padding: 0; font-size: 14px; border-collapse: collapse; vertical-align: top; }
img { border: 0; }
h1, h2, h3, h4, h5, h6, h7, p { padding: 0; margin: 0; font-weight: normal; }
p { padding: 0 0 5px 0; margin: 0; line-height: 16px; }
ul, ol, li { padding: 0 0 5px 0; margin: 0; list-style: none; }
form { padding: 0; margin: 0; }
.radio { vertical-align: middle; }
select, input, textarea, option { padding: 0; margin: 0; font-size: 12px; font-family: 'open_sansregular'; color: #000000; outline: none; }
a { color: #4a4a4a; cursor: pointer; outline: none; text-decoration: none; }
a:hover { color: #000000; }
div.br { clear: both; height: 0; overflow: hidden; }
.aligncenter {
display:block;
margin-left: auto;
margin-right: auto;
}
/*********************************************/
@font-face {
	font-family: 'open_sansregular';
	src: url('fonts/opensans-regular_0-web.eot');
	src: url('fonts/opensans-regular_0-web.eot?#iefix') format('embedded-opentype'),
		 url('fonts/opensans-regular_0-web.woff') format('woff'),
		 url('fonts/opensans-regular_0-web.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'open_sansitalic';
	src: url('fonts/opensans-italic_0-web.eot');
	src: url('fonts/opensans-italic_0-web.eot?#iefix') format('embedded-opentype'),
		 url('fonts/opensans-italic_0-web.woff') format('woff'),
		 url('fonts/opensans-italic_0-web.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light_1-web.eot');
    src: url('fonts/opensans-light_1-web.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light_1-web.woff') format('woff'),
         url('fonts/opensans-light_1-web.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*********************************************/
div.page { width: 1004px; margin: auto; background: url('images/page.gif') repeat-y 0 0; }

div.header { height: 273px; background: url('images/header.jpg') no-repeat 0 0; }
div.header a { display: block; width: 1004px; height: 273px; }

div.line { height: 57px; background: url('images/line.jpg') no-repeat 0 0; position: relative; }

div.footer { height: 104px; background: url('images/footer.jpg') no-repeat 0 0; color: #FFFFFF; padding: 20px 0 0 305px; }
div.footer p { font: 13px/18px 'open_sanslight'; }
div.footer span { color: #d1d1d1; }
div.footer a { color: #FFFFFF; }
div.footer a:hover { color: #ffffff; }

div.content { padding: 18px 20px; }


div.bonus { color: #b5b5b5; text-align: center; margin: 15px -20px 0 -20px; }
div.bonus div { width: 232px; height: 300px; overflow: hidden; display: inline-block; text-align: left; margin: 0 45px; }
div.bonus img { border: 1px solid #dddddd; margin: 5px 0; }
div.bonus h3 { font: 12px/18px 'open_sansregular'; color: #ffffff; }
div.bonus p { font: 12px/18px 'open_sanslight'; }

div.leftside { width: 690px; float: left; }
div.rightside { width: 258px; float: right; }

a.m1 { display: block; width: 164px; height: 57px; background: url('images/m1.png') no-repeat 0 0; margin-left: 30px; float: left; }
a.m1:hover { opacity: 0.5; }
a.m2 { display: block; width: 169px; height: 57px; background: url('images/m2.png') no-repeat 0 0; margin-left: 40px; float: left; }
a.m2:hover { opacity: 0.5; }

div.search { position: absolute; right: 30px; top: 17px; width: 250px; height: 27px; background: url('images/search.png') no-repeat 0 0; z-index: 100; }
div.search input[type="text"] { width: 180px; height: 20px; border: 0; background: none; position: absolute; left: 30px; top: 2px; color: #dddddd; font: 12px/18px 'open_sanslight'; }
div.search input[type="submit"] { width: 33px; height: 33px; border: 0; background: none; position: absolute; right: 0; top: 0; text-indent: -9999px; overflow: hidden; cursor: pointer; }

div.post { background: #ffffff; padding: 16px; border-radius: 8px; color: #4a4a4a; margin-bottom: 20px; }
div.post h2 { font: 18px/26px 'open_sansregular'; padding: 10px 20px 10px 44px; margin: -16px -16px 16px -16px; text-transform: uppercase; background: url('images/h2.png') no-repeat 16px 14px; border-bottom: 1px solid #acacac; }

div.pic { border: 4px double #dddddd; margin-bottom: 15px; }
div.pic img {  }

a.join { display: block; width: 357px; height: 104px; background: url('images/join.png') no-repeat 0 0; float: right; margin-top: 15px; }
a.join:hover { background: url('images/join.png') no-repeat 0 100%; }

div.rightside a { color: #b5b5b5; }
div.rightside a:hover { color: #ffffff; }

.widget-title { color: #b5b5b5; font: 18px/26px 'open_sansregular'; padding: 10px 20px 10px 44px; margin: -16px -16px 16px -16px; background: url('images/h3.png') no-repeat 16px 14px; border-bottom: 1px solid #636363; }

li.widget-container { background: #1b1b1b; padding: 16px; border-radius: 8px; color: #4a4a4a; margin-bottom: 20px; }

li.cat-item { background: url('images/li.png') no-repeat 5px 10px; padding: 5px 0 5px 30px; border-bottom: 1px solid #313131; }


div.navigation { height: 59px; color: #FFFFFF;}
div.navigation a { color: #ffffff; }
div.navigation a:hover { color: #ffffff; }
span.next { display: block; width: 273px; height: 49px; background: url('images/next.png') no-repeat 0 0; float: right; }
span.prev { display: block; width: 273px; height: 49px; background: url('images/prev.png') no-repeat 0 0; float: left; }
span.next:hover { opacity: 0.7; }
span.prev:hover { opacity: 0.7; }


.page-title { font: 18px/26px 'open_sansregular'; padding: 0 0 16px 0; color: #999999; }

div.bsite { color: #cccccc; width: 232px; overflow: hidden; border-bottom: 1px solid #313131; padding: 0 0 10px 0; margin-bottom: 15px; }
div.bsite img { border: 1px solid #dddddd; margin: 5px 0; }
div.bsite h3 { font: 12px/18px 'open_sansregular'; color: #ffffff; }
div.bsite p { font: 12px/18px 'open_sanslight'; }