/*
Theme Name: Twenty Twelve Child
Theme URI: http://wordpress.org/themes/twentytwelve-child
Author: Phil Mountford
Author URI: http://webshiredesign.com/
Template: twentytwelve
 
*/

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

h1,h2,h3,h4,h5,h6,p
{
    font-family: sans-serif;
    color: #eee;
}
h1 { 
    color: #21759b; 
}
h2, h3 {
    border-bottom: 1px solid #333;
    font-size: 14px;
}
.entry-content h5 {
    color: #21759b; 
    font-size: 1.1rem;
    margin-bottom: 3px;
}
.tracktitle {
    font-size: 11px;
}

#righticons {
    float: right;
    height: 12px;
    margin-top: -6px;
}

body {
    background-color: #0C0C0C;
    background-image: url("http://philmountford.com/wp-content/uploads/2015/04/studio1_PhilMountford.jpg");
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: fixed;
}
body .site {
    box-shadow: 0 0 0 rgba(100, 100, 100, 0);
    margin-bottom: 1.42857rem;
    margin-top: 0rem;
    padding: 0 1.85714rem;
}

/* BIOG page */
body.page-id-5 { 
    background-image: url('http://philmountford.com/wp-content/uploads/2020/03/studio2_PhilMountford.jpg')!important;
}
/* CONTACT page */
body.page-id-9 { 
    background-image: url('http://philmountford.com/wp-content/uploads/2020/03/studio4_Phil_Mountford.jpg')!important;
}
/* ALBUMS page */
body.page-id-23 { 
    background-image: url('http://philmountford.com/wp-content/uploads/2020/03/studio6_Phil_Mountford.jpg')!important;
}
/* GALLERY page */
body.page-id-11 { 
    background-image: url('http://philmountford.com/wp-content/uploads/2020/03/studio4_Phil_Mountford.jpg')!important;
}
/* NEWS page ?? */
body.page-id-169 { 
    background-image: url('http://philmountford.com/wp-content/uploads/2020/03/studio2_Phil_Mountford.jpg')!important;
}

#page {
    background-color: rgba(9,9,9,0.86);
}
@media screen and (max-width: 1000px) {
    #page {
        background-color: rgba(9,9,9,0.5);
    }
    body {
        background-attachment: scroll;
    }
    body .site {
        padding: 0 0.85714rem;
    }
}

.site-header h1 a {
    color: #eee;
    font-size: 24px;
    font-weight: 300;
    text-shadow: 0 0 5px #fff;
}

.site-header h1 strong {
    font-size: 40px;
    font-weight: 400;
}

.site-header h1  {
    text-align: left;
}
.site {
    color: #eee;
}
.site-content {
    margin: 0.71429rem 0 0;
}
.site-info p {
    text-align: center;
}

body.custom-font-enabled {
    font-family: sans-serif;
}

.main-navigation {
    margin-top: 0.5rem;
}
.main-navigation li a {
    color: #eee;
}
.main-navigation li a:focus,
.main-navigation li a:hover {
    color: #21759b;
}

.main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul {
    border-bottom: 1px solid #444;
    border-top: 1px solid #444;
    display: inline-block !important;
    text-align: center;
    width: 100%;
    background-color: rgba(5, 5, 5, 0.5);
}
.main-navigation ul {
	margin: 0;
	text-indent: 0;
}
.main-navigation li a,
.main-navigation li {
	display: inline-block;
	text-decoration: none;
}
.main-navigation li a {
	border-bottom: 0;
	line-height: 3.692307692;
	text-transform: uppercase;
	white-space: nowrap;
}
.main-navigation li {
	margin: 0 40px 0 0;
	margin: 0 1.4rem 0 0;
	position: relative;
}
.main-navigation li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	z-index: 1;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}
.main-navigation li ul ul {
	top: 0;
	left: 100%;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li:focus > ul,
.main-navigation .focus > ul {
	border-left: 0;
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}
.main-navigation li ul li a {
	background: #efefef;
	border-bottom: 1px solid #ededed;
	display: block;
	font-size: 11px;
	font-size: 0.785714286rem;
	line-height: 2.181818182;
	padding: 8px 10px;
	padding: 0.571428571rem 0.714285714rem;
	width: 180px;
	width: 12.85714286rem;
	white-space: normal;
}

.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
    line-height: 1.51429;
    margin: 0 0 1.71429rem;
}

.site-content article {
    border-bottom: 0 double #ededed;
}

footer[role="contentinfo"] {
    border-top: 0px solid #ededed;
}

.imageborder {
    border: 1px solid #666;
}

.classicalitem img,
.filmitemleft img, 
.filmitemright img {
    box-shadow: 2px 2px 2px #030303;
    border: 1px solid #666;
}

.classicalitem,
.filmitemleft, 
.filmitemright,
.videoitem,
.musicboxleft, 
.musicboxright {
    background-color: #222;
    background: #222; /* Old browsers */
    background: -moz-linear-gradient(top,  #555555 0%, #181818 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#181818)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #555555 0%,#181818 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #555555 0%,#181818 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #555555 0%,#181818 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #555555 0%,#181818 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303235', endColorstr='#111111',GradientType=0 ); /* IE6-9 */

    border-radius: 4px;
    box-shadow: 2px 2px 4px #000;
    margin-bottom: 25px;
    padding: 15px;
    min-height: 210px;
}
.filmitemleft, .musicboxleft {
    float: left;
    width: 44%;
}
.filmitemright, .musicboxright {
    float: right;
    width: 44%;
}
.group:after {
    content:"";
    display: table;
    clear: both;
}
.videoitem {
    text-align: center;
}
.musicboxleft, .musicboxright {
    text-align: center;
}

img {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 1000px) {
    .site-header h1 a {
        font-size: 24px;
    }
    .site-header h1 strong {
        font-size: 32px;
    }
}
@media screen and (max-width: 600px) {
    .filmitemleft, 
    .filmitemright  {
        float: none;
        width: auto;
    }
    .entry-content p, .entry-summary p, .comment-content p, .mu_register p {
        line-height: 1.31429;
        font-size: 0.5;
    }
    .site-header h1 a {
        font-size: 18px;
    }
    .site-header h1 strong {
        font-size: 24px;
    }

    .main-navigation li {
        margin: 0 1.1rem 0 0;
        font-size: 0.757143rem;
    }
}