/*
Theme Name: Azul Silver
Author: Benjamin Lu
Description: Azul Silver is highly customizable, simple, and easy to navigate. Azul Silver also has the capability to change different sidebars within the theme. Users can also customize the header and the navigation and many other features.
License: Azul Silver is distributed under the terms of the GNU GPL.
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-colors, custom-header, custom-background, custom-menu, editor-style, featured-images, fixed-layout, gray, one-column, post-formats, right-sidebar, sticky-post, translation-ready, threaded-comments, two-columns
Version: 0.0.7
Text Domain: azulsilver

This theme like WordPress is licensed under the GPL.
use it to make something cool, have fun, and share what you have learned with others.
*/

/************************* Nicolas Gallagher Micro Clearfixed Solution *************************/
/* 1. The space content is one way to avoid an Opera bug when the contenteditable attribute    */
/*    is included anywhere else in the document. Otherwise it causes space to appear at the    */
/*    top and the bottom of elements that are clearfixed.                                      */
/* 2. The use of the table rather than block is only necessary if using :before to contain the */
/*    top-margins of child element.                                                            */
/************************* Nicolas Gallagher Micro Clearfixed Solution *************************/
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/************************* Azul Silver Main Basic Layout *************************/
body {
    background: #999999;
    font-family: Calibri;
/*      font-family: TradeGothicCond18, arial, helvetica, sans-serif;*/
    font-size: 16px;
}

/* DB Added p style to give paragraph padding  */
p {
    margin: 0 0 15px;
}

a {
  color: #0195C5;
  text-decoration: none;
}

a:hover {
    color: #999999;
}

#container {
    background: #FFFFFF;
    /* border: 1px solid #666666; Removed VP 2015-03-19 */
    /* border-radius: 10px 10px 10px 10px; Removed VP 2015-03-19 */
    /* box-shadow: 0 0 10px 0; Removed VP 2015-03-19 */
    margin: 0 auto;
    padding: 0;
    width: 960px;
}

img {
	margin: 0;
	max-width: 100%;
	padding: 0;
}

img.alignleft {
	margin-right: 10px;
	margin-top: 5px;
}

img.alignright {
	margin-left: 10px;
	margin-top: 5px;
}

@font-face{
  font-family:TradeGothicCond18;
  src: url(./fonts/tradegothicltstd-cn18-webfont.eot);
  src:local("TradeGothicLTStd-Cn18.otf"), url(./fonts/TradeGothicLTStd-Cn18.otf) format("truetype");
}

/************************* Azul Silver Header Navigation *************************/


.full-width { clear: both;}
.site-header {
	/*background: url(images/header-image.jpg) no-repeat;*/

	background: #313131;
	height: 115px;
}

.site-header hgroup {
    line-height: 115px;
    float: left;
    width: auto;
    padding-left: 35px;
}

.site-title {
	font-family: TradeGothicCond18, arial, helvetica, sans-serif;
    font-weight: normal;
    font-size: 37px;
    margin: 0;
    padding: 0;
}

.site-title a {
    color: #FFFFFF;
    text-decoration: none;
}

.site-title-yellow {
    color: #FFF117;
}

.site-title-logo {
    padding-left: 20px;
}

.site-description {
    color: #FFFFFF;
    font-weight: normal;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

/* DB Added padding for main site content container */
#site-content {
    float: left;
    margin: 0;
    margin-bottom: 30px;
    padding: 25px;
    width: 650px;

}

#site-sidebar {
    list-style: none;
    float: right;
    width: 220px;
}

.site-footer {
	margin: 10px auto;
	padding-bottom: 20px;
	text-align: center;
	width: 900px;
}

.site-footer a {
	color: #FFFFFF;
}

/************************* Azul Silver Primary Navigation *************************/
nav {
	margin-bottom: 0px;
}

.primary-navigation {
	font-family: TradeGothicCond18, arial, helvetica, sans-serif;
    background: #D2D3D5;
    float: left;
    display: block;
    height: 37px;
    position: relative;
    width: 100%;
}
.primary-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.primary-navigation li {
    float: left;
    position: relative;
    width: 158px;  /* Added by VP 2015-03-19 */
    border-right: 2px solid #eee;
}
.primary-navigation li.current-menu-parent { background: #2ca7eb;}
.primary-navigation li.current-menu-parent a { color: #fff;}
.primary-navigation li:last-child { border: none;}
.primary-navigation a {
    color: #000000;
    display: block;
    line-height: 37px;
    /*padding: 0.5em 1em;*/
    text-decoration: none;
    text-align: center;
    font-size: 20px;
}
.primary-navigation ul ul {
    background: #4D4D4D;
    display: none;
    float: left;
    position: absolute;
    left: 0;
    padding: 0;
    z-index: 99999;
}

.primary-navigation ul ul ul {
    left: 100%;
    top: 0;
}

.primary-navigation ul ul a {
    /*width: 200px;*/
    text-align: left;
    color: #fff;
    padding: 0.5em 1em;
    line-height: 20px;
    font-size: 15px;
}

.primary-navigation ul ul li {
    border: 0 none;
    width: 100%;
}

.primary-navigation li:hover > a {
    color: #ffffff;
    background: #4d4d4d;
}
.primary-navigation ul ul :hover > a {

}

.primary-navigation ul ul a:hover {
    background: #313131;
   /* width: 118px;*/
}
.primary-navigation ul li:hover > ul {
	display: block;
}
.primary-navigation .current_page_item > a,
.primary-navigation .current-menu-item > a,
.primary-navigation .current_page_item > a:hover,
.primary-navigation .current-menu-item > a:hover {
    background: #000000;
    color: #fff;
}

.primary-navigation .current_page_ancestor {
    background: #4d4d4d;
    color: #ffffff;
}

.primary-navigation ul ul .current_page_parent,
.primary-navigation .current_page_parent .current_page_item > a {
    color: #FFFFFF;
    background: #313131;
}

/************************* Azul Silver Main Content Navigation *************************/

/*DB cleaned up size, padding and removed border */
.entry-title {
/*    border-bottom: 1px solid #CCCCCC;*/
    font-size: 24px;
    margin: 0;
    padding-bottom: 10px;
}

.entry-title a {
    color: #0195C5;
    text-decoration: none;
}

/* DB Added padding for metadata line */
.metadata-posted-on {
	margin: 0 0 20px 0;
}

.metadata-posted-in {
	margin: 0 0 0 8px;
	padding-bottom: 10px;
}

.alignleft {
	float: left;
}

.aligncenter {
	text-align: center;
}

.alignright {
	float: right;
}

#site-content table {
	margin-top: 10px;
}

.content-archive {
	padding: 30px;
	padding-bottom: 0;
	text-align: center;
}

.content-search {
	padding: 30px;
	padding-bottom: 0;
	text-align: center;
}

.wp-caption {
	background: #EEEEEE;
	border: 1px solid #CCCCCC;
	margin-top: 20px;
	max-width: 100%;
	padding: 8px;
	text-align: center;
}

.wp-caption-text {
	margin: 0;
	padding: 0;
}

.wp-caption.alignleft {
	margin-right: 10px;
	margin-top: 5px;
}

.wp-caption.alignright {
	margin-left: 10px;
	margin-top: 5px;
}


.gallery-caption {

}

.small-post-thumbnail {
	float: left;
	margin-top: 18px;
	margin-right: 15px;
	margin-bottom: 0;
	position: relative;
}

.medium-post-thumbnail {
	margin-bottom: 10px;
}


/************************* Azul Silver Comments Content Navigation *************************/
.comments-title {
    border-bottom: 1px solid #CCCCCC;
    font-size: 20px;
    margin-bottom: 5px;
}

.comment-list {
    margin: 0;
    padding: 0;
}

.comment-body {
    margin-bottom: 20px;
    padding: 10px;
    border-bottom: 1px solid #CCCCCC;
}

.comments-area > ol  {
    list-style-type: none;
}

.comment-author .avatar {
    float: left;
    display: block;
    margin-right: 10px;
}

.comment-author .fn {
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.comment-meta {
    font-size: 14px;
}

.comments-area p {
    margin-top: 20px;
}

.reply {
    font-size: 12px;
    margin-bottom: 20px;
}

.comment-list ol {
    margin-top: 20px;
  margin-left: 20px;
}

ol.children {
    list-style-type: none;
}

.content-meta {
    margin-left: 70px;
}

.comment-navigation {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
}

.comment-navigation i {
    padding: 10px;
}

.comment-previous {
    float: left;
}
.comment-next {
    float: right;
}

.bypostauthor > .comment-body {
   background: #F0F0F0;
   border-bottom: none;
   padding: 10px;
   position: relative;
}

.comment-reply-title {
	border-top: 1px dotted #CCCCCC;
    font-size: 20px;
    margin: 0;
	margin-top: 10px;
    padding: 0;
	padding-top: 10px;
}
.comment-form label {
    display: block;
}

.required {
    color: #FF0000;
    font-size: 10px;
}

.comment-awaiting-moderation {
    background: #84BD68;
    font-size: 12px;
    padding: 3px 4px;
}

.form-allowed-tags {
    font-size: 13px;
	width: 600px;
}

.form-submit .submit {
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
    background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
    background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
    background-color:#f9f9f9;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #dcdcdc;
    display:inline-block;
    cursor:pointer;
    color:#666666;
    font-size:14px;
    font-weight:bold;
    padding:6px 24px;
    text-decoration:none;
    text-shadow:0px 1px 0px #ffffff;
}

.form-submit .submit:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9));
    background:-moz-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-webkit-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-o-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:-ms-linear-gradient(top, #e9e9e9 5%, #f9f9f9 100%);
    background:linear-gradient(to bottom, #e9e9e9 5%, #f9f9f9 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9',GradientType=0);
    background-color:#e9e9e9;
}

#respond textarea#comment{
	height: 200px;
	width: 600px;
}

.post-navigation {
	width: 650px
}

.paging-navigation ul {
    margin: 0;
	text-align: center;
}

.paging-navigation li { display: inline; }

a.page-numbers,
span.page-numbers {
     padding: 0 5px;
     color: #0195C5;
}

a:hover.page-numbers {
    color: #999999;
}

.paging-navigation .current {
    font-weight: bold;
    color: #000;
}

/************************* Azul Silver Sidebar Content Navigation *************************/

#site-sidebar ul {
    margin: 0;
    margin-bottom: 10px;
    padding: 5px 5px;
}

#site-sidebar li {
    list-style: none;
    margin: 0;
}

.header-search {
	float: right;
	margin-top: 22px;
	padding-right: 25px;
}
.header-search .search-form { margin-bottom: 10px; position: relative;}
div.header-search span.screen-reader-text {
  display: none;
}

div.header-search input.search-submit {
        background: url(images/icon-search.png) no-repeat;
	border: none;
	color: transparent;
	text-indent: -99999px;
	position: absolute;
	right: 0;
	top: 7px;
	cursor: pointer;
}

div.header-search .search-field {
	vertical-align: middle;
	padding: 5px;
	color: #fff;
	width: 220px;
}

div.header-subscribe {
	font-family: TradeGothicCond18, arial, helvetica, sans-serif;
	float: right;
	margin-top: 6px;
}

div.header-subscribe a {
	color: #fff;
	display: inline-block;
	margin-left: 20px;
	font-size: 18px;
}

a.header-donate {
	font-family: TradeGothicCond18, arial, helvetica, sans-serif;
	color: #000 !important;
	background-color: yellow;
	height: 30px;
	width: 100px;
	line-height: 33px;
	display: inline-block;
	text-align: center;
	font-size: 20px !important;

}

.widget-title {
    border-bottom: 1px solid #CCCCCC;
    color: #000000;
    font-size: 18px;
    margin: 0;
    padding: 5px 5px;
    padding-bottom: 0;
}

.tagcloud {
    margin-bottom: 10px;
}

.textwidget {
    margin-bottom: 10px;
    padding: 5px 5px;
}

#wp-calendar {
    margin-bottom: 20px;
    text-align: center;
    width: 100%;
}

#wp-calendar a {
    font-style: italic;
    text-decoration: underline;
}

#wp-calendar caption {
    font-weight: bold;
    margin-bottom: 4px;
}

#wp-calendar #today {
    font-weight: bold;
}

#wp-calendar #today a {
    color: #FF0000;
    font-weight: bold;
}

.sticky {
	background: #CCCCCC;
}

.sticky .entry-title {
	border-bottom: 1px solid #000000;
}

span.screen-reader-text {
	display: none;
}

input.search-field, input.search-submit {
	margin-top: 5px;
        background: #313131;
        border: 1px solid #777777;
}


/* Home Box */
.home_box {
	background: none repeat scroll 0 0 #252525;
	color: #fff;
	display: table;
	float: left;
	max-width: 960px;
	padding: 20px 0;
	width: 100%;
}
.left_box { /*float: left; line-height: 125px;*/ display: table-cell; vertical-align: middle; text-align: center; min-width: 300px; margin-left: 35px; border-right: 1px solid #fff200;}
.left_box h2 { font-size: 37px; margin: 0;}

.right_box { float: left; margin-left: 30px;}
.right_box p { font-size: 19px; color: #fff200;}
.right_box p:first-child{ margin-top: 0;}


.three_boxes {
	float: left;
	width: 100%;
	display: block;
	padding: 35px 0 0 0;
	background: #EDEEF0;
	}

.boxes {
	float: left;
	width: 33.333%;
	text-align: center;}

.inner_box {
	padding: 0px 25px;
	background:
	url("images/li2.png") no-repeat scroll right center rgba(0, 0, 0, 0)
	}

.inner_box > h3 {
    color: #262626;
    font-size: 29px;
    font-weight: normal;
    text-transform: uppercase;
    margin-top: 20px;
    margin-bottom: 5px;
}

.inner_box.last {
	background: none;
	}

/*
.reports_box ul { list-style: none; text-align: left; padding: 0;}
.reports_box ul li { margin-bottom: 20px;}
.reports_box ul a { color: #000;}
.reports_box ul a span {  color: #4f4f4f;  margin-left: 15px; text-transform: none; }
*/

.news ul,
.reports_box ul {
	text-align: left;
	list-style : none;
	padding: 0;
	margin: 0;
}

.news ul li,
.reports_box ul li {
	margin-bottom: 20px;
}

.news ul li a,
.reports_box ul a {
	color: #41b0ea;
	font-size: 16px;
	text-transform: uppercase;
}

.news ul li a span,
.reports_box ul a span {
	color: #4f4f4f;
	font-size: 18px;
	margin-left: 15px;
	text-transform: none;
}

.signup a.donate {
	background: none repeat scroll 0 0 #feee49;
	border: medium none;
	color: #262626;
	font-size: 29px;
	height: 45px;
	margin: 35px 0;
	width: 100%;
	display: block;
	line-height: 45px;
	text-align: center;
}

/*.signup li { list-style: none;}
.signup .inner_box { text-align: left;}
.signup .inner_box .widget_wysija h3 { margin: 50px 0 0 0;}
.signup  .widget_wysija  .wysija-paragraph { }
.signup  .widget_wysija  .wysija-paragraph label { display: none;}
.signup  .wysija-input  { padding: 8px 0px 8px 10px; width: 95%; border: 0 none; font-style: italic; font-size: 14px;}
.signup  .widget_wysija  .wysija-submit { font-size: 15px; color: #fff; padding: 10px 15px; background: #5ac4f9; border: 0 none; margin-top: 10px; cursor: pointer; }
*/
/* Hotline*/
.hotline_box { background: url("images/hotline_bg.png") no-repeat scroll center center / cover  rgba(0, 0, 0, 0); display: table; width: 100%; }
.hotline_box h1 { font-size: 40px; color: #fff; margin: 70px auto; text-align: center;}
.hotline_info{ margin: 55px auto; text-align: center; display: table; width: 100%;}
.hotline_info img { display: inline-block; vertical-align: top; margin-right: 30px;}
.hl_info { display: inline-block; text-align: left;}
.hl_info h2 { color: #fff200; font-size: 22px; text-transform: uppercase; margin: 0;}
.hl_info h3 { color: #fff; font-size: 14px; text-transform: uppercase; margin: 0;}
.hl_info p { color: #fff; font-size: 14px;}
.hl_info a { text-decoration: underline;}

.footer{ /*font-family: TradeGothicCond18, arial, helvetica, sans-serif;*/ width: 960px; margin: 0 auto; display: table; background: #252525; color: #fff;}
.footer p { padding-left: 40px; font-size: 15px; margin: 5px 0;}
.social_icons {display: table; list-style: none; margin: 10px 0;}
.social_icons li {  float: left;}
.social_icons li a { color: transparent; width: 28px; height: 27px; display: block; margin-right: 5px;}
.social_icons li.twitter_link a { background: url(images/tt_icon.png) no-repeat; }
.social_icons li.facebook_link a { background: url(images/fb_icon.png) no-repeat; }
.social_icons li.gmail_link a { background: url(images/email_icon.png) no-repeat; }

ul.copyright { list-style: none; display: table; margin: 5px 0;}

ul.copyright li{ background: url(images/li.png) no-repeat right; font-size: 13px; float: left;  padding: 0 20px;}
ul.copyright li:first-child{ padding-left: 0px;}
ul.copyright li.last { background: none;}


.cl_item { clear: both; display: table; width: 100%; margin: 10px;}
.cl_thumbnail { float: left; max-width: 150px; margin-right: 20px;}
.cl_content h3 { margin: 0;}
.cl_content span { margin: 5px 0; display: block;}
.cl_content p { margin: 0;}


.slicknav_menu {
	display:none;
}

@media screen and (max-width: 800px) {
	#container, .footer { width: 600px;}
	#main-menu #main-nav {
		display:none;
	}

	#main-menu .slicknav_menu {
		display:block;
	}

	.site-header hgroup{ width: 285px; line-height: 50px;}
	.site-title { font-size: 23px;}
	.site-title-logo{ padding: 0;}
	.left_box { float: none; line-height: 1; text-align: center; border: 0 none; width: 100%; margin: 0; display: block;}
	.left_box h2 {margin: 30px 0;}
	.right_box { display: table; margin: 0 auto; float: none; width: auto;}
	.right_box p { margin: 5px 0;}
	.boxes { float: none; width: 100%;}
	.news ul, .reports_box ul { width: 300px; margin: 0 auto;}
	ul.copyright li.last { padding-left: 0;}

	.inner_box { background: none;}
}



@media screen and (max-width: 599px) {
	#container, .footer { width: 400px;}
	ul.copyright li { float: none; padding: 2px 0;}
	.hotline_box h1 { font-size: 29px;}
	.right_box { padding-left: 25px;}
	.header-search {display: none;}
	.site-header hgroup { line-height: 50px;  width: 100%; text-align: center; padding: 0;}
	.site-title a { display: block;}
}

@media screen and (max-width: 399px) {
	#container, .footer { width: 310px;}
	.inner_box { padding: 30px 10px;}
	.news ul, .reports_box ul{ width: 280px;}
}

.metaslider .caption-wrap { background: #252525 !important;}
.flexslider .slides p { margin-bottom: 19px !important;}

.tbl_page { }
.tbl_page , .tbl_page tbody, .tbl_page tr { max-width: 100%; display: block;}
.tbl_page tr.trfirst img { padding-left: 0;}
.tbl_page tr.trfirst p { margin: 0;}
.wtitle { background:  #fef200; color: #3e3d3d; font-size: 18px; padding: 5px; margin: 0;}
.wtitle.subpage-header { margin: 0; text-align: center;}
.tbl_page tr td:first-child { width: 65%;}
.tbl_page tr td img { padding-left: 80px;}
.tbl_page tr td:last-child { display: table-cell; vertical-align: middle; padding-left: 50px; }
.tbl_page tr td:last-child img { max-width: 93px; padding: 0;}
.tbl_page tr td:last-child br { display: none;}
.board.hentry { padding-left: 15px; padding-top: 15px;}
.board.hentry .page-title { margin-left: 0;}
.page .hentry{ padding: 10px 20px;}