/*
Theme Name: omus2
Description: Child theme for the twentythirteen theme 
Author: Rikard Forsberg
Version: 1.0
Template: twentythirteen 
*/

@import url("../twentythirteen/style.css");

body { 
	font-family:Arial,Verdana,sans-serif; 
	font-size: 13px; 
	}
	
p {
	padding:0;
	margin:0;
	margin-bottom:12px;
	line-height:150%;
}

h1 { 
	font-family: Georgia, serif; 
	color:#000;
	margin:0; 
	margin-bottom:15px;
	padding:0;
	font-size:220%;
}

h2 { 
	font-family: Georgia, serif; 
	color:#000;
	margin-top:10px;
	font-size:22px;
	line-height:130%; 
}

h4 { 
	font-family: Georgia, serif; 
	color:#000;
	margin-top:10px;
	font-size:20px;
	line-height:130%; 
}

li {
	list-style-type: none;
	line-height:130%;
	margin-bottom:5px;
	margin-left:0;
	padding-left:0;
	display:block;
}

img {
     margin-top:0;
	 padding-top:0;
}

a {
	color:#5D5D5D;
	text-decoration: none;
}

a:visited {
	color: #5D5D5D;
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	color: #000;
	outline: 0;
}

a:hover {
	text-decoration: none;
}

/**
 * Musician Page
 * ----------------------------------------------------------------------------
 */

div.oneperson {
	width: 130px;
	height: 180px;
	margin-right: 10px;
	float:left;
	font-size:90%;
	line-height:140%;
}

div.oneperson p {
	padding-top:4px;
}



/**
 * Hide titles
 * ----------------------------------------------------------------------------
 */

.page .entry-title { display: none; }



/**
 * Contact Form
 * ----------------------------------------------------------------------------
 */
.wpcf7-form
{
    background-color:#FFF3DE;
    border: 0;
	padding-top: 15px;
	padding-bottom: 30px;
}

.wpcf7 textarea
{
    background-color: #fff;
    color: #000;
}

.wpcf7 p
{
    margin-left: 20px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"]
{
    width: 75%;
	border: 1px solid #CCC;
}

.wpcf7-submit
{
    float:right;
	margin-right: 20px;
}

/**
 * 4.1 Site Header
 * ----------------------------------------------------------------------------
 */

.site-header .home-link {
	min-height: 150px;
	padding: 0 20px;
	width: 100%;
}


/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */
 
 .nav-menu li a {
	color: #000;
	display: block;
	font-size: 15px;
	line-height: 1;
	padding: 10px 12px;
	text-decoration: none;
}

.main-navigation {
	min-height: 25px;
	border-top: 1px solid #ECECEC;
	border-bottom: 1px solid #ECECEC;
	margin-top:10px;
}


.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #B66816;
	font-style: normal;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #FFF;
	color: #000;
}

.nav-menu .sub-menu,
.nav-menu .children {
	background-color:#FFF;
	
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
	background-color: #CCC;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #000;
	margin: 0;
	width: 200px;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	background-color: #FFF;
	color:#B66816;
}

/* Navbar */
.navbar {
	background-color: #FFFFFF;
}


/**
 * 5.1 Entry Header
 * ----------------------------------------------------------------------------
 */


.entry-title a {
	color: #000;
}

.entry-title a:hover {
	color:#B66816;
}

.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
	margin: 0 auto;
	max-width: 604px;
	width: 100%;
}



/**
 * 6.1 Widgets
 * ----------------------------------------------------------------------------
 */

.widget {
	background-color: #FFFFFF;
	font-size: 13px;
	margin: 0 0 20px;
	padding: 20px;
	word-wrap: break-word;
}

.widget .widget-title {
	font-family: Georgia, serif; 
	margin: 0 0 10px;
	font-style: italic;
}

.widget a {
	color: #393939;
	font-weight:bold;
}

.widget a:hover {
	color: #B66816;
}

.widget p {
	font-style: italic;
	font-size:90%;
	color:#5C5C5C;
	margin-top:3px;
}

/**
 * Concert area
 * ----------------------------------------------------------------------------
 */

.concert-area {
	padding-left: 20px;
	padding-right: 20px;
	border-left: 1px solid #999;
	font-size: 13px;
	margin-bottom:20px;
}

.concert-area .concert-title {
	font-family: Georgia, serif; 
	margin: 0 0 10px;
	font-style: italic;
	font-weight: normal;
}

.concert-area p {
	font-style: italic;
	font-size:90%;
	color:#5C5C5C;
	margin-top:3px;
	margin-bottom:0;
	padding-bottom:0;
}

.concert-area a {
	color:#393939;
	font-weight:bold;
	margin-top:0;
	padding-top:0;
}

/**
 * Files area
 * ----------------------------------------------------------------------------
 */

.files-area {
	padding-left: 20px;
	padding-right: 20px;
	border-left: 1px solid #999;
	font-size: 13px;
	margin-bottom:20px;
}

.files-area .files-title {
	font-family: Georgia, serif; 
	margin: 0 0 10px;
	font-style: italic;
	font-weight: normal;
}

.files-area p {
	font-style: italic;
	font-size:90%;
	color:#5C5C5C;
	margin-top:3px;
	margin-bottom:0;
	padding-bottom:0;
}

.files-area a {
	color:#393939;
	font-weight:bold;
	margin-top:0;
	padding-top:0;
}

/**
 * News area
 * ----------------------------------------------------------------------------
 */

.news-area {
	padding-left: 20px;
	padding-right: 20px;
	border-left: 1px solid #999;
	font-size: 13px;
	margin-bottom:20px;
}

.news-area .news-title {
	font-family: Georgia, serif; 
	margin: 0 0 10px;
	font-style: italic;
	font-weight: normal;
}

.news-area p {
	font-style: italic;
	font-size:90%;
	color:#5C5C5C;
	margin-top:3px;
	margin-bottom:0;
	padding-bottom:0;
}

.news-area a {
	color:#393939;
	font-weight:bold;
	margin-top:0;
	padding-top:0;
}




/**
 * 7.0 Footer
 * ----------------------------------------------------------------------------
 */

.site-footer {
	background-color: #FFFFFF;
	color: #686758;
	font-size: 14px;
	text-align: center;
}

/**
 * 8.0 Media
 * ----------------------------------------------------------------------------
 */


@media only screen and (min-width : 320px) and (max-width : 400px) {
 	#masthead.site-header {
		background: url(img/mobile_img2.jpg) no-repeat scroll top;
		background-size:100%  !important;
		background-position:top;
	}
}

@media only screen and (min-width : 480px) and (max-width : 750px) {
 	#masthead.site-header {
		background: url(img/mobile_img3.jpg) no-repeat scroll top;
		background-size:100%  !important;
		background-position:top;
	}
}