/* $Id: style.css,v 1.1 2010/03/27 03:40:50 hungdo Exp $ */


/* 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 {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  font-family: Arial, sans-serif;
  font-size:12px;
  margin: 0;
  line-height:1.5;
}
body#bd {
  background: url(../images/background-footer.jpg) 0 0 repeat;
  color:#FFFFFF;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* typography.css */
h1, h2, h3, h4, h5, h6 {
  margin: 10px 0;
  font-weight:bold;
  color:#bdcf25;
}
h1 {font-size: 180%;line-height:1;}
h2 {font-size: 155%;}

h3 {font-size: 130%;}
h4 {font-size: 100%; font-weight:bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:10px 0;}
p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:10px 0 10px 10px;}
hr {
  border: 1px solid #D6DDB9;
}
a {
  text-decoration:none;
  color:#bdcf25;
}
a:focus, a:hover {
  text-decoration: underline;
  color: #bdcf25;
}
a img {border:none;}

blockquote {
  margin:10px;
  font-style:italic;
  color:#666666;
}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}

pre, .code {
  font: 1em/1.5 "Courier News", monospace;
  margin: 5px 0 15px;
  padding: 10px 15px;
  border-left: 5px solid #bdcf25;
}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {}
li ul, li ol {margin:0 10px;}
ul{margin: 10px 0;}
ol{margin:10px 0 10px 10px;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1em 0;}
ul li, ol li { margin: 0 0 0 1.5em;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1em;width:100%;}
th {background:#bdcf25; color:#1B1713;}
th, td {padding:4px 10px 4px 5px;}
tr.odd {background:none;}
tr.even {background:none; border:none;}
tr.even td {}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:90%;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:120%;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {}
.loud {}
.highlight {background:#bdcf25;  color:#1b1713;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.error {color:#FF0000;}
.message {color:#bdcf25;}
.tips {font-style:italic;}
.rss {}

/* Grid */
.container_16 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
  display: inline;
  float: left;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
}
.grid_1 {
  width: 40px;
}
.grid_2 {
  width: 100px;
}
.grid_3 {
  width: 160px;
}
.grid_4 {
  width: 220px;
}
.grid_5 {
  width: 280px;
}
.grid_6 {
  width: 340px;
}
.grid_7 {
  width: 400px;
}
.grid_8 {
  width: 460px;
}
.grid_9 {
  width: 520px;
}
.grid_10 {
  width: 580px;
}
.grid_11 {
  width: 640px;
}
.grid_12 {
  width: 700px;
}
.grid_13 {
  width: 760px;
}
.grid_14 {

  width: 820px;
}
.grid_15 {
  width: 880px;
}
.grid_16 {
  width: 940px;
}
.alpha {
  margin-left: 0;
}
.omega {
  margin-right: 0;
}
.clear {
  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;
}
.clearfix {
  display: inline-block;
}
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}

/* Drupal CSS */
/*-----------------------------
* Layout style
------------------------------*/

/* Wrapper */
#st_wrapper_header {
  background: #2B2B2B;
}
#st_wrapper_slogan {
  background: #010508;
  position:relative;
}
#st_wrapper_main {
  
}
#st_wrapper_news {
  background: #0f1922;
}
#st_wrapper_footer {
 
}
/* End wrapper */

/* Container */
#st_wrapper_header .container_16 {
  background: red;
}
#st_wrapper_slogan .container_16 {
  position:relative;
}
#st_wrapper_slogan .container_16 #st_slogan_border{
  position:absolute;
  left:0;
  bottom:0;
  height: 65px;
  width:100%;
  z-index:10;
  background: url(../images/slogan_border_bottom.png) bottom left repeat-x;
}
#st_wrapper_main .container_16 {
  background: #212121 ;
  padding:23px 0 20px 0;
  position:relative;
}
#st_wrapper_news .container_16 {
  background: #151e25;
}
#st_wrapper_footer .container_16 {
  background: #555555;
  height:110px;
}
/* End container */

/* Header */
#st_header {
  height: 70px;
}
#st_header h1 {
  margin:12px 0;
}
#st_header h1#st_logo a {
  background: url(../logo.png) left top no-repeat;
  text-indent: -5000px;
  display: block;
  width: 217px;
  height: 46px;
}
/*End header*/

/* Banner */
#banner {
  height: 200px;
}
/* End banner */

/* Maincontent */
#st_center {}
#st_sidebar_left {}
#st_sidebar_right {}
/* End maincontent */

/* Footer */
#st_logo_footer a {
  background: url(../logo.png) left top no-repeat;
  text-indent: -5000px;
  display: block;
  width: 217px;
  height: 46px;
}
#st_copyright{float:left;color:#464646;}
/* End footer */


/*-----------------------------
* Block style
------------------------------*/
/* Common */
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.block {
  margin-bottom: 13px;
  float:left;
  width:100%;
}
.lastblock {
  margin-bottom: 0;
}
.form-submit {
  color: #FFFFFF;
  background:#17a1c8;
  padding:4px 20px;
  margin:10px 0 12px 0;
  border:1px solid #2b4051;
  font-size:90%;
}
.form-submit:hover,
.form-submit:focus {
  color: #17a1c8;
  background:#FFFFFF;
  border:1px solid #2b4051
}
#st_sidebar_left .block .content,
#st_sidebar_right .block .content {
  padding-top:10px;
  float:left;
  width:100%;
}
#st_sidebar_left .block ul,
#st_sidebar_right .block ul {
  margin:0;
  padding:0;
}
h2.with-tabs,
h2.node-title {
  color:#FFFFFF;
  margin:0;
}
#st_sidebar_left h2,
#st_sidebar_right h2 {
  margin:0;
  border-bottom: 1px solid #324A5D;
}
h3.title {
  margin-top:0;
}
.first, .first a {padding-top:0;}
.introtext p  {margin:0;}

li.print_html, li.print_mail, li.print_pdf {margin-left: 0em;}
ul.links li {display:inline;padding:0 0.2em;}
/* End common */

/* Content */
#st_center .view-content {
  padding-top:15px;
}
#st_center .views-row {
  padding-bottom:20px;
  float:left;
}
.view-submitted-by,
.views-label-created,
.views-label-name,
.view-create-date,
span.submitted,
span.field-content {
  color:#17a1c8;
  font-size:90%;
}
.links {
  text-align: right;
}
.views-field-field-image-fid,
.field-field-image {
  width:auto;
  float:left;
  margin: 5px 10px 0px 0;
}
#st_center .views-field-title a {
  font-size:130%;
  font-weight:bold;
}
#st_center .views-field-name,
#st_center .views-field-created,
#st_center .views-field-comment-count {
  float:left;
  width:auto;
}
#st_center .views-field-field-introtext-value {
  padding-top:30px;
}
/* End content */

/* Slogan */
#st_wrapper_slogan .block,
#st_wrapper_slogan p,
#st_wrapper_slogan p img {
  margin:0;
  float:left;
}
#st_wrapper_slogan .block .content {
  padding:0px;
 
}
#st_wrapper_slogan img {
  float:left;
}
#st_wrapper_slogan .views-field-field-img-sc-fid {
  float:left;
  position:absolute;
  top:0;
  left:0;
  z-index:1;
  height:188px;
  width:100%;
}
#st_wrapper_slogan .views-field-body {
  position:absolute;
  top:110px;
  left:0px;
  font-size:130%;
  font-weight:bold;
  font-style:italic;
  background:url(../images/slogan_text_bg.png) top left no-repeat;
  padding:10px 0px 10px 70px;
  width: 750px;
  height:49px;
  z-index:600;
  font-family:"Lucida Bright";
}
#st_wrapper_slogan .field-content {
  float:left;
}
#st_wrapper_slogan  .views-field-field-image-fid {
  margin:0;
}
/* End slogan */

/* Pool block*/
.block-poll {
  border: 1px solid #324A5D;
  background:#151e25;
  float:left;
  width:100%;
  margin-top:7px;
}
#st_wrapper_main .block-poll .content {
  padding: 0;
  float:left;
}
#st_wrapper_main .block-poll h2 {
  padding:8px 15px 6px 15px;
  border:none;
}
#edit-vote {
  margin:0;
}
.vote-form {
  width:100%;
  padding-bottom:15px;
}
#st_wrapper_main .vote-form .choices {
  padding: 0 15px;
  display:block;
}
/* End pool block*/

/* Login block */
#block-user-0 {
  border: 1px solid #324A5D;
  background:#151e25;
  float:left;
  width:100%;
  margin-top:7px;
}
#st_wrapper_main #block-user-0 .content {
  padding: 0 15px 15px 15px;
  float:left;
  width:auto;
}
#st_sidebar_left #block-user-0 .content,
#st_sidebar_right #block-user-0 .content,
#st_sidebar_left #block-user-1 .content,
#st_sidebar_right #block-user-1 .content{
  padding-top:0px;
}
#block-user-0 h2 {
  border:none;
  padding:8px 15px 0 15px;
}
#user-login-form {
  float:left;
}
#user-login-form .form-item {
  float:left;
  margin:0;
  padding:6px 0;
}
#user-login-form .item-list {
  text-align:left;
}
#user-login-form label {
  font-weight:normal;
  padding-bottom:3px;
  text-align:left;
  float:left;
}
#st_sidebar_right #user-login-form #edit-name,
#st_sidebar_right #user-login-form #edit-name-1,
#st_sidebar_right #user-login-form #edit-pass {
  width:185px;
  float:left;
}

#st_sidebar_left #user-login-form #edit-name,
#st_sidebar_left #user-login-form #edit-name-1,
#st_sidebar_left #user-login-form #edit-pass {
  width:125px;
  float:left;
}
#user-login-form .item-list ul {
  margin:0;padding:0;
}
#user-login-form .item-list ul li {
  list-style:none;
  margin:0;
  padding:0;
}
/* End login block */

/* Recent blog post */
#st_sidebar_left .block-views .content,
#st_sidebar_right .block-views .content {
  padding-top:0;
}
.block .view-blog a {
  color:#FFFFFF;
  border-bottom:1px solid #324A5D;
  padding: 5px 0;
  display:block;
}
/* End recent blog post */

/* User1 block, user2 block, user3 block, user4 block */
#st_news1, #st_news2, #st_news3, #st_news4 {
  padding:0px;
}
#st_news1 .block,
#st_news2 .block,
#st_news3 .block,
#st_news4 .block {
  float:left;
  margin:0;
  padding-bottom:15px;
}
#st_news1 .content ,
#st_news2 .content ,
#st_news3 .content ,
#st_news4 .content {
  float:left;
}
#st_news1 .views-field-field-image-fid,
#st_news2 .views-field-field-image-fid,
#st_news3 .views-field-field-image-fid,
#st_news4 .views-field-field-image-fid {
  padding-top:10px;
}
#st_news1 h2,
#st_news2 h2,
#st_news3 h2,
#st_news4 h2,
#st_news1 .views-field-title,
#st_news2 .views-field-title,
#st_news3 .views-field-title,
#st_news4 .views-field-title,
#st_news1 .views-field-title a,
#st_news2 .views-field-title a,
#st_news3 .views-field-title a,
#st_news4 .views-field-title a {
  color: #FFFFFF;
  font-size: 130%;
  font-weight: bold;
  padding-top:25px;
  margin:0;
}
ul.list-links { 
  text-align: left;
  margin: 10px 0;
  list-style:none;
  padding:0;
  float:left;
  width:100%;
  border-top: 1px solid #324A5D;
}
ul.list-links li {
  margin:0;
  padding:0;
  list-style:none;
  list-style-image:none;
  float:left;
  width:100%;
}
ul.list-links li a {
  color: #FFFFFF;
  text-transform: none;
  display:block;
  font-weight: normal;
  text-decoration: none;
  border-bottom: 1px solid #2b4051;
  padding:5px 0;
}
ul.list-links li.last a { padding-right: 0;}
ul.list-links li a:hover, ul.list-links li a.active {
  color:#17a1c8;
}
/* End user1 block, user2 block, user3 block, user4 block */

/* Search block */
#search-block-form {
  float:left;
  margin-top:7px;
}
#st_sidebar_left .block-search .content,
#st_sidebar_right .block-search .content {
  padding:0;
}
#search-block-form .form-item {
  float:left;
  margin:0;
}
#search-block-form .form-text {
  float:left;
  margin-right:10px;
  color: #666666;
}
#st_sidebar_right #search-block-form .form-text {
  width: 140px;
}
#st_sidebar_left #search-block-form .form-text {
  width: 155px;
}
#search-block-form .form-submit {
  margin:0;
  padding:4px 10px;
  float:left;
}
.search-button {
  background:#17A1C8 none repeat scroll 0 0;
  border:none;
  color:#FFFFFF;
  font-size:90%;
  padding:4px 0 3px 0;
  width:64px;
}
/* End search block */

/*-----------------------------
* Menu style
------------------------------*/
#st_main_menu {
  padding: 0;
  float: left;
  text-align:right;
  padding-top: 25px;
}
#st_main_menu ul {
  margin: 0; /* all lists */
  padding: 0;
  float:right;
}
#st_main_menu li {
  margin: 0; /* all list items */
  padding: 0 20px;
  float: left;
  display: block;
  background: none;
  cursor: pointer;
}
#st_main_menu li.last {
  padding: 0 0 0 20px;
}
#st_main_menu li a {
  padding: 0px 0px;
  display: block;
  color: #17a1c8;
  font-size: 12px;
  line-height: normal;
  text-decoration: none;
  padding-bottom:10px;
}
#st_main_menu li a:hover,
#st_main_menu li a:active,
#st_main_menu li a:focus {
  background:none;
  color:#FFFFFF
}

/* End top menu */

/* Slidebar menu */
#st_sidebar_left .block-menu .content,
#st_sidebar_right .block-menu .content {
  padding-top:0;
}
#st_wrapper_main ul.menu { 
  text-align: left;
  margin: 0;
  list-style:none;
  padding:0;
  float:left;
  width:100%;
}
#st_wrapper_main ul.menu li {
  margin:0;
  padding:0;
  list-style:none;
  list-style-image:none;
  float:left;
  width:100%;
}
#st_wrapper_main ul.menu li a {
  color: #FFFFFF;
  text-transform: none;
  display:block;
  font-weight: normal;
  text-decoration: none;
  border-bottom: 1px solid #324A5D;
  padding:5px 0;
}
#st_wrapper_main ul.menu li.last a {
  padding-right: 0;
}
#st_wrapper_main ul.menu li a:hover,
#st_wrapper_main ul.menu li a.active {
  color:#17a1c8;
}
#st_wrapper_main ul.menu li a.active:hover {
  color:#FFFFFF;
}
#st_wrapper_main ul.menu ul li a {
  margin-left:10px;
}
#st_wrapper_main ul.menu ul ul li a {
  margin-left:20px;
}
/* End slidebar menu */

/* Bottom menu */
#st_menu_footer {
  padding-top: 35px;
}
#st_menu_footer ul {
  list-style:none;
  float:right;
}
#st_menu_footer li {
  padding: 0 0 0 30px;
  margin:0;
  float:left;
  list-style:none;
}
#st_menu_footer li a {
  padding:0;
}
#st_menu_footer li a.active {
  color:#FFFFFF;
}
/* End bottom menu */

/*-----------------------------
* Typography style
------------------------------*/
body {
  color:#FFFFFF;
  background-image:url('../images/patt_4bc9d28363d5d.jpg');
  background-repeat:repeat
  
}
h1, h2, h3, h4, h5, h6 {
  color:#17a1c8;
}
a {
  color:#17a1c8;
}
a:focus, a:hover {
  color: #17a1c8;
}
hr {
  border: 1px solid #D6DDB9;
}
blockquote {
  color:#666666;
}
pre, .code {
  background: #324453;
  border-left: 5px solid #0ABBD2;
}

abbr, acronym {
  border-bottom:1px dotted #666;
}
del {
  color:#666;
}
th {
  background:#17a1c8;
}
tr.even td {
  background:#304251;
}
tr.odd, tr.even{
  background:none;
}
caption {
  background:#eee;
}
.quiet {
  color:#666;
}
.loud {
  color:#000;
}
.highlight {
  background:#17A1C8;
}
.added {
  background:#060;color:#fff;
}
.removed {
  background:#900;color:#fff;
}

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	float:left
}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 125px;
	height: 200px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: right;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}

#kwick_1 { 
	background-color: #53b388;
}
#kwick_2 {
	background-color: #5a69a9;
}
#kwick_3 {
	background-color: #c26468;
}
#kwick_4 { 
	background-color: #bf7cc7;
}
.kwicks.horizontal #kwick_4 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_4 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}