/*
Theme Name: Twenty Eleven Child
Theme URI: http://wordpress.org/extend/themes/twentyeleven
Author: CYOA Media
Author URI: http://www.cyoa.co.uk/
Description: Child theme for the Twenty Eleven theme
Template: twentyeleven 
Version: 0.1.0
*/

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

body, input, textarea {
font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body {
padding: 0;
background: #0d0e11;
color: #ffffff;
word-wrap: break-word;
}

a {
color: #4693a9;
text-decoration: none;
}

.clear {
clear: both;
}

.fancybox-skin {
padding: 7px 7px 0 !important;
background: #000 !important;
}

a.buybewebstore, a.buybeitunes, a.buybeamazon {
position: absolute;
text-indent: -9999px;
display: block;
height: 26px;
top: 437px;
}

a.buybewebstore {
width: 70px;
left: 14px;
}

a.buybeitunes {
width: 78px;
left: 90px;
}

a.buybeamazon {
width: 70px;
left: 174px;
}

#branding {
overflow: hidden;
min-height: 154px;
background: #f0deb0 url("/wp-content/uploads/2013/06/strip.jpg") repeat top center scroll;
border-top: 0;
padding-bottom: 0;
z-index: 999;
}

body.home #branding {
overflow: auto;
min-height: inherit;
background: none;
}

body.paged #branding {
overflow: hidden;
min-height: 154px;
background: #f0deb0 url("/wp-content/uploads/2013/06/strip.jpg") repeat top center scroll;
}

#branding hgroup {
margin: 55px auto 51px;
width: 960px;
position: relative;
}

body.home #branding hgroup {
margin: 55px 0 0 -480px;
position: absolute;
left: 50%;
}

body.paged #branding hgroup {
margin: 55px auto 51px;
position: relative;
left: auto;
}

#branding a#logo {
float: left;
margin: 0 0 15px 0;
}

#branding a#logo img {
width: 272px;
height: auto;
}

#menu img {
width: auto;
height: auto;
display: inline;
}

#menu a {
display: block;
float: left;
margin-left: 25px;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#menu a.social {
margin-left: 15px;
}

#menu a:hover {
opacity: 0.6;
filter: alpha(opacity=60);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

#menu #links {
float: right;
margin-top: 17px;
}

#buybe {
float: right;
margin-top: 20px;
}

.fleft {
float: left;
}

#buybe a {
display: block;
float: left;
margin-left: 15px;
}

#page {
margin: 0 auto 2em;
background: transparent;
max-width: 1100px;
}

#primary {
margin: 0 -38.4% 0 0;
}

#content {
width: 50%;
}

#secondary {
margin-right: 7.6%;
width: 27.8%;
text-align: right;
}

.entry-title, .entry-title a, .entry-date, .share, a.commentlink, .nav-previous, .nav-next, h3.widget-title, h3.comment-title, h4.sub, footer.entry-meta {
font-family: 'Oswald', sans-serif;
color: #ffffff;
text-decoration: none;
font-weight: 400;
text-transform: uppercase;
}

.entry-title, .singular .entry-title {
color: #ffffff;
font-size: 28px;
font-weight: 400;
line-height: 1.5em;
padding-bottom: 0;
padding-top: 0;
}

.nav-previous a, .nav-next a {
font-weight: 400 !important;
}

.entry-title a:hover, .nav-previous a:hover, .nav-next a:hover {
color: #ffffff;
text-decoration: none;
}

.entry-header .entry-meta {
position: absolute;
top: 0;
left: 0;
}

.entry-date {
font-size: 16px;
}

.entry-header .entry-meta a:hover {
text-decoration: none;
}

.entry-content, .entry-summary {
padding: 1em 0 0;
}

p {
margin-bottom: 1em;
}

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
border: 0;
padding: 0;
}

.entry-content img, .entry-summary img, .comment-content img, .widget img {
max-width: 100%;
}

footer.entry-meta {
color: #386c7b;
font-weight: 400;
font-size: 13px;
}

.share {
float: left;
margin-right: 8px;
}

.share, .share a, a.commentlink {
color: #386c7b;
font-weight: 400;
font-size: 13px;
}

.share a:hover, a.commentlink:hover {
color: #469eb7;
text-decoration: none;
}

a.commentlink {
margin-left: 4px;
}

.singular .hentry {
padding: 1.4em 0 0;
}

.hentry, .no-results {
border-bottom: 1px solid #2f454b;
margin: 0 0 3em;
padding: 1.4em 0 3em;
}

#supplementary {
text-align: center;
border-top: double #2f454b;
color: #335e6a;
}

#supplementary a {
color: #335e6a !important;
}

#site-generator {
display: none;
}




.widget_search #s {
width: 86%;
}

input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], textarea {
border: 0;
color: #000;
}

input#s {
background: #fff url(../twentyeleven/images/search.png) no-repeat 5px 6px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 14px;
height: 22px;
line-height: 1.2em;
padding: 4px 10px 4px 28px;
}

h3.widget-title {
font-size: 24px;
line-height: 2em;
}

.widget ul li {
list-style: none;
color: #888;
}

.widget_twitter .entry-content, .widget_twitter .entry-meta {
display: block;
padding: 0;
}

.widget_twitter .entry-meta, .widget_twitter .intent-meta {
font-size: 11px;
color: #888;
}

.widget_twitter .intent-meta a {
margin-left: 5px;
}

.follow-button iframe {
width: 212px !important;
}




h3.comment-title {
margin: 30px 0 10px;
font-size: 16px;
}




.singular #primary {
margin: 0 -38.4% 0 0;
}

.singular #content, .left-sidebar.singular #content {
margin: 0 34% 0 7.6%;
width: 50%;
position: relative;
}

.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
margin: auto;
width: auto;
}

.singular #secondary {
margin-right: 7.6%;
width: 27.8%;
}



h4.sub {
font-size: 22px;
color: #ffffff;
}

.singular.page .hentry {
padding: 0 0 0;
}

.singular.page footer.entry-meta {
display: none;
}


@media only screen and (max-width: 530px), only screen and (max-device-width: 530px), only screen and (device-aspect-ratio: 2/3), only screen and (device-aspect-ratio: 40/71) {
	
body.home #branding, #branding {
overflow: hidden;
min-height: 154px;
background: #f0deb0 url("/wp-content/uploads/2013/06/strip.jpg") repeat top center scroll;
}

body.home #branding hgroup, #branding hgroup {
margin: 33px 7.6% 22px;
width: 88%;
max-width: 970px;
position: relative;
left: auto;
}

#branding a#logo img {
width: 234px;
}

#menu {
font-size: 24px;
width: 310px;
}

#menu #links {
margin: 2px 0 5px;
line-height: 1.2;
}

#menu a, #menu a:visited {
margin: 0 13px 0 0;
}

#menu .mobclear {
float: left;
}

#menu .mobclear a {
display: inline;
margin: 0 12px 0 0;
}

#buybe {
float: left;
margin-top: 38px;
}

#buybe a {
display: block;
float: left;
margin-left: 0px;
margin-right: 15px;
}

#buybe img {
height: 22px;
width: auto;
}

img#be-image {
display: none;
}

#secondary {
text-align: left;
}

}