/*

Theme Name: Rundown
Theme URI: http://www.kharissulistiyono.com/wp-labs/rundown-wordpress-theme
Author: Kharis Sulistiyono
Author URI: http://kharissulistiyono.com
Description: When something seems so hard to be done, do it point-by-point. Rundown is a responsive WordPress theme that suits for your personal web blog. It comes with some features such as fully responsive,  magazine style, two skins option, and fits into high resolution screen, custom background, custom header image, and more.
Version: 1.7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, gray, two-columns, right-sidebar, custom-header, custom-menu, full-width-template, sticky-post, translation-ready, responsive-layout, microformats, theme-options, featured-images
Text Domain: rundown

*/

@import url(http://fonts.googleapis.com/css?family=Playball);
@import url(http://fonts.googleapis.com/css?family=Bitter:400,400italic,700);

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

/* Layout
================================= */

body{
	color: #555555;
	background-color:#f5f5f5;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:24px;
}



.title-happy{font-weight: bold; font-size: 14px;}
.content-happy{font-size: 12px; line-height: 12px; padding-top: 5px; text-align: justify;}
.gen-block-happy{background-color: white; border-radius: 5px; margin: 5px 0 5px 0; padding: 5px; min-height: 110px;}
.photo-happy{float: left; padding: 5px 10px 5px 5px;}
.photo-happy img{width: auto; height: 120px;}
.header-happy h3{background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
border-radius: 5px;
color: white; font-weight: bold; text-align: center;}

#wrapper{
  *zoom: 1;
  margin: auto;
  width: 61.250em;
  max-width: 100%;
}

#header{
	margin:0 0 0.001em 0;
	padding:0.1em 0.001em 0.001em 0.001em;
	
}

#main{
	margin:0 0 0.625em 0;
	padding:0 0.625em;
	line-height:25px;
	font-size:13px;	
}

#content{
	width:68%;
	max-width:100%;
	float:left;
	padding:0;
}

#sidebar{
	display: inline;
	float: left;
	width: 29.9%;
	max-width:100%;
	margin-left:2.041%;
	display: inline;
	float: right;	  
}

#footer{
	margin:1.563em 0 0 0;
	padding:0 0.625em 0 0.625em;
}

/* End of Layout
================================= */

/* Format
================================= */	

	/* Selection */

	::selection,
	::-moz-selection,
	::-webkit-selection{
		background: #3879d9;
		color: #fff;
		text-shadow: none;
	}
	
	/* End of Selection */

	/* Links */

	a, a:active a:visited{
		color:#000;
	        text-decoration:underline;				
	}

	a:hover{
		color:#3879d9;
	}
    
	.navigation{text-align: center; font-size: 16px; padding: 10px; }
	.navigation a,
	.navigation a:active,
	.navigation a:visited
	{
		color: black;
		text-decoration:none;
		border:none;
	}
	
	.navigation a:hover{
		color:#3879d9;	
		text-decoration:underline;
	}
    .page-numbers a{}
    .page-numbers{color: #7d7d7d; background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
padding: 5px 10px; border-radius: 5px;}
    .pages{border: solid 1px #596a72; border-radius: 3px; padding: 5px 10px; margin-right: 20px; background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top,  #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fceabb), color-stop(50%,#fccd4d), color-stop(51%,#f8b500), color-stop(100%,#fbdf93)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fceabb 0%,#fccd4d 50%,#f8b500 51%,#fbdf93 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#fbdf93',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);}
	
	/* End of Links */	

	/* Text element */
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6
	{
		color:#5e5e5e;
		font-family: 'Bitter', serif;
		font-weight:40;		
	}	

	h1{
		font-size:1.625em;
		line-height:27px;		
	}

	h2{
		font-size:1.5em;
		line-height:50px;		
	}

	h3{
		font-size:1.15em;
		line-height:45px;		
	}

	h4{
		font-size:1.05em;
		line-height:40px;		
	}

	h5{
		font-size:20px;
		line-height:20px;		
	}

	h6{
		font-size:1em;
		line-height:30px;		
	}
	
	p, pre {
		margin: 0 0 1.5em;
	
	}

	.no-space {
		margin-bottom: 0em;
	}

	b,
	strong {
		font-weight: bold;
	}

	small {
		font-size: 85%;
	}	
	
	em {
		font-style: italic;
	}	
	
	dd,
	dl,
	dt
	{
		margin: 0 0 1.5em;
	}
	
	dd.gallery-caption{
		font-size:80%;
		margin-top:0;
		line-height:16px;
	}
	
	cite {
		font-style: normal;
	}	
	
	dfn {
		font-style: italic;
		font-weight: bold;
	}

	sub,
	sup {
		font-size: 75%;
		line-height: 0;
		position: relative;
	}

	sup {
		top: -0.7em;
		vertical-align: sub;
	}

	sub {
		bottom: -0.75em;
		vertical-align: super;
	}
	

	pre,
	code,
	tt {
		font-family: 'andale mono', 'lucida console', monospace;
	}
	
	abbr,
	acronym {
		font-size: 90%;
		text-transform: uppercase;
		border-bottom: 0.063em dotted #ddd;
		cursor: help;
	}	
	
	pre{
		background:#e7e7e7;
		white-space: pre;
		white-space: pre-wrap;
		color:#5e5e5e;
		padding:0.625em;
		border-radius:0.188em;
		-moz-border-radius:0.188em;
		-webkit-border-radius:0.188em;
	}
	
	code, ins{
		background: #e7e7e7;
		color: #777;	
		padding:0.125em;
	}
	
	address {
		display: block;
		margin: 0 0 1.5em;
		font-style: italic;
	}		
	
	mark {
		background: #e7e7e7;
		color:#5e5e5e;
		font-style: italic;
		font-weight: bold;
	}	

	blockquote{
		font-style:italic;
		margin-left:2.500em;
		border-left:0.126em solid #cccccc;
		padding:10px;	
		background:#f4f4f4;
		margin-bottom:20px;
	}
	
	blockquote cite{
		font-weight:bold;
	}
	
	/* End of text element */	
	
	/* List */
	
	ul{
		list-style-type: disc;		
		margin-left:1.250em;	
		list-style-position:inside;		
	}
		
	ol{
		list-style-type:decimal;		
		list-style-position:inside;		
	}
	
	ol ol {
		list-style: upper-alpha;
		list-style-position:inside;
		margin-left:1.250em;
	}

	ol ol ol {
		list-style: lower-roman;
		list-style-position:inside;
	}

	ol ol ol ol {
		list-style: lower-alpha;
	}	
	
	.none {
		list-style-type:none;
	}
	/* End of List */
	
	/* Form */

	input, select, textarea{
		background:#f0efef;
	}

	input[type="text"], textarea{
		border:1px solid #ccc;
	}

	input[type="submit"]{
		background: #111111; /* Old browsers */
		background: -moz-linear-gradient(
			top,
			#ffffff 0%,
			#444444 3%,
			#444444 0%,
			#111111 59%,
			#000000);
		background: -webkit-gradient(
			linear, left top, left bottom, 
			from(#ffffff),
			color-stop(0.3, #444444),
			color-stop(0.0, #444444),
			color-stop(0.59, #111111),
			to(#000000));
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #000000;
		-moz-box-shadow:
			0px 1px 3px rgba(255,255,255,0.5),
			inset 0px 0px 5px rgba(0,0,0,0.6);
		-webkit-box-shadow:
			0px 1px 3px rgba(255,255,255,0.5),
			inset 0px 0px 5px rgba(0,0,0,0.6);
		box-shadow:
			0px 1px 3px rgba(255,255,255,0.5),
			inset 0px 0px 5px rgba(0,0,0,0.6);
		border:1px solid #000;
		color:#f8f8f8;
		line-height:24px;
		border:none;
		cursor:pointer;
		position:relative;
	}

	input[type="submit"]:hover{
		background: #0029d1; /* Old browsers */
		background: -moz-linear-gradient(top,  #0029d1 0%, #3879d9 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0029d1), color-stop(100%,#3879d9)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #0029d1 0%,#3879d9 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #0029d1 0%,#3879d9 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #0029d1 0%,#3879d9 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #0029d1 0%,#3879d9 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0029d1', endColorstr='#3879d9',GradientType=0 ); /* IE6-9 */
	}

	input[type="text"]{
		height:22px;
		line-height:22px;
	}

	/* End of From */	

	/* Table */
	
	table{
		width: 100%;
		color:#000;
		margin-bottom:15px;
		border-collapse: collapse;
		border-spacing: 0;			
	}
	
	table th{
		background:#e7e7e7;
		border:1px solid #ccc;
		padding:10px;	
	}
	
	table td{
		border:1px solid #ccc;
		padding:10px;		
        }

	.td_2{
		color:#5e5e5e;
		padding:20px 0px;
		background:white;
		border-top:1px solid white;
		border-left:1px solid white;
		border-right:1px solid white;
		border-bottom:1px solid #5e5e5e;
	}
		
	table tr{
		background:#fff;
	}
	
	table tr:hover{
		background:#f7f7f7;
	}
	
	table#wp-calendar th{
		background:#444;
		padding-top:0;
		padding-bottom:0;
		font-size:11px;
		color:#fff;
	}
	
	table#wp-calendar td#today{
		background:#f0f0f0;
	}	
	
	table#wp-calendar tr:hover td#today{
		background:#e0e0e0;
	}	
	
	table#wp-calendar a{
		color:#3879d9;
	}	
	
	table#wp-calendar tfoot tr{
		background:transparent;
	}
	
	table#wp-calendar tfoot td{
		border:none;
	}
	
	table#wp-calendar tfoot td#next{
		text-align:left;
	}	
	
	table#wp-calendar tfoot td#next{
		text-align:right;
	} 
	
	/* End of Table */	
	
/* End of Format
================================= */

/* Header
================================= */

#header{
	text-align:center;
}

#header-inner{
	width:100%;
	padding-bottom:3px;
	overflow:hidden;
}

#header h1{
	font-size:23px;
	font-weight:bold;
	font-family: Arial;
	
	
}

#header p.description{
	text-shadow: 0 0.063em 0 #fff;	
}

#header h1 a{
	color:#004ab9;
	text-decoration:none;
	text-shadow: 0 0.033em 0 #fff;	
	border-bottom:none;
}

#header h1 a:hover{
	color:#3879d9;
}

#header img{
	max-width:100%;
	height:auto;
	margin-top:0.001em;
	margin-bottom:-1.250em;
}


/* End of Header
================================= */

/* Primary Navigation
================================= */


#header .menu select,
#primarynav select{
	display:none;
	visibility:hidden;
	height:15px;
	width:100%;	
	border:none;	
}

#header .menu{
	border:0.063em solid #b6b5b5;
	border-left:none;
	border-right:none;
	margin:0.938em 0;
}

#header .menu:after,
#primarynav:after{
	display:table;
	clear:both;
	content:'';
}

#header .menu ul,
#primarynav ul {
	list-style: none;
	margin:0;
	padding:0;
}
#header .menu li,
#primarynav li {
	display: inline-block;
	float: center;
	position: relative;
}
#header .menu li a,
#primarynav li a {
	color: #444;
	text-decoration: none;
	font-weight:bold;
	display:block;
	text-shadow: 0 0.063em 0 #fff;
	padding:0.225em 0.863em;
	max-width:100%;
	font-size:14px;
}
#header .menu ul ul,
#primarynav ul ul {
	display: none;
	float: left;
	margin: 0;
	position: absolute;
	width: 11.750em;
	max-width:60%;
	z-index: 99999;
}
#header .menu ul ul ul,
#primarynav ul ul ul {
	left: 100%;
	top: 0;
}
#header .menu ul ul a,
#primarynav ul ul a {
	background: #f9f9f9;
	border-bottom: 1px dotted #ddd;
	color: #777;
	font-weight: bold;
	height: auto;
	min-width:15.938em;
	text-align: left;	
}

#header .menu li:hover > a,
#header .menu ul ul :hover > a,
#header .menu a:focus,
#primarynav li:hover > a,
#primarynav ul ul :hover > a,
#primarynav a:focus {
	background: #3879d9;
}

#header .menu li:hover > a,
#header .menu a:focus,
#primarynav li:hover > a,
#primarynav a:focus {
	background: #3879d9;
	color: #fff;
	text-shadow: none;	
}
#header .menu ul li:hover > ul,
#primarynav ul li:hover > ul {
	display: block;
	padding: 0;
}

#header .menu .current-menu-item > a,
#header .menu .current-menu-ancestor > a,
#header .menu .current_page_item > a,
#header .menu .current_page_ancestor > a,
#primarynav .current-menu-item > a,
#primarynav .current-menu-ancestor > a,
#primarynav .current_page_item > a,
#primarynav .current_page_ancestor > a {
	font-weight:bold;
	background:#dcdcdc;
	color:#000;	
}

#footer .menu,
#primarynav-footer ul, #primarynav-footer select{
	display:none;
	visibility:hidden;
}

/* End of Primary Navigation
================================= */

/* Content
================================= */

.post, .type-page, .not-found, div.attachment{
	margin:0 0 1.875em 0;
	/*border:0.4em solid #d8d6d6;*/
	-moz-box-shadow: 0 2px 3px #acabab;
	-webkit-box-shadow: 0 2px 3px#acabab;
	box-shadow: 0 2px 3px #acabab;	
	background:#ffffff;
	position:relative;
}

.not-found{
	padding-bottom:1.15em;
}

.singlepage{
	width:100%;
}

	.singlepage .post-head{
		text-align:center;	
	}
	.singlepage .post-head h2{
		text-align:center;
	}

.post-head{
	padding:1.250em 1.563em 1.250em 1.563em;
	border-bottom:1px solid #d4d3d3;
}

.post-head h2.post-title{
	font-family: 'Bitter', serif;
	font-weight:700 !important;
	margin:0;
	padding:0.125em 0;
	font-size:18px;
	line-height:24px;
	color:#444444;
	font-weight:500;
}

.post-head h2 a{
	color:#222222;
	text-shadow: 0 0.063em 0 #f3f3f3;
	text-decoration:none;
	border-bottom:none;
}

.post-head h2 a:hover{
	color:#3879d9;
}	

/* Post Format Styles */
	.post-head span.post-format-label{
		padding:0.313em;
		margin:0 0.313em 0 0;
		float:right;
	}

	.post-head span.post-format{
		display:inline-block;
		width:60px;
		height:60px;
		margin:10px -6px 0 0;
		float:right;
	}
	
	.post-head span.post-format a{
		border-bottom:none;
	}	
	
	/* Post Format Entry */
	
	.format-video .entry, 
	.format-audio .entry, 
	.format-status .entry, 
	.format-quote .entry, 
	.format-link .entry, 
	.format-gallery .entry, 
	.format-chat .entry, 
	.format-image .entry, 
	.format-aside .entry{
		background:#ededed;
	}
	
	.single .format-video .entry, 
	.single .format-audio .entry, 
	.single .format-status .entry, 
	.single .format-quote .entry, 
	.single .format-link .entry, 
	.single .format-gallery .entry, 
	.single .format-chat .entry, 
	.single .format-image .entry, 
	.single .format-aside .entry{
		background:transparent;
	}
	
	.format-gallery .entry{
		padding-top:40px;
	}		
	
	.format-quote .entry{
		font-style:italic;
		font-family: 'Bitter', serif;
		font-weight:100;
		font-size:20px;
		line-height:26px;		
	}	
	
	.format-quote .entry blockquote{
		margin-left:0;
	}	
	
	.format-quote .entry blockquote:after{
		content:'';
		display:block;
		clear:both;
	}		
	
	.format-quote .entry blockquote p{
		margin-bottom:0;
	}	
	
	.format-quote .entry blockquote cite{
		margin-top:10px;
		display: block;
		float:right;
	}	
	
	/* End of Post Format  Entry Styles */	
	
h2.archive-title{
	margin:0 0 1.505em 0;
	line-height:26px;
	font-size:18px;
	font-weight: bold;
	text-align:center;
}	

.meta{
	padding:0;
	margin:0;
	font-style:normal;
	font-size:0.813em;
	color:#cccccc;
}

.meta2{
	color:#000000;
}

.meta a, .meta a:active, .meta:visited,
.meta2 a, .meta2 a:active, .meta2:visited {
    color: #000000;
}

.meta a:hover,
.meta2 a:hover{
	color:#3879D9;
}

span.edit-link a{
	color:#555555;
}

.entry{
	padding:0.938em 1.563em 0.938em 1.563em;
}

	.wp-caption{
	max-width:100%;
	}		

	.entry img{
	padding:5px;
	border:1px solid #ccc;
	max-width:98%;
	height:auto;
	}
	
	.gallery-item{
	float:left;
	margin-bottom:0;
	}
	
	.gallery-item a{
	border-bottom:none;
	}	
	
	.gallery-icon{
	margin:0;
	}
	
	dl.gallery-item img{
	background:#f7f7f7;
	margin-bottom:0;
	}
		
	
	img.wp-smiley{
		border:none;
		margin-bottom: 0;
		margin-top: 0;
		padding: 0;	
	}
	
	.entry .wp-caption p.wp-caption-text .gallery-caption{
		color:#999;
		font-style:italic;
	}
	.wp-caption-text{
		max-width:89%;
		font-style:italic;		
		font-size:70%;
	}	
	.wp-caption-text::before{
		color:#999;
		content:'\2014';
		font-size:0.875em;
		margin-right:0.313em;
		padding:0 0 0.625em 0;
	}
	
.entry .meta2{
	font-size:0.875em;
	font-style:normal;
}	

span.edit-link{
	display:inline-block;
	float:right;
	margin-top:-4px;
}

span.edit-link a{
	background:#ccc;
	display:block;
	padding:1px 2px;
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	text-decoration:none;
	font-size:12px;
}

span.edit-link a:hover{
	background:#3879d9;
	color:#fff;
}
	
.morelink{
	position:absolute;
	right:-0.313em;
	bottom:1.875em;
	border:0.063em solid #ccc;
	border-right:0.125em solid #ccc;
	background:#fff;
	padding:0.188em 0.438em;
	text-decoration:none;
}	

.morelink:hover{
	background:#3879d9;
	border:0.063em solid #3879d9;
	border-right:0.125em solid #3879d9;
	color:#fff;
}	

.more-link{
	padding:8px 10px;
	background-color:#3879D9;
	color:#ffffff;
	text-decoration:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	-o-border-radius:3px;
}

.more-link:hover{
	background-color:#3e84ec;
	color:#ffffff;
}
	
	.aligncenter{
		display:block;
		margin-left:auto;
		margin-right:auto;
		clear:both;
	}
	
	.alignleft{
		float:left;
		margin-right:0.625em;
		clear:right;
	}
	
	.alignright{
		float:right;
		margin-left:0.625em;
		clear:left;
	}
	
	.alignnone{
		display:inline-block;
		margin:0;
	}

.page-link{
	padding-top:1.250em;
}	

.page-link a{
	background: #111111; /* Old browsers */
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#444444 3%,
		#444444 0%,
		#111111 59%,
		#000000);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.3, #444444),
		color-stop(0.0, #444444),
		color-stop(0.59, #111111),
		to(#000000));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
		inset 0px 0px 5px rgba(0,0,0,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
		inset 0px 0px 5px rgba(0,0,0,0.6);
	box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
		inset 0px 0px 5px rgba(0,0,0,0.6);
	border:1px solid #000;	
	color:#fff;
	padding:0.14em 0.375em;
	text-decoration:none;
}

.page-link a:hover{
	background: #0029d1; /* Old browsers */
	background: -moz-linear-gradient(top,  #0029d1 0%, #3879d9 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0029d1), color-stop(100%,#3879d9)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #0029d1 0%,#3879d9 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #0029d1 0%,#3879d9 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #0029d1 0%,#3879d9 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #0029d1 0%,#3879d9 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0029d1', endColorstr='#3879d9',GradientType=0 ); /* IE6-9 */		
	color:#fff;
	border:0.063em solid #3879d9;
	text-decoration:none;
}
	
.excerpt{
	overflow:hidden;
	height:auto;
	padding:0;
}


.excerpt-on{
	margin-bottom:20px;
}

.excerpt-on:before, .excerpt-on:after{ 
	content:'';
	display:block;
	clear:both;
}

.excerpt-on img{
	float:left;
	padding:0;
	border:none;
	margin-right:20px;
}


/* End of Content
================================= */
	

/* Comments
================================= */

#respond h2{
	border:none;
	margin:1.043em 0;
}

#comments{
	font-style:normal;
	padding:1.250em 1.563em 0.938em 0;
}

#respond form a:hover, #comments a:hover{
text-decoration:none;
}

h3#reply-title{
font-size:1.5em;
font-family: 'Bitter', serif;
font-weight:600;
}

h3#reply-title a{
border-bottom:none;
}

#comments h2#commenttitle{
	margin-left:1.043em;
	margin-bottom:0;
}	

#comments ol.commentlist{
	margin-left:1.563em;
}

#comments ol.commentlist, #comments ul.children
{
	list-style-type:none;
}

#comments ol.commentlist li.bypostauthor .comment-content{
	background:#f0efef;
	padding:0.625em;
	padding-bottom:0;
}

#comments ol.commentlist li.bypostauthor .comment-content .comment-text{
	border:none;
}

#respond, p.closed-comment{
	margin:0 0 0 1.563em;
}

#respond a{
text-decoration:none;
}

#respond a:hover{
text-decoration:underline;
}

li.comment, li.trackback, li.pingback{
	border:1px solid #ccc;
	margin-bottom:1.250em;
	padding-top:0;
}

li.comment ol{
	list-style-position:inside;
	margin-left:1.250em;
	margin-bottom:0.938em;
}

.comment-content{
	border-bottom:0.063em solid #d7d7d7;
}

.user_info{
	display:block; 
	width:100%; 
	overflow:hidden; 
	margin:0.625em;
}

.user_info h3{
	margin:0;
	color:#5e5e5e;
	line-height:16px;
}

.user_info h3 a{
	color:#5e5e5e;
	text-decoration:none;
}

.user_info h3 a:hover{
	color:#3879d9;
}

.user_info p{
	margin:0;
	font-size:0.75em;
	color:#7d7d7d;
}

img.avatar{
	float:left;
	margin:0 0.625em 0 0;
}

p.closed-comment{
	font-style:italic;
	font-size:0.875em;
}

.comment-text{
	padding: 10px 10px 3px 10px;
}

.reply-link{
	display:block;
	text-align:right;
	margin-top:10px;
}

a.comment-reply-link{
	display:inline-block;
	margin:0;
	text-decoration:none;
	font-size:75%;
	border-bottom:none;
	background:#ccc;
	color:#555;
	padding:0 5px;
}

a.comment-reply-link:hover{
	background:#3879d9;
	color:#fff;
}

a#cancel-comment-reply-link{
	border-left:1px solid #5e5e5e;
	padding:0 0 0 1.250em;
	margin:0 0 0 0.625em;
}

span.comments-off{
	font-style:italic;
	margin-left:1.563em;
}

	/* Comment Form */
	
	form#commentform{
		clear:both;
		display:block;
		overflow:hidden;
		width:100%;
		border:none;
	}
	
	form#commentform p, form#commentform p[class*='comment-form-']{
		display:table;
		width:100%;
	}
	
	form#commentform p[class*='comment-form-']:after{
		content:'';
		display:table;
		clear:both;
		margin:0;
	}	
	
	form#commentform label, form#commentform span{
		display:inline-block;
		float:left;
	}
	
	form#commentform input{
		float:left;
	}
	
	form#commentform input[type="text"]{
		width:98%;	
		max-width:100%;
		margin-left:0;
	}
	form#commentform textarea{
		width:98%;		
		max-width:100%;
		float:left;
	}
	
	form#commentform div{
		margin-bottom:0.313em;
	}
	
	form#commentform p.form-allowed-tags{
		font-size:75%;
		width:100%;
		display:block;
		float:left;
	}
	
	form#commentform input[type="submit"]{
		float:left;
		padding:5px 7px;
		margin-left:0;
	}
	
	/* End of Comment Form */
	
/* End of Comments
================================= */	

/* Sidebar
================================= */	

input[type="text"]#s{
width:199px;
height:27px;
max-width:100%;
float:left;
margin:0 5px 5px 0;
padding:0 3px;
}
input[type="submit"]#searchsubmit{
line-height:26px;
height:28px;
float:left;
padding-left:7px;
padding-right:7px;
}

.widget{
	width:19.75em;
	max-width:100%;
	padding:0 0 0.625em 0;
	margin:0 0 0.625em 0;
	float:left;
}

.widget h2{
	font-family: 'Bitter', serif;
	font-weight:600;
	border-bottom:0.063em solid #c7c7c7;
	margin:0 0 0.938em 0;
	font-size: 1.215em;
	line-height: 1.286em;
	padding:5px 0.3em;
	background:url('images/pattern2.png');
	text-shadow: 0 0.063em 0 #fff;
	color:#444444;
}

.widget img{
	max-width:100%;
	height:auto;
}

.widget select{
	max-width:100%;
}

.widget ul, .widget ol{
	margin:0 0 0 1.250em;
	padding:0 0.3em;
	list-style:none;
}

.widget ul{
	list-style-position:outside;
	margin-left:0;
	}

.widget ul li{
	color:#000;
	margin-left:0;
}

.widget a, .widget a:visited, .widget a:active{
	color:#7d7d7d;
	text-decoration:none;
	border-bottom:none;
}

.widget a:hover{
	color:#3879d9;
	text-decoration:underline;
}

/* End of Sidebar
================================= */			

/* Footer
================================= */	

.footer-inner{
	border-top:0.083em solid #b6b5b5;
	padding:0.938em 0;
	font-size:90%;
}

.footer-inner .footcreditleft{
	
	margin-right:0.625em;
}
.footer-inner .footcreditright{
	float:right;
}

#footer a{
	color:#7d7d7d;
	text-decoration:none;
	border-bottom:none;
}

#footer a:hover{
	color:#3879d9;
	text-decoration:underline;
}

/* End of Footer
================================= */	

/* Media Queries
Styles for repsonsive layouts
================================= */	

@media screen and (min-width: 1199px) {
	
	#wrapper{
		width:73.750em;
	}	
	
	.widget{
		width:100%;
	}

}

@media screen and (max-width: 767px) {

	#header{
		text-align:center;
	}

	#header h1{
		line-height:48px;
	}	

	#content{
		width:100%;
	}
	.post, .type-page{
		margin:0 0 0.875em 0;
	}	
	.wp-caption{
		max-width:100%;
		line-height:18px;
	}		
	.wp-caption img{
		max-width:96%;	
	}
	#sidebar{
		width:100%;
	}
	input[type="submit"]#searchsubmit{
		float:left;
	}
	.widget{
		margin-right:0.768em;
	}
	.navigation{
		margin-bottom:1.875em;
		display:block;
		overflow:hidden;
	}
	#footer .footcreditright{
		float:left;
	}	

}

@media screen and (max-width: 200px) {

	#header h1{
		font-size:0.750em;
	}

	#sidebar input[type=text]{
		display:inline-block;	
		width:13.57em;
		max-width:99%;
		float:left;
	}
	
	#sidebar input[type=submit]{
		display:inline-block;	
		width:13.57em;
		max-width:100%;
	}
	
	form#commentform input[type="submit"]{	
		max-width:100%;	
	}
	
	a.scrollup{
		display:none;
		visibility:hidden;
	}	

}

@media screen and (max-width: 476px){

	.excerpt-on img{
		float:none;
		display:block;
		margin-left:auto;	
		margin-right:auto;	
		margin-bottom:20px;
	}

}

@media screen and (max-width: 370px) {

	#header h1{
		font-size:1.625em;
		line-height:28px;
		margin-bottom:0;
	}
	
	#primarynav{
		border:none;
	}
	
	#primarynav ul{
		display:none;
		visibility:hidden;
	}
	
	#primarynav select, #primarynav-footer select{ 
		display: inline-block; 
		visibility:visible;
		border:1px solid #000;
		width:100%;		
	}	
	
	#content{
		overflow:hidden;
	}
	
	.post, .type-page, .not-found, div.attachment{
		-moz-box-shadow: 0 0 1px #acabab;
		-webkit-box-shadow: 0 0 1px#acabab;
		box-shadow: 0 0 1px #acabab;	
	}	
	
	.post-head .meta{
		line-height:14px;
	}
	
	.post-head span.post-format{
		margin-top:-10px;
		text-align:right;
	}	
	
	.post-head span.post-format img{
		width:60%;
		height:auto;
	}		
	
	.post, .type-page{
		margin:0 0 0.875em 0;
		border:0.2em solid #d0d0d0;
		background:#fff;
		position:relative;
	}	
	
	.post-head, .entry{
		padding:0.625em 0.313em 0 0.313em;
	}	
	
	.post-head h2{	
		font-size:1.250em;
		line-height:24px;
	}
	
	.entry div.meta2{
		margin: 0
	}
	
	.entry img{
		max-width:100%;
		padding: 0;
		border:none;
	}
	
	.meta2{
		text-align:center;
	}
	
	blockquote{
		margin-left:0;
		max-width:100%;
	}	
	
	.morelink{
		position:relative;
		right:0;
		bottom:0;
		border:0.063em solid #ccc;
		border-left:none;
		border-right:none;
		border-bottom:none;
		background:#fff;
		padding:0.188em 0.438em;
		cursor:pointer;
		display:block;
		text-align:center;
	}		
	
	.morelink:hover{
		border:0.063em solid #ccc;	
		border-left:none;
		border-right:none;
		border-bottom:none;	
	}
	
	.wp-caption{
		max-width:100%;
		line-height:18px;
	}
	
	.wp-caption img{
		display:block;
		float:none;
		max-width:100%;
		height:auto;
		padding:0;
		border:none;
	}
	
	.page-link{
	text-align:center;
	}
	
	form#commentform div{
		font-size:0.750em;
	}	
	
	a.scrollup{
		display:none;
		visibility:hidden;
	}	

}

/* End of Media Queries
================================= */	

/* Misc Styles
================================= */	

.clear{
	clear:both;
}

.sticky{
	/*background:#eae8e8;
	border:0.4em solid #bcbcbc;*/
	border:2px solid #f9f9f9;
	background:#eae8e8;
	-moz-box-shadow: 0 0 7px #acabab;
	-webkit-box-shadow: 0 0 7px#acabab;
	box-shadow: 0 0 7px #acabab;		
	z-index:1;
}

a.scrollup{
	width:34px;
	height:34px;
	opacity:0.7;
	position:fixed;
	bottom:35px;
	right:20px;
	display:none;
	text-indent:-9999px;
	background: url('images/icon_top.png') no-repeat;
	border:none;
}

a.scrollup:hover{
	opacity:1;
}

span.nav-previous{
	float:left;
}

span.nav-next{
	float:right;
}

span.previous-image-link{
	display:inline-block;
	margin-left:16px;
	float:left;
}

span.next-image-link{
	display:inline-block;
	margin-right:16px;
	float:right;
}

#post-0 .widget{
	float:none;
	margin-bottom:30px;
}

#post-0 .widget h2{
background-image:none;
padding-left:0;
}

#post-0 .widget ul{
	list-style-type: disc;	
	list-style-position:inside;			
}
	
/* End of Misc Styles
================================= */	




/* Other
================================= */	

.space{
	margin: 5 5 5em;
}

.a-new {
        color: #000; /* Цвет обычной ссылки */
        text-decoration: none; /* Убираем подчёркивание у ссылок */
}
	
.a-new:visited {
        color: #800080; /* Цвет посещённой ссылки */
}
   
.a-new:hover {
        color: #3879d9; /* Цвет ссылки при наведении на неё курсора мыши */
        text-decoration: underline; /* Добавляем подчёркивание */
}

.ul-new {
		list-style-type: disc;		
		margin-left:1.250em;	
		list-style-position:outside;	
}