@charset "utf-8";
/*DEFAULT TAGS AND CSS*/
body{ margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:72.5%; font-weight:normal; font-style:normal; color:#353628; }   
h1, h2, h3, h4, h5, h6, p, span, label, form, input, li, ol, dl, ul, br, img, div, textarea, checkbox, radio, button, textarea, select, hr, a{ margin:0; padding:0;}
html{ height:100%;}
input, select, radio{ vertical-align:middle;}
form{margin:0; padding:0;}
img{border:none;}
button{margin:0; padding:0;}
.clearfix {display: block;}
.clearfix:after {content:".";display: block;clear:both; visibility: hidden;line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix{height:1%;}
clear{clear:both;}
/* CSS Document */

a{text-decoration:none;}
a:hover{text-decoration:underline;}

p{font-size:12px; color:#353628;}
p.size14{font-size:14px; color:#353628;}

.blog h1 {font-size:2em; font-weight:normal; color:#353628; line-height:27px;}
.blog h1 a{font-weight:normal; color:#000000; line-height:27px;}

.homebg{width:100%; float:left; background:url(blogimages/bg-in.jpg) 0 0 repeat-x;}
.homebg2{width:100%; float:left; background:url(blogimages/bg-in.jpg) 0 0 repeat-x;}

.wrapper{width:1035px; margin:0 auto;}
.header{width:1035; float:left; height:153px;}
.header_bg{width:500px; height:5px; background:url(blogimages/headerbg.jpg) 0 0 repeat-x; position:absolute; margin:0 0 0 1035px;}

.header h1{ margin:0; padding:0 120px 0 35px; float:left;}
.header h1 span{display:none;}

.navigation{float:left; width:; margin:-106px -15px 15px 242px;}
.navigation ul{ list-style:none; margin:0; padding:0;}
.navigation ul li{ float:left; line-height:normal; margin:0 2px;}
.navigation a{height:50px; float:left; display:block; font-size:17px; font-weight:bold; color:#000000; padding:60px 15px 0 15px;}
.navigation a:hover{text-decoration:none; color:#FF0000; }
.navigation a.active{background:url(blogimages/navbg.jpg) center bottom no-repeat; color:#FFFFFF;}


.content{width:1035px; float:left;}
.banner-text{width:1035px; float:left; height:101px; text-align:center;}
.gallery{width:5px; float:left;}
.textban{margin:24px 0 0 0;}

.content-box{width:995px; float:left; padding:0 20px;}
.content1{height:60px; float:left; width:995px; background:url(blogimages/topright_bg.jpg) left bottom repeat-x;}
.topright_buttons{width:325px; float:right; padding:10px 0 0 0;}
.topright_buttons a{height:34px; display:block; float:left; background:url(blogimages/topright_button.jpg) 0 0 no-repeat; margin:0 5px 0 0;}
.topright_buttons a.topbtn-1{ width:69px; }
.topright_buttons a.topbtn-2{ width:95px; background-position:-69px 0px;}
.topright_buttons a.topbtn-3{ width:145px; background-position:-164px 0px;}

.topright_buttons a.topbtn-1:hover{ background-position:0 -35px;}
.topright_buttons a.topbtn-2:hover{background-position:-69px -35px;}
.topright_buttons a.topbtn-3:hover{background-position:-164px -35px;}

.content-box2{width:995px; float:left; padding:30px 20px 0 20px; }
.content_left{width:720px; float:left; padding:0 20px 0 0;}


.float_left{ float:left;}
.float_right{ float:right;}


.demorow{width:100%; float:left; padding:0 0 55px 0;}
.demorowbox{width:345px; }
.demorowbox a.img{padding:1px; background-color:#FFFFFF; border:10px solid #ebeaea; display:block; float:left;}
.demorowbox a.img:hover{padding:1px; background-color:#d1d1d1; border:10px solid #e4e4e4; display:block; float:left;}
.demobtn{width:100%; float:left; height:auto;s padding:17px 0 0 0;}


.demobtn a{ background:url(blogimages/demobtn.jpg) 0 0 no-repeat; display:block; float:left; height:26px; margin:0 10px 0 0;}
.demobtn a.demo1{ width:62px;}
.demobtn a.demo2{ width:71px; background-position:-62px 0;}
.demobtn a.demo3{ width:132px; background-position:-133px 0;}
.demobtn a.demo1:hover{background-position:0 -27px;}
.demobtn a.demo2:hover{background-position:-62px -27px;}
.demobtn a.demo3:hover{background-position:-133px -27px;}
.demobtn a.demo1:focus{background-position:0 -53px;}
.demobtn a.demo2:focus{background-position:-62px -53px;}
.demobtn a.demo3:focus{background-position:-133px -53px;}

.browseall{width:100%; float:left; padding:30px 0 0 0; text-align:right;}
a.browseall_link{padding:0 0 0 37px; background:url(blogimages/arrow.jpg) left center no-repeat; font-family:tahoma; font-size:12px; color:#ff7b0a; text-decoration:underline;}
a.browseall_link:hover{color:#000000;}


.supporters{width:660px; float:left; padding:25px 30px; background-color:#ebeaea;}
.supporters_box{width:660px; float:left; padding:20px 0 10px 0;}
a img.border{border:10px solid #FFFFFF; margin:0 23px 0 0;}
a img.border:hover{border:10px solid #ffc90a;}
a img.border3{border:10px solid #FFFFFF;}
a img.border3:hover{border:10px solid #ffc90a;}


.content_right{width:255px; float:left; background:url(blogimages/rightbg.jpg) 5px 0 no-repeat; height:700px;}
.search{background:url(blogimages/serchbg.jpg) 0 0 no-repeat; width:210px; padding:7px 10px; border:0; margin:0 0 0 6px; font-size:12px; color:#9f9e9e;}
.searchbtn{background:url(blogimages/serchbtn.jpg) 0 0 no-repeat; width:40px; height:20px; position:absolute; border:0; margin:6px 0 0 207px; cursor:pointer;}
.searchbtn:hover{background:url(blogimages/serchbtn.jpg) 0 -32px no-repeat;}

.right_row{width:100%; float:left; padding:0 0 20px 0;}

ul.leftlink{margin:0; padding:0 0 0 5px; list-style:none;}
ul.leftlink li{ background:url(blogimages/leftli.gif) 3px bottom no-repeat;padding:5px 0 8px 18px;}
ul.leftlink li a{background:url(blogimages/leftli_a.gif) left 7px no-repeat; font-size:18px; color:#353628; padding:0 0 0 20px;}
ul.leftlink li a:hover{background:url(blogimages/leftli_a.gif) left -34px no-repeat; text-decoration:none;}



.community ul{list-style:none; margin:0; padding:10px 0 0 5px;}
.community ul li{ line-height:normal; background:url(blogimages/leftli.gif) 3px bottom no-repeat;padding:8px 0 10px 15px;}
.community ul li a{display:block; background:url(blogimages/comunity1.jpg) 0 0 no-repeat; height:30px;}
.community ul li a.com1{ width:98px;}
.community ul li a.com2{ width:120px; background-position:0 -30px; }
.community ul li a.com3{ width:153px; background-position:0 -60px;}

.community ul li a.com1:hover{ width:98px; background-position:0 -90px;}
.community ul li a.com2:hover{ width:120px; background-position:0 -120px; }
.community ul li a.com3:hover{ width:153px; background-position:0 -150px;}


.footerbg{background:url(blogimages/footerbg.jpg) left top repeat-x #ffc90a; width:100%; float:left; height:300px;}
.footerauto{margin:0 auto; width:1035px; padding:41px 0 0 0;}
.footerauto p{font-size:12px; font-family:tahoma; color:#0000000;}
.footerauto p span{color:#ee2d31;}
.footer1{width:268px; float:left; background:url(blogimages/footer_rightimg.jpg) right top no-repeat; padding:32px;}
h1.footer{font-size:18px; padding:0 0 10px 0;}

.footer2{width:268px; float:left; background:url(blogimages/footer_rightimg.jpg) right top no-repeat; padding:28px 20px 28px 40px;}
.footer2 p{padding:0 0 7px 0;}
.footer3{width:268px; float:left; padding:28px;}


/*BLOG*/
.innerleft{float:left; border:10px solid #eaeaea; width:640px; padding:30px 20px 30px 30px;}
.blog {width:640px; float:left; padding:0 0 40px 0; margin-bottom:30px; border-bottom:5px solid #F4F4F4;}
.blog h1{padding:0 0 10px 0; }
.blog h1 a{ color:#333; font-weight:bold; font-size:22px; border-bottom:none;}
.blog h1 a:hover{border-bottom:none; color:#cd5c61;}
.blog span{ color:#353628; font-size:11px; font-family:tahoma, arial;}
.blog a{ color:#cd5c61; border-bottom:1px dotted #fff; margin:0 2px;}
.blog a:hover{ border-bottom:1px dotted #cd5c61; color:#cd5c61; text-decoration:none;}
.blog p {margin:0 0 15px 0; padding:0; color:#666666; line-height:normal; }
.blog p img {float:left; margin:0 15px 10px 0; border:1px solid #CCCCCC;}
.blog ol.kbc{ margin:0; padding:0;}
.blog ol.kbc li{ margin:0 0 10px 0; padding:0 0 10px 0; color:#666666; border-bottom:1px dotted #f4f4f4;}
.quest{ font-size:13px; font-weight:bold; display:inline-block; padding-bottom:3px;}

.blog {width:640px; float:left; padding:0 0 40px 0;}



.padbot10px{padding:0 0 10px 0;}
a img.border2{border:10px solid #ebeaea; margin:0 20px 0 0;}
a img.border2:hover{border:10px solid #fdb151;}

.paging{width:50%; float:right; height:40px; padding:10px 0 0 0;}
.paging ul{list-style:none; margin:0; padding:0;}
.paging ul li{ float:left;}
.paging ul li a{ font-size:12px; color:#ee2d31; text-decoration:none; font-weight:bold; background-color:#FFFFFF; border:1px solid #cecece; padding:1px 5px; display:block; margin:0 5px 0 0;}
.paging ul li a:hover{border:1px solid #ee2d31; background-color:#ee2d31; color:#FFFFFF; padding:1px 5px; display:block; margin:0 5px 0 0; text-decoration:none;}
/*ENDOF BLOG CSS*/




/*LOGIN CSS*/
.login_box{width:935px; float:left; border:10px solid #eaeaea; padding:20px 20px 80px 20px; margin:40px 0 0 0;}
.loginrow{ width:935px; float:left; padding:0 0 20px 0;}
.loginrow label{font-size:13px;  color:#353628; float:left; width:200px; text-align:right; padding:4px 15px 0 0;}
.loginrow label span{color:#FF0000;}
.text{border:1px solid #353628; padding:5px 7px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; font-size:13px; color:#353628;}
.text-1{border:1px solid #f1575a; padding:5px 7px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; font-size:13px; color:#f1575a;}
.text-2{border:1px solid #e2e2e2; padding:5px 7px; -moz-border-radius:4px; border-radius:4px; -webkit-border-radius:4px; font-size:13px; color:#e2e2e2;}
span.orsign{ font-size:11px; color:#353628; font-family:tahoma, arial; line-height:30px;}
span.orsign a {color:#353628; text-decoration:underline;}
span.orsign a:hover {color:#ff0000; text-decoration:none;}

.btn-login{width:80px; height:35px; float:left; background:url(blogimages/btn-login.jpg) 0 0 no-repeat; border:0; cursor:pointer;}
.btn-login:hover{background:url(blogimages/btn-login.jpg) 0 -36px no-repeat;}

.btn-creat{width:152px; height:35px; float:left; background:url(blogimages/btn-creat.jpg) 0 0 no-repeat; border:0; cursor:pointer;}
.btn-creat:hover{background:url(blogimages/btn-creat.jpg) 0 -36px no-repeat;}

.btn-send{width:140px; height:35px; float:left; background:url(blogimages/btn-send.jpg) 0 0 no-repeat; border:0; cursor:pointer;}
.btn-send:hover{background:url(blogimages/btn-send.jpg) 0 -36px no-repeat;}

/*END OF LOGIN CSS*/




/*SIGN UP CSS*/
.signuprow{ width:640px; float:left; padding:0 0 17px 0;}
.signuprow label.left{font-size:13px;  color:#353628; float:left; width:155px; text-align:right; padding:4px 15px 0 0;}
p.formsignup{padding:0 0 0 170px; font-size:12px; line-height:25px;}
p.formsignup_tahoma{padding:0 0 5px 170px; font-size:11px; line-height:normal; font-family:tahoma;}

.content_right-1{width:240px; float:left; background:url(blogimages/rightbg.jpg) 0 bottom no-repeat; padding:20px 0 250px 15px;}
a.alredy{width:194px; height:44px; background:url(blogimages/already_member.jpg) 0 0 no-repeat; display:block; margin:0 0 10px 0;}
a.alredy:hover{background:url(blogimages/already_member.jpg) 0 -45px no-repeat;}
p.alredy{font-size:11px; font-family:tahoma, arial; line-height:25px;}
p.alredy_line{font-size:11px; font-family:tahoma, arial; border-bottom:1px solid #9a9b94; padding:0 0 10px 0;}
.signuprow img{margin:6px 0 0 5px;}
ul#alredy{margin:0; padding:15px 0 0 0; list-style:none;}
ul#alredy li{ line-height:20px; background:url(blogimages/already_li.jpg) 0 center no-repeat; padding:0 0 0 15px; font-size:11px; font-family:tahoma, arial;}

p.subhead_tahoma{font-size:11px; font-family:tahoma;}
/*END OF SIGN UP CSS*/



/*WHAT IS BIG COLORS*/
.whatbox{width:100%; float:left;}
#what { margin:0; padding:5px 0 20px 0; list-style:none;}
#what li { line-height:22px; color:#ee2d31; font-size:15px; background:url(blogimages/li.what.jpg) 0 center no-repeat; padding:0 0 0 18px;}
p.what{padding:0 0 15px 18px;}

/*END OF WHAT IS BIG COLORS*/

/* THEMES */
.themesrow {width:925px; float:left; padding:0 0 70px 6px;} 
.themes {width:430px;} 
a.themes img{ border:10px solid #ebeaea;}
a.themes img:hover{ border:10px solid #e1e1e1;}
h3.themes{font-size:1.8em; font-weight:bold; color:#353628; line-height:25px;}

.themebtn {width:100%; float:left; padding:15px 0 0 0;}  
.themes_left {width:285px; height:25px; position:absolute; margin:0 0 0 147px;}  
.themebtn a{ background:url(blogimages/demobtn.jpg) 0 0 no-repeat; display:block; float:right; height:26px; margin:0 0 0 10px; }
.themebtn a.demo1{ width:62px;}
.themebtn a.demo2{ width:71px; background-position:-62px 0;}
.themebtn a.demo3{ width:122px; background-position:-133px 0;}
.themebtn a.demo1:hover{background-position:0 -27px;}
.themebtn a.demo2:hover{background-position:-62px -27px;}
.themebtn a.demo3:hover{background-position:-133px -27px;}
.themebtn a.demo1:focus{background-position:0 -53px;}
.themebtn a.demo2:focus{background-position:-62px -53px;}
.themebtn a.demo3:focus{background-position:-133px -53px;}
/*END OF CSS THEMES */


/*THEMES DETAILS*/
h4.riser{font-size:15px; color:#7d7e7d; font-weight:bold;}
h4.graybg{font-size:15px; color:#ffffff; background-color:#999999; font-weight:bold; line-height:25px; text-indent:10px;} 
.themesrow2 {width:925px; float:left; padding:0 0 0 6px;} 
.detailbox {width:905px; float:left; background-color:#f1f1f1; padding:10px 10px 50px 10px;}
.detailbox-img{background:url(blogimages/details_line.jpg) left bottom repeat-x; width:100%; float:left; padding:0 0 20px 0; margin:0 0 15px 0;}
.detailbox-text{width:100%; float:left;}
.detailbox-text p{font-size:14px; color:#868786; padding:0 0 10px 10px;}
.detailbox-text p a{font-size:14px; color:#868786; padding:0 0 0 10px;}
.detailbox-text p a:hover{color:#000000; text-decoration:none;} 
.detailbox-text p.uderline{background:url(blogimages/details_line.jpg) left bottom repeat-x; padding:0 0 15px 0 ;}
.detials2{width:100%; float:left; padding:10px 0 0 0;}
.detials2-row{width:100%; float:left; line-height:25px;}
.detials2-col1{width:14%; float:left; font-size:14px; color:#868786; padding:0 0 0 10px; display:inline;}
.detials2-col2{width:82%; float:left; font-size:14px; color:#000000; display:inline;}
.padbot0px{padding-bottom:30px;}
/*END OF CSS THEMES DETAILS*/


/*START OF CSS MY ACCOUT*/
h1 span.ma{ font-size:24px; font-weight:normal; color:#ef5f62;}
p.ma-subtext{ font-family:tahoma; color:#353628; font-size:1.1em; border-bottom:1px solid #f2f2f2; border-top:1px solid #f2f2f2; line-height:25px; margin:0 0 20px 0;}
.marow{float:left; width:100%; padding:0px 0 0px 0; line-height:51px; border:1px solid #e5e5e5; background:url(blogimages/ma1.jpg) left bottom repeat-x; font-size:16px; color:#434343; margin:0 0 5px 0;}
.marow2{float:left; width:100%; padding:0px 0 0px 0; line-height:51px; border:1px solid #ffc3c4; background:url(blogimages/ma2.jpg) left bottom repeat-x; font-size:16px; color:#434343; margin:0 0 5px 0;}
.macol{width:58px; float:left; padding:0 0 0 2px;}
.macol img{border:1px solid #ffffff; margin:2px  0 0 0;}
.macol img:hover{border:2px solid #000000; margin:1px  -1px -1px -1px;}
.maco2{width:150px; float:left; padding:0 0 0 10px; font-weight:bold; border-right:1px solid #e5e5e5; height:51px;}
.maco3{width:140px; float:left; padding:0 0 0 0; border-right:1px solid #e5e5e5; height:51px;}
.maco4{width:140px; float:left; border-right:1px solid #e5e5e5; height:51px;}
.maco5{width:135px; float:left; height:51px;}
a.icon{ float:left; height:20px; line-height:20px; padding:15px 0 0 20px; color:#434343;}
a.icon img{margin:0 3px 0 0;}
.maleft{width:240px; float:left; padding:0px 0 250px 15px;}
.maleftbox{border:3px solid #eaeaea; width:220px; padding:10px 0 20px 14px;  background:url(blogimages/ma3.jpg) left bottom repeat-x;}
.maleftbox h4{ font-size:1.8em; color:#424242; font-weight:normal; padding: 0 0 8px 0;}
ul.malist{ margin:0; padding:0; list-style:none;}
ul.malist li{ line-height:25px;  margin:0 20px 0 0; padding:0 0 0 5px; border-bottom:1px solid #f0f0f0;}
ul.malist li a{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#727272; padding:0 0 0 15px; background:url(blogimages/mali-normal.jpg) left center no-repeat;}
ul.malist li a:hover{background:url(blogimages/mali-hover.jpg) left center no-repeat; text-decoration:none; color:#000000;}  
ul.malist li a.active{background:url(blogimages/mali-active.jpg) left center no-repeat;}
ul.malist li.active{ background:url(blogimages/mali-bg.jpg) left top repeat-x; margin:0 20px 0 0; padding:0 0 0 5px;  border-bottom:1px solid #f0f0f0;}
ul.malist li.bordernone{border-bottom:none;}
.btn-update{width:147px; height:35px; float:left; background:url(blogimages/ma-btn.jpg) 0 0 no-repeat; border:0; cursor:pointer;}
.btn-update:hover{background:url(blogimages/ma-btn.jpg) 0 -35px no-repeat;}
.btn-change{width:160px; height:35px; float:left; background:url(blogimages/ma-btn-2.jpg) 0 0 no-repeat; border:0; cursor:pointer;}
.btn-change:hover{background:url(blogimages/ma-btn-2.jpg) 0 -35px no-repeat;}

.right_row h2{ background:url(blogimages/righthead_2.jpg) left top no-repeat; height:52px; width:225px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#FFFFFF; font-size:17px; text-shadow:1px 1px 1px #000000; padding:0 0 0 28px; line-height:44px;}
 

/*END OF CSS MY ACCOUT*/
.mainthumbss{ width:100%; float:left; margin:15px 0 30px 0;}
.thumbss{float:left; width:180px; text-align:center; margin-right:18px; }   
.thumbss a{font-size:12px; color:#666; font-family:Arial, Helvetica, sans-serif; line-height:normal; text-decoration:none;}
.thumbss a:hover{text-decoration:none; background-color:#f4f4f4; color:#000; border-bottom:none;}
.thumbss img{ border-bottom:1px solid #d6d6d6; border-right:1px solid #d6d6d6; width:180px; height:100px;}