/*   
Theme Name: BlueM
Theme URI: http://wordpress.org/themes/bluem
Description: bluem is a free responsive WordPress theme.
Author: I. Ivanov
Author URI: http://profiles.wordpress.org/I_Ivanov/
Version: 1.0.1
License: GNU General Public License
License URI: license.txt
Tags: white, black, gray, blue, custom-menu, custom-header, three-columns, right-sidebar, flexible-width, threaded-comments, sticky-post

BlueM WordPress theme, Copyright (C) 2013 I. Ivanov
BlueM WordPress theme is licensed under the GPL.
*/

/* 
-------------------------------------------------------------- 
Importing external CSS files
-------------------------------------------------------------- 
*/

/* Importing FontAwesome and the Comfortaa font */
@import url(FontAwesome/css/font-awesome.css);
@import url(http://fonts.googleapis.com/css?family=Comfortaa);

/* Importing Bootstrap */
@import url('libraries/bootstrap/css/bootstrap.css'); 
@import url('libraries/bootstrap/css/bootstrap-responsive.css'); 


/* 
-------------------------------------------------------------- 
Global and general structure styles
-------------------------------------------------------------- 
*/

html, body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

#bg-full { position: fixed; top: 0; left: 0; z-index:-1; }
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

.container {
	background-color:#F7FDFD;
	border-bottom:0;
}

a { 
	text-decoration: none;
	zoom:0;
}

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
	font-family: 'Comfortaa', cursive;
	color:#328AD1;
}

blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}
blockquote p {
  display inline;
}

h3 a {
	color:#4f9cd9;
}

ul, li{
	padding:1%;
}

code {
	width:70%;
	white-space: pre-line;
	*white-space: pre;
	*word-wrap: break-word;
}

.alignright {
	float:right;
	margin:0 0 5px 15px;
}

.alignleft {
	float:left;
	margin:0 15px 5px 0;
}

.more-link {
	color:#328ad1;
}

.wp-caption {
	max-width: 100%; 		/* When images are too wide for containing element, force them to fit. */
	height: auto; 			/* Override height to match resized width for correct aspect ratio. */
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

.gallery-caption {
	margin-left:0;
}

img.aligncenter,
.wp-caption .aligncenter {
	margin: 0 auto 1.5em auto;
	max-width: 100%;
	height: auto;
}

.video {
    width: 100%;
    max-width: 560px;
    margin: 0 auto;
}

.video iframe,
.video object,
.video embed {
    width: 100%;
    height: 100%;
	height: 375px;
    max-height: 475px;
}



/* 
-------------------------------------------------------------- 
Header
-------------------------------------------------------------- 
*/

.topbar {	
	background-color:#3f4042;
	color:#ffffff;
	height: 34px\9; 			/* IE8 */
	*height: 34px;  			/* IE7 as we overwrite IE8 hack */
	width:100%;
	z-index:0;
	margin-bottom:-1px\9; 		/* IE8 */
	*margin-bottom:-1px;  		/* IE7 as we overwrite IE8 hack */
}

.rss-icon {
	background: url('/wp-content/themes/bluem/images/rss.jpg');
	float:left;
	margin:5px;
	height:24px;
	width:24px;
}

.span1 {
	height:34px;
	background-color:#3f4042;
	color:#ffffff;
}

#topsearchform {
	float:right;
	height:30px;
	width:23%;
	margin:2px auto;
}

#topsearchform [type=text]{
	background: url('/wp-content/themes/bluem/images/search-white.png') no-repeat 10px 6px #f7fcfd;
	border: 0 none;
    font: bold 12px Arial,Helvetica,Sans-serif;
    color: #fff;
	width:76%;
	z-index:10;
	position:relative;
    padding-left:3em;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
	behavior: url(/wp-content/themes/bluem/libraries/pie/PIE.htc);
}

#topsearchform  input[type="text"]:focus {
	background: url('/wp-content/themes/bluem/images/search-dark.png') no-repeat 10px 6px #f7fcfd;
	-pie-background: url('/wp-content/themes/bluem/images/search-dark.png') no-repeat 10px 6px #f7fcfd;
    color: #6a6f75;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(0, 0, 0, 0.9) inset;
}
 
.name-and-descr {
	position:absolute;
	display:block;
	top:60px;
	margin-left:50px;
	*margin-left:-95%;
	height:150px;
	z-index:1;
}

.header-name, .header-descr{
	color:#ffffff;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	text-shadow:
    -1px -1px 5px #6177C2,
    1px -1px 5px #6177C2,
    -1px 1px 5px #6177C2,
    1px 1px 5px #6177C2;
}

.header-name {
	line-height:auto;
	*line-height:70%;
	font-size:4em;
}

.header-descr {
	font-size:1.5em;
	margin-top:20px;
}
 
.menu {
	min-width:100%;
	background-color:#6177C2;
}

.sf-menu li {
	margin:0;
	padding:0;
	list-style-position: inside;
	list-style-type: none;
	font-family: 'Comfortaa', cursive;
}


/* 
-------------------------------------------------------------- 
Post Elements
-------------------------------------------------------------- 
*/

.home-content,
.blog-content {
	margin:2% auto 2% 2%;
	float:left;
	background-color:#F7FDFD;
}

.sticky-posts {
	background-color:#ffffff;
	padding:0;
	margin-left:2%;
	margin-top:2%;
	width:64%\9;/* IE8 and IE7 */
}

.sticky-posts-inner {
	padding:1%;
	border:1px solid #b5b7b6;
}

.home-posts,
.blog-posts {
	border:0;
	padding:0;
	margin-left:2%;
	margin-top:2%;
	width:64%\9;/* IE8 and IE7 */
}

.post,
.type-page {
	padding:1%;
}

.post-single,
.page-single {
	margin:2% auto 2% 2%;
	float:left;
	padding:0;
	border:1px solid #b5b7b6;
	background-color:#ffffff;
	width:64%\9;/* IE8 and IE7 */
}

.post-page {
	margin-left:2%;
}

.post-home-left {
	float:left;
	clear:left;
}

.post-home-right {
	float:right;
	clear:right;
}

.post-home-left,
.post-home-right {
	padding:1%;
	border:1px solid #b5b7b6;
	background-color:#ffffff;
	margin-bottom:3%;
	width:46%\9;/* IE8 and IE7 */
}

.post-home h3,
.post-home h3 a {
	color:#328ad1;
}

.post h2,
.post h2 a,
.type-page h2,
.type-page h2 a {
	color:#328ad1;
}

.post-edit-link {
	color:#328AE0;
}

.meta {
	color:#3F4042;
	font-family:"Arial", Gadget, sans-serif;
	font-size:12px;
}

.entry {
	color:#3F4042;
	font-family:"Arial", Gadget, sans-serif;
}

#pagination-container {
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	float:left;
	clear:both;
	text-align:center;
}

#pagination-container a {
	color:#328ad1;
	border:1px solid #b5b7b6;
	background-color:#ffffff;
	padding:1%;
	*line-height:35px; /* IE8 and IE7 */
	
}

.meta {
	margin-bottom:2%;
}




/* 
-------------------------------------------------------------- 
Archives
-------------------------------------------------------------- 
*/

.archive-container {
	margin:2% auto 2% 2%;
	float:left;
	padding:0;
	border:1px solid #b5b7b6;
	background-color:#ffffff;
	width:64%\9; /* IE8 and IE7 */
}

.archive-inner {
	padding:1%;
}


/* 
-------------------------------------------------------------- 
Comment Elements
-------------------------------------------------------------- 
*/

#respond {
	margin-left:2%;
	margin-top:2%;
}

.commentlist{
	border:1px solid #b5b7b6;
	background-color:#ffffff;
	padding:0;
	margin-left:2%;
	margin-bottom:2%;
	width:64%\9;/* IE8 and IE7 */
}

.comments-inner {
	padding:1%;
}

.no-comments {
	color:#328ad1;
	font-style:italic;
}

.comment-form-container {
	margin-left:2%;
	width:64%\9;/* IE8 and IE7 */
}

#comment{
	width:98%;
	max-width:98%;
}

.commentlist li {
	list-style: none;
	border-bottom:1px solid #b5b7b6;
}

.commentlist li ul.children .alt {
	list-style: none;
}

.commentlist li ul.children .odd {
	list-style: none;
}

.commentlist li ul.children .even {
	list-style: none;
}

.form-allowed-tags {
	width:58%;
}

.comment-meta a{
	text-decoration:none;
	color:#aba8a8;
}

#coment-text {
	margin-left:2%;
	margin-top:1%;
	margin-bottom:1%;
}

.reply a {
	text-decoration:none;
	color:#328AD1;
}

.comment-author vcard,a {
	text-decoration:none;
	color:#328AD1;
}

.bypostauthor {
	color:#3F4042;
}
#c-pignation {
	margin-left:2%;
}
 /* 
-------------------------------------------------------------- 
Sidebar
-------------------------------------------------------------- 
*/

.sidebar {
	margin:2% 2% 2% auto;
	padding:0;
	float:right;
	background-color:#ffffff;
	border:1px solid #b5b7b6;
	width:29%\9;/* IE8 and IE7 */
}

.sidebar-title {
	padding:2px 10px;
	margin:0;
}

.sidebar ul li a{
	color:#3F4042;
}

.sidebar ul li a:hover{
	color:#328AE0;
}


/* 
-------------------------------------------------------------- 
Widgets
-------------------------------------------------------------- 
*/

.widget-even .sidebar-title {
	background-color:#6177c2;
	color:#ffffff;
}

.widget-odd .sidebar-title {
	background-color:#3f4042;
	color:#ffffff;
}

.widget-title {
	color:#328AD1;
}

.widget div .menu {
	background:none;
	min-width:auto;
}

#wp-calendar {
	margin-left:7%;
	width: 86%;
	text-align:center;
}


/* 
-------------------------------------------------------------- 
Footer
-------------------------------------------------------------- 
*/

.footer {
	background-color:#3F4042;
}

#footer-sidebar-1 {
	padding-left:7%;
	color:#fff;
}

#footer-sidebar-2 {
	padding-left:7%;
	color:#fff;
}

#footer-sidebar-3 {
	padding-left:7%;
	color:#fff;
}

#footer-sidebar-4 {
	padding-left:7%;
	color:#fff;
}

.footer a {
	color:#f4f4f3;
}

.footer a:hover {
	color:#328AE0;
}

.copy {
	background-color:#2B2B2B;
}

.copy-text {
	float:right;
	color:#fff;
	padding:1%;
}


/* 
-------------------------------------------------------------- 
Media queries
-------------------------------------------------------------- 
*/

@media (min-width: 1200px) {

	.post-home-left,
	.post-home-right {
		width:310px;
	}
	
	.sidebar {
		width:290px;
	}
	
}

@media (max-width: 1199px) {

	.sticky-posts,
	.home-posts,
	.page-single,
	.blog-posts,
	.post-single,
	.commentlist,
	.comment-form-container,
	.archive-container {
		width:630px;
	}
	
	.post-home-left,
	.post-home-right {
		width:290px;
	}
	
	.sidebar {
		width:250px;
	}
	
}

@media (max-width: 980px) {

	#topsearchform {
		width:32%;
	}
	
	.name-and-descr {
		top:50px;
	}
	
	.header-name {
		font-size:3.2em;
	}
	
	.header-descr {
		font-size:1.4em;
		margin-top:10px;
	}
	
	.sticky-posts,
	.home-posts,
	.page-single,
	.blog-posts,
	.post-single,
	.commentlist,
	.comment-form-container,
	.archive-container {
		width:470px;
	}
	
	.post-home-left,
	.post-home-right {
		width:218px;
	}
	
	.sidebar {
		width:210px;
	}
	
}

@media (max-width: 767px) {

	.name-and-descr {
		top:16%;
		margin-left:6%;
		width:80%;
		height:20%;
	}
	
	.header-name {
		font-size:2.5em;
	}
	
	.header-descr {
		font-size:1.3em;
		margin-top:10px;
	}
	
	#topsearchform {
		width:80%;
	}
	
	#topsearchform [type=text]{
		width:90%;
	}
	
	.sticky-posts,
	.home-posts,
	.page-single,
	.blog-posts,
	.post-single,
	.commentlist,
	.comment-form-container,
	.archive-container {
		width:100%;
		margin:0;
		padding:0;
	}
	
	.blog-posts {
		padding-right:2%;
	}
	
	.page-single {
		margin-bottom:2%;
	}
	
	.post-home-left,
	.post-home-right {
		width:100%;
		float:left;
	}
	
	.lowrescontainer {
		padding:2%; width:auto; height:auto; float:left;
	}
	
	.home-posts {
		margin-top:2%;
	}
	
	.size-full,
	.wp-image,
	.wp-caption,
	.video {
		width:100%;
		height:auto;
	}
	
	.sidebar {
		display:none;
	}
	
	.lowresfooter {
		width:90%;
		min-width:90%;
		min-height:200px;
		margin-bottom:5%;
		padding:5%;
	}
	
	#footer-sidebar-1,
	#footer-sidebar-3 {
		float:left;
		width:50%;
		padding:0;
	}
	
	#footer-sidebar-2,
	#footer-sidebar-4 {
		float:right;
		width:50%;
		padding:0;
	}
	
}

@media (max-width: 480px) {

	#topsearchform {
		width:70%;
	}
	
	#topsearchform [type=text]{
		width:80%;
	}
	
	.header-name {
	font-size:2em;
	}
	
	.header-descr {
		font-size:1.2em;
		margin-top:10px;
	}
	
}