*{margin:0;padding:0;}html {background: #fff url('../images/naxy_ib.png') no-repeat 50% 65px;}
body {background: url('../images/naxy_fb.png') repeat-x bottom;color: #545454;font: normal 12px Georgia;}div{vertical-align:top;}td{vertical-align:top;}img{border:none;}a{text-decoration:underline;color:#376f88;}a:hover{text-decoration:none;color:#0099FF;}a:focus{outline:none;}h1,h2,h3 a{text-decoration:none;}h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}.topmenu_ac{position:relative;width:100%;}.topmenu_ac:after{content: '';display:block;clear:both;}.topmenu_acl{position:relative;right:50%;float:right;}.topmenu_acr{position:relative;z-index:1;right: -50%;}.topmenu_area{margin:0 auto;padding:0px;}.topmenu_area a{color:#FFFFFF;font-family:Georgia;font-size:12px;font-weight:bold;text-decoration:none;margin:0px;float:left;height:26px;padding-top:15px;padding-right:0px;padding-bottom:0px;background-image:url(top_menu_02.png);padding-left:10px;padding-right:10px;}.topmenu_area a:hover{color:#FFC;text-decoration:underline;}.topmenu_area p{background-image:url(top_menu_c.png);background-repeat:no-repeat;width:10px;margin:0px;float:left;height:26px;padding-top:15px;padding-right:0px;padding-bottom:0px;}.topmenu_area .tml{background-image:url(top_menu_l.png);background-repeat:no-repeat;width:47px;margin:0px;float:left;height:26px;padding-top:15px;padding-right:0px;padding-bottom:0px;}.topmenu_area .tmr{background-image:url(top_menu_r.png);background-repeat:no-repeat;width:47px;margin:0px;float:left;height:26px;padding-top:15px;padding-right:0px;padding-bottom:0px;}.kaleidoscope{border:1px solid #EEEEEE;padding-bottom:5px;padding-top:5px;margin-bottom:20px;}.kaleidoscope img{border:1px solid #333333;margin:1px;}.kaleidoscope img:hover{border:1px dashed #F90;}
.rcorn{width:100%;color:#fff;}.rcorn p{margin:0 5px;padding-left:12px;color:#fff;font-size:12px;}
img.corner{width:15px;height:15px;border:none;display:block !important;}.cornhc{background:url(hc.png);height:40px;}.cornhc h3{color:#CC0000;padding-top:10px;padding-left:20px;font-size:16px;}.cornhl{background:url(hl.png) no-repeat;width:10px;height:40px;float:left}.cornhr{background:url(hr.png) no-repeat;width:22px;height:40px;float:right}.lmenu, .lnews, .lnav, .lvip{padding:10px; border:1px solid #eee; margin-bottom:20px;}.lmenu p.links{margin:5px 5px;background:url(gray_arr.png) no-repeat left;padding-left:15px;}.lnews p.news{margin:3px 5px;padding-left:5px;}.lnews div{padding:3px; color:#666; margin-left:5px; font-size:12px }.lvip p{text-align:center;margin:3px 5px;padding-left:5px;}.lvip p a{ color:#009900; font-weight:bold }.lvip div{padding:3px; color:#666; margin-left:5px; font-size:12px }.lnav p.links{margin:5px 5px;}.lnav p.links img{ vertical-align:middle; margin-right:5px}.lnav p.links a{color:#4b722a;font-weight:bold}.linec{background:none;}
.searchform{padding:0 0 0 0;margin-top:0px;width:100%;height:50px;}.searchform form{padding:10px 0 0 0;}
.container{width:100%;margin:0;}.subcontainer{width:76%;float:left;margin:0;}.leftcolumn{width:28%;float:left;margin:0;padding:0 0 0 20px;color:#333333}.centercolumn{width:66%;float:right;padding:5px 8px 0 0;margin:0;}.rightcolumn{width:21%;float:right;margin:0;padding:0 20px 5px 0;color:#333333}.footer{clear:both;width:100%;margin:0;background-color:#0D0D0D;height:150px;font-size:12px;color:#333333;}.subfooter{padding:30px 30px 10px 30px;float:left;}.subfooter_right{padding:30px 30px 10px 30px;float:right;}.news_title{padding-bottom:30px;}.news_autor{padding:0 5px;font-weight:bold;margin-top:10px;}.news_full{padding:0 5px;text-align:justify;}.news_logo{float:left;margin-right:10px;margin-bottom:10px;}.news_date{float:right;color:#999;font-size:12px;margin-top:10px;text-align:right}.news_links{margin-top:10px;margin-top:20px;}.news_list{ margin-bottom:25px; border-bottom: 1px solid #CCC; padding-bottom:5px}.news_list_title{font-size:14px;font-weight:bold;color:#4b722a; text-decoration:none}.clear{clear:both;padding:0;}.admlink a{font-size:12px;}.admmenu a{text-decoration:none; font-size:12px; font-weight:bold}.admmenu td{background-color:#F8F8F8; padding:15px;}td.whitebg{background-color:#FFFFFF;}.sm{font-size:12px;}.large{font-size:16px;}.gray{color:#333333;}.dgray{color:#333333;}.lgray{color:#AAAAAA;}.green{color:#009900;}.red{color:#333333;}.dred{color:#CC0000;}.orange{color:#4b722a;}.blue{color:#3366CC;}.b{font-weight:bolder}.absmid{vertical-align:middle}.alcenter{text-align:center;}.err{border:3px #333333 solid;background-color:#FFFF99;}.topmess{width:94%;background-color:#FFFFD9;border:2px dashed #4b722a;margin:10px;padding:10px;font-size:12px;}.topmess a{color:#FF3300}.selectmess{width:94%;background-color:#EEFFEA;border:1px dashed #009900;margin:10px;padding:10px;font-size:12px;}.stradv{width:94%;margin:10px;padding:10px;border-bottom:1px solid #EFEFEF;font-size:12px}.o1{width:40%;float:left;}.o2{width:10%;float:right;}.o3{width:5%;float:right;}.o4{width:20%;float:right;}.o5{width:20%;float:right;}.o111{width:35%;float:left;}.o333{width:10%;float:right;}.o11{width:50%;float:left;}.o33{width:18%;float:right;}.cp1{width:50%;float:left;}.cp2{width:7%;float:right;}.cp3{width:20%;float:right;}.cp4{width:20%;float:right;}
.index_cat a{font-size:12px;}.rootcat{color:#4b722a;font-size:14px;text-decoration:underline;}.rootcatimg{float:left;margin-right:10px;}a.rootcat{color:#4b722a;font-size:14px;}.subclass{color:#009900;font-size:12px; margin-left:10px;}
.addform{width:98%;vertical-align:middle;}.addform .pad{clear:both;padding:10px;}.addform select{width:100%;}.addform .lc{float:left;width:30%;padding-right:5px;text-align:right;}.addform .lc .req{color:#333333;font-weight:bolder;padding-left:5px;}.addform .rc{width:66%;float:right;padding-left:5px;text-align:left;}.w100{width:100%}div#nojs{padding:10px;border:2px #FF9900 dashed;background-color:#FFFF99;display:block;text-align:center;color:#333333;}div.comments{padding:10px;margin:5px;border:2px #CCFFCC dashed;background-color:#F0FFEA;color:#333333;}div.searchtags{padding:10px;margin:5px;border:2px #333333 dashed;background-color:#F9F9F9;color:#333333;}div.searchtags a:hover{color:#FFF;background:#333333; font-weight:bold;}div.pagination{padding:3px;margin:10px;text-align:center;}div.pagination a{padding:2px 5px 2px 5px;margin-right:2px;border:1px solid #2C2C2C;text-decoration:none;color:#fff;background:#2C2C2C url('poff.gif');}div.pagination a:hover, div.pagination a:active{border:1px solid #B30000;color:#FFF;background:#B30000 url('pon.gif');}div.pagination a:visited{color:#FFF;}div.pagination span.current{padding:2px 5px 2px 5px;margin-right:2px;border:1px solid #B30000;font-weight:bold;background:#B30000 url('pon.gif');color:#FFF;}div.pagination span.disabled{padding:2px 5px 2px 5px;margin-right:2px;border:1px solid #f3f3f3;color:#ccc;}#informer_code{background-color:#FFFFF2;border: solid 1px #FC0; padding:10px; color:#C00; display:none;}#informer_code b{color:#333;}#informer_preview{background-color:#F2FFF3;border: solid 1px #0F0; padding:10px; color:#333333; display:none;}.b_inf_width{width:70%;}.b_inf_text_size{font-size:110%;} .b_inf_text_color{color:#376f88;}.b_inf_date_size{font-size:90%;}.b_inf_date_color{color:#333333;}div.admcats select{float:left}#toggle_s{display:none;position:absolute;right:20px;z-index:9999;background-color:#FFFBD7;border:1px solid #F00;padding:10px;margin-top:-10px;}#toggle_s_close{text-align:right;margin-top:0px;}table.sett td{padding:10px;vertical-align:middle}table.sort{border-spacing:0.1em;margin-bottom:1em;margin-top:1em}table.sort td{padding:0.3em 1em}table.sort thead td{cursor:pointer;font-weight:bold;text-align:center;vertical-align:middle}table.sort thead td.curcol{background-color:#333333;color:#FFFFFF}table.sort p{display:none;}#thumbBox{position:absolute;left:0;top:0;width:auto;padding:5px;padding-bottom:10px;background:#0D0D0D;visibility:hidden;z-index:10;cursor:pointer;} #thumbBox .footerbar{font:12px Georgia;color:white;text-align:center;} #thumbBox #thumbImage{background-color:#0D0D0D;} #thumbLoading{position:absolute;visibility:hidden;border:1px solid black;background-color:#EFEFEF;padding:5px;z-index:5;}
a.id {
font-size: 15px;
font-weight: bold;
font-family: Georgia;
}
a.more {
display: inline-block;
float: right;
width: 72px;
line-height: 23px;
text-align: center;
text-decoration: none;
font-weight: bold;
background: url("../images/templatemo_more.png") no-repeat top center;
color: #000;
text-shadow: 1px 1px 1px #fff;
}
a.more:hover { color: #fff; text-shadow: 1px 1px 1px #999 }
#site_title { float: left; width: 160px;}
#site_title h1 { margin: 0; padding: 0; }
#site_title h1 a { display: block; height: 40px; color: #3C6471; font-size: 34px; font-weight: 500; text-decoration: none; }
h2 { color: #3C6471; font-size: 20px; text-decoration: none; padding: 15px 0 10px 0; }
h3 { color: #3C6471; font-size: 18px; text-decoration: none; padding: 15px 0 10px 0; }
/* menu */
/*******************************************************************************************************************
* IMPORT OTHER STYLES
*******************************************************************************************************************/
@import url(reset.css);
@import url(http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic&subset=latin,latin-ext);
/*******************************************************************************************************************
* BASE
*******************************************************************************************************************/
/*******************************************************************************************************************
* LINKS
*******************************************************************************************************************/
/*******************************************************************************************************************
* H1 - H3
*******************************************************************************************************************/
/*******************************************************************************************************************
* HEADER
*******************************************************************************************************************/
header {width:880px; height: 85px;margin:0 auto;}
a#logo {color: #333;font-size: 35px;font-family: 'Iceland', cursive;}
/*******************************************************************************************************************
* INTRO
*******************************************************************************************************************/
#intro {width: 780px;height: 206px;margin:0 auto;}
#intro p {float: left;font-size: 1.2em; padding-top: 0; margin-bottom: 10px; color: #394d69;}
#intro p a {color: #333;}
#intro p a:hover {color: #000;text-decoration: none}
#intro img {bottom: 10px;float:right; width: 226px;}
nav { width:960px; text-align:center; font-size: 15px; color: #000; padding: 0 0 20px 0;}
nav a { font-size: 15px; color: #000; }
/*******************************************************************************************************************
* CONTENT
*******************************************************************************************************************/
#content {width: 1000px; margin: 0 auto;padding: 0 0 10px 0;}
#content .cols {border-bottom: 1px solid #e7e7e7;padding-bottom: 30px}
#content h2.withIcon {padding-left: 40px;}
#content h2.withIcon.icon1 {background: url('../images/jh_icon1.png') no-repeat 0 5px;padding-left: 50px}
#content h2.withIcon.icon2 {background: url('../images/jh_icon2.png') no-repeat 0 5px}
#content h2.withIcon.icon3 {background: url('../images/jh_icon3.png') no-repeat 0 5px}
/*******************************************************************************************************************
* TWITTER BAR
*******************************************************************************************************************/
#twitterBar { font-size: 13px; padding: 20px; margin-top: 30px;margin:0 auto; }
#twitterBar a { color: #000; }
#twitterBar .icon {bottom: 0;left: 0;display: block;width: 128px;height: 128px; float: right; background: url('../images/_icon.png') no-repeat}
#twitterBar p {margin: 0}
#twitterBar small {color: #acacac;font-size: 12px}
/*******************************************************************************************************************
* FOOTER
*******************************************************************************************************************/
footer {padding-left: 25px; color: #666;font-size: 0.9em;}
footer p {height: 60px;margin: 0;line-height: 30px;}
footer a, footer a:link {color: #333}
/*******************************************************************************************************************
* OTHER STYLES
*******************************************************************************************************************/
#wrap {margin: 0 auto;margin:0 auto;width: 1000px;}
/*******************************************************************************************************************
* Colors and CSS3
*******************************************************************************************************************/
a.photo img {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#twitterBar {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
a.button {
border: 1px solid #4c668a;background: #4c668a;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4c668a), color-stop(100%, #4c668a));
background-image: -webkit-linear-gradient(top, #4c668a, #394d69);
background-image: -moz-linear-gradient(top, #4c668a, #394d69);
background-image: -ms-linear-gradient(top, #4c668a, #394d69);
background-image: -o-linear-gradient(top, #4c668a, #394d69);
background-image: linear-gradient(top, #4c668a, #394d69);
}
a.button span {
border-top: 1px solid #CCCCCC;
text-shadow: 0px -1px -1px #ρρρ;
font-family: Geneva;
}
a.button, a.button span {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
}
a.button.large, a.button.large span {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
a.button:hover {background: #666;border-color: #666;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #000000));
background-image: -webkit-linear-gradient(top, #333333, #000000);
background-image: -moz-linear-gradient(top, #333333, #000000);
background-image: -ms-linear-gradient(top, #333333, #000000);
background-image: -o-linear-gradient(top, #333333, #000000);
background-image: linear-gradient(top, #333333, #000000);
}
a.button:hover span {text-shadow: 0 0 0;}
input, textarea, select {
font-family : Georgia;
font-size : 12px;
color : #333333;
background: #fff;
padding: 3px;
border: solid 1px #bcbbbb;
outline: none;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.button {
color: #fff;
font: 12px Georgia;
border: 0;
background: #1D74A6;
padding: 3px;
outline: none;
-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
}
.button:hover {
cursor: pointer;
background:#666;
color: #fff;
}
textarea { overflow: auto; }