/*

Theme Name: Rundown
Theme URI: http://demo.risbl.co/rundown/
Author: Kharis Sulistiyono
Author URI: http://risbl.co/wp
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.8
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
Domain Path: /languages/

*/

@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: #222;
	background-color:#ebf2f5;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	line-height:24px;
}

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

#header{
	margin:0 0 0.625em 0;
	padding:1.625em 0.625em 0 0.625em;
}

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

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

#sidebar{
	display: inline;
	float: left;
	width: 28.779%;
	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 a,
	.navigation a:active,
	.navigation a:visited
	{
		color:#7d7d7d;
		text-decoration:none;
		border:none;
	}

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

	/* End of Links */

	/* Text element */

	h1,
	h2,
	h3,
	h4,
	h5,
	h6
	{
		color:#5e5e5e;
		font-family: 'Bitter', serif;
		font-weight:400;
	}

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

	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:1.02em;
		line-height:30px;
	}

	h6{
		font-size:1em;
		line-height:30px;
	}

	p, pre {
		margin: 0 0 1.5em;
	}

	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;
	}

	/* 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;
	}

	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%;
	height:atuo;
	padding-top:20px;
	overflow:hidden;
}

#header h1{
	font-size:3.438em;
	font-weight:bold;
	margin-bottom:20px;
	font-family: 'Playball', Arial;
	z-index:9999;
	line-height:56px;
}

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

#header h1 a{
	color:#000;
	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.938em;
	margin-bottom:-1.250em;
}


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

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


#header .menu select,
#primarynav select{
	display:none;
	visibility:hidden;
	height:25px;
	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: left;
	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.625em 1.063em;
	max-width:100%;
}
#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;
	color:#3879D9;
}

#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 #bcdced;
	-webkit-box-shadow: 0 2px 3px #bcdced;
	box-shadow: 0 2px 3px #bcdced;
	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 #cbe1ec;
}

.post-head h2.post-title{
	font-family: 'Bitter', serif;
	font-weight:700 !important;
	margin:0;
	padding:0.125em 0;
	font-size:2.175em;
	line-height:1.10em;
	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:1em;
	text-align:center;
}

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

.entry .meta2{
	margin-top: 20px;
}

.meta2{
	color:#999;
}

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

.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{
	display: inline-block;
	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;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}


.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 .widget-title{
	text-transform: uppercase;
	padding-top: 13px;
	padding-bottom: 0;
	padding-left: 13px;
	border-bottom:1px solid #a3d5ef;
}

.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{
	float:left;
	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;
		width: 100%;
	}
	.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{
	border:2px solid #f9f9f9;
	background:#ebf7fe;
	-moz-box-shadow: 0 0 2px #bcdced;
	-webkit-box-shadow: 0 0 2px #bcdced;
	box-shadow: 0 0 2px #bcdced;
	z-index:1;
}

.sticky .meta,
.sticky .meta a,
.sticky .meta2,
.sticky .meta2 a{
	color: #727272;
}

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.nav-next,
span.nav-previous{
	text-transform: uppercase;
	font-size: 110%;
}

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
================================= */