/******************************************************************
Theme Name: Gayle Lintz
Description: Proprietary Theme for Gayle Lintz
Author: Jeremy Lintz
Author URI: http://www.thelaborshed.com
Version: 1.0

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

@import url('library/css/style.css');
@import url('library/css/ie.css');

/*@media(min-width:1200px){}
@media(min-width:980px) and (max-width:1199px){}
@media(min-width:768px) and (max-width:979px){}
@media(max-width:767px){} */

body{
	font-family: 'Trebuchet MS', Trebuchet, sans-serif;
}

/**** WORDPRESS STYLES ****/

.aligncenter { display: block; margin: 0 auto; }
.alignleft {
	float: left;
	margin-right: 20px;
}
.alignright {
	float: right;
	margin-left: 20px;
}
figure.alignnone { margin-left: 0; margin-right: 0; }


/**** LINKS ****/

a, a:visited{
	color: rgb(126,167,217); /* dark blue */
}
a:hover{
	color: rgb(62,109,185) !important; /*darker blue */
}

/**** HEADER ****/

#logo{
	margin: 0;
	height: 115px;
	background: url(library/images/masthead_bg.png);
	background-size: contain;
	position: relative;
	display: block;
	text-align: center;
}
#logo img{
	width: 100%;
	max-width: 240px;
	position: relative;
	vertical-align: bottom;
}

#header-image{
	float: right;
	width: 100%;
}

#inner-header{
	border-bottom: 4px solid rgb(126,167,217);
	background-position: right top !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	height: 115px;
}

/**** SIDEBAR ****/

.sidebar{
	margin-top: 0px;
}

#sidebar-left{
	padding-top: 60px;
	background: url(library/images/sidebar_bg.png) top center no-repeat rgb(218,228,244); /* light blue */
	background-size: 100%;
	text-align: center;
}

#inner-content{
	background-image: -ms-linear-gradient(left, rgb(218,228,244) 0%, rgb(218,228,244) 100%);
	background-image: -moz-linear-gradient(left, rgb(218,228,244) 0%, rgb(218,228,244) 100%);
	background-image: -o-linear-gradient(left, rgb(218,228,244) 0%, rgb(218,228,244) 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgb(218,228,244)), color-stop(1, rgb(218,228,244)));
	background-image: -webkit-linear-gradient(left, rgb(218,228,244) 0%, rgb(218,228,244) 100%);
	background-image: linear-gradient(to right, rgb(218,228,244) 0%, rgb(218,228,244) 100%);
	background-repeat: repeat-y;
}

ul#menu-main-nav.nav{
	background-color: transparent;
	text-transform: uppercase;
	font-size: 150%;
}

ul#menu-main-nav li{
	float: none;
}

ul#menu-main-nav li a{
	color: rgba(0,0,0,.33); /* 33% transparent */
	background-color: transparent;
	text-align: center;
}
ul#menu-main-nav li a:hover,
ul#menu-main-nav li.current-menu-item a{
	color: rgb(0,0,0) !important;
}
ul#menu-main-nav li a:hover:before,
ul#menu-main-nav li.current-menu-item a:before{
	content: '[ ';
	background: url(library/images/nav-ornament-l.png) left center no-repeat;
}
ul#menu-main-nav li a:hover:after,
ul#menu-main-nav li.current-menu-item a:after{
	content: ' ]';
	background: url(library/images/nav-ornament-r.png) right center no-repeat;
}
ul#menu-main-nav li a:hover:before,
ul#menu-main-nav li.current-menu-item a:before,
ul#menu-main-nav li a:hover:after,
ul#menu-main-nav li.current-menu-item a:after{
		background-size: contain;
		color: transparent;
		display: inline;
		margin: 10px;
}

	@media(min-width:980px) and (max-width:1024px){
		ul#menu-main-nav.nav{
			font-size: 120%;
		}
	}
	@media(min-width:768px) and (max-width:979px){
		ul#menu-main-nav.nav{
			font-size: 90%;
		}
		#inner-content{
			background-color: none;
		}
	}
	@media(max-width:767px){
		ul#menu-main-nav.nav{
			font-size: 90%;
		}
		#sidebar-left{
			padding-top: 0;
			background-image: none;
		}
		#inner-content{
			background-image: none;
		}
	}
	@media(max-width:320px){
		ul#menu-main-nav.nav{
			font-size: 120%;
		}
	}

ul#menu-main-nav > li.menu-item-object-page{
	padding-top: 20px;
	background: url(library/images/nav-divider.png) top no-repeat;
	background-size: 75%;
}
ul#menu-main-nav > li.menu-item-object-page ~ li.menu-item-object-page{
	padding-top: 0;
	background-image: none;
}

ul#menu-main-nav{
	padding-bottom: 20px;
	background: url(library/images/nav-divider.png) bottom no-repeat;
	background-size: 75%;
}

#sidebar-right .widget{
	background: rgb(218,228,244); /* light blue */
	padding: 10px;
}
#sidebar-right .widget,
#sidebar-right .widget p{
	margin: 0;
}

#sidebar-right .widget img{
	max-width: 100%;
}

/**** FRONTPAGE ****/

.welcome{
	margin-top: 30px;
	padding: 1px 20px 1px;
	background: #efefef;
	clear: both;
}

.welcome img.alignright{
	margin-top: 20px;
}

.clearbar{
	border: 0px solid white;
	clear: both;
}

/**** CONTENT/ARTICLES ****/

#content{margin-top:0px;}

p{
	-moz-hyphens: none;
}

p.more{
	margin-top: 0;
	text-align: right;
}

/**** GALLERY ****/

.gallery {
	margin: auto;
	clear: both;
}
.gallery .gallery-item {
	float: left;
	text-align: center;
	background: none repeat scroll 0 0 #EEEEEE;
    max-width: 100%;
    padding: 5px;
    margin: 0 5px;
}

.gallery .gallery-item img{
	width: 100%;
	margin: 0;
}

.gallery .wp-caption-text{
	font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center;
}

.gallery-columns-2 .gallery-item,.col-2{
	width: 49%;
}
.gallery-columns-3 .gallery-item,.col-3{
	width: 31%;
}
.gallery-columns-4 .gallery-item,.col-4{
	width: 23%;
}
.gallery-columns-5 .gallery-item,.col-5{
	width: 19%;
}
.gallery-columns-6 .gallery-item,.col-6{
	width: 16%;
}

.gallery-row{
	clear: both;
}

.gallery:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

@media only screen and (max-width : 320px) {
	.gallery-columns-3 .gallery-item, .col-3,
	.gallery-columns-4 .gallery-item, .col-4{
		width: 100%;
	}
}
@media only screen and (min-width : 321px) and (max-width : 568px) {
	.gallery-columns-3 .gallery-item, .col-3,
	.gallery-columns-4 .gallery-item, .col-4{
		width: 45%;
	}
}

/**** FOOTER ****/

#inner-footer{
	color: white;
	background: rgb(126,167,217);
}

#inner-footer a{
	color: rgb(218,228,244);
}

.copyright{
	margin: 10px;
	font-size: 80%;
}