/*
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, threaded-comments, two-columns
Version: 0.0.3
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-size: 16px;
}

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

a:hover {
    color: #999999;
}

#container {
    background: #FFFFFF;
    border: 1px solid #666666;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 0 0 10px 0;
    margin: 0 auto;
    padding: 10px 10px 10px 10px;
    width: 900px;
}

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

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

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



/************************* Azul Silver Header Navigation *************************/
.site-header {
	background: url(images/header-image.jpg) no-repeat;
	height: 205px;
}

hgroup {
    height: auto;
    line-height: 25px;
    margin: 10px 10px 10px 10px;
    padding: 10px 10px 10px 10px;
    position: absolute;
    text-align: center;
    width: auto;
}

.site-title {
    font-weight: normal;
    font-size: 37px;
    margin: 0;
    padding: 0;
}

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

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

#site-content {
    float: left;
    margin: 0;
	margin-bottom: 30px;
    padding: 0;
    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: 10px;
}

.primary-navigation {
    background: #313131;
    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;
}
.primary-navigation a {
    color: #FFFFFF;
    display: block;
    line-height: 1.3em;
    padding: 0.5em 1em;
    text-decoration: none;
}
.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;
}

.primary-navigation ul ul li {
    
}

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

}

.primary-navigation ul ul a:hover {
    background: #313131;
}
.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 *************************/
.entry-title {
    border-bottom: 1px solid #CCCCCC;    
    font-size: 18px;
    margin: 0;
    padding: 5px 5px;
    padding-bottom: 0;
}

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

.metadata-posted-on {
	margin: 0 0 0 8px;
}

.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: 30px;
}

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

div.header-search input.search-submit {
	background: #FFFFFF;
	border: none;
	color: #0195C5;
	margin-right: 10px;
	padding: 5px 14px;
	vertical-align: top;
}

div.header-search .search-field {
	vertical-align: top;
	padding: 3px;
}

.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;
}