/*  
Theme Name:    Global Centurion
Theme URI:     http://globalcenturion.org/
Description:   Developed by Charlie Tran (modified from Berita).
Version:       1.0
Author:        Charlie Tran
Author URI:    http://charlietran.com/
*/

/*=== Setup ===*/

/* Import RESET styling for grid framework*/
@import url('library/css/reset.css');

/* Import TEXT styling for grid framework*/
@import url('library/css/text.css');

/* Import GRID styling for grid framework*/
@import url('library/css/960.css');

/*---------GENERAL STYLING--------- */
body{ background: url(images/bgr.png) #FFFFFF repeat-x center -22px; font-family:Georgia }
a{ color:#000; text-decoration: none; }
  a:hover{ color:#FFFFFF; text-decoration:none; background:#5B261B }
input,select,textarea{ border: #e6e6e6 1px solid; font-size: 12px; padding: 2px }
li{ list-style: none }
.fix{ clear: both; height: 1px; margin: -1px 0 0; overflow: hidden }
.fl{ float: left }
.fr{ float: right }
.ac{ text-align: center }
.ar{ text-align: right }
img.centered{ display: block; margin-left: auto; margin-right: auto }
img.alignright{ padding:0; margin: 3px 0 2px 10px; display: inline }
img.alignleft{ padding:0; margin: 3px 10px 2px 0; display: inline }
.alignleft{ float: left }
.alignright{ float: right }

/*--------- HEADER --------- */
#header{ height: 108px }

/*=== Logo Spot ===*/
#header .blog-title{ line-height:49px; display:inline }
#header .blog-title a{ background:#5B261B; color:#ffffff; font-size:24px; font-weight:bold; padding:10px 15px; text-transform:uppercase }
  #header .blog-title a:hover{ text-decoration:none; background:#A01A00 }
#header .blog-description{ display:inline; color:#5B261B; font-style:oblique; font-size:16px; font-weight:bold; padding:0 15px; text-transform:lowercase }
#header h1.logo a:hover{ background:none }

/*=== Search Spot ===*/
#search-spot .search-form{ padding:15px 0 0 0; position:relative }
  #search-spot .search-form input{ border:1px solid #5B261B; width:248px; padding:6px 10px 5px 10px; color:#5B261B; font-size:14px }
  #search-spot .search-form button{ background:url(images/search-btn-trans.png) #5B261B no-repeat; border:none; position:absolute; width:30px; height:30px; top:15px; right:0 }

/*=== TOP MENU for PAGES ===*/
#top_menu{ height:53px; text-align:left; position: relative; }
#top_menu li{ float:left; line-height:33px; margin:0 }
#top_menu li a{ color:#F5FFC0; display:block; padding:8px 20px }
#top_menu li ul li a{ border:0; margin:0 }
#top_menu li a:hover, #top_menu li.active a{ background:#DEDBD1; text-decoration:none }
#top_menu li.category-home a{ border-left:0 }
.switcher { padding: 75px 0 0 0 }
#top_menu li.selected-cat a, #top_menu li.current-cat, #top_menu li.current-cat-parent{ background:#DEDBD1 }

/*=== DROPDOWN NAVIGATION FOR PAGES ===*/
#pagenav, #pagenav ul{float:left; list-style:none; padding:0; font-size: 13px;}
#pagenav a{display: inline-block }
#pagenav li{float:left; font-weight:normal; line-height:40px; font-family:Georgia, Times, serif }
#pagenav li a{font-size: 1.25em; padding-top:4px; border-right:1px solid #6e3a3a; font-weight: bold; }
#pagenav .hometab a{border-left:1px solid #6e3a3a }
#pagenav li ul li a{font-size: 18px; padding-top:0 }
#pagenav li a:hover{background:#7a1313; text-decoration:none; }
#pagenav li ul li a:hover{text-decoration:underline }
#pagenav li ul{position:absolute; width:18em; left:-999em; padding-top:1px }
#pagenav li:hover ul, #pagenav li.sfhover ul{left:auto; z-index:1000 }
#pagenav li ul li{background:#530D0D; border:solid #D8D8D8; padding-top:5px; line-height:21px; width:17em; border-width:0 1px 1px 1px }
#pagenav li:hover, #pagenav li.hover{position:static }
#pagenav li ul ul{margin:-58px 0 0 221px }
#pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li.sfhover ul ul, #pagenav li.sfhover ul ul ul{left:-999em; padding:2px 0 0 }
#pagenav li:hover, #pagenav li.sfhover{background:#7a1313 }
#pagenav li ul li ul li, #pagenav li ul li ul li ul li, #pagenav li ul li ul li ul li ul li{border:solid #D8D8D8; border-width:1px 1px 0 1px }
#pagenav li ul li ul, #pagenav li ul li ul li ul, #pagenav li ul li ul li ul li ul{border:solid #D8D8D8; border-width:0 0 1px 0 }
#pagenav li:hover ul ul, #pagenav li.sfhover ul ul, #pagenav li:hover ul ul, #pagenav li:hover ul ul ul, #pagenav li:hover ul ul ul ul, #pagenav li.sfhover ul ul, #pagenav li.sfhover ul ul ul, #pagenav li.sfhover ul ul ul ul{left:-999em }
#pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li li li.sfhover ul, #pagenav li:hover ul, #pagenav li li:hover ul, #pagenav li li li:hover ul, #pagenav li li li li:hover ul, #pagenav li.sfhover ul, #pagenav li li.sfhover ul, #pagenav li li li.sfhover ul, #pagenav li li li li.sfhover ul{left:auto }
select, #pagenav{padding:0 }
.bot, #header .spacer p, .list2{clear:both }
#pagenav li a span{font-size:12px; color:#9D9D9D; font-weight:normal }

#menu_twitter{position: absolute; top: 0; right: 15px;}
#menu_twitter:hover{background: none transparent; top: -2px; right: 15px;}
#menu_facebook{position: absolute; top: 0; right: -45px;}
#menu_facebook:hover{background: none transparent; top: -2px; right: -45px;}

/*--------- FEATURED SLIDER --------- */
.featslider{ background:#f9f9f2; padding:25px 0; -webkit-border-radius: 20px; -moz-border-radius: 20px; -moz-box-shadow: 3px 0px 10px #AAAAAA; -webkit-box-shadow: 3px 0px 10px #AAAAAA; float: none; display: block; margin: 0 auto;}
.stepcarousel{ position: relative !important; margin:0 auto; height: 360px; float: none; display: block; clear: both; overflow: hidden;}
.stepcarousel .panel{ float: left !important; overflow: hidden !important; margin: 10px; width: 760px }
.featured-button{ padding: 128px 0 0; width:32px; position: relative; overflow: visible;}
.featured-button a:hover{ background: none transparent;}
.slider-post{ text-align: center; }
  .slider-post .feat-container {position: relative; display: inline-block; height: 345px; overflow: hidden;}
  .slider-post a{ border:none; text-decoration:none }
  .slider-post .caption{ width: 100%; background: #ddd; position: absolute; bottom: 0; left: 0; text-align: left;}
  .slider-post .slider-title{ font:normal 20px Palatino, Georgia, serif; padding:10px 0 5px 0; text-indent: 10px; }
  .slider-post img.feat{display: block; overflow: hidden; margin: 0 auto; }
  .slider-post .wp-caption{ margin:0 10px 20px 10px  }
  .slider-post .btn { margin:0; padding:5px 10px; background:#A01A00; color:#FFFFFF; border:none; font-weight:bold; position: absolute; top: 0; right: 0; }
    .slider-post a.btn:hover { background:#CC2500; text-decoration:none }
  .slider-post blockquote { background:#e9e9df url(images/ico-quote-trans.png) no-repeat 10px 15px; width:80%; height:auto; margin:0 0 15px 10px; padding:15px 25px 1px 55px; display:block }
  .slider-post p {font: 12px/1.25 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif; margin-bottom: 0; padding: 0 10px 10px;}
  .slider-post p a{ font-family: Georgia, color:#000000; border-bottom:1px dotted #000000; padding:2px 1px; }
    .slider-post p a:hover{ background:#5B261B; color:#ffffff; text-decoration:none; border-bottom:none }
  .slider-post ul, .slider-post ol{ padding:0; margin:0 0 20px 0 }
    .slider-post ul li{ color: #555555; background: url(images/ico-ok-trans.png) no-repeat left top; padding: 0 0 0 25px }
    .slider-post ol li{ color: #555555; list-style-type:decimal; margin: 0 0 0 20px }	
  .slider-post li a:hover{ color: #a4b92e; text-decoration: none }
  
/*--------- PAGES --------- */
.pagespot{ padding:10px 20px; margin:25px 0; background:#ffffff; border:1px solid #dddddd; -moz-border-radius: 1% }
#breadcrumb p{ padding:20px 0 0 20px; margin:0 0 -12px 0; font:normal 13px Verdana }
* html #breadcrumb p{ margin:0 0 -15px 0 }
    #breadcrumb p strong{ padding:0 0 14px 0; background: url(images/breadcrumb-arr.png) no-repeat center bottom; }

/*=== Posts ===*/

.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 { font-weight:normal; padding:10px 0 15px 0; margin:0 }
.post img { border:8px solid #f6f5ed }
.post a{ text-decoration: none; padding:0 0 1px 0; border-bottom:1px dotted }
  
.post ul, .post ol{ padding:5px 0 20px 20px; margin:0 }
  .post ul li{ color: #555555; margin:5px 0; padding:0 0 5px 18px; list-style-type: disc; line-height: 1.25 }
  .post ul li ul, .post ol li ol{ padding:0; margin:10px 0 0 0 }
  .post ol li{ list-style-type:decimal; margin: 0 0 0 50px; line-height: 24px }	
  
  .post blockquote { background:#e9e9df url(images/ico-quote-trans.png) no-repeat 10px 15px; width:80%; height:auto; margin:0 0 15px 10px; padding:15px 25px 1px 55px; display:block }
  .post code{ background:#e7ffd3 }
  .post p{ line-height:24px; text-align: left;}

 .wp-caption{ background:#f6f6ed; border:6px solid #f6f6ed; margin: 0 10px 10px 0; }
  .wp-caption img{ border:5px solid #f6f6ed }
  .wp-caption a{ border:none }
    .wp-caption a:hover{ background:none }
  .wp-caption p{ color:#777777; background:#f6f6ed; font:normal 11px Georgia; text-align:center; line-height:17px; padding:0 10px 10px 10px; margin:0 }
  .post form input {border: medium none;}
  .post form img {border: medium none;}
/*=== Archive ===*/
.archive-spot { padding:0 }
  .archive-spot .date{ padding:0 0 15px 0; margin:-5px 0 0 0; color:#898989 }
    .archive-spot .date a{ color:#898989 }
	  .archive-spot .date a:hover{ color:#ffffff }
  .archive-spot .cat-spot{ padding:0 0 15px 0; text-transform:uppercase }
    .archive-spot .cat-spot a{ background:#A7483C; color:#ffffff; font:normal 11px Tahoma; padding:5px 10px; border:none }
	  .archive-spot .cat-spot a:hover{ background:#5b261b }
	  
/*---------ARCHIVE PAGE --------- */
.arclist ul{ padding:0; margin:0 }
.arclist ul li{ color:silver; font-size:12px; border-bottom:1px solid #f1f1ed; padding:5px 0; margin:0; background:none }
.arclist ul li ul{ border-bottom:0; padding:0 0 0 5px }
.arclist ul li ul li{ border-bottom:0; padding:10px 0 0 5px }
.arclist .archives-time{ float: left;	text-transform: uppercase; color: #666666; width: 90px; border-right: dashed 1px #ddd; margin:0 15px 0 0 }

	  
/*---------PAGE NAVIGATION - pagination --------- */
.pagination { width: 100%; font-size: 12px; font-weight: bold; padding:0 }
.Navi { float: right; padding: 0 0 20px 0 }
  .Navi .on { color:#fff; display: block; float: left; font-size: 12px; padding: 4px 9px; margin-left: 4px; background: #5b261b !important }
  .Navi a { text-decoration: none !important; border:1px solid #D8D8D8; color: #000; display: block; float: left; padding: 3px 7px; margin-left: 4px }
    .Navi a:hover { color:#000; background: #e9e9df }

/*---------SIDEBAR --------- */
.sidebar { padding: 50px 0 0 0; margin:0 0 0 10px }
  .sidebar ul, .sidebar ol{ padding:10px 15px; margin:0 0 20px 0; background:#F4F2E6; border:1px solid #dddddd }
  .sidebar ul li{ margin: 0; padding: 8px 0 8px 18px;	background: url(images/list-star-trans.png) left 6px no-repeat; line-height: 120%; border-bottom: dotted 1px #d8d8d8 }
  .sidebar ol li{ list-style-type:decimal; margin: 0 0 0 50px; }	
    .sidebar ul li ul{ margin: 0; padding:10px 0 0 0; border:none }
	  .sidebar ul li ul li{ border:none }

  /*=== Widget styling ===*/
.sidebar .widget h3{ padding:20px 0 5px 0; }
  .sidebar .widget h3 span{ background:#9f9f9f; color:#ffffff; font:normal 17px Georgia; padding:10px 20px; text-transform:lowercase }

.widget #searchform, .widget #calendar_wrap{ background: #f4f2e6; height: 1%; margin: 0 0 2em; padding: 7px 15px 15px; border:1px solid #dddddd; clear: both; height: 1%; margin: 0 0 14px }
.widget #wp-calendar { margin-left:auto; margin-right:auto; text-align:center; width:240px }
  .widget #wp-calendar caption { font-size:1.2em; text-transform: uppercase; font-weight: bold; padding: 10px 5px; margin-bottom:5px; color:#333333 }
.widget #wp-calendar thead th {	color:#333333 }
.widget #wp-calendar tfoot td { padding:10px 0 10px 0; text-align:left }
  .widget #wp-calendar tfoot td a { color:#333333 }
  .widget #wp-calendar tfoot td#next { text-align:right }
.widget #wp-calendar td {	width:auto }
  .widget #wp-calendar td a { padding:2px; text-decoration:none; border-bottom:1px dotted }
    .widget #wp-calendar td a:hover { color:#ffffff }

.flickr { padding:0 0 20px 0 }
  .flickr h3 span.flickr-logo{ padding:0; margin:0; color:#006BEF }
    .flickr h3 span span b{ color:#FF1183 }
  .flickr ul{ margin:5px 0 0; padding:0 }
.flickr_badge_image{ float:left; list-style:none; margin:0 10px 10px 0 }
  .flickr img{ border:1px solid #dddddd; background-color:#ffffff; padding:5px }
    .flickr img:hover{ border-color:#333 }

.subscribe img{ vertical-align:middle; margin:6px 0 8px }

#twitter_update_list span{ line-height:22px }
  #twitter a{ border-bottom:1px dotted }
  #twitter p.website{ margin: 0; padding: 5px 0 5px 20px;  left 6px no-repeat }
  #twitter p.facebook{ margin: 0; padding: 5px 0 5px 20px; left 6px no-repeat }
  
/*---------ADVERTISING ads --------- */
.ad-box{ background:transparent; padding:0 0 30px 0; margin:0 }
.ads123456{ height:125px; float:left; margin:0; padding: 20px 0 0 0 }
  .ads123456 img{ float:left; border:1px solid #fff; margin:0 20px 0 0 }
#big_banner img{ background:transparent; border:1px solid #dddddd; margin:0 0 0 2px }
#big_banner1 img{ background:transparent; border:none; margin:10px 0 0 0 }
  #big_banner a:hover, #big_banner1 a:hover{ background:transparent }

/*---------COMMENTS --------- */
#comments h3{ font:bold 17px Georgia; padding:0 0 20px 0; margin:0 }
  #comments .commentlist { padding:0; margin:0 }
  #comments ol{padding:20px 0;}
  #comments .comment { margin: 10px 0 0 0; width: 100%;}
    #comments .comment a{ text-decoration:none; border-bottom:1px dotted; padding:1px 0 }
	  #comments .comment a:hover{ color:#ffffff }
    #comments .comment .meta-left { width: 90px; float:left; color:#aaaaaa }
    #comments .comment .meta-left p{ padding:10px 0 0 0; margin:0 }
      #comments .comment .meta-left .meta-wrap {width: 90px; overflow: hidden; padding-right: 7px; min-height:70px }
  #comments .comment small {font-size: 11px }
  * html #comments .comment .text-right { height:70px }
  #comments .comment .text-right { min-height:70px; margin:0; background:none; border:1px dotted #aaaaaa; padding: 12px; margin-left:100px; float:none }
    #comments .comment .text-right p { line-height: 18px; padding: 0 0 8px 0 }
  #comments ul.children { margin:10px 0 0 20px; padding:0 }
#comments .comment .authcomment{ background:#F7F7F7; border:1px dotted #aaaaaa }
  p.commpadd{ padding:0; margin:0 0 10px 0 }
  span.comm-reply{ float:right; color:#aaa; padding:5px 0 0 0 }
  span.comm-reply a{ font-size:13px; color:#aaa }
  .cancel-comment-reply{ padding:0 0 10px 0 }
#respond { padding:10px 0 0 0; margin:0 }
#respond textarea, .commpadd input{ background:none; border:1px dotted #aaaaaa }
#respond textarea { margin:0; padding:0 }
  p.commpadd input{ line-height:25px; height:25px; padding:5px 0 0 5px }
  p.commpadd label{ padding:0 0 0 5px }
input#submit{ font:bold 12px Georgia; color:#FFFfff; text-align:center; padding: 5px; background:#888888; border:1px dotted #aaaaaa; margin:0 }


/*=== Footer Widgets ===*/
#footwidgets-front .widget-spot{ vertical-align:middle; margin:6px 0 8px; padding:20px 0 }
  #footwidgets-front .widget-spot .widget{ padding:0 30px; border-left:1px solid #00000; line-height:24px }
    #footwidgets-front .last .widget{ border-right:none }
  #footwidgets-front .widget-spot .widget h3{ font-weight:normal; font-size:25px }
  #footwidgets-front .widget-spot .widget .button-link a{ color: #000; background:#E8E8E8; border:1px solid #6E3A3A; padding:8px 15px; font-weight:bold; -moz-border-radius: 15%; }
    #footwidgets-front .widget-spot .widget .button-link a:hover{ border:1px solid #aaaaaa; color:#000000 }
  #footwidgets-front .widget-spot .widget input{ border:1px solid #cccccc; width:220px; padding:6px 10px 5px 10px; color:#5B261B; font-size:14px }
  #footwidgets-front .widget-spot .widget button{ float:right; background:#E8E8E8; border:1px solid #cccccc; margin:10px 0 0 5px; padding:5px 10px; cursor:pointer; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }
    #footwidgets-front .widget-spot .widget button:hover{ border:1px solid #aaaaaa; color:#000000 }
  #footwidgets-front .widget-spot .widget ul, #footwidgets-front .widget-spot .widget ol{ padding:10px 3px; margin:0 0 20px 0 }
  #footwidgets-front .widget-spot .widget ul li{ margin:10px 0; padding:0 0 10px 18px; list-style-type: disc; line-height: 1.25 ; border-bottom: dashed 1px #d8d8d8 }

#footwidgets-blog .widget-spot{ vertical-align:middle; margin:6px 0 8px; padding:20px 0 }
  #footwidgets-blog .widget-spot .widget{ padding:0 30px; border-right:1px solid #E8E8E8; line-height:24px }
    #footwidgets-blog .last .widget{ border-right:none }
  #footwidgets-blog .widget-spot .widget h3{ text-transform:lowercase; font-weight:normal; font-size:25px }
  #footwidgets-blog .widget-spot .widget .button-link a{ background:#E8E8E8; border:1px solid #cccccc; padding:8px 15px; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }
    #footwidgets-blog .widget-spot .widget .button-link a:hover{ border:1px solid #aaaaaa; color:#000000 }
  #footwidgets-blog .widget-spot .widget input{ border:1px solid #cccccc; width:220px; padding:6px 10px 5px 10px; color:#5B261B; font-size:14px }
  #footwidgets-blog .widget-spot .widget button{ float:right; background:#E8E8E8; border:1px solid #cccccc; margin:10px 0 0 5px; padding:5px 10px; cursor:pointer; text-transform:lowercase; font-weight:bold; -moz-border-radius: 15%; }
    #footwidgets-blog .widget-spot .widget button:hover{ border:1px solid #aaaaaa; color:#000000 }
  #footwidgets-blog .widget-spot .widget ul, #footwidgets-blog .widget-spot .widget ol{ padding:10px 3px; margin:0 0 20px 0 }
  #footwidgets-blog .widget-spot .widget ul li{ margin:10px 0; padding:0 0 10px 18px; background: url(images/list-star-trans.png) no-repeat left top; line-height: 17px; border-bottom: solid 1px #d8d8d8 }
  #footwidgets-blog  .widget-spot .widget #calendar_wrap{ padding:0; margin:0; background:#E8E8E8 }
  #footwidgets-blog  .widget-spot .widget #wp-calendar td {	padding:0 }
  
/*=== Footer ===*/
#footer .copyright{ font:normal 11px Georgia; background:transarent; padding:10px 25px 20px 25px }
  #footer a{ color:#000; text-decoration: none; border-bottom:1px dotted; padding:2px 1px }
    #footer a:hover{ color:#FFFFFF; text-decoration:none; border:none; background:#5B261B }
	
.footer-background{ background:#530D0D; color: #F5FFC0; }
.footer-background a{color:#F5FFC0;}
#footer .copyright .fl li{ display:block; float:right; padding:0 0 0 10px; margin:0 0 0 10px; border-left:1px dotted #000000;  }