/*
Theme Name: Glade Colored Grid
Theme URI: http://dembook.pro/themes/glade/
Description: Glade Colored grid WP Theme is beautiful grid based theme.
Author: Kleidaria
Author URI: http://dembook.pro/themes/glade/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Version: 1.5

Designed & Handcrafted by Kleidaria for Dembook.Pro
All files, unless otherwise stated, are released under the GNU General Public License
version 3.0 (http://www.gnu.org/licenses/gpl-3.0.html)
*/

body{
	background-color: #f0f0f0;
	font: normal 13px Helvetica Neue, Helvetica, Arial, sans-serif;
	line-height: 1.6;
	margin: 0px;
	padding: 0px;
	color: #666;
}

.clear{
	clear: both;
}

a:hover{
	color: #333;
}

.billboard{
background-color: #ffffff;
	max-width: 970px;
	margin: 0px auto;
	position: relative;
	display: block; 
	margin-top: 10px;

	
}

.adspace{
 height: 100px;
}

.header{
	background-color: #333333;
	position: relative;
	width: 100%;
	height: 60px;
	
}
.header .header_wrapper{
	max-width: 960px;
	margin: 0px auto;
}
.header .header_wrapper .header_container{
	margin: 0px 4px;
	position: relative;
}
.header .logo{
	display: inline-block;
	float: left;
	margin-right: 0px;
}


.mobile_menu{
	display: none;
}


.menu_container{
	margin: 0px;
	display: inline-block;
}
.menu{
    
}
.menu ul{
    margin: 0;
    padding: 0; 
    list-style-type: none;
}
.menu > ul{
	margin: 0px;
}
.menu > ul > li{
    padding: 4px;
}
.menu > ul > li > a{
	padding: 12px;
}
.menu > ul > li.current-menu-item,
.menu > ul > li.current_page_item{
    background-color: #f0f0f0;
}
.menu > ul > li.current-menu-item a,
.menu > ul > li.current_page_item a{
	color: #333;
}
.menu > ul > li:hover{
    background-color: #f0f0f0;
}
.menu > ul > li{
    
}
.menu > ul > li:last-child{
	margin-right: 0px;
}
.menu ul li{ 
    position: relative; 
    display: inline; 
    float: left; 
}
.menu ul li a{ 
    display: block;  
    text-decoration: none; 
}
* html .menu ul li a{ 
    display: inline-block; 
}
* html .menu ul li a:hover{
	color: #333;
}
.menu ul li a{
    color: #aaa;
	font-size: 13px;
	text-decoration: none;
}
.menu ul li a:hover{ 
    color: #333;
}
.menu > ul > li > a:hover{ 
    color: #333;
}
.menu ul li ul{
    position: absolute; 
    left: 0;
    display: block; 
    visibility: hidden; 
    z-index:5000;
    background-color: #f0f0f0;
    border: 1px solid #cccccc;
    border-top: 0px;
    border-left: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
}
.menu > ul > li > ul{
    border-top: none;
}
.menu ul li ul li{
    display: list-item; 
    float: none; 
}
.menu ul li ul li ul{
    top: 0;
}
.menu ul li ul li a{ 
    width: 150px;
    padding: 0px 0px 4px 0px; 
    text-decoration: none;
    text-transform: none;
    text-align: left;
    color: #aaa; 
    font-size: 13px;
    margin-left: 20px;
    margin-right: 10px;
}
.menu ul li ul li:last-child a{
    border-bottom: 0px;
}
.menu ul li ul li a:hover{
    color: #333;
}



#nav_menu_select{
	min-width: 232px;
	-webkit-appearance: none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-image: url("resources/images/mobile-menu-arrow.png");
	background-position: center right;
	background-repeat: no-repeat;
	padding: 0 10px;
	height: auto;
}



.search_form{
	float: right;
	margin-top: 16px;
	position: absolute; 
	right: 0px;
	top: 0px;
}
.search_form label, 
.search_form input[type=submit]{
	display: none;
}
.search_form input[type=text]{
	border: 0px;
	border-radius: 0px;
	background-color: #fff;
	font-size: 12px;
	width: 70px;
	
	width: 60px;
	margin: 0 3px 0 0;
	padding: 5px 5px 5px 25px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #BBB;
	border: none;
	background: white url(resources/images/icon-search_input.png) no-repeat 7px 50%;
}






.container_main{
	max-width: 1010px;
	margin: 0px auto;
	
}
.container_main .content_wrapper{
	position: relative;
	display: block;
	margin-top: 5px;
}

.container_main2{
	max-width: 1010px;
	margin: 0px auto;
	margin-top: 5px;
}
.container_main2 .content_wrapper{
	position: relative;
	display: block;
}

.column{
	
	float: left;
}
.column1{
	width: 240px;
}
.column2{
	width: 480px;
}
.column3{
	width: 770px;
}

.column_full{
	width: 100%;
}


.content_item{
	display: block;
	position: relative;
	margin: 4px;
}

.content_item .wrapper{
	background-color: #fff;
	border-top: 1px solid #E6E6E6;
	box-shadow: 0 1px 1px rgba(0, 0, 0, .25);
	padding: 10px;
}

.content_item .wrapper .post_type{
	
}
.content_item .wrapper .post_type.standard{
	
}

.content_item .wrapper .post_title{
	margin: 0px;
	margin-bottom: 8px;
}

.column1 .content_item .post_title{
	font-size: 16px;
	line-height: 22px;
}
.content_item .inner_text_white .post_title{
	
}
.content_item .inner_text_white .post_title a,
.content_item .inner_text_white .post_detail a{
	color: #fff;
}
.content_item .inner_text_white .post_detail a{
	border-bottom: 1px dotted #fff;
}


.content_item .wrapper .post_image{
	width: 100%;
}
.content_item .wrapper .post_detail{
	font-size: 11px;
	text-transform: uppercase;
	margin-bottom: 16px;
}
.content_item .wrapper .post_detail span{
	text-transform: none;
}
.content_item .wrapper .post_excerpt{
	margin: 10px 0px;
}
.content_item .wrapper .readmore{
	text-align: right;
	clear: both;
}
.content_item .wrapper .readmore a{
	background-color: #4488bb;
	padding: 8px 15px;
	color: #fff;
	text-transform: uppercase;
	font-size: 11px;
	display: block;
	float: right;
}
.content_item .wrapper .readmore a:hover{
	background-color: #333;
	text-decoration: none;
}


.widget{
	
}
.widget h3{
	font-size: 16px;
	text-transform: uppercase;
	color: #222;
}
.widget h4{
	font-size: 12px;
	
	color: #222;
}
.widget ol{
	list-style-type: decimal;
}
.widget ul{
	margin: 0px;
	list-style-type: none;
}
.widget ul li{
	background: url("resources/images/bullet-c.png") no-repeat 0px 14px;
	border-top: 1px solid #EEE;
	padding: 7px 14px;
}
.widget ul li:first-child{
	border: 0px;
}
.widget ul li a{
	color: #666;
}
.widget ul li a:hover{
	text-decoration: none;
	color: #000;
}
.widget input[type=text],
.widget textarea{
	width: 100%;
}




.content_item .widget_twitter{
	background: url("resources/images/watermark_twitter.png") no-repeat right bottom transparent;
	background-color: #00acee;
	color: #fff;
	overflow: hidden;
}
.content_item .widget_twitter img{
	width: 60px;
	border-radius: 5px;
	float: left;
	margin-right: 10px;
}
.content_item .widget_twitter p{
	text-shadow: 1px 1px 0 rgba(0, 0, 0, .3);
	margin: 0px;
}
.content_item .widget_twitter p a{
	color: #fff;
	text-decoration: underline;
}
.content_item .widget_twitter p.date{
	text-transform: none;
}


.content_item  .widget_quote{
	background: url("resources/images/watermark_quote.png") no-repeat right top transparent;
	background-color: #00acee;
	color: #fff;
	overflow: hidden;
	padding: 10px 20px;
}
.content_item  .widget_quote .quote{
	text-align: right;
	margin-right: 30px;
	margin-bottom: 10px;
}
.content_item  .widget_quote p{
	text-transform: uppercase;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-right: 30px;
}


.coloredbox{
	
}





.pagination_container{
	border-top: 1px solid #ccc;
	margin-top: 20px;
}

.pagination_container .pagination{
	
}




.footer{
	margin: 30px 20px;
	clear: both;
}
.footer .footer_wrapper, 
.footer .footer_wrapper a{
	text-align: center;
	color: #999;
	text-shadow: 0 1px 1px white;
}







.comments{
	
}
.comments .comment_title{
	font-size: 15px;
	margin: 20px 0px;
	font-weight: bold;
}
.comments ul{
	
}
.comments ul.children{
	margin-left: 20px;
}
.comments ul li{
	padding-bottom: 30px;
}
.comments ul li:last-child{
	padding-bottom: 10px;
}
.comments ul li img{
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.comments ul li .author{
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #000;
}
.comments ul li .item_detail{
	font-size: 12px;
	color: #929292;
}
.comments ul li .item_detail a{
	color: #08C;
	text-decoration: none;
}
.comments ul li .comment{
	margin-top: 10px;
}


.comment_form{
	
}
.comment_form h3{
	font-size: 14px;
	margin: 20px 0px;
	font-weight: bold;
}
.comment_form label{
	display: inline-block;
	font-size: 12px;
}
.comment_form input[type=text], textarea{
	display: block;
	border: 1px solid #e1e1e1;
	border-radius: 0px;
	box-shadow: none;
	background-color: #f6f6f6;
	height: 27px;
	padding: 0px 10px;
	margin-bottom: 20px;
	font-size: 12px;
}
.comment_form textarea{
	height: 100px;
	width: 90%;
	padding: 10px;
}
.comment_form input[type=submit]{
	background-color: #08C;
	border: 0px;
	padding: 8px 15px;
	color: white;
	text-transform: uppercase;
	font-size: 11px;
	display: block;
}
.comment_form input[type=submit]:hover{
	background-color: #333;
}
.comment_form p{
	
}
.comment_form .comment-notes{
	clear: both;
	display: block;
	margin: 10px 0px;
	font-style: italic;
}
.comment_form .required{
	
}
.comment_form .comment-form-author,
.comment_form .comment-form-email,
.comment_form .comment-form-url
{
	
}
.comment_form .comment-form-comment
{
	clear: both;
}
.comment_form .form-allowed-tags{
	margin: 10px 0px;
}
.comment_form .form-allowed-tags code{
	
}





/* Social links */
.social_links{
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
.social_links a{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 6px;
}
.social_links a:last-child{
	margin-right: 0px;
}
.social_links a:hover{
    
}
.social_links a.social_behance{ background: url("resources/images/social_icons/behance_16.png") no-repeat; }
.social_links a.social_deviantart{ background: url("resources/images/social_icons/deviantart_16.png") no-repeat; }
.social_links a.social_dribbble{ background: url("resources/images/social_icons/dribbble_16.png") no-repeat; }
.social_links a.social_facebook{ background: url("resources/images/social_icons/facebook_16.png") no-repeat; }
.social_links a.social_flickr{ background: url("resources/images/social_icons/flickr_16.png") no-repeat; }
.social_links a.social_googleplus{ background: url("resources/images/social_icons/google_16.png") no-repeat; }
.social_links a.social_lastfm{ background: url("resources/images/social_icons/lastfm_16.png") no-repeat; }
.social_links a.social_linkedin{ background: url("resources/images/social_icons/linkedin_16.png") no-repeat; }
.social_links a.social_myspace{ background: url("resources/images/social_icons/myspace_16.png") no-repeat; }
.social_links a.social_tumblr{ background: url("resources/images/social_icons/tumblr_16.png") no-repeat; }
.social_links a.social_twitter{ background: url("resources/images/social_icons/twitter_16.png") no-repeat; }
.social_links a.social_vimeo{ background: url("resources/images/social_icons/vimeo_16.png") no-repeat; }
.social_links a.social_youtube{ background: url("resources/images/social_icons/youtube_16.png") no-repeat; }





.post_item_thumbnail{
	position: relative;
	display: block;
}
.post_item_thumbnail:hover{
	opacity: 0.8;
}
.post_item_thumbnail .video_image_hover{
	position: absolute;
	width: 16px;
	height: 16px;
	top: 5px;
	right: 5px;
}
.post_item_thumbnail .video_image_hover.youtube{
	background: url("resources/images/social_icons/youtube_16.png") no-repeat;
}
.post_item_thumbnail .video_image_hover.vimeo{
	background: url("resources/images/social_icons/vimeo_16.png") no-repeat;
}



.scroll_to_top{
	display: none;
	width: 48px;
	height: 51px;
	background: url("resources/images/scroll_to_top.png") no-repeat;
	position: fixed;
	right: 10px;
	bottom: -52px;
	cursor: pointer;
}



.wpcf7{
	
}
.wpcf7 input[type=text], textarea{
	display: block;
	border: 1px solid #e1e1e1;
	border-radius: 0px;
	box-shadow: none;
	background-color: #f6f6f6;
	height: 27px;
	padding: 0px 10px;
	margin-bottom: 20px;
	font-size: 12px;
}
.wpcf7 textarea{
	height: 100px;
	width: 90%;
	padding: 10px;
}
.wpcf7 input[type=submit]{
	background-color: #08C;
	border: 0px;
	padding: 8px 15px;
	color: white;
	text-transform: uppercase;
	font-size: 11px;
	display: block;
}
.wpcf7 input[type=submit]:hover{
	background-color: #333;
}




/* =WordPress Core
-------------------------------------------------------------- */
.alignright{float:right;margin:5px 0 20px 20px}
.alignleft{float:left;margin:5px 20px 20px 0}
a img.alignright{float:right;margin:5px 0px 5px 10px;}
.dark a img.alignright{background:#D7D7D7}
a img.alignleft{float:left;margin:5px 10px 0px 0px;}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto;margin-bottom:5px;}
img.image-border{background:#D7D7D7;padding:5px}
.wp-caption{background:#fff;text-align:center;padding:10px 5px 5px}
.dark .wp-caption,.dark a img.alignright,.dark a img.alignleft,.dark a img.alignnone,.dark a img.aligncenter{background-color:#292929}
.wp-caption.alignright{margin:5px 0 20px 20px}
.wp-caption.aligncenter{margin-bottom:20px}
.wp-caption img{border:0 none;height:auto;max-width:100%;margin:0;padding:0}
.wp-caption p.wp-caption-text{font-size:11px;font-style:italic;line-height:17px;margin:0;padding:5px 0}
.alignnone,.wp-caption.alignnone,.wp-caption.alignleft{margin:5px 20px 20px 0}
.aligncenter,div.aligncenter,.aligncenter{display:block;margin:5px auto}
.row-fluid .home-right{float:right}
.glow {background:url()}
.commentlist .bypostauthor {}
.sticky {}
.gallery-caption{}
.page-link{ clear:both; }






/* Infinite Scroll loader */
#infscr-loading { 
  text-align: center;
  z-index: 100;
  position: fixed;
  left: 45%;
  bottom: 40px;
  width: 200px;
  padding: 10px;
  background: #000; 
  opacity: 0.8;
  color: #FFF;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
}


/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
  -webkit-transition-duration: 0.7s;
     -moz-transition-duration: 0.7s;
      -ms-transition-duration: 0.7s;
       -o-transition-duration: 0.7s;
          transition-duration: 0.7s;
}

.transitions-enabled.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
  -webkit-transition-property: none;
     -moz-transition-property: none;
      -ms-transition-property: none;
       -o-transition-property: none;
          transition-property: none;
}