/* aReset styles */

 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin : 0;
	padding : 0;
	border : 0;
	font-weight : inherit;
	font-style : inherit;
	font-size : 100%;
	font-family : inherit;
}
a img, :link img, :visited img {
	border : 0;
}
table {
	border-collapse : collapse;
	border-spacing : 0;
}
ol, ul {
	list-style : none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content : "";
}
html {
	background : #eff2f5 url("../images/bg.png") repeat-x top;
}
body {
	font : 0.7em Arial;
	color : #6b6a6a;
	background : url("../images/bottom-bg.gif") repeat-x bottom;
	padding : 8px 0 0;
}
a {
	text-decoration : underline;
	color : #00aeef;
}
a:hover {
	text-decoration : none;
}
strong {
	font-weight : bold;
}
em {
	font-style : italic;
}
h1 {
	color : #00aeef;
	font : normal 1.6em Arial;
	margin-bottom : 2px;
}
h1 sup {
	font : normal 11px Arial;
	color : #fff;
	background : #f68e56;
	padding : 0 2px;
}
h2 {
	font : bold 1.2em Arial;
	padding : 5px 20px;
	color : #fff;
	background : #ccc;
	margin-bottom : 5px;
}

.yazz {
    width:500px !important;
	font : bold 1.2em Arial;
	padding : 5px 20px;
	color : #fff;
	background : #ccc;
	margin-bottom : 15px;
}

.green {padding:7px;color:#fff;font-size:15px;
	background : #acd373;
}
.red {padding:7px;color:#fff;font-size:15px;
	background : #f69679;
}
.pink {padding:7px;color:#fff;font-size:15px;
	background : #f06eaa;
}
.blue {padding:7px;color:#fff;font-size:15px;
	background : #6dcff6;
}
.brown {padding:7px;color:#fff;font-size:15px;
	background : #998675;
}
.aqua {padding:7px;color:#fff;font-size:15px;
	background : #1cbbb4;
}
.lightpink {padding:7px;color:#fff;font-size:15px;
	background : #f5989d;
}
.orange {padding:7px;color:#fff;font-size:15px;
	background : #e7a71d;
}
h3 {
	font : bold 1.25em Arial;
	margin-bottom : 5px;
}
.textbox, select {
	font : normal 1em Arial;
	color : #6b6a6a;
	background : #fff;
	border : 1px solid #bbb;
}
.textbox:focus {
	background : #f5f5f5;
}
.button {
	border : 1px solid #ccc;
	font : normal 1em Arial;
	color : #00aeef;
	cursor : pointer;
	background : #fff;
}
.button:hover {
	background : #f5f5f5;
}
textarea {
	background : #f5f5f5;
	padding : 0;
	font : normal 1em Arial;
}
.wrap {
	width : 980px;
	margin : 0 auto;
	background : url("../images/wrapper-middle.png") repeat-y center;
}
.outer-wrapper {
	background : url("../images/wrapper-top.png") no-repeat center top;
}
.wrapper {
	padding : 0 4px 10px;
	background : url("../images/wrapper-bottom.png") no-repeat center bottom;
}
.wrapper:after {
	clear : both;
	display : block;
	content : "";
}
.container {
	width : 100%;
	float : right;
	margin-left : -230px;
}
.header {
	position : relative;
	height : 248px;
	background : url("../images/header.jpg") no-repeat center top;
}
.logo {
	position : absolute;
	top : 0;
	left : 0;
}
.post {
	position : absolute;
	right : 0;
	top : 125px;}
	
div.banner-top {
	top: 29px;
	right: 80px;
	position: absolute;
}

.login {
	position : absolute;
	left : 0;
	bottom : 15px;
	padding : 2px 5px;
	background : url("../images/login-bg.png");
}
.login span {
	font-size : 1.1em;
	color : #fff;
}
.login span a {
	color : #fff;
}
.login table {
	text-align : right;
}
.login td {
	padding : 0 4px 2px 0;
}
.login ul {
	padding-left : 5px;
}
.login li {
	padding-left : 8px;
	background : url("../images/login-arrow.gif") no-repeat left 4px;
	text-align : left;
}
.login a {
	color : #464646;
}
.login a:hover {
	color : #fff;
}
.content {
	margin-left : 230px;
}
.center {
	text-align : center;
}
.recommended {
	margin-bottom : 6px;
}
.recommended li {
	background:#F3FFE0;
	text-align:center;
	padding:10px 3px 3px;
}
.recommended p {
	margin-bottom : 3px;
}
.recommended a {
	color : #464646;
	text-decoration : none;
}
.recommended a:hover {
	color : #f06eaa;
	text-decoration : underline;
}
.main {
	margin-right : 220px;
}
.category {
	overflow : hidden;
	background : url("../images/category-bg.gif") no-repeat left top;
	padding-left : 15px;
	margin-bottom : 6px;
}
.category p {
	float : left;
	background : #f7e7d9 url("../images/category-right.gif") no-repeat right top;
	padding : 0 30px 0 10px;
	font : normal 1.2em/20px Verdana;
	color : #998675;
}
.category a {
	color : #998675;
	text-decoration : none;
}
.category a:hover {
	color : #695645;
}
.date {
	float : right;
	background : #f3f3f3;
	line-height : 20px;
	color : #7d7d7d;
	padding : 0 5px;
}
.title-footer {
	margin-bottom : 10px;
	font-family : Verdana;
}
.title-footer a {
	color : #f26c4f;
	text-decoration : none;
}
.title-footer a:hover {
	text-decoration : underline;
}
.title-footer img {
	vertical-align : top;
}
.news {
	overflow : hidden;
	padding-bottom : 8px;
}
.news img {
	margin : 0 5px;
}
.news form img {
	margin : 0;
	vertical-align : top;
}
.post-footer {
	background : #e9f7f7;
	color : #00aeef;
	font : italic normal 1.3em Arial;
	padding : 3px 7px 5px;
	margin-bottom : 16px;
	text-decoration : none;
}
.post-footer a {
	text-decoration : none;
}
.post-footer a:hover {
	text-decoration : underline;
}
.post-footer .rating {
	float : right;
	padding-top : 1px;
	font-size : 12px;
}
.banner-block {
	margin-bottom : 12px;
	text-align : center;
}
.block {
	padding : 0 8px;
	margin-bottom : 12px;
}
.leftside {
	width : 220px;
	float : left;
}
.random-news {
	margin-bottom : 6px;
}
.random-news li {
	background : #e4f2fc;
	font-size : 1.1em;
	text-align : center;
	padding:10px 3px 3px;
}
.random-news p {
	margin-bottom : 3px;
}
.random-news a {
	color : #464646;
	text-decoration : none;
}
.random-news a:hover {
	color : #222;
}
.searchbox {
	padding : 5px 10px 5px;
	margin-bottom : 12px;
}
.searchbox .textbox {
	width : 130px;
}
.rightside {
	width : 210px;
	float : right;
}
.topnews {
	font-size : 1.1em;
	color : #4d4d4d;
}
.topnews a {
	color : #4d4d4d;
	text-decoration : none;
}
.topnews a:hover {
	color : #8dc63f;
	text-decoration : underline;
}
.menu {
	margin-bottom : 20px;
}
.menu li {
	margin-bottom : 5px;
}
.menu p {
	color : #b7b7b7;
}
.menu dl {
	overflow : hidden;
	padding : 5px 0;
	cursor : pointer;
}
.menu .even {
	background : #f7f1f1;
}
.menu dl:hover, .menu .iehover {
	background : #e7fdc5;
}
.menu dd {
	display : table;
}
.menu dt {
	float : left;
	width : 40px;
	text-align : center;
}
.menu dl:hover h3, .menu .iehover h3 {
	color : #f06eaa;
	text-decoration : underline;
}
.menu ul {
	display : none;
	margin : 5px 0 5px 22px;
}
.menu ul li {
	background : url("../images/menu-bullet.gif") no-repeat left 3px;
	padding-left : 18px;
}
.menu ul li a {
	color : #acacac;
}
.menu ul li a:hover {
	color : #00aeef;
}
.footer {
    color: #FFFFFF;
    height: 90px;
    margin: 0 auto;
    padding: 0 0 1px;
    text-align: center;
    width: 950px;
}
//////////
.a-btn{
 background: linear-gradient(top, #a9db80 0%,#96c56f 100%);
 padding-left: 90px;
 padding-right: 105px;
 height: 90px;
 display: inline-block;
 position: relative;
 border: 1px solid #80ab5d;
 box-shadow:
 0px 1px 1px rgba(255,255,255,0.8) inset,
 1px 1px 3px rgba(0,0,0,0.2);
 border-radius: 4px;
 float: left;
 clear: both;
 margin: 10px 0px;
 overflow: hidden;
 transition: box-shadow 0.3s ease-in-out;
}
.a-btn img{
 position: absolute;
 left: 15px;
 top: 13px;
 border: none;
 transition: all 0.3s ease-in-out;
}
.a-btn .a-btn-slide-text{
 position: absolute;
 font-size: 36px;
 top: 18px;
 left: 18px;
 color: #6d954e;
 opacity: 0;
 text-shadow: 0px 1px 1px rgba(255,255,255,0.4);
 transition: opacity 0.2s ease-in-out;
}
.a-btn-text{
 padding-top: 13px;
 display: block;
 font-size: 30px;
 text-shadow: 0px -1px 1px #80ab5d;
}
.a-btn-text small{
 display: block;
 font-size: 11px;
 letter-spacing: 1px;
}
.a-btn-icon-right{
 position: absolute;
 right: 0px;
 top: 0px;
 height: 100%;
 width: 80px;
 border-left: 1px solid #80ab5d;
 box-shadow: 1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a-btn-icon-right span{
 width: 38px;
 height: 38px;
 opacity: 0.7;
 border-radius: 20px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin: -20px 0px 0px -20px;
 border: 1px solid rgba(0,0,0,0.5);
 background: #4e5c50 url(../images/arrow_down.png) no-repeat center center;
 box-shadow:
 0px 1px 1px rgba(255,255,255,0.3) inset,
 0px 1px 2px rgba(255,255,255,0.5);
 transition: all 0.3s ease-in-out;
}


.a-btn:hover{
 box-shadow:
 0px 1px 1px rgba(255,255,255,0.8) inset,
 1px 1px 5px rgba(0,0,0,0.4);
}
.a-btn:hover img{
 transform: scale(10);
 opacity: 0;
}
.a-btn:hover .a-btn-slide-text,
.a-btn:hover .a-btn-icon-right span{
 opacity: 1;
}
.a-btn:active {
 position:relative;
 top:1px;
 background:#80ab5d;
 box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
 border-color: #a9db80;
}
.a-btn:active .a-btn-icon-right span{
 transform: scale(1.4);
}