/*---------------------------------------------------------------
# Copyright (C) 2012 SRD Centre for Sustainable Rural Development. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material
-----------------------------------------------------------------*/
/* Master Reset */
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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:none}
table{border-collapse:collapse;border-spacing:0}

/* Core */
body{color:#181818;font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:150%}
body.bg{background-image:url(../images/BG.jpg); position: relative; background-color: #fff;}
.sp-wrap{margin-left:auto;margin-right:auto;}
.sp-wrap a{color:#a03530; font-style:bold;}
.sp-block{float:left;display:inline; width: 950px;}
.mod-block {margin:0 0 0 0}
.sp-inner{padding-left:0;padding-right:0;}
.sp-block .first {margin-left:0px;margin-bottom:0;}
.sp-block .last {margin-right:0px;}
.sp-block .single {width:950px;margin-left:0px;margin-right:0px;}
.gap{clear:both; margin-bottom:0px;margin-top:0px;}

/*Header Area*/
#header {position:relative; width: 950px; height: 110px; margin-left: 0; margin-right: 5px; margin-top:-1px;}
a#logo,#logo-text{float:left;margin-bottom:5px; margin-top:35px;}
a#logo{background:url(http://www.srd.org.vn/images/logo.png) no-repeat 0 50%}
#logo-text h1{font-size:200%;font-weight:bold;text-transform:uppercase;border:0!important;margin:10px 0 0!important;padding:0!important}
#logo-text h1 a{}
#logo-text p.site-slogan{margin:0;padding:0;color:#999}

/*Search*/
#sp-search{float:right;}
#sp-search input#mod-search-searchword{width: 219 px; position: absolute; padding:4px 10px;margin-top: 10px; color:#a03530;}
#sp-search .sp-inner form{width: 100%;}
.mod-search{margin-top:5px; padding:0;}

/* Layout */
#sp-maincol ,#sp-inset1, #sp-inset2, #sp-footer {display:inline-block; position:relative; width: 950px; left:50%; margin-left:-475px;}
#sp-leftcol, #sp-maincol {margin-top:5px;padding:0 0 0 0}
#sp-inset1, #sp-inset2, #sp-rightcol {height: 100%;background: #fff; margin-left: 0px; margin-top:5px;padding:0 0 0 0}
#inner_content .feature-top {padding-left: 0px;}
#inner_content .sp-inner {background:#fff 80%; border: solid #e3e3e3; margin-left:0px;margin-right:0px;}
#inner_content .sp-inner .items-leading {background:#fff 80%; border: none; padding:0px;margin-left:0px;margin-right:0px;margin-bottom:0px;}
#inner_content .sp-inner h3 a{color:#a03530;font-family:Arial,Helvetica,sans-serif;font-size:15px;}
#inner_content .sp-inner h2 a{color:#a03530;font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:120%}
#inner_content .sp-inner li a{color:#a03530;font-family:Arial,Helvetica,sans-serif;font-size:16px; font-weight: bold;line-height:120%}
#inner_content .custom {padding-left:0px;}
#inner_content .sp-inner .sp-bottom {display: inline-block; width: 930px; position:absolute; bottom: 0;}
#inner_content .sp-inner .item-page {padding:20px 25px 5px 25px;}
#inner_content .sp-inner .categories-list {padding: 20px 20px 20px 20px;}
#inner_content .sp-inner .categories-list h1 {font-size:24px;color: #333;}
#inner_content .sp-inner .categories-list li {font-size:20px;color: #a03530;line-height: 120%;}
#inner_content .sp-inner .blog {padding: 20px 20px 20px 20px;}
#inner_content .sp-inner .blog h1 {font-size:30px;color: #333;}
#inner_content .sp-inner .blog li {font-size:14px;color: #a03530;line-height: 120%;}
#sp-maincol .sp-inner .sp-block {margin-bottom:-40px;}

/*Font Resizer*/
div.font-sizer{width:45px;height:16px;line-height:16px;position:absolute;z-index:1;top:5px;right:0}
div.font-sizer a.btn_fs_big,div.font-sizer a.btn_fs_reset,div.font-sizer a.btn_fs_small
{background-image:url(../images/font-resizer.png);background-repeat:no-repeat;height:16px;width:15px;border:medium none;cursor:pointer;display:block;float:left;text-indent:-999em;padding:0}
div.font-sizer a.btn_fs_big{background-position:0 0}
div.font-sizer a.btn_fs_reset{background-position:-15px 0}
div.font-sizer a.btn_fs_small{background-position:-30px 0}
div.font-sizer a.btn_fs_big:hover{background-position:0 -16px}
div.font-sizer a.btn_fs_reset:hover{background-position:-15px -16px}
div.font-sizer a.btn_fs_small:hover{background-position:-30px -16px}

/* Breadcrumbs */
#sp-breadcrumbs{height:35px;line-height:50px; background:transparent; position: relative; margin:0px 0px 0px -475px; width: 930px; left:50%; color: #666;}
#sp-breadcrumbs span.showhome {font-weight:bold; color:#666;margin-right:5px}
#sp-breadcrumbs a {color:#666}
#sp-breadcrumbs .padding{padding:5px 8px}
#sp-breadcrumbs a,#sp-breadcrumbs span,#sp-breadcrumbs strong{position: relative; margin:0px 0px 0px -475px; width: 930px; left:50%; color:#a03530;}
#sp-breadcrumbs a,#sp-breadcrumbs span.separator{margin-right:10px;padding-right:15px;background:url(../images/breadcrumbs.png) 100% 50% no-repeat}
#sp-breadcrumbs span.current{color:#a03530; font-weight:bold;}


/* Footer */
#sp-footer{display: table; position: absolute; background:#ccc; left: 50%; margin:-12px 0px 0 -475px;padding:25px 10px; width: 930px; height: 50px;}
#sp-footer .cp {font-size: 6px; float:left;}
#sp-footer a {font-size: 6px; float:left;}

/*Footer Navigation*/
#sp-footer-nav{position: absolute ;width:950px;margin-left:-25px}
#sp-footer-nav ul{list-style-type:none;padding:5px;}
#sp-footer-nav li{background:none;padding:0;display:inline}
#sp-footer-nav a{font-size:8px;font-weight:normal; color:#777;text-decoration:none;display:inline;margin-left:200px;padding:0 8px}
#sp-footer-nav .sp-inner {width:930px;}
a#topofpage{font-size:8px; color: #ffffff;float:right}

/* Helix Logo */
#powered-by{display:block;text-indent:-999em;}
#powered-by a {font-size:6px; align: center;}
.helix-logo-light,.helix-logo-dark,.helix-logo-light a,.helix-logo-dark a{position:relative;top:4px;height:57px;width:137px;margin-left:-10px}
.helix-logo-light-small,.helix-logo-dark-small,.helix-logo-light-small a,.helix-logo-dark-small a{position:absolute;left:50%;top:4px;height:33px;width:100px;margin-left:-50px}
.helix-logo a{background-position:center left;background-repeat:no-repeat;display:block;text-indent:-999em}
.helix-logo-light a{background-image:url(../images/helix-logo/helix_light.png)}
.helix-logo-dark a{background-image:url(../images/helix-logo/helix_dark.png)}
.helix-logo-light-small a{background-image:url(../images/helix-logo/helix_light_small.png)}
.helix-logo-dark-small a{background-image:url(../images/helix-logo/helix_dark_small.png)}

/* Clearfix */
.clr{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
* html .clearfix,:first-child+html .clearfix{zoom:1}