/*
#------------------------------------------------------------------------
# Writer - #8 2014 Joomla! template (for Joomla 2.5)
#
# Copyright (C) 2007-2014 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Big screens */
@media (max-width: 1920px) {
	body {
	    font-size: 140%;
        line-height: 1.7;
	}
	
	.post-listing figcaption h3 {
	font-size: 170%;
}
	
	.itemListView .itemIntroText {
		font-size: 90%;
		line-height: 1.3;
	}
	
	/* Комментим li {
		font-size: 16px;
	}*/
	#gk-social {
		padding: 0 20px 0 0;
	}
	#gk-right {
		padding: 0 10px 0 30px;
	}
	#gk-mainbody {
		/* БЫЛО стандартно
		padding: 50px;*/
		padding: 50px 50px 10px 50px;
	}
	#gkPopupLogin {
		padding: 0 0 0 50px;
	}
	.latest-posts-left .gkArtContentWrap {
		padding-left: 40px;
	}
	.latest-posts-right .gkArtContentWrap {
		padding-right: 40px;
	}
	.single-page > header {
		margin: -50px -50px 0;
	}
	article header h1{
		font-size: 48px;
	} 
	article header h2 {
		font-size: 120%;
	}
	.single-page > header h1 {
		padding: 32px 50px;
	}
	.single-page > header h1:before {
		left: 50px;
	}
	.itemImageInfo {
		right: 50px;
	}
	.itemBody h1,
	.itemBody h2, 
	.itemBody h3, 
	.itemBody h4, 
	.itemBody h5, 
	.itemBody h6 {
		margin: 25px 0 25px;
	}
	.itemListView .itemImageBlock + .itemBlock {
		/* margin: -55px 25px 0;*/
		padding: 5px 10px 0;
	}
	
	
	
	.itemInfo > span, 
	.itemInfo > time {
		font-size: 14px;
		margin: 21px 0 0 20px;
	}
	.itemInfo > span > i, 
	.itemInfo > time > i {
		font-size: 18px;
		margin: 0 4px 0 0;
		position: relative;
		top: 3px;
	}
	.single-page > header.no-image {
		padding: 86px 50px 0 50px;
	}
	#gk-top,
	#gk-bottom {
		padding: 25px 50px 20px 50px;
		background: #F9F9F9
	}
}

/* Bigger screens */
@media (max-width: 1600px) {
	body {
	    font-size: 130%;
        line-height: 1.6;
	}
	
		.post-listing figcaption h3 {
	font-size: 140%;
}
	
	.itemListView .itemIntroText {
		font-size: 80%;
		line-height: 1.2;
	}
	
	/* Комментим li {
		font-size: 15px;
	}*/
	.gkBlockTextLeft, 
	.gkBlockTextRight, 
	.gkBlockTextCenter {
		font-size: 20px;
	}
	#gk-search .inputbox {
		width: 150px;
	}
	.itemAuthor {
		margin: -40px 0 0 0;
		min-width: 250px;
		max-width: 250px;
		padding: 52px 0 0 0;
	}
	.itemAuthor > img,
	.itemAuthor > a > img {
		margin-top: -40px;
		width: 80px!important;
	}
	.itemAuthorName {
		font-size: 15px;
	}
	.single-page > header h1 {
		bottom: 32px;
		padding: 15px 50px;
	}
	.itemInfo {
		margin: 0 0 40px 0;
		padding: 0px 0 20px 0;
	}
	
	article header h2 {
		font-size: 100%;
	}
}

/* Typical screens */
@media (max-width: 1400px) { 
    
    body {
		font-size: 110%;
        line-height: 1.7;
	}
	
	#gk-search .inputbox {
		color: transparent;
		padding: 0!important;
		width: 60px;
	}
	#gk-search.search-active .inputbox {
		color: #111;
		padding: 0 20px!important;
		width: 100%;
	}
	#gk-search.search-active:after {
		border-top: 1px solid #e5e5e5;
		content: "";
		left: 20px;
		position: absolute;
		top: 40px;
		width: 210px;
	}
	#gk-search.search-active {
		width: 250px;
	}
	article header h1{
		font-size: 36px;
	} 
	article header h2 {
		font-size: 115%;
		text-transform: uppercase;
	}
	.itemAuthorContent ul li {
		padding: 0 10px!important;
	}
	#itemCommentsAnchor {
		margin: 30px 0 0;
	}
	span#fb-auth {
		padding: 0 12px 0 0;
	}
	.itemAuthorDetails {
		margin-left: 150px;
	}
	.itemAuthorData, 
	.itemsCategory {
		padding: 32px;
	}
	.pagination ul li a, 
	.pagination ul li span {
		min-width: 50px;
		padding: 7px;
	}
	
		.post-listing figcaption h3 {
	font-size: 120%;
}

    .itemListView .itemIntroText {
		font-size: 82%;
        line-height: 1.2;
	}
	
	article header h2 {
		font-size: 95%;
	}
	
	.itemListView header {
		font-size: 110%;
	}
	
	.itemListView .itemInfoBlock {
    color: #a8a8a8;
    font-size: 80%;
    line-height: 1;
    text-align: left;
}
}

@media (max-width: 1100px) { 
.itemListView .itemIntroText {
		font-size: 100%;
		line-height: 1.2;
	}
	
	article header h2 {
		font-size: 120%;
	}
}

/* Дописал сам */
@media (max-width: 640px) { 
    body {
		font-size: 95%;
        line-height: 1.5;
	}
}