/*
Theme Name: Your Web Layout
Theme URI: http://yourweblayout.com/
Author: Design Services
Author URI: http://yourweblayout.com/
Description: This site was built by Design Services. If you have any questions, please contact <a href="mailto:updates@yourweblayout.com">updates@yourweblayout.com</a>
Version: 1.1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Your Web Layout is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Bootstrap
	1.1 Adjustments

2.0	Underscores
	2.1 Elements
	2.2 Accessibility
	2.3 Alignments
	2.4 Clearings

3.0 Your Web Layout
	3.1 Typography
	3.2 Background
	3.3 Header
	3.4 Navigation
	3.5 Content
	3.6 Sidebar
	3.7 Footer
	3.8 Custom

4.0 Media Queries
	4.1 xs
	4.2 sm
	4.3 md
	4.4 lg
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Bootstrap
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.1 Adjustments
--------------------------------------------------------------*/
/* If they insist, disable responsiveness thusly
 * @link http://getbootstrap.com/getting-started/#disable-responsive
 *
 * 1. Replace all col classes (col-lg, col-md, col-sm) with col-xs
 * 2. Remove all navbar collapsing and expanding behavior
 * 3. Uncomment css below to override container width
 */

/*
.container {
	width: 970px !important;
}
@media (min-width: 768px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 970px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 970px;
	}
}
*/

/*--------------------------------------------------------------
2.0	Underscores
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.1 Elements
--------------------------------------------------------------*/
img {
	height: auto; /* Make sure images are scaled correctly */
	max-width: 100%; /* Adhere to container width */
}

/* Make sure elements fit their containers */
embed,
iframe,
object,
.wp-caption,
.widget select {
	max-width: 100%;
}

/* Required by WordPress theme check */
.sticky,
.bypostauthor,
.gallery-caption,
.wp-caption-text {
}

/*--------------------------------------------------------------
2.2 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/*--------------------------------------------------------------
2.3 Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/*--------------------------------------------------------------
2.4 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
3.0 Your Web Layout
--------------------------------------------------------------*/

/*--------------------------------------------------------------
3.1 Typography
--------------------------------------------------------------*/
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(http://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

body {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-weight: 400;
	text-rendering: optimizeLegibility;
}
h5, .h5 {

}

h1, .h1 {
    font-family: "PT Serif",serif;
    font-size: 2em;
    line-height: 1.333em;
}
h2, .h2 {
    background: url("images/h2-bg.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    color: #4c7034;
    font-family: "Fjalla One",sans-serif;
    font-size: 18px;
    line-height: 1.4em;
    margin-bottom: 0.375em;
    padding-left: 60px;
    text-transform: uppercase;
}

h3, .h3 {
    color: #4c7034;
    font-family: "Fjalla One",sans-serif;
    font-size: 15px;
    font-weight: 600;
    padding-left: 60px;
    text-transform: uppercase;
}
h4, .h4 {
    font-size: 1.1em;
    font-weight: 700;
}
p {

}

/*--------------------------------------------------------------
3.2 Background
--------------------------------------------------------------*/
body {
    background: url("images/Side-and-Bottom-of-Page.jpg") repeat scroll 0 0 #82ab5a;
    color: #565656;
    font-family: "Lato",sans-serif;
    font-size: 16px;
    line-height: 1.5;
}
.site-header {
	background:url("images/pattern.jpg") repeat scroll 0 0 #ccc;
}
#site-navigation {
	 background: none repeat scroll 0 0 #4c7034;
}
.site-content > .container {
	background: #fff;
}
.site-footer {
	background:url("images/pattern.jpg") repeat scroll 0 0 #ccc;
}

/*--------------------------------------------------------------
3.3 Header
--------------------------------------------------------------*/
#logo {
	margin: 15px auto;
	width: 213px;
}

/*--------------------------------------------------------------
3.4 Navigation
--------------------------------------------------------------*/
/* Primary nav */
.navbar {
	border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.navbar-default {
	margin-bottom: 0;
}
.navbar-default .navbar-nav {
	margin-left: -15px;
}
.navbar-default .navbar-nav > li > a {
    color: #ffffff;
    display: block;
	font-family: "PT Serif",serif;
    font-size: 16px;
    font-weight: 400;
    padding: 14px 8px;
    text-decoration: none;
    transition: all 0.3s ease 0s;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    background: none repeat scroll 0 0 #354e23;
    color: #ffffff;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  	background: none;
  	color: #fff;
}

/* Secondary nav */
.nav > li > a {
	color: #333;
}
.nav > li > a:hover,
.nav > li > a:focus {
	background: #555;
	color: #eee;
}
.nav > li.active > a,
.nav > li.active > a:hover,
.nav > li.active > a:focus {
    background: #777;
    color: #fff;
}

/*--------------------------------------------------------------
3.5 Content
--------------------------------------------------------------*/
.entry-header {

}
.entry-content {

}
.entry-footer {
	text-align:center;
	clear: both;
}

.entry-title {
	color: #4c7034;
    font-family: "PT Serif",serif;
    font-size: 2em;
    line-height: 1.333em;
	text-align: center;	
}
/*--------------------------------------------------------------
3.6 Sidebar
--------------------------------------------------------------*/
.widget-area {

}
.widget-title {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em;
}

/*--------------------------------------------------------------
3.7 Footer
--------------------------------------------------------------*/
.attribution {
    margin: 0;
    padding: 0px 0 0;
    text-align: center;
}

/*--------------------------------------------------------------
3.8 Custom
--------------------------------------------------------------*/

.titleLine {
    color: #4c7034;
    float: left;
    font-family: "Fjalla One",sans-serif;
    font-size: 22px;
    line-height: 1.4em;
    margin-bottom: 0.375em;
    margin-left: 30px;
    margin-top: 32px;
    text-align: center;
    text-transform: uppercase;
}

.connect {
    float: none;
    margin: auto;
    width: 200px;
	text-align:right
}
.connect img {
    margin-left: 5px;
}

.contact {
    color: #000;
    font-family: "Fjalla One",sans-serif;
    font-size: 20px;
    line-height: 1.4em;
    position: relative;
    right: 0;
    text-align: right;
    text-transform: uppercase;
    top: 6px;
}
#mc_embed_signup {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    clear: left;
    float: right;
    font: 14px Helvetica,Arial,sans-serif;
    width: 500px;
}
#mc_embed_signup form {
    display: block;
    padding: 16px 0 10px 3%;
    position: relative;
    text-align: right;
}
#mc_embed_signup input.email {
    margin: 0 0 10px;
    min-width: 130px;
    padding: 8px 0;
    text-indent: 5px;
    width: 58%;
}
#mc_embed_signup input {
    border: 1px solid #999999;
}
.button, button:visited {
	background-color: #4c7034;
    background-image: linear-gradient(to bottom, #4c7034, #354e23);
    border-radius: 4px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    line-height: 21px;
    padding: 4px 12px;
    text-decoration: none;
    text-shadow: 0 1px rgba(0, 0, 0, 0.75);
    transition: all 0.2s ease-in-out 0s;	
}
#menu-wrap {
	 background: none repeat scroll 0 0 #4c7034;
}

.companyImages img {
    padding: 10px;
    width: 440px;
}
.ourArtists img {
    padding: 10px;
    width: 440px;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}

.center {
    text-align: center;
}

.cdListing {
    height: auto;
    margin-top: 20px;
}

.cdCover {
    float: left;
    height: auto;
    width: 400px;
}
.trackListing {
    float: left;
}
.cdListing ol {
    font-size: 14px;
    list-style-type: decimal;
    margin-left: 38px;
    width: 180px;
}

.albumPlayer {
    float: right;
}
.divider {
    background: none repeat scroll 0 0 #ccc;
    height: 2px;
    margin: 10px 0;
    width: 100%;
}

.dvdFront img {
    float: left;
    margin: 10px 5px;
    width: 440px;
}
.dvdBack img {
    float: right;
    margin: 10px 5px;
    width: 450px;
}

.dvdMenu {
    text-align: center;
}

.dvdMenu img {
    margin: 5px;
    width: 910px;
}

.poetryImg {
    height: auto;
}
.poetryImg img {
    margin-bottom: 5px;
    width: 200px;
}

.albums {
    text-align: center;
}
.albums img {
    margin: 5px 7px;
    width: 200px;
}

.youtubeVideos {
    margin-top: 10px;
}
.fvideo {
    float: left;
}

.svideo {
    float: right;
}

.songList {
    width: 700px;
}

.pony {
    float: left;
    width: 55%;
}
.contactform {
    float: right;
    width: 40%;
}

.promoImages img {
    padding: 12px 14px 12px 16px;
    width: 342px;
    height: 260px;
}


.popular {
    margin-top: 10px;
    text-align: center;
}
.popular img {
    height: 240px;
    margin-bottom: 68px;
    padding: 20px;
}
.videoStills {
    width: 570px;
}

.musicVideosImg {
    float: left;
    width: 460px;
}
.musicVideo {
    float: right;
    margin-top: 85px;
}

.fullwidth {
width: 100%;
}

.wp-caption-text {
text-align: center;
}

/*--------------------------------------------------------------
4.0 Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
4.1 xs
--------------------------------------------------------------*/
/* Extra Small - phones */
@media (min-width: 320px) {

}
@media (min-width: 480px) {

}
/*--------------------------------------------------------------
4.2 sm
--------------------------------------------------------------*/
@media (min-width: 768px) {
	/* Small - tablets */
	#logo {
		float: left;
		margin-bottom: 28px;
		margin-left: -15px;
		margin-top: 28px;
	}
	.connect {
		float: right;
		margin-right: 160px;
		width: 200px;
	}
	
}
@media (max-width: 992px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
          display:block !important;
    }
}
/*--------------------------------------------------------------
4.3 md
--------------------------------------------------------------*/
@media (min-width: 992px) {
	/* Medium - desktops */
	
	/* Sticky footer
	 * @link http://mystrd.at/modern-clean-css-sticky-footer/
	 */
	html {
    	position: relative;
    	min-height: 100%;
	}
	body {
    	margin: 0 0 70px; /* = .site-footer height */
	}
	.site-footer {
    	position: absolute;
    	left: 0;
    	bottom: 0;
    	width: 100%;
    	height: 86px; /* = body margin-bottom */
	}

	.container {
		width: 960px;
	}

	.titleLine {
		margin-left: -26px;
	}
	.connect {
		float: right;
		margin-right: -15px;
		margin-top: 17px;
	}
	body.page-id-6 .entry-footer p {
	position: relative;
	left: 122px;	
	}
}
/*--------------------------------------------------------------
4.4 lg
--------------------------------------------------------------*/
@media (min-width: 1200px) {
	/* Large - desktops */



}