/*
Theme Name: Ørecomm
Author: Yuliya and Frank
Description: Ørecomm
Version: 1.0
*/

body {	
	margin: 0.4em;
	padding: 0;
	min-width: 260px;
	font-family: Georgia, "times New Roman", Times, Serif;
	font-size: 12pt; 
}

a {
	text-decoration: none;
	color: #c00;
}
a {
	text-decoration: none;
	color: #a00;
}

header {
	position: relative;
	border-bottom: double #aaa;
	padding-bottom: 1em;
	margin-bottom: 1em;
}
footer {
	clear: both;
	border-top: double #aaa;
	padding-top: 1em;
	margin-top: 1em;
}
header h1{
	font-size: 2.6em;
	margin: 0;
}

header h2{
	font-size: 1em;
	font-weight: normal;
	color: #777;
	margin: 0;
	line-height: 1.6em;
}
nav.social{
	margin-right: 64px;	
}

nav.social img{
	padding-top: 10px;
}

nav.menu {
	float: right;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}
nav.menu img{
	position: absolute; 
	right: 0;
}
nav.menu > ul {
	display:  none;
	margin: 55px 0 0 0;
	padding: 0 10px 0 0;
	background-color: #eee;
	z-index: 5;
}
nav.menu img.menu:HOVER, nav.menu img.menu:ACTIVE {
	background-color: #eee;
}
nav.menu > ul:HOVER, nav.menu img.menu:HOVER + ul, nav.menu > ul:ACTIVE, nav.menu img.menu:ACTIVE + ul {
	display:  block;
}

nav.menu > ul li{
	clear: both;
	list-style-type: none;
	text-transform: uppercase;
	font-size: 0.9em;
	font-family: source-sans-pro, sans-serif;
	padding: 1.4em 0;
}
nav.menu > ul li a {
	text-decoration: none;
	color: black;
	float: right;
	font-size: 1em;
	font-weight: bold;
}
nav.menu > ul li:HOVER a {
	color: #a00
}
section.content {
	max-width: 600px;
}
section.sidebars {
	border-top: double #aaa;
	clear: both;
}
div.sidebar {
	margin-bottom: 1em;
}
article {
	clear: both;
}
article h1 {
	font-size: 1.3em;
	margin: 0.6em 0 0 0;
}
article div.meta {
	font-size: 0.7em;
	color: #999;
	margin: 0;
	line-height: 1.6em;
}
.caps {
/*	font-variant: small-caps; */
	text-transform: uppercase;
}
article p {
	line-height: 1.4em;
}
p + p {
	clear: both;
	border: medium;
}
.widget {
	margin: 4px auto 8px auto;
}
.widget h1 {
	font-size: 1em;
	color: #999;
	
	font-variant: small-caps;
}
span.screen-reader-text {
	display: none;
}

.widget ul {
	margin: 0;
	padding: 0;
}

.widget ul li {
	font-size: 0.9em;
	list-style: none;
	margin: 0;
	line-height: 1.6em;
}

.edit-link, .post-edit-link {
	float: right;
}
.edit-link, .post-edit-link, nav.pages a {
	color: #999;
	font-size: 0.8em;
}

li {
	line-height: 1.6em;
	list-style: none;
}

nav.pages {
	padding: 0.5em 0;
	border-top: double #aaa;
}
nav.pages:empty{
	display: none;
}
img.featured  {
	width: 100%;
	margin-top: 1em;
}
img.alignright {
	float:right;
	margin: 1em 0 1em 1em;
	max-width: 60%;
}

img.alignleft {
	float: left;
	margin: 1em 1em 1em 0;
	max-width: 60%;
}

ul.ruc_switcher {
	position: relative;
	padding-bottom: 66%;
	overflow: hidden;
}
ul.ruc_switcher li {
	position: absolute;
	width: 100%;
	text-align: center;
	overflow: hidden;
}
ul.ruc_switcher li img {
	width: 100%;
	
}
div.shariff{
	clear: both;
}
div.gallery {
	margin: 1px;
	text-align: center;
	display: inline-block;
}

div.gallery figure {
	margin: 0.1em;
	text-align: center;
	display: inline-block;
}

figure.gallery-item img {
	width: 136px;
	height: 136px;
}

figcaption {
	font-size: 0.7em;
	color: #999;
}
iframe {
	max-width: 100%;
}
/**********************************************************/

@media (min-width: 320px) {
	div.gallery figure {
		margin: 0.2em;
	}
	figure.gallery-item img {
		width: 144px;
		height: 144px;
	}

}

/**********************************************************/

@media (min-width: 340px) {
	div.gallery figure {
		margin: 0.3em;
	}	
	figure.gallery-item img {
		width: auto;
		height: auto;
	}
}
/**********************************************************/

@media (min-width: 350px) {
	nav.social {
		float: right;
	}
	nav.social img{
		display: block;
	}
}
/**********************************************************/

@media (min-width: 390px) {
	nav.social img{
		display: inline;
	}
	nav.menu{
		width: auto;
	}
}
/**********************************************************/
@media (min-width: 440px) {
	body {
		margin: 1em;
	}
	div.sidebar {
		display: inline-block;
		vertical-align: top;
		width: 49%;
	}
}
/**********************************************************/
@media (min-width: 520px) {
	div.gallery figure {
		margin: 0.2em;
	}
}
/**********************************************************/

@media (min-width: 640px) {
	div.sidebar {
		margin-bottom: 1em;
	}
	div.sidebar h1 {
		margin-top: 0;
		margin-bottom: 0.4em;
	}

	nav.social{
		margin-right: 0;
	}
	nav.menu {
		clear: both;
		float: none;
		width: 100%;
		position: relative;
		display: block;
		background-color: #eee;
	}

	nav.menu img {
		display: none;
	}

	nav.menu ul {
		display: block;
		vertical-align: middle;
		margin: 0;
		padding: 0;
		position: relative;
		top: 0;
		height: 1.8em;
	}
	
	nav.menu > ul > li {
		clear: none;
		display: inline-block;
		position: relative;

		margin: 0 auto;
		padding: 3px;
	}
	nav.menu > ul > li > ul {
		display: none;
		position: absolute;
		left: 0;
		top: 2em;
		min-width: 190px;
		
		text-align: left;
	}
	nav.menu > ul > li:hover > ul {
		display: block;
	}
	nav.menu > ul > li:hover > ul > li{
		background-color: #eee;
		padding: 3px;
		text-align: left;
		height: 2em;
	}
nav.menu > ul > li > ul > li {
		top: 3em;
	}
	nav.menu > ul > li > ul > li a {
		float: none;
	}

	section.content {
		width: 100%;
		max-width: 100%;
		position: relative;
		vertical-align: text-top;
	}
	section.articles {
		width: 66%;
/*		max-width: 400px; */
		display: inline-block; 
	}
	section.sidebars {
		vertical-align: top;
		width: 30%;
		display: inline-block;
		padding-left: 1em;
		top: 0;
/*		float: right; 
		position: absolute;
		
		right: 0;
*/
		border: none;
	}
	div.sidebar {
		display: inline-block;
		width: 100%;
	}
}
/*********************************************************/
@media (min-width: 970px) {
	header, footer, section.content {
		max-width: 1100px;
		margin: 0 auto;
	}
/*
	section.articles {
		width: 55%;
	}
	section.sidebars {
		width: 40%;
	}
	.widget h1 {
		margin-top: 0;
	}
	div.sidebar {
		display: inline-block;
		width: 49%;
	}
*/
}