/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Labrum.org CSS ~ Version 3  
Created by Labrum Design Co. (http://labrum.co)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
@font-face {
    font-family: 'AvalonExtraLight';
    src: url('Avalon-Xlight.eot');
    src: local('☺'), url('Avalon-Xlight.woff') format('woff'), url('Avalon-Xlight.ttf') format('truetype'), url('Avalon-Xlight.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvalonBook';
    src: url('Avalon-Book.eot');
    src: local('☺'), url('Avalon-Book.woff') format('woff'), url('Avalon-Book.ttf') format('truetype'), url('Avalon-Book.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvalonMedium';
    src: url('Avalon-Medium.eot');
    src: local('☺'), url('Avalon-Medium.woff') format('woff'), url('Avalon-Medium.ttf') format('truetype'), url('Avalon-Medium.svg#webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
    margin: 0;
    padding: 0;
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    height: 100%;
    text-align: center;
    min-width: 960px;
    font-family: AvalonBook,sans-serif;
    line-height: 1;
    font-size: 12px;
    background: #A9D9E3;
}
.container {
    width: 960px;
    margin: 0 auto;
}
	#header .container{
		position: relative;
	}
/*Header & Main --------------------------------------*/
#header {
    height: 100px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D4ECF1), color-stop(100%,#A9D9E3));
    background: -moz-linear-gradient(top, #D4ECF1 0%, #A9D9E3 100%);
    background: linear-gradient(top, #D4ECF1 0%, #A9D9E3 100%);
    -webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 3px inset, rgba(255,255,255,0.3) 0px 1px 0px;
    -moz-box-shadow: rgba(255,255,255,1.0) 0px 1px 0px inset;
    box-shadow: rgba(255,255,255,1.0) 0px 1px 0px inset;
}
    #header h2 {
        float: left;
        margin: 23px 0 0 0;
    }
		#header h2 a img{ border:none; }
    #header ul {
        list-style-type: none;
        margin: 35px 0 0 0;
        padding: 0;
        float: right;
    }
    #header li {
        float: left;
        margin-left: 10px;
    }
        #header li a {
            display: inline-block;
            text-decoration: none;
            color: #33646C;
            text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
            padding: 6px 18px;
            font-family: AvalonMedium, sans-serif;
            font-size: 14px;
        }
        #header li a:hover {
            color: #1F3C41
        }
    #header li.selected a {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#EEF7F9), color-stop(100%,#D4ECF1));
        background: -moz-linear-gradient(top, #EEF7F9 30%, #D4ECF1 100%);
        background: linear-gradient(top, #EEF7F9 30%, #D4ECF1 100%);
        -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 2px, rgba(255,255,255,1.0) 0px 0px 1px inset;
        -moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 2px, rgba(255,255,255,1.0) 0px 0px 1px inset;
        box-shadow: rgba(0,0,0,0.2) 0px 0px 2px, rgba(255,255,255,1.0) 0px 0px 1px inset;
        color:#4E9BA8;
        text-shadow: #FFF 0px 1px 1px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
    }
/* Structure --------------------------------------*/
#blog-main {
    float: left;
    width: 610px;
    margin-bottom: 50px;
    position: relative;
}
#blog-side {
    float: left;
    width: 300px;
    margin-left: 50px;
    padding-top: 50px;
}
#blog-comments {
    float: left;
    width: 300px;
    margin-left: 50px;
    padding-top: 50px;
}
/*Static Pages --------------------------------------*/
body.static{
	min-width:inherit;
}
#narrow{
	width:500px;
	background:#FFF;
} 
	#narrow h2{
		font-family: AvalonExtraLight;
		font-size:34px;
		text-align: left;
		margin:0 0 5px;
	}
	#narrow p{
		font-size: 18px;
		color:#555;
		margin:0;
		line-height: 1.3;
	}
	#schedule{
		width:100%;	
		margin-top:20px;
		border-collapse: collapse;
	}
		#schedule th{
			font-size:14px;
			text-transform: uppercase;
			color:#999;
			text-align: left;
			padding:5px 10px;
			letter-spacing: 3px;			
			font-weight: normal;
		}
		#schedule th small{
			vertical-align: 8%;
			color: #F17279;
		}
		#schedule td{
			font-size:18px;
			text-align: left;
			border-top:1px solid #DDD;
			padding:10px;
		}
/* Post Types --------------------------------------*/
/*Home Page*/
#home-main .category-articles #blog-main{
	float:none;
	margin:0 auto;
}

/*Article -=-=-=-=-=-=-=-=-=-=-=-=- */
.category-articles #blog-main {
    padding: 40px;
    width:530px;
    background: #FFF;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: rgba(255,255,255,1.0) 0px 2px 0px inset, rgba(0,0,0,0.2) 0px 5px 30px, rgba(255,255,255,0.7) 0px -2px 20px inset;
    -moz-box-shadow: rgba(255,255,255,1.0) 0px 2px 0px inset, rgba(0,0,0,0.2) 0px 5px 30px, rgba(255,255,255,0.7) 0px -2px 20px inset;
    box-shadow: rgba(255,255,255,1.0) 0px 2px 0px inset, rgba(0,0,0,0.2) 0px 5px 30px, rgba(255,255,255,0.7) 0px -2px 20px inset;
}
    .category-articles p {
        font-size: 18px;
        color: #555;
        margin: 0 0 15px 0;
    }
#bookmark {
    background: url(../images/bookmark.png) no-repeat;
    width: 37px;
    height: 71px;
    position: absolute;
    top: -5px;
    right: 35px;
}
/*Photo & Video -=-=-=-=-=-=-=-=-=-=-=-=- */
.category-pictures #blog-main, .category-videos #blog-main{
	width:960px;
	float:none;
	text-align: center;
}
.category-pictures p, .category-videos p{
	text-align: center;
	display:block;
}
	.category-pictures p img, .category-videos object, .category-videos video{  
		/* padding: 20px; */
		margin: 0 auto;
		background: #FFF;
		-webkit-box-shadow:rgba(0,0,0,0.2) 0px 5px 30px;
		-moz-box-shadow:rgba(0,0,0,0.2) 0px 5px 30px;
		box-shadow:rgba(0,0,0,0.2) 0px 5px 30px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}
	.category-pictures p+p, .category-videos p+p{
		width:600px;
		margin:10px auto 0px;
		font-size:18px;
	}
	
.category-pictures h1, .category-videos h1 {
	display:none;
}
.category-pictures #bookmark, .category-videos #bookmark{
	display:none;	
}
.category-pictures #blog-comments, .category-videos #blog-comments{
	float:none;
	margin:0 auto !important;
	padding-top:0;
}
.category-videos object{
	margin:0 auto;
}
.view{
	font-size:18px;
	color:#F17279;
}
/*Quote -=-=-=-=-=-=-=-=-=-=-=-=- */
.category-quotes #blog-main {
	width:960px;
	float:none;
}
.category-quotes span{
	font-size:36px;
	color:#F17279;
}
.category-quotes blockquote p{
	font-size:22px;
	text-shadow:rgba(255,255,255,0.6) 0px 1px 0px;
	text-align: center;
}
.category-quotes h1 {
	font-size:16px;
	font-weight: normal;
	color:#F17279;
	margin-top:25px;
}
.category-quotes #blog-comments{
	float:none;
	margin:0 auto;
	padding-top:0;
	margin-left:auto !important;
}
/* Category Archive Sidebar --------------------------------------*/
.lpbcArchive h2 a{
	color:#33646C;
	text-decoration: none;
	text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
	font-size:24px;	
}
	.lpbcArchive small{
		display:block;
		margin-top:7px;
		font-size: 14px;
		letter-spacing: 3px;
		font-weight: normal;
		color:#4E9BA8;
		text-transform: uppercase;
		text-shadow:rgba(255,255,255,0.6) 0px 1px 0px;
	}
	.lpbcArchive ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.lpbcArchive li{
		border-bottom:1px solid #73B9C6;
		-webkit-box-shadow: rgba(255,255,255,0.4) 0px 1px 0px;
		-moz-box-shadow: rgba(255,255,255,0.4) 0px 1px 0px;
		box-shadow: rgba(255,255,255,0.4) 0px 1px 0px;
	}
	.lpbcArchive li a{
		text-decoration: none;
		font-size:14px;
		color:#33646C;

		display:block;
		padding:7px;	
	}
	.lpbcArchive li a:hover{
		color:#4E9BA8;		
	}
p.side-note{ 
	margin-top:25px;
	font-size:12px;
	text-align: center;	
}
/* Comments --------------------------------------*/
h3#comments {
    display: none
}
ol.commentlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.commentlist li {
    margin-bottom: 40px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F1F7E4), color-stop(100%,#E3EFC8));
    background: -moz-linear-gradient(top, #F1F7E4 0%, #E3EFC8 100%);
    background: linear-gradient(top, #F1F7E4 0%, #E3EFC8 100%);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: rgba(255,255,255,1.0) 0px 2px 0px inset, rgba(0,0,0,0.2) 0px 1px 10px, rgba(255,255,255,0.7) 0px -2px 20px inset;
    -moz-box-shadow: rgba(255,255,255,1.0) 0px 2px 0px inset, rgba(0,0,0,0.2) 0px 1px 10px, rgba(255,255,255,0.7) 0px -2px 20px inset;
    box-shadow: rgba(255,255,255,1.0) 0px 2px 0px inset, rgba(0,0,0,0.2) 0px 1px 10px, rgba(255,255,255,0.7) 0px -2px 20px inset;
    padding: 20px;
}
    .commentlist li p {
        margin: 0 0 5px 0;
        color: #556B27;
        font-size:14px;
        text-align: justify;
    }
    .commentlist li cite {
        letter-spacing: -1px;
        font-family: AvalonExtraLight;
        color: #889E5A;
        font-size: 25px;
        font-style: normal;
        text-align: right;
        display: block;
        padding-bottom: 5px;
        text-shadow: #FFF 0px 1px 1px;
    }
        .commentlist li cite em {
            font-style: normal;
            color: #F4D57B;
        }
        .commentlist li span {
            font-family: AvalonBook,sans-serif;
            color: #A6B683;
            display: block;
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 1px;
            padding-top: 2px;
           text-align: right;
        }
        .commentlist li cite a {
            color: #889E5A;
            text-decoration: none;
        }
#respond{
	width:260px;
	margin-bottom: 40px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5F4F6), color-stop(100%,#C1E4EB));
	background: -moz-linear-gradient(top, #E5F4F6 0%, #C1E4EB 100%);
	background: linear-gradient(top, #E5F4F6 0%, #C1E4EB 100%);
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: rgba(255,255,255,1.0) 0px 2px 0px inset, rgba(0,0,0,0.2) 0px 1px 10px, rgba(255,255,255,0.7) 0px -2px 20px inset;
	-moz-box-shadow: rgba(255,255,255,1.0) 0px 2px 0px inset, rgba(0,0,0,0.2) 0px 1px 10px, rgba(255,255,255,0.7) 0px -2px 20px inset;
	box-shadow: rgba(255,255,255,1.0) 0px 2px 0px inset, rgba(0,0,0,0.2) 0px 1px 10px, rgba(255,255,255,0.7) 0px -2px 20px inset;
	padding:20px;
}
	#respond h2{
		letter-spacing: -1px;
     	font-family: AvalonExtraLight;
		color: #3C7780;
		font-size: 25px;
		font-style: normal;
		text-align: center;
		display: block;
		padding-bottom: 5px;
		text-shadow: #FFF 0px 1px 1px;
		margin-top:0;
		text-shadow:#FFF 0px 1px 0px;
		display:none;
	}
	#respond label{ 
		color:#3C7780;
		text-transform: uppercase;
		line-height: 1.4;
	}
	#respond input, #respond textarea{ 
		width:240px;
	}
	#respond textarea{
		height:170px;
	}
	#respond #submit{
		width:auto;
	}
/*Search --------------------------------------*/
#searchform{
	float:right;
	padding:5px 10px;
	margin-top:33px;
	position: relative;
	width:200px;
	margin-left:20px;
}
#searchform input{
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	width:156px;
	padding:4px 28px 3px 12px;
	font-size:14px;
	color: #4E9BA8;
     text-shadow: rgba(255,255,255,1.0) 0px 1px 0px;       
	font-family: AvalonMedium, sans-serif;
	
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5F4F6), color-stop(100%,#FFF));
	background: -moz-linear-gradient(top, #E5F4F6 0%, #FFF 100%);
	background: linear-gradient(top, #E5F4F6 0%, #FFF 100%);
	-webkit-box-shadow: rgba(0,221,225,0.8) 0px 1px 2px inset, rgba(255,255,255,0.5) 0px 1px 0px;
	-moz-box-shadow: rgba(0,221,225,0.8) 0px 1px 2px inset, rgba(255,255,255,0.5) 0px 1px 0px;
	box-shadow: rgba(0,221,225,0.8) 0px 1px 2px inset, rgba(255,255,255,0.5) 0px 1px 0px;
	
	position: absolute;
	top:0;
	left:0;
}
	#searchform input:focus{
		color:#33646C;
	}
#search-icon{
	width:14px;
	height:15px;
	background:url(../images/search-icon.png) no-repeat;
	display:block;
	position: absolute;
	right:32px;
	top:8px;
}
/*Results*/
#search-results{
	list-style-type: none;
	margin:0 0 20px 0;
	padding:0;
}
	#search-results li{
		float:left;
		margin: 20px;		
		background: #FFF;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: rgba(255,255,255,1.0) 0px 2px 0px inset, rgba(0,0,0,0.2) 0px 5px 30px, rgba(255,255,255,0.7) 0px -2px 20px inset;
		-moz-box-shadow: rgba(255,255,255,1.0) 0px 2px 0px inset, rgba(0,0,0,0.2) 0px 5px 30px, rgba(255,255,255,0.7) 0px -2px 20px inset;
		box-shadow: rgba(255,255,255,1.0) 0px 2px 0px inset, rgba(0,0,0,0.2) 0px 5px 30px, rgba(255,255,255,0.7) 0px -2px 20px inset;
		padding:20px;
		width:240px;
	}
	#search-results li:nth-child(3n+1){
		clear:left;
	}
	#search-results li a{
		color:#33646C;
		text-decoration: none;
		text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
	}
	#search-results li h2{
		margin-top:0;
	}
	#search-results li h3{
		font-size:12px;
	}
/*No Results*/
#no-results{
	margin-bottom:20px;
	position: relative;
}
#no-results h1{
	color:#33646C;
	font-family: AvalonExtraLight;
	text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
	margin-bottom:25px;
}
#no-results img{
	padding: 20px;
	background: #FFF;
	-webkit-box-shadow:rgba(0,0,0,0.2) 0px 3px 10px;
	-moz-box-shadow:rgba(0,0,0,0.2) 0px 3px 10px;
	box-shadow:rgba(0,0,0,0.2) 0px 3px 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#search-ribbon {
    background: url(../images/search-ribbon.png) no-repeat;
    width: 37px;
    height: 71px;
    position: absolute;
    top: 44px;
    left: 270px;
}
/*Misc --------------------------------------*/
/*Clear Fix*/
.clear:before, .clear:after {
    content: "";
    display: table;
}
.clear:after {
    clear: both
}
.clear {
    zoom: 1
}

.invisible{
	display:none;
}
/*Links*/
a {
    -webkit-transition: color .25s ease-in-out;
    -moz-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out;
}
h1 a{
	color:inherit;
	text-decoration: none;
}
	a img{
		border:none;
	}
#jump-to-top {
    position: fixed;
    top: 500px;
    left: 0px;
}
    #jump-to-top a {
        display: block;
        background: url(../images/top.png) no-repeat;
        width: 83px;
        height: 62px;
        text-indent: -9999px;
    }
/*Typography*/
.category-articles h1 {
    font-family: AvalonExtraLight;
    letter-spacing: -1px;
    font-size: 48px;
    margin: 0px auto 20px;
    color: #14282B;
    width: 480px;
}
h3 {
    font-size: 14px;
    letter-spacing: 3px;
    font-weight: normal;
    color:#4E9BA8;
    text-transform: uppercase;
    text-shadow:rgba(255,255,255,0.6) 0px 1px 0px;
}
	h3 small{
		vertical-align: 8%;
		color:#F17279;
	}
p{ color:#333; line-height: 170%; text-align: justify; margin: 0 0 15px 0; }	
	p a, p a:visited, p a:link{ color:#F17279; }
	p a:hover{ text-decoration: none; color:#4E9BA8; }

/*Footer --------------------------------------*/
#footer {
    clear: both;
    margin:20px;
}
    #footer p, #footer a {
        text-decoration: none;
        color: #33646C;
        text-shadow: rgba(255,255,255,0.6) 0px 1px 0px;
        text-transform: uppercase;
        font-size:14px;
    }
    #footer a:hover {
        color: #3C7780
    }
    	#footer a{ text-decoration: none; color:#55A7B5; text-shadow:rgba(255,255,255,0.6) 0px 1px 0px; text-transform: uppercase
	}
    		#footer a:hover{ color:#3C7780; }
    #footer .container p {
        text-align: center;
    }
    .twitter{
		background:url(../images/twitter.png) no-repeat 0px 1px;
		padding:5px 0px 5px 33px;
    }
/* ------------------------------------------------------------------------------------
Forms
------------------------------------------------------------------------------------ */

.box {
    margin: 0 auto;
    width: 250px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5F4F6), color-stop(100%,#C1E4EB));
    background: -moz-linear-gradient(top, #E5F4F6 0%, #C1E4EB 100%);
    background: linear-gradient(top, #E5F4F6 0%, #C1E4EB 100%);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: rgba(255,255,255,1.0) 0px 2px 0px inset, rgba(0,0,0,0.2) 0px 5px 30px, rgba(255,255,255,0.7) 0px -2px 20px inset;
    -moz-box-shadow: rgba(255,255,255,1.0) 0px 2px 0px inset, rgba(0,0,0,0.2) 0px 5px 30px, rgba(255,255,255,0.7) 0px -2px 20px inset;
    box-shadow: rgba(255,255,255,1.0) 0px 2px 0px inset, rgba(0,0,0,0.2) 0px 5px 30px, rgba(255,255,255,0.7) 0px -2px 20px inset;
    padding: 40px;
}

/*Form */
form {
    text-align: left
}
input, textarea {
    background: #FFF;
    border: 1px solid #A4D0D8;
    padding: 5px 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    font-size: 18px;
    margin-bottom: 15px;
    color: #AAD3DA;
    font-size: 24px;
    text-align: left;
    font-weight: normal;
    -webkit-box-shadow: rgba(255,255,255,1.0) 0px 1px 0px, rgba(0,0,0,0.2) 0px 1px 3px inset;
    -moz-box-shadow: rgba(255,255,255,1.0) 0px 1px 0px, rgba(0,0,0,0.2) 0px 1px 3px inset;
    box-shadow: rgba(255,255,255,1.0) 0px 1px 0px, rgba(0,0,0,0.2) 0px 1px 3px inset;
    font-family: 'AvalonExtraLight';
    display: block;
    text-shadow: rgba(0,0,0,0.2) 0px 1px 1px;
    width: 230px;
}
input:focus, textarea:focus {
    color: #55A8B6;
    border: 1px solid #55A8B6;
    outline: none;
    -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px inset;
    -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px inset;
    box-shadow: rgba(0,0,0,0.2) 0px 1px 3px inset;
}
#email {
    top: 130px;
}
form a, #submit {
    display: inline-block;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#BAD876), color-stop(100%,#8BA84E));
    background: -moz-linear-gradient(top, #BAD876 0%, #8BA84E 100%);
    background: linear-gradient(top, #BAD876 0%, #8BA84E 100%);
    -webkit-box-shadow: rgba(255,255,255,0.4) 0px 1px 1px inset, rgba(255,255,255,0.8) 0px 1px 1px;
    -moz-box-shadow: rgba(255,255,255,0.4) 0px 1px 1px inset, rgba(255,255,255,0.8) 0px 1px 1px;
    box-shadow: rgba(255,255,255,0.4) 0px 1px 1px inset, rgba(255,255,255,0.8) 0px 1px 1px;
    border: 1px solid #66802F;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding: 8px 16px 7px 16px;
    margin: 0;
    text-decoration: none;
    color: #66802F;
    text-shadow: rgba(255,255,255,0.3) 0px 1px 0px;
    font-size: 14px;
    font-family: 'AvalonMedium';
    text-transform: uppercase;
}
    form a em {
        font-size: 11px;
        color: #819D46;
    }
form a:active, .pressed {
    -webkit-box-shadow: rgba(0,0,0,0.4) 0px 1px 1px inset, rgba(255,255,255,0.8) 0px 1px 1px;
    -moz-box-shadow: rgba(0,0,0,0.4) 0px 1px 1px inset, rgba(255,255,255,0.8) 0px 1px 1px;
    box-shadow: rgba(0,0,0,0.4) 0px 1px 1px inset, rgba(255,255,255,0.8) 0px 1px 1px;
    padding: 9px 16px 6px 16px;
}
input.error {
    padding-right: 45px;
    background: url(error.png) no-repeat 98% 6px #FFF;
    width: 195px;
}
