/*
WordPress theme
=============
Theme Name: Cuketka.cz v3
Description: Custom-made commercial template
Author: Peter Kahoun
Author URI: http://kahi.cz

CSS Document
=============
Media:screen, presentation
Author:Peter Kahoun aka Kahi
Author contact:kahi@kahi.cz; web:kahi.cz
Date:2010/11


Colors
=============
@colordef #c8e6f7; blue back
@colordef #f2f9fc; light blue :-)
@colordef #ea7824; orange

Layout
=============
Main column = 25+500+25
Sidebar space = [30]+20+230+20 (ev. 10+250+10)

Notes
=============
@todo remove old-format

*/

/* @group Reset */

body,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, fieldset, legend,
th, td, hr, pre, p, blockquote {margin:0; padding:0;}

h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; line-height:1;}

ol, ul {list-style:none;}

table {border-collapse:collapse; border-spacing:0;}

th {text-align:left;}

fieldset, img {border:0;}

article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}

a {color:inherit;}

/* @end */
/* @group Layout */

body {
	background: #B6DDE8 url(images/back.png) fixed 0 33px; /* prev c8e6f7 */
	color:#000; font-family: Georgia, serif; font-size: 16px; line-height: 1.7;
}

#all {
	margin:0 auto; position: relative;
	width:850px; padding:0 25px;
}

#header {
	position: relative;
	height: 275px;
}

#content {
	float:left; margin-bottom: 40px;
	width:550px;
}

	/* @group Sidebar (everything) */

#ad-square {
	float: right; position: relative; margin-bottom: 40px;
	padding: 10px; width: 250px;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:    3px 4px 10px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 3px 4px 10px rgba(0,0,0, 0.1);
	box-shadow:         3px 4px 10px rgba(0,0,0, 0.1);
}

	#ad-square img,
	#ad-square iframe {
		display: inline; margin-bottom: 0;
	}

	#ad-square h2 {
		position: absolute; margin: 0; right: 0; bottom:-23px;
		padding: 7px 10px;
		background-color: #fff;
		text-transform: lowercase; font-size: 13px; font-style: italic; color: #666;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		-moz-box-shadow:    3px 4px 10px rgba(0,0,0, 0.1);
		-webkit-box-shadow: 3px 4px 10px rgba(0,0,0, 0.1);
		box-shadow:         3px 4px 10px rgba(0,0,0, 0.1);

		font-family: Calibri, Georgia, sans-serif;
	}

.side-content {
	margin: 20px 0; float: right;
	width: 250px; padding: 10px;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:    3px 4px 10px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 3px 4px 10px rgba(0,0,0, 0.1);
	box-shadow:         3px 4px 10px rgba(0,0,0, 0.1);
}

.side-content.no-back {
	width: 270px; padding: 0;
	background-color: transparent;
	-moz-box-shadow:    none;
	-webkit-box-shadow: none;
	box-shadow:         none;
}

	.side-content {
		font-size: 14px;
	}

	.side-content h2 {
		margin: 0 0 0.5em; font-size: 22px;
	}

	.side-content ul {
		list-style-type: disc; margin-left: 1.4em;
	}
	/* @end */

	/* @group Left sidebar */

		/* @todo generalize to .ad-box#ad-left */

#ad-left {
	position: absolute; left: -145px; /* -w(120?)-20(p)+25+m(30?) */
	padding: 10px; width: 120px;
	background-color: #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:    3px 4px 10px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 3px 4px 10px rgba(0,0,0, 0.1);
	box-shadow:         3px 4px 10px rgba(0,0,0, 0.1);
}

	#ad-left img,
	#ad-left iframe {
		display: block; margin-bottom: 0;
	}

	#ad-left h2 {
		position: absolute; margin: 0; right: 0; bottom:-23px;
		padding: 7px 10px;
		background-color: #fff;
		text-transform: lowercase; font-size: 13px; font-style: italic; color: #666;
		-moz-border-radius: 0 0 5px 5px;
		-webkit-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		-moz-box-shadow:    3px 4px 10px rgba(0,0,0, 0.1);
		-webkit-box-shadow: 3px 4px 10px rgba(0,0,0, 0.1);
		box-shadow:         3px 4px 10px rgba(0,0,0, 0.1);

		font-family: Calibri, Georgia, sans-serif;
	}

	/* @end */

#footer {
	clear: both; margin-bottom:50px;
	width: 500px; padding: 15px 25px;
	background-color: #fff;
	color:#666; font-size: 14px; font-style: italic;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow:    3px 4px 10px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 3px 4px 10px rgba(0,0,0, 0.1);
	box-shadow:         3px 4px 10px rgba(0,0,0, 0.1);
}

	#footer p {
		margin-bottom: .5em;
	}

	#footer > :last-child {
		margin-bottom: 0;
	}

/* @end */
/* @group General elements */

p, ul, ol, dl, table, pre, iframe {
	margin-bottom: 1em;
}

p:only-child, ul:only-child, ol:only-child, dl:only-child, table:only-child, pre:only-child, iframe:only-child {
	margin-bottom: 0;
}

h1, h2, h3, h4, h5, h6 {
	margin:1.5em 0 .5em;
	font-family: Calibri, "Arial Narrow", sans-serif;
}

h1, #logo {
	font-size: 35px;
}

h2 {
	font-size: 27px;
}

.singular h2 {
	font-size: 24px;
}

h2 a {
	text-decoration: none;
}

h3 {
	font-size: 20px;
}

.noscreen {
	position: absolute; left: -9999px; width: 0; height: 0; overflow: hidden;
}

.cleaner {
	display: block; clear: both;
}

/* @end */
/* @group Header (incl. tab-nav) */

#header {}

#logo a {
	position: absolute; left: 0; top: 114px;
	width: 165px; height: 32px;
	background: url(images/logo-cuketka.png) no-repeat;
	overflow: hidden;
	text-indent: -999px;
}

	/* @group Nav - global */

#nav-global {
	position: absolute; left: 168px; top: 0px;
	width: 610px; height: 288px;
	background: url(images/nav-global.png) no-repeat;
}

	#nav-global ul {
		position: absolute; left: 195px; top: 105px;
		font-family: Calibri, "Arial Narrow", sans-serif; font-size: 15px; line-height: 1.5;
	}

	#nav-global ul+ul {
		left: 300px;
	}

		#nav-global ul a {
			text-decoration: none;
		}

		#nav-global li.forum {font-weight: bold;}
		#nav-global li.scuk {color: #c30202; font-weight: bold;}
		#nav-global li.scuk span {color: #2680d4;}
		#nav-global li.scuk span+span {color: #df801a;}
		#nav-global li.scuk span+span+span {color: #058c12;}
		#nav-global li.tw a,
		#nav-global li.fb a {
			position: absolute; left: 100px; top: -33px;
			width: 70px; height: 53px; overflow: hidden;
			background: url(images/twitter-facebook.png) no-repeat;
			text-indent: -9999px;
		}
		#nav-global li.fb a {
			top: 20px;
			background-position:0 -53px;
		}

	/* @end */
	/* @group Nav - search */

#nav-search label {
	position: absolute; top: 160px; left: -10px;
	width: 270px; height: 55px;
	background: url(images/nav-search.png) no-repeat;
}

	#nav-search label input {
		position: absolute; left: 20px; top: 10px;
		width: 200px; height: 25px;
		border: 0;
		font-family: Georgia, serif; font-size: 14px; font-style: italic;
	}

	#nav-search label button {
		position: absolute; left: 218px; top: 0;
		width: 46px; height: 46px;
		border: 0;
		background: url(images/nav-search-zoom.png) 10px center no-repeat;
		cursor: pointer;
	}

		#nav-search label button:hover {
			background-position:-55px center;
		}

		#nav-search label button:active {
			top: 1px;
		}

	/* @end */
	/* @group Nav - main (tabs) */

#nav-main {
	height: 46px; width: 540px; padding-left: 10px;
}

	#nav-main li a {
		float:left;
		height: 46px;
		background: url(images/nav-tabs.png) no-repeat;
		line-height: 60px; font-size: 18px; text-decoration: none; text-align: center; color: #999;
		font-family: "Arial Narrow", sans-serif;
	}

	#nav-main li a:hover {
		color: #555;
	}

	#nav-main li.active a {
		position: relative; top:1px; z-index:2;
		color: #222;
	}

	#nav-main li a span { /* = li:not(.active) a span; added by js */
		display: block;
		height: 46px;
		background: url(images/nav-tabs-shade.png) left bottom repeat-x;
	}

	#nav-main li a {width: 100px; background-position:0 0; text-indent: 6px;}
	#nav-main li+li a {width: 108px; background-position:-100px 0; text-indent: 0;}
	#nav-main li+li+li a {width: 129px; background-position:-208px 0;}
	#nav-main li+li+li+li a {width: 110px; background-position:-337px 0;}
/*	#nav-main li a {width: 120px; background-position:0px 0;}
	#nav-main li+li a {width: 105px; background-position:-120px 0;}
	#nav-main li+li+li a {width: 70px; background-position:-222px 0;}
	#nav-main li+li+li+li a {width: 160px; background-position:-295px 0;}
*/
	/* @end */


/* @end */
/* @group Main column */

#content > article,
#content > .ad {
	margin-bottom: 5px;
	padding: 25px;
	border-left: 1px solid #eee;
	border-left-color: rgba(0,0,0,0.08); /* @todo polish*/
	border-right: 1px solid #ddd;
	border-left-right: rgba(0,0,0,0.13);
	background-color: #fff;

	-moz-box-shadow:    3px 4px 10px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 3px 4px 10px rgba(0,0,0, 0.1);
	box-shadow:         3px 4px 10px rgba(0,0,0, 0.1);
}

#content > article {
	border-top: 1px solid #eee;
	   -moz-border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	        border-radius: 7px 7px 0 0;
}

#content > article ~ article {
	/*border-left: 1px solid #ddd;*/ /* @todo polish*/
/*	border:0;*/
	border-top: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

	.search #content h1,
	.archive #content h1,
	.blog.paged #content h1 {
		margin: 0 0 -5px;
		padding: 30px 25px 25px;
		background-color: #fff;

		border-top: 1px solid #eee;
		   -moz-border-radius: 7px 7px 0 0;
		-webkit-border-radius: 7px 7px 0 0;
		        border-radius: 7px 7px 0 0;

		-moz-box-shadow:    3px 4px 10px rgba(0,0,0, 0.1);
		-webkit-box-shadow: 3px 4px 10px rgba(0,0,0, 0.1);
		box-shadow:         3px 4px 10px rgba(0,0,0, 0.1);
	}

/*	.search-results #content h1 em,
	.archive #content h1 em,
	.blog.paged #content h1 em {
		font-size: 16px; text-transform: uppercase; position: relative; top:-11px;
	}
*/
	/* @group Ads in Content col */

#content > .ad {
	position: relative;
	overflow: hidden;
	background-color: #fff; /*background-color: rgba(255,255,255,0.85);*/
}

	#content > .ad h2 {
		position: absolute; right: 12px; bottom: 10px;
		text-transform: lowercase; font-size: 13px; font-style: italic; color: #666; font-family: Calibri, Georgia, sans-serif;
	}

	.single #content > .ad {
		-moz-border-radius:    7px;
		-webkit-border-radius: 7px;
		border-radius:         7px;
	}

		#content > .ad article {
			float:left;
			width: 240px;
		}

		#content > .ad article + article {
			float:right;
		}

			#content > .ad article a {
				text-decoration: none; color: #444;
			}

				#content > .ad article a:hover {
					color: #000;
				}

			#content > .ad article h3 {
				margin: 0 0 .7em;
				color: #333; font-size: 15px; font-weight: bold; font-family: "Arial Narrow", sans-serif; text-transform: uppercase;
			}

			#content > .ad article p {
				font-size: small; line-height: 1.5;
			}

			#content > .ad article p + p {
				margin-top: .5em;
				font-weight: bold; text-decoration: underline;
			}

	/* @end */
	/* @group Pagination */

.nav-pagination { /* this all would be much simpler with slices/separated sprites */
	margin-top: -5px; position: relative;
	padding: 25px; overflow: hidden;
	background-color: #fff;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-moz-box-shadow:    3px 4px 10px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 3px 4px 10px rgba(0,0,0, 0.1);
	box-shadow:         3px 4px 10px rgba(0,0,0, 0.1);
}

	.nav-pagination > span {
		float: right;
		width: 250px; height: 58px;
		background: url(images/pagination.png) -29px -58px no-repeat; /* inactive indication */
	}

	.nav-pagination > span.prev {
		background-position: 222px -58px;
	}

		.nav-pagination a {
			display: block;
			height: 58px; padding-left: 45px;
			background: url(images/pagination.png) -29px 0px no-repeat; /* active indication */
			color: #fff; line-height: 58px; font-style: italic; text-decoration: none; font-size: 13px;
		}

		.nav-pagination .prev a {
			padding: 0 35px 0 0;
			background: url(images/pagination.png) 222px 0px no-repeat;
			text-align: right;
		}

			.nav-pagination a:hover {
				border-left: 2px solid #fff;
				/*color: #333;*/
				/*-webkit-transition: color .8s linear .5s; -moz-transition: color .8s linear .5s; -o-transition: color .8s linear .5s;*/
				/*transition: color .8s linear .5s;*/
			}

			.nav-pagination .prev a:hover {
				border-right:2px solid #fff; /* to hide background of span */
				background-position:218px 0px;
			}

			/*.nav-pagination a:active {
					-webkit-transition:none;
					text-shadow: 0 0 5px rgba(0,0,0, 0.2);
					color: #333 !important;
			}*/

	.nav-pagination > .pointer {
/*		position: absolute; bottom:0; left: 50px;*/
		font-size: 14px; font-style: italic; color: #666;
	}

		/*.topic ol + */.nav-pagination > .pointer {
			position: static;
			text-align: center;
		}

		.nav-pagination > span + .pointer { /* = "after" composition */
			/*clear: both; margin-bottom: 0;*/
			/*padding-top: 1em;*/
			position: absolute; left: 50px; bottom:.5em; color: #fff;
		}

		.nav-pagination:hover > span + .pointer {
			color: #666;
			-webkit-transition: color .4s linear 0s; -moz-transition: color .4s linear 0s; -o-transition: color .4s linear 0s;
			transition: color .4s linear 0s;
		}

	/* @end */


#settings {
	display: none; /* @todo #settings */
}

/* @end */
/* @group Article: Multi + Singular */ /* (Multi case specified by .hfeed) */

.post {
	position: relative;
	color:#111;
}

.post .entry-title {
	margin:0 100px 5px 0;
	line-height: 1.3;
	font-size: 28px; font-family: "Arial Narrow", sans-serif;
}

	.post .entry-title a:hover {
		border-bottom: 1px solid #ccc;

	}

.hfeed .post time {
	position: absolute; right: 25px; top: 34px;
	font-style: italic; font-size: 14px;
}

.post .comments {
	position: absolute; right: -15px; top: 30px;
	width: 30px; height: 33px;
	background: url(images/comments-bubble.png) no-repeat;
	color: #fff; text-decoration: none; line-height: 29px; text-align: center; font-size: 14px; font-weight: bold;
}

.post .comments.count-0 {
	background-image: url(images/comments-bubble-zero.png);
	color: #ea7824;
}

	.post .comments.many {
		font-size: 13px;
	}

.post .by-readers {
	position: absolute; right:-1px; top:5px;
	padding:4px 6px;
	background-color: #ede4d0;
	line-height: 1; font-size: 10px; text-transform: uppercase; font-family: Calibri, "Arial Narrow", sans-serif;
	cursor: help;
}

.post a.more {
	float:right; margin:10px 0 0;
	border-bottom: 1px solid #ccc;
	text-decoration: none; font-size: 20px; font-family: "Arial Narrow", sans-serif; line-height: 1;
}

	.post a.more:hover {
		border-bottom-color: #333;
	}

.post:after {
	content: ''; display: block; clear: both; height: 0;
}

/* @end */
/* @group Article: Singular */

#content > .singular {
	margin-bottom: 5px;
	padding: 25px 25px 15px;
	background-color: #fff;

	-moz-box-shadow:    3px 4px 10px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 3px 4px 10px rgba(0,0,0, 0.1);
	box-shadow:         3px 4px 10px rgba(0,0,0, 0.1);

	border-top: 1px solid #eee;
	-moz-border-radius:    7px;
	-webkit-border-radius: 7px;
	border-radius:         7px;
}

	/* @group Entry content */

	/* headings */

.singular h1 {
	margin-top: 5px;
}

ul + h2,
ul + h3,
ol + h2,
ol + h3 {
	margin-top: 0.75em;
}

	/* lists */

.post ul {

}

	.post ul > li {
		/*padding-left: 1.7em;*/
		padding-left: 2.2em;
		background: url(images/list-item.png) 13px 0.45em no-repeat;
	}

.post ol {
	margin-left:2em;
	list-style-type: decimal;
}

	.post ol > li {
		padding-left: .3em;
	}

.post .num {
	padding: 2px 5px 3px 5px;
/*	background-color: #a0c9e5;
	-moz-border-radius:    11px;
	-webkit-border-radius: 11px;
	border-radius:         11px; */
	background: url(images/circle.png) no-repeat;
	font-size: 13px; color: #fff; font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0,0,0, 0.3);
}

	/* images */

.singular > div /* = image */ {
	/*margin: 1em 0 .5em;*/
}

.post img {
/*	display: block; margin: 15px 0;
	-moz-box-shadow:    0px 0px 15px rgba(0,0,0, 0.2);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0, 0.2);
	box-shadow:         0px 0px 15px rgba(0,0,0, 0.2);*/
}

.post img[width="400"] {
	display: block; margin:25px 0; float:none !important;
	-moz-box-shadow:    0px 0px 20px rgba(0,0,0, 0.2);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0, 0.2);
	box-shadow:         0px 0px 20px rgba(0,0,0, 0.2);
}

.post .figure-right,
.post .right,
.post .alignright,
.post img[align=right] {
	float:right; margin:0 0 5px 15px;
}

.post .figure-left,
.post .left,
.post .alignleft,
.post img[align=left] {
	float:left; margin:0 15px 5px 0;
}

.post h2.drob { /* @maybe unused */
	margin:20px -25px 10px;
	padding:20px 25px 0;
	border-top: 1px solid #eee;
	font-size: 20px;
}

	/* quotes */

blockquote, q, cite {
	color: #333; font-style: italic;}

	blockquote a,
	q a,
	cite a {
		color: #333 !important;
	}

blockquote {
	margin: 1em 0;
	padding: 0 0 0 25px;
	border-left:3px solid #eee;
}

cite {
	font-style: italic;
}

blockquote + p cite:only-child {
	display:block; margin:-0.5em 25px 1.5em 0;
	text-align:right;}

	blockquote + p cite:only-child:before {
		content:'— '}

	/* @end */

	/* @group Meta & Social/Share */

.singular p.ad-paragraph {
	font-style: italic; color: #333;
}

.singular .entry-meta {
	float: right;
	width: 50%; padding-top: 20px;
	text-align: right; font-style: italic;
}

	.singular .entry-meta time {
		display: block; color: #666; font-size: 13px;
	}

.singular section.social {
	float: left;
	width: 40%;	padding: 25px 0 15px;
}

.singular section.entry-meta-cats {
	clear: both; margin: 20px -25px 10px;
	padding: 25px 25px 0;
	border-top: 1px solid #f2f2f2;
	font-size: 13px; color: #888; text-align: center;
}

	section.entry-meta-cats p {
		margin-bottom: 0.5em;
	}

	section.entry-meta-cats :last-child {
		margin-bottom: 0;
	}

		section.entry-meta-cats em {
			color:#222;
		}

		.post section.entry-meta-cats a:hover {
			color: #444;
		}

	/* @end */

	/* @group Comments */

#comments div[id^="c-"] {
	position: relative;
}

#comments .comment {
	-moz-border-radius:    7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	border-radius:         7px 7px 0 0;
}

#comments div ~ div .comment { /* = not first comment (useless divs needed by WP) */
	-moz-border-radius:    0;
	-webkit-border-radius: 0;
	border-radius:         0;
}

.comment {
	position: relative;
	padding:15px 15px 15px 50px;
	background-color: #fff;
	border-bottom: 1px solid #e8e8e8;
	-moz-box-shadow:    3px 4px 10px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 3px 4px 10px rgba(0,0,0, 0.1);
	box-shadow:         3px 4px 10px rgba(0,0,0, 0.1);
	font-size: 14px; line-height: 1.6;
}

.comment:target,
.comment.active,
#comments div[id^="c-"]:target {
	z-index: 2;
	border-bottom-color: #bbb;
	-moz-box-shadow:    0 0 20px rgba(0,0,0, 0.2);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0, 0.2);
	box-shadow:         0 0 20px rgba(0,0,0, 0.2);
}

	.comment:target:before,
	.comment.active:before,
	#comments div[id^="c-"]:target:before {
		content:'►';
		position: absolute; left:-23px; top:15px;
		color:#999; color:rgba(0,0,0,.3);
	}

		/* @group Comment-meta */

	.comment .entry-meta {
		margin-bottom: 7px;
		font-weight: bold;
	}

		.comment img { /* =gravatar */
			position: absolute; left: 8px; top: 8px;
			width: 36px; height: 36px;
		}

		.comment .entry-meta .author,
		.comment .entry-meta .author-plus {
			font-family: Calibri, "Arial Narrow", sans-serif; font-size: 15px; line-height: 20px;
		}

			.comment .entry-meta .author a {
				text-decoration: none;
			}

		.comment .entry-meta .author-plus {
			opacity: 0.4; filter:alpha(opacity=40); font-weight: normal;
		}

		.comment .entry-meta time {
			float: right;
			padding-top: 3px;
			font-weight: normal; font-style: italic; color: #999; font-size: 13px;
		}

			.comment .entry-meta time a {
				text-decoration: none;
			}

			.comment .entry-meta .comment-edit-link {
				display: none;
			}

			.comment:hover .entry-meta .comment-edit-link {display: inline;}

	.comment .number {
		position: absolute; left: 0; top:45px; /* ?+?+? */
		width: 37px;
		text-align: right; font-weight: normal; color: #999; font-family: Calibri, "Arial Narrow", sans-serif;
	}

	.comment .reply {
		position: absolute; right: 0; bottom: 0;
		width: 40px; height: 40px; overflow: hidden;
		opacity: 0.05; filter: alpha(opacity=5); -ms-filter: "alpha(opacity=5)";
		background: url(images/reply-arrow.png) center center no-repeat;
		text-indent: 999px;
		cursor: pointer;
	}

		.comment:hover .reply,
		.comment:target .reply,
		.comment.active .reply,
		#comments div[id^="c-"]:target .reply {
			opacity: 0.20; filter: alpha(opacity=20); -ms-filter: "alpha(opacity=20)";
		}

		.comment .reply:hover {
			opacity: 0.40; filter: alpha(opacity=40); -ms-filter: "alpha(opacity=40)";
		}

		/* @end */

		/* @group Replies */

		.comment .replies {
			position: absolute; left:100%; bottom:0;
			padding:4px 6px;
			background:#fff;
			-moz-border-radius:    0 4px 4px 0;
			-webkit-border-radius: 0 4px 4px 0;
			border-radius:         0 4px 4px 0;
			opacity: 0.32;
		}

		.comment.active .replies,
		.comment:target .replies,
		.comment:hover .replies {
			opacity: 1;
			-webkit-transition: opacity .170s linear;
			-moz-transition:    opacity .170s linear ;
			-o-transition:      opacity .170s linear ;
			transition:         opacity .170s linear ;
		}

		/* @end */

		/* @group Comment-content */

	.comment h4 {
		font-size: 18px;
	}

	.comment .entry-content a[href^="#comment-"],
	.comment .entry-content a[href*="#post-"],
	.comment .entry-content a[href*="#c-"] {
		padding: 2px;
		-moz-border-radius:    3px;
		-webkit-border-radius: 3px;
		border-radius:         3px;
		border-bottom: 1px solid #ddd;
		background-color: #eee;
		text-decoration: none; font-size: 11px; color: #444;
	}

		/* lists */

	.entry-content ul {

	}

		.entry-content ul > li {
			/*padding-left: 1.7em;*/
			padding-left: 2.2em;
			background: url(images/list-item.png) 13px 0.45em no-repeat;
		}

	.entry-content ol {
		margin-left:2em;
		list-style-type: decimal;
	}

		.entry-content ol > li {
			padding-left: .3em;
		}

	/* @note quotations are defined generally */


		/* @end */

	/* @group Comment: "Recent comments" or "Recenze" type */

	#comments-mix {
		margin-top: -10px;
	}

		#comments-mix div:last-child .comment.simple {
			-moz-border-radius:    0 0 7px 7px;
			-webkit-border-radius: 0 0 7px 7px;
			border-radius:         0 0 7px 7px;
		}

	.comment.simple {
		padding: 15px 25px;
	}

	.comment.simple .author-plus {
		opacity: 1;
	}

		.comment.simple .author-plus a {
			color: #333; font-style: italic;
		}

	.comment.simple time {
		color: #333;
	}


	.comment.simple .entry-content > a {
		text-decoration: none; color: #333;
	}

	.comment.simple .entry-content > a:visited,
	.comment.simple time a:visited {
		color: #aaa;
	}

	/* @end */

	/* @group Else children */

	.comment.simple .more {
		text-align: right; font-family: Calibri, "Arial Narrow", sans-serif; text-decoration: underline;
	}

	/* @end */

	/* @group Add comment (form) */

		form.reply,
		.topic > .reply-area {
			margin-top: -7px;
			padding: 15px 15px 15px 50px;
			-moz-border-radius:    0 0 7px 7px;
			-webkit-border-radius: 0 0 7px 7px;
			border-radius:         0 0 7px 7px;
			-moz-box-shadow:    3px 4px 10px rgba(0,0,0, 0.1);
			-webkit-box-shadow: 3px 4px 10px rgba(0,0,0, 0.1);
			box-shadow:         3px 4px 10px rgba(0,0,0, 0.1);
			background-color: #fff;
			font-family: Calibri, "Arial Narrow", sans-serif;
		}

		form.reply.in-context,
		.reply-area.in-context {
			margin: 0; position: relative; z-index: 2;
			padding-left: 50px;
			border-bottom: 1px solid #eee;
			-moz-border-radius:    0;
			-webkit-border-radius: 0;
			border-radius:         0;
			background:#fff url(images/array-down-light.png) center top no-repeat;
		}

		.reply-area.in-context {
			margin-top: 0;
		}

		section.form-placeholder {
			padding: 25px 50px;
			background-color: #fff;
			-moz-border-radius:    0 0 7px 7px;
			-webkit-border-radius: 0 0 7px 7px;
			border-radius:         0 0 7px 7px;
			-moz-box-shadow:    3px 4px 10px rgba(0,0,0, 0.1);
			-webkit-box-shadow: 3px 4px 10px rgba(0,0,0, 0.1);
			box-shadow:         3px 4px 10px rgba(0,0,0, 0.1);
		}

			section.form-placeholder button {
				padding: 0;
				border: 0; border-bottom: 2px dotted #999;
				background: url();
				color: #000; font-family: "Arial Narrow", sans-serif; font-size: 18px; line-height: 1.1;
				cursor:pointer;
			}

		form.reply {}

			form.reply > div,
			.reply-area form > div {
				margin-bottom: 7px;
				min-height: 1.5em;
				position: relative;
			}

			form.reply h3,
			.reply-area h2 {
				margin-top: 0;
				padding-top: 15px;
				font-size: 20px;
			}

			form.reply label {

			}

			form.reply label span.label {
				position: absolute; left:7px; top:2px;
				width: 100px;
				font-size: 13px; color: #999;
			}

			form.reply input[type="text"],
			form.reply textarea,
			.reply-area form textarea {
				padding: 3px;
				border: 2px solid #ddd;
				-moz-border-radius:    4px;
				-webkit-border-radius: 4px;
				border-radius:         4px;
				font-size: 13px; font-family: Georgia, serif;
			}

			form.reply textarea,
			.reply-area form textarea {
				width: 475px;
			}

			form.reply input[type="text"] {
				position: absolute; left: 0; top:0; margin: 0;
				width: 120px; padding-left: 60px;
				background-color: transparent;
			}

			form.reply input[type="text"]:focus,
			form.reply input[type="text"]:active {
			}


			form.reply div.submit,
			.reply-area form .submit {
				text-align: right;
			}


			form.reply .note,
			.reply-area form .note {
				font-style: italic; color: #999; font-size: 13px;
			}

			form.reply span.note {
				display: block; margin: 4px 0 0 200px;
			}

			form.reply div.note {
				margin-top: 1em;
			}

			form.reply .note:empty {
				display: none;
			}


	/* @end */

	/* @group Else */

	#comments .message,
	section.message {
		padding: 25px;
		-moz-border-radius:    0 0 7px 7px;
		-webkit-border-radius: 0 0 7px 7px;
		border-radius:         0 0 7px 7px;
		background-color: #fff;
		-moz-box-shadow:    3px 4px 10px rgba(0,0,0, 0.1);
		-webkit-box-shadow: 3px 4px 10px rgba(0,0,0, 0.1);
		box-shadow:         3px 4px 10px rgba(0,0,0, 0.1);
		font-size: 14px; text-align: center;
	}

	/* @end */

	/* @end */


/* @end */

/* @group Forum */

	section.user {
		float: right; margin-bottom: 20px; position: relative;
		width: 230px; padding: 20px;
		border-top: 1px solid #eee;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow:    3px 4px 10px rgba(0,0,0, 0.1);
		-webkit-box-shadow: 3px 4px 10px rgba(0,0,0, 0.1);
		box-shadow:         3px 4px 10px rgba(0,0,0, 0.1);
		background-color: #fff;
	}

		section.user h2 {
			margin-top: 0;
			font-size: 24px;
		}

		section.user > :last-child {
			margin-bottom: 0;
		}

		section.user p,
		section.user ul {
			margin-bottom: 0.75em;
			font-size: 14px;
		}

		section.user.not-logged a {
			font-weight: bold;
		}

		section.user.not-logged p:first-of-type {
			font-style: italic;
		}


		/* logged */

		section.user img,
		section.user .add-gravatar {
			position: absolute; right: 20px; top:55px;
			width: 60px; height: 60px;
		}

		section.user .logout {
			margin-top: 0.75em;
		}

	/* @group Forum */


#content > .forum {
	margin-bottom: 5px;
	padding: 25px; min-height: 375px; /* layout issues if content is too short */
	background-color: #fff;

	-moz-box-shadow:    3px 4px 10px rgba(0,0,0, 0.1);
	-webkit-box-shadow: 3px 4px 10px rgba(0,0,0, 0.1);
	box-shadow:         3px 4px 10px rgba(0,0,0, 0.1);

	border-top: 1px solid #eee;
	-moz-border-radius:    7px;
	-webkit-border-radius: 7px;
	border-radius:         7px;
}

.forum h1 {
	margin-top: 5px;
}

.forum h1 + h2 {
	margin-top: 0.3em;
}

	/* tables (general) */

.forum table {
	width: 100%;
	margin:0 -5px 1em -5px;
	font-size: 14px;
}

	.forum table td,
	.forum table th {
		padding: 3px 5px 3px 0;
		vertical-align: top;
	}

		.forum table td a,
		.forum table th a {
			text-decoration: none;
		}

		.forum table tr:hover td a,
		.forum table tr:hover th a {
			border-bottom: 1px solid #ccc;
		}

		.forum table tr td a:hover,
		.forum table tr th a:hover {
			border-bottom: 1px solid #666;
		}

	.forum table th,
	.forum table thead {
		font-size: 15px; font-family: Calibri, "Arial Narrow", sans-serif;
	}

		.forum table thead th,
		.forum table thead td {
			border-bottom: 1px solid #888;
		}


	.forum table td:first-child,
	.forum table th:first-child {
		padding-left: 5px;
	}


	.forum table .sticky td {
		background-color:#f2f9fc; /*# F7F7F7;*/
		border-bottom: 1px solid #ddd;
	}

	.forum table .sticky td + td {
		color: #999;
	}

	.forum table tr.sticky + tr:not(.sticky) td {
		padding-top: 10px;
	}

/*	.forum table tr td:first-child a:after {
		content:' •';
		font-size: 20px; color: #ccc;
	}

	.forum table tr td:first-child a:visited:after {
		content: ''; visibility: hidden;  display: none; color:#fff;
	}*/

	.forum table tr td:first-child a:visited {
		color: #666;
	}

	.forum table tbody td + td {
		color: #999;
	}

	/* tables - specific */

	.forum table.latest thead th {
		border-bottom: 1px solid #bbb;
	}

	.forum table.latest tbody td+td+td+td {
		color: #111; white-space: nowrap;
	}

		.forum table.latest tr td:last-child a:visited {
			color: #999;
		}

	.forum table.latest tbody td:nth-child(3) {
		min-width:86px; max-width: 90px;
		overflow: hidden; /* -o-text-overflow? @maybe */
		white-space: nowrap;
		text-overflow:ellipsis;
	}

	.forum table.sections {
		margin-top: -25px;
		width: 100%;
	}

		.forum table.sections thead th {
			border-bottom-color: #fff; color: #999;
		}

		.forum table.sections thead th + th {
			border-bottom-color: #ddd;
		}

		.forum table.sections tbody tr:nth-child(odd) td {
			background-color: #fafafa;
		}

		.forum table.sections td:first-child {
			font-weight: bold;
		}

		.forum table.sections td:first-child a:visited {
			color: inherit;
		}

		.forum table.sections small {
			display: block;
			font-size: 13px; font-weight: normal; color: #555;
		}

		.forum table.sections th + th,
		.forum table.sections td + td {
			text-align: right;
		}

	/* headings etc. */

	.forum.front-page h2 {
		padding-left: 35px;
		background: url(images/star.png) 0 center no-repeat;
	}

	.forum h2.sections {background-image: url(images/tree.png);}
	.forum h2.tags {background-image: url(images/hash.png);}

	.forum .add a {
		font-weight: bold; text-align: right; font-size: 15px; font-family: Calibri, "Arial Narrow", sans-serif;
	}

	.forum a.more {
		display: block;
		font-weight: bold; text-align: right; font-size: 15px; font-family: Calibri, "Arial Narrow", sans-serif;
	}

	/* @end */

	/* @group Topic */

	.topic h1 {
		margin-top: 15px;
	}

	.topic .header /* + ??? */ {
		padding: 25px;
		background-color: #fff;

		-moz-box-shadow:    3px 4px 10px rgba(0,0,0, 0.1);
		-webkit-box-shadow: 3px 4px 10px rgba(0,0,0, 0.1);
		box-shadow:         3px 4px 10px rgba(0,0,0, 0.1);

		border-top: 1px solid #eee;
		-moz-border-radius:    7px 7px 0 0;
		-webkit-border-radius: 7px 7px 0 0;
		border-radius:         7px 7px 0 0;
	}

	.topic .nav-pagination {
		margin:0;
		/*width: 500px;*/
	}

	.forum .nav-pagination {
		margin: 0 -25px;
	}

	.topic .reply-area + .nav-pagination {
		margin-top: -7px;
		border-top: 1px solid #f8f8f8;
	}

	.topic > ol {
		margin-bottom:0;
	}

	.topic h1 {
		/*padding-left: 45px;*/
		/*background: url(images/hat-question-mark.png) left top no-repeat;*/
	}

		h1 a.rss,
		h1 a.rss {
			display:inline-block;
			width: 40px; height: 16px; overflow: hidden;
			background: url(images/rss.png) no-repeat;
			text-indent: 999px; vertical-align: top; font-size: 12px; text-decoration: none; line-height: 16px;
			opacity:0.7;
		}

			h1 a.rss:hover {
				text-indent: 17px;
			}


	.topic nav.bc {
		font-size: 14px; color: #999;
	}

	.topic-meta {
		margin-bottom: 1em;
		overflow: hidden;
		font-size: 14px;
	}

		.topic-meta .tags {
			float: left;
			width: 40%;
		}

		.topic-meta .tag-form {
			clear: left; float: left;
			width: 40%;
		}

		.topic-meta .stats {
			float: right;
			width: 50%;
			text-align: right;
		}

	.topic .pagination {
		margin: 2em 0;
		font-size: 14px; text-align: center;
	}

	.temp-pagination {
		text-align: center;
	}

		.temp-pagination a,
		.temp-pagination .current {
			padding: 3px;
			margin: 0 3px;
		}

		.temp-pagination .current {
			font-weight: bold;
		}

	.topic .comment.first {
		background-color: #f2f9fc;
	}

	.topic > ol > li:first-child {
		border-top: 1px solid #eee;
	}

	/* @see group Comments */


	.topic > section {
		margin-top: 5px;
		padding: 15px ;/*15px 15px 50px*/
		/* -moz-border-radius:    7px;
		-webkit-border-radius: 7px;
		border-radius:         7px; */
		-moz-box-shadow:    3px 4px 10px rgba(0,0,0, 0.1);
		-webkit-box-shadow: 3px 4px 10px rgba(0,0,0, 0.1);
		box-shadow:         3px 4px 10px rgba(0,0,0, 0.1);
		background-color: #fff;
	}


	.admin-controls form,
	.admin-controls fieldset {
		display: inline;
	}



	/* @end */

	/* @group Other subpages */

	.forum.profile span.dt {
		display: block;
		font-size: 12px; color: #666;
	}

	.forum.reg th em {color:red;}

	/* @end */

/* @end */

/* @group Else */

	/* Administration links (maybe @temp - obsolete on WP 3.1) */

body > .to-admin,
body > .post-edit-link {
	position:fixed;
	text-decoration: none; opacity:.4;
}

body > .to-admin {
	right:5px; top:5px;
}

body > .post-edit-link {
	top: 30px; right: 7px;
	font-family: sans-serif; font-weight: bold;
}

body > .to-admin:hover,
body > .post-edit-link:hover {
	opacity: 1;
}

	/* @group Fancybox details (lightbox) */

	#fancybox-inner {
		padding: 25px;
		font-size: 14px;
	}

	#fancybox-inner > * {
		margin-left: 25px; margin-right: 25px;
	}

	#fancybox-inner h1 {
		margin: 0.5em 0 0.5em;
		text-align: center; font-size: 27px;
	}

	#fancybox-inner ol {
		list-style-type: decimal;
	}



	/* @end */

/* @end */

/* @group Alternative Background: Back-2 (dark blue) */

/* corner on back-1 */
#corner {
	position: absolute; left: 0; top: 0;
	width: 30px; height: 85px;
	background: #494f57;
}

#corner span {
	position: absolute; left: 0; top: 0;
	width: 30px; height: 85px;
	background: url(images/corner-1.png) no-repeat;
}

body.back-2 {background: #494f57 url(images/back-2.png) fixed;}

/* corner 2 */
body.back-2 #corner {background-image: url(images/back-1.jpg);}
body.back-2 #corner span {background-image: url(images/corner-2.png);}

/* opaque content-backs, set transparent variants of bg-images */
body.back-2 #content > article,
body.back-2 #content > .ad,
body.back-2 .nav-pagination,
body.back-2 #footer,
body.back-2 #ad-left,
body.back-2 #ad-square,
body.back-2 #ad-square h2,
body.back-2 #ad-left h2,
body.back-2 .side-content,
body.back-2 #content > .singular,
body.back-2 .comment,
body.back-2 form.reply,
body.back-2 .topic > .reply-area,
body.back-2 #comments .message, section.message,
body.back-2.search-results #content h1,
body.back-2.archive #content h1,
body.back-2.blog.paged #content h1,
body.back-2 #content > .forum,
body.back-2 section.user,
body.back-2 .topic .header {
	background-color: rgba(255,255,255,0.7); border-color: transparent;
	-webkit-transition: all .1s linear;
	-moz-transition:    all .1s linear ;
	-o-transition:      all .1s linear ;
	transition:         all .1s linear ;
}

body.back-2 #content > article:hover,
body.back-2 #content > .ad:hover,
body.back-2 #footer:hover,
body.back-2 .side-content:hover,
body.back-2 #content > .singular:hover,
body.back-2 .comment:hover,
body.back-2 form.reply:hover,
body.back-2 .topic > .reply-area:hover,
body.back-2 #content > .forum:hover,
body.back-2 section.user:hover {
	background-color: rgba(255,255,255,0.8);
	-webkit-transition: all .3s ease;
	-moz-transition:    all .3s ease;
	-o-transition:      all .3s ease;
	transition:         all .3s ease;
}

body.back-2 #ad-square,
body.back-2 #ad-left {
	-moz-border-radius:    7px 7px 0 7px;
	-webkit-border-radius: 7px 7px 0 7px;
	border-radius:         7px 7px 0 7px;
}


body.back-2 #ad-square h2,
body.back-2 #ad-left h2 {
	bottom: -27px;
}

body.back-2 #nav-main li a {color: #000; opacity: 0.40; filter: alpha(opacity=40); -ms-filter: "alpha(opacity=40)";}
body.back-2 #nav-main li.active a {color: #000; opacity: 0.70; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; top: 0;}

body.back-2 #nav-global       {background-image: url(images/nav-global-transparent.png);}
body.back-2 #nav-search label {background-image: url(images/nav-search-transparent.png);}
body.back-2 #nav-search input {background-color: transparent;}
body.back-2 #nav-search input::-webkit-input-placeholder {color: #222;}

#cse-search-box input[type="text"] {opacity: 0.50; filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";}
#cse-search-box input[type="text"]:focus {opacity: 0.90; filter: alpha(opacity=90); -ms-filter: "alpha(opacity=90)";}

body.back-2 #logo a {background-image: url(images/logo-cuketka-inverted.png);}

body.back-2 #nav-global li.tw a, body.back-2 #nav-global li.fb a {background-image: url(images/twitter-facebook-transparent.png);}

body.back-2 .nav-pagination > span,
body.back-2 .nav-pagination a {background-image: url(images/pagination-transparent.png);}
body.back-2 .nav-pagination a:hover {border:0;}

body.back-2 .nav-pagination a span {display: none;}

/* @end */

/* @group Alternative Layouts (iPhone etc.) */

@media only screen and (min-width : 1200px) {
	#all {padding-left:200px;}
	#ad-left {left: 30px;}
}

@media only screen and (max-width : 550px) { /* incl. iPhone. (iPhone = 320px) */

	/*h1, h2, h3, h4 {font-family: Calibri, "Arial Rounded MT", Helvetica, sans-serif;}*/
	h1, h2 {font-size: 200%; text-align: center;}

	#all {padding:0; max-width:100%;}

	#content {width: 100%; box-sizing:border-box;}
	#content > .post, #footer {padding:20px 10px 10px 10px;}
	.post .entry-title {margin-right:0;}
	.post .entry-meta {text-align: center; padding-bottom: 1em;}
	.post .comments {position: static; background: #ea7824 url() no-repeat;
		padding: 2px 5px 5px; display: inline;
		-moz-border-radius:    15px;
		-webkit-border-radius: 15px;
		border-radius:         15px; }
	.hfeed .post time {position: static; display: block; text-align: center; margin-bottom: 0.5em;}
	.post .by-readers {position: static; display: block;  margin-bottom: 1em; background-color: transparent;
		text-align: center; font-family: Georgia, serif; text-transform: none; font-style: italic; font-size: 14px; font-weight: bold;}

	#content img,
	#content iframe,
	#content object {max-width: 100%;}

	#content > .ad article {
		float: none; margin-bottom: 2em;
		width: auto;
	}

	#comments textarea {
		width: 100%; box-sizing:border-box;
	}

	#ad-square, .side-content, section.user {
		clear: both;
		float: none;
		margin: 0px auto 3em;
		width: auto;
	}

	#logo {position: absolute; left:50%; margin-left: -80px;}

	#nav-search label {position: absolute; left: 50%; margin-left: -125px;}

	/* reset #nav-global to simpler style */

	#nav-global {position: static; background: url();
		max-width: 100%; text-align: center;}

	#nav-global ul,
	#nav-global li,
	#nav-global li a {position: static !important; text-indent: 0 !important; background: url() !important;}

	#nav-global {margin-top: 1em;}
		#nav-global li {display: inline;}
			#nav-global li a {display: inline; margin-right: 4px; color: #444;}

	#nav-global li.scuk a,
	#nav-global li.scuk span {
		color: #444 !important; font-weight: normal;
	}

/*	#nav-global li.scuk a {color: #c30202; font-weight: bold;}
	#nav-global li.scuk span {color: #2680d4;}
	#nav-global li.scuk span+span {color: #FF7B00;}
	#nav-global li.scuk span+span+span {color: #058c12;}*/

	#nav-main {width: 100%; height: 40px; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box;}

		#nav-main li a {
			margin-right: 5px;
			background: rgba(255,255,255,0.75) url();
			-moz-border-radius:    7px 7px 0 0;
			-webkit-border-radius: 7px 7px 0 0;
			border-radius:         7px 7px 0 0;
			-moz-box-shadow:    2px 2px 5px rgba(0,0,0, 0.12);
			-webkit-box-shadow: 2px 2px 5px rgba(0,0,0, 0.12);
			box-shadow:         2px 2px 5px rgba(0,0,0, 0.12);
			height: 40px; width: auto !important; padding: 0 8px;
			line-height: 45px; color: #555;
		}

		#nav-main li.active a {background-color: #fff;}

			#nav-main li a span {background-image: url() !important;}

	#footer {width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box;}

	.singular section.entry-meta-cats {margin: 0;}

	/* forum fix */

	#content > .forum {
		padding: 20px 10px;
	}

	.forum table {
		margin: 0 0 1em;
	}


	.forum table.latest tr td+td,
	.forum table.latest tr th+th {
		display: none;
	}

	.forum table.latest tr td+td+td+td,
	.forum table.latest tr th+th+th+th {
		display:table-cell;
	}


	.comment {
		padding: 10px;
	}

	.comment img,
	.comment .number {
		position: static;
	}

}

/* Landscape */

@media screen and (max-width: 320px) and (orientation:landscape) {

	body {
		font-size: 12px;
	}


}

#all{
	margin-top: 33px;
}
#corner{
	top: 33px;
}

.menu-top {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 33px;
  background: #fff;
  box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
}
.menu__link {
  color: #000;
  font-size: 13px;
  font-weight: 300;
  text-decoration: none;
  line-height: 30px;
  padding: 0 7px;
  text-transform: uppercase;
}
.menu__link.right {
  float: right;
  margin-top: 2px;
}
.menu__link:hover {
  color: #3f3f3f;
}
.menu__link.big {
  position: relative;
  top: 1px;
  font-size: 20px;
  padding-left: 14px;
  text-transform: none;
}
.menu__link-icon {
  position: relative;
}
.menu__link-icon.srdce {
  top: 2px;
  width: 15px;
  height: 14px;
}
.menu__link-icon.lupa {
  top: 2px;
  width: 14px;
  height: 14px;
  padding-right: 4px;
}
.menu__link-icon.fb {
  top: 4px;
  width: 21px;
  height: 21px;
}
.menu__link-icon.tw {
  top: 4px;
  width: 26px;
  height: 21px;
}
.menu__link-icon.insta {
  top: 4px;
  width: 22px;
  height: 22px;
  padding-right: 14px;
}

.searchmodal {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	z-index: 100;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -126px;
	margin-left: -275px;
	width: 550px;
	height: 252px;
	background: #000;
	box-shadow: 3px 3px 12px rgba(0,0,0,0.6);
	-webkit-transition: all 100ms;
	transition: all 100ms;
	padding: 58px;
	padding-top: 40px;
	box-sizing: border-box;
	display: none;
}
.searchmodal.show {
	display: block;
}
.searchmodal p {
	color: #fff;
	font-size: 70px;
	font-weight: 100;
	margin: 0;
}
.searchmodal form input {
	width: 100%;
	height: 60px;
	font-size: 40px;
	font-weight: 100;
	box-sizing: border-box;
	padding: 0 10px;
}
.searchmodal form input:focus {
	outline: none;
}
.search__google {
	float: right;
	margin-top: 5px;
}
.search__close-button {
	position: absolute;
	top: 15px;
	right: 15px;
}
.search__close-button img {
	width: 25px;
	height: 25px;
}


/* @end */