/*   
Theme Name: A Different Blue
Theme URI: http://colorwp.com/theme/different-blue/
Description: Tech-oriented, light-blue theme with responsive design.
Author: ColorWP.com
Author URI: http://colorwp.com
Version: 1.3
Tags: blue, light, gray, two-columns, three-columns, responsive-layout, custom-menu, sticky-post, theme-options, threaded-comments, translation-ready
License: A Different Blue is distributed under the terms of the GNU GPLv3
License URI: http://www.gnu.org/licenses/gpl-3.0.txt
Color schema: https://kuler.adobe.com/#themeID/2221
*/
@import url(http://fonts.googleapis.com/css?family=PT+Sans&subset=latin,cyrillic);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);



html, body{
    min-height:100%;
    margin:0;
    padding:0;
}
body{
    position:relative;
	background: #FFF8E3 url("img/bgpattern.png") repeat;
	font-size: 16px;
	font-family: 'PT Sans', sans-serif;
	line-height:1em;
	color: #fff;
}
ul{
	list-style-type: circle;
}
a{
	color: #33332D;
}
a:hover{
    color: #DB4105;
}
p{
    margin-bottom:1em;
}

/* Common for all areas */
#header, #body, #navigations{
    width:90%;
    margin:auto;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.7);
}
#header, #footer{
    color: #3f5765;
}
/* Next page/previous page links */
.loop-navigation{
	margin: 1.5em auto;
	text-align:center;
	font-size: 2em;
	line-height:1em;
}

/* Header */
#header{
    overflow:hidden;
    position:relative;
    background:#2B3A42;
	background: #9FB4CC;
    margin-top:0.7em;
}
#sitetitle{
    font-family: 'Oswald', sans-serif;
	font-size:3em;
	line-height:1em;
    margin: 1.2em auto 0.5em 1em;
}
#sitetitle h1 a{
	font-size: 2.5em;
	line-height:1em;
    color: #fff;
    text-decoration:none;
}
.sitedescription{
	font-size: 0.5em;
    color:#547180;
    opacity:0.8;
}

/* Navigation area */
#navigations{
	background: rgba(76, 103, 118, 0.66);
}
.nav_menu{
    
}
.nav_menu ul>li>a{
	color: #fff;
}
ul.menu{
    list-style-type: none;
    margin:0;
    width:98%;
	padding: 0 0 0 2%;
}
ul.menu a{
	text-decoration: none;
}
ul.menu > li{
    display:inline-block;
    position: relative;
    overflow: visible;
    font-size:1.2em;
    font-weight:bold;
    text-transform: uppercase;
	padding: 1em 0.5em;
	position:relative;
}
ul.menu > li:hover{
	background:#9FB4CC;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);
}
ul.menu > li:hover a{
	color: #fff;
}
ul.menu > li ul.sub-menu{
    list-style-type: none;
    display:none;
	width:100%;
    margin:0;
	padding:0;
	position:absolute;
    top:100%;
    left:0;
    z-index:2;
	background:#9FB4CC;
	box-shadow: 0 0 2px 0 rgba(0,0,0,0.5);
}
ul.menu > li ul.sub-menu li{
    padding:1em 0.5em;
}
ul.menu > li:hover ul.sub-menu{
    display:inline;
}

#body{
    position: relative;
	background: #9FB4CC;
    min-height:60%;
	padding:2em 0 0 0;
    color: #fff;
	margin-bottom: 3em;
}
#body #content{
    margin: auto 2%;
}
.post_title{
    font-family: 'Oswald', sans-serif;
    font-size: 2.5em;
	margin-bottom: 0.5em;
	line-height: 1.2em;
}
.post_title a{
    text-decoration: none;
	color: #4C6776;
}
.post_title a:hover{
	color: #DB4105;
}
.sticky .post_title a{
	color: #9FB4CC;
}
#content .post_content{
    line-height:1.5em;
    font-size:1.5em;
	overflow:hidden;
}
#content .post_content ul,
#content .post_content ol{
	font-size: 0.8em;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

#footer{
	margin: auto;
	padding: 1em 0;
    background: #2B3A42;
    text-align:center;
	border: 1px solid rgba(255,255,255,0.5);
	border-top: 1px solid rgba(255,255,255,0.2);
}
#footer p{
	margin: 1em;
	color: #ffffff;
}
#footer a{
	color: #9FB4CC
}

/* Post listing */
.single_post{
	margin: auto 1em 5em 1em;
}
.single_post.sticky{
    background:#4C6776;
	background: rgba(76, 103, 118, 0.66);
    padding:1.5em;
}
.single_post.sticky .post_title a:hover{
	color: #DB4105;
}
.post_meta{
	margin: 1.5em auto;
	font-size:1.1em;
}
.post_meta i.icon-white{
	margin-top:4px;
}

/* Featured image */
.featured{
	overflow:hidden;
}
.featured .content{
	color:#fff;
	background-size:100%;
	background-position: center;
	background-repeat: no-repeat;
	min-height: 20em;
	position:relative;
}
.featured .content h2{
	position:absolute;
	left:0;
	bottom:0;
	width:90%;
	background: rgba(0,0,0,0.5);
	padding: 0.7em 5%;
	letter-spacing: 0.2em;
	color: #fff;
}

/* Sidebars */
.sidebar{
    
}
.sidebar1 {}
.sidebar2 {}
.sidebar3 {}

.sidebar .widget_heading{
	font-size: 1.5em;
	line-height:1em;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
	padding-bottom: 10px;
}
.single_widget{
    margin-bottom: 2em;
}
.single_widget *{
	line-height: 1.4em;
}
.footer_widgets_container{
	background: #33332D;
	width:104%;
	margin-left:-2%;
}
.footer_widgets_container a{
	color: #9FB4CC;
}
.footer_widgets_container a:hover{
	color: #DB4105;
}
.footer_single_widget{
    width:23%;
    padding-top:3%;
    padding-bottom:3%;
    padding-left:5%;
    padding-right:5%;
    float:left;
	font-size: 1.2em;
	line-height: 1.5em;
}
.footer_single_widget *{
	line-height: 1.5em;
}
.footer_single_widget ul{
	list-style:none;
}
.footer_widget_heading{
    font-size: 1.8em;
}

/* Standard WordPress classes for image alignment */
.aligncenter, div.aligncenter, img.centered, img.aligncenter {
    display: block; margin-left: auto; margin-right: auto; text-align: center;
}
.alignleft{
    float:left;
    margin-right:0.7em;
}
.alignright{
    float:right;
    margin-left: 0.7em;
}
.floatLeft{float:left}
.floatRight{float:right}
.clear{clear:both}
.aligncenter, .alignleft, .alignright, .alignnone{
    /* Some spacing for text above and below the image */
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}
.wp-caption{
    box-shadow: 0px 0px 1px 0px #000;
    padding:0;
}
.wp-caption img{
    width:100%;
}
.wp-caption-text{
    padding: 0.3em 0 0.2em 0;
	font-size: 0.7em;
    color: #777;
}

/* Forms */
form input[type=text], form input[type=password], form input[type=submit]{
	border: 1px solid #fff;
}
form input[type=text], form input[type=password]{
	padding: 1em;
}

/* Comments area */
.comments-wrapper{
	
}
.comments-wrapper h2#comments{
	margin:3em auto 1em auto;
}
[id*='div-comment-'].comment-body *{
	line-height:2em;
}
.comment-author{
	font-size:1.5em;
}
cite.fn{
	font-style: italic;
}
.comment-body table .label{
	background-color:transparent;
}
.search-query{
	width: auto;
}
.gallery-caption{}
.bypostauthor{}

/* Media queries with break points for responsive design */
@media screen and (max-width: 700px){
	#sitetitle{
		margin-left: auto;
	}
	#sitetitle h1, .sitedescription{
		text-align: center;
	}
	#sitetitle h1 a{
		font-size: 2em;
	}
	.footer_single_widget{
		width: auto;
	}
}
@media screen and (max-width: 450px){
	#sitetitle h1 a{
		font-size: 1.5em;
	}
}
@media screen and (max-width: 350px){
	#sitetitle h1 a{
		font-size: 1em;
	}
	.sitedescription{
		font-size:0.4em;
		margin-top:0.5em;
	}
}