/* =Reset
-------------------------------------------------------------- */

caption, th, td {
	text-align: right;
}

/* =Global
----------------------------------------------- */

/* Text elements */

ul, ol {
	margin: 0 3em 1.8em 0;
}

ul ul, ol ol, ul ol, ol ul {
	margin-right: 1.8em;
	margin-left: auto;
}

blockquote:before {
	right: -.52em;
	left: auto;
}

textarea {
	padding-right: 5px;
	padding-left: 0;
	line-height: 1.4;  /* add ek 7/7/2013 */
	height: 250px;     /* add ek 8/8/2013 */
}

/* Alignment */
.alignright {
	float: right;
	margin-left: 1.8em;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin-right: 1.8em;
	margin-left: auto;
}

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

#primary {
	float: left;
	margin: 0 -42% 0 0;
}

#content {
	margin: 3.6em 44% 0 44px;  /* change ek 7/6/2013 -> 3.6em 42% 0 0; chrom - 39px */
}

/* add for google chrome - ek 7/6/2013 */
.chrome > #page > #main > #primary > #content {
	margin: 3.6em 44% 0 39px; 
}

#secondary {
	clear: right;
	float: right;
}

#tertiary {
	clear: right;
}

.site-footer {
	margin: 0 42% 0 0; /* change ek 29/3/2013 -> 1.8em 42% 1.8em 0; */
}

.page-id-27 .site-footer {
    display: none;
}

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

#masthead:before {
	right: 0;
	left: auto;
}

#masthead {
	float: right;
	padding: .9em 1.8em 0 1.2em;
	z-index: 2;  /* add by ek 4.5.13 */
}

#masthead:after {
	border-left: 1px dashed rgba(255,255,255,.2);
	right: 0; 
	left: auto;
	border-right: none;
	position: absolute; /* add by ek - 1.8.13 */
	height: 150%;
}

/* =Menu
----------------------------------------------- */

.main-navigation {
	float: right;
}

.main-navigation ul {
	padding-right: 0;
	padding-left: 0;
}

.main-navigation a {
	text-align: right;
}

.main-navigation ul ul {
	float: left;
	right: 10px; /* chang ek 29.5.2013 -> 100% */
	left: auto;
	top: 30px; /* add ek 29.5.2013 */
}

.main-navigation ul ul li:before {
	right: 3%;
	left: auto;
}

.main-navigation ul ul ul {
	right: 100%;
	left: auto;
}


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

.entry-content > p:first-of-type:first-letter {/* cancel ek - 3/7/13
	float: right;
	margin: 0 0 -5px 5px;*/
}

.entry-content ul li {
	margin: 0 -1.3em 0 0;
	line-height: 26px;    /* add ek - 14/8/13 */
}

.entry-content ul ul {
	margin: 0 3.1em 0 0;
}

.entry-content ul ul ul {
	margin: 0 1.8em 0 0;
}

.entry-content ul li:before {
	margin: 0 0 0 .75em;
}

.edit-link a {
	left: 0;
	right: auto;
}

.author-info {
	float: left;
}

.author-archives-img {
	float: right;
}


/* =Navigation
----------------------------------------------- */

.site-content .nav-previous {
	float: right;
}

.site-content .nav-next {
	float: left;
	text-align: left;
}

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

.commentlist ul.children {
	margin: 0 3.6em 0 0;
}

.comment-author .avatar {
	float: right;
	margin: 0 0 0 1em;
}

.comment-content {
	margin: 1.8em 67px 0 0;
}

.reply {
	margin: 0 67px 0 0;
}

#cancel-comment-reply-link {
	float: left;
}

.comment-form-author input,
.comment-form-email input,
.comment-form-url input {
	float: left;
}

.post-password-required .entry-content input[type="password"],
.entry-content #searchform input {
	float: left;
}

.comment-content ul li {
	margin: 0 -1.3em 0 0;
}

.comment-content ul ul {
	margin: 0 3.1em 0 0;
}

.comment-content ul ul ul {
	margin: 0 1.8em 0 0;
}

.comment-content ul li:before {
	margin: 0 0 0 .75em;
}

/* =Widgets
----------------------------------------------- */

/* Calendar */

td#prev {
	text-align: right;
}

td#next {
	text-align: left;
}

/* =Responsive Media Queries
----------------------------------------------- */

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

	#page {
		width: 800px;
	}
	#masthead,
	#masthead:before {
		width: 240px;
	}
	#masthead:after {
		width: 290px;
	}

}

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

	#page {
		width: 100%;
	}
	#content,
	#secondary,
	.site-footer {
		box-shadow: none;
		clear: both;
		float: none;
		margin: 0 auto;
		padding: 0;
		position: relative;
			top: auto;
			left: auto;
		width: 88%;
		height: auto;
	}
	#content {
		margin: 1.8em auto 0;
	}
	#secondary {
		color: #3d200e;
	}
	.site-footer {
		text-align: center;
	}
	#masthead,
	#masthead:before,
	#masthead:after {
		border: 0;
		width: 100%;
		height: auto;
		padding: 0;
	}
	#masthead:after {
		border-bottom: 1px dashed rgba(255,255,255,.2);
		position: absolute;
			bottom: 10px;
		z-index: -1;
	}
	#masthead hgroup {
		margin: 0 auto;
		width: 88%;
	}
	#masthead {
		background: url('images/background.jpg');
		background-size: 400px auto;
	}
	.entry-title {
		word-wrap: break-word;
	}

}