/*
Theme Name: Wickham
Theme URI: http://graphpaperpress.com
Description: A child theme for Modularity, remix of Modfolio
Author: Lani Offen, Modfolio by Thad Allender
Author URI: http://thadallender.com
Template: modularity
Version: 0.1
License:  GPL
*/
	
@import url("../modularity/style.css");

/* body {color:#ccc;background: #111 url(images/bg.jpg) repeat-y top center;} */
body {color:#333;background:#fff;}
.container-inner {width:950px; margin:0 auto;padding:0 0 1em}
.container {background:#fff;}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p,li a {color:#333}

h2 {margin-bottom:0.5em;} /* Lani */

a {color:#e53425;text-decoration:none;}
a:hover, a:focus {color:#e53425;text-decoration:underline;}
.postmetadata {background:#111;border-top:1px solid #444;border-bottom:1px solid #444;padding:1em;color:#999; -moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.postmetadata a {color:#ccc;}
.postmetadata a:hover {color:#fff;text-decoration:underline}
.nav a {background:#333; color:#666; font:bold 12px/1 helvetica,arial,sans-serif; padding:6px 10px 3px;  }
.nav a:hover {background:#444;color:#fff}
.prev a, .next a {background:#333;color:#eee;text-decoration:none;padding:4px 15px 6px 15px; font-size:12px;}
.prev a:hover, .next a:hover {background:#444;}
.prev a {float:left}
.next a {float:right}
.byline {font-size:11px;margin:0;color:#444}
.byline a {color:#444}
.byline a:hover {color:#fff;text-decoration:underline;}
hr {background:#444}
div.colborder {border-right:1px solid #444;}
h3.sub,h2.sub {border-bottom:1px solid #444;}
#sidebar h6{margin-top:10px}
#sidebar ul li a,ul.txt li{border-bottom:1px solid #444;background:none;}
#sidebar ul li a:hover,ul.txt li:hover{color:#fff;background: #111;}
#sidebar ul li a,ul.txt li{color:#eee;}
#footer-wrap {background:#fff;border-top:1px solid #444}
#featured-section .sticky, #blog-section .sticky { background: black; }
.thumbnail, .attachment-thumbnail, #featured-section .timthumbnail, .archive .timthumbnail, .search .timthumbnail {max-width:310px}

/* COMMENTS */
ol.commentlist li {border-top:1px solid #444;}
ol.commentlist li:hover {background:#111;}
ol.commentlist li.comment-author-admin {border-top:1px solid #444;}
ol.commentlist li div.comment-meta,ol.commentlist li.comment-author-admin div.comment-meta { background:#fff;}
ol.commentlist li div.comment-meta a {color:#444;}
ol.commentlist li div.comment-meta a:hover {color:#fff;}
ol.commentlist li div.vcard { font-weight: bold; color:#fff }
ol.commentlist li div.vcard a {color:#fff}
#commentform textarea {background:#111;border:1px #222 solid;font-size: 1.5em;}
#commentform textarea:hover {border:1px solid #444;background:#111;color:#fff;}
#commentform #submit{background:#111 none repeat scroll 0 0;}
#commentform #submit:hover{background:#fff;color:#ccc;border:1px solid #444;}
#respond {border-top:none}

/* BOXES */
.error, .notice, .success. .box {padding:.8em;margin-bottom:1em;border:1px solid #444;background:#fff;color:#eee;border-bolor:#444}
.error a, .notice a, .success a, .box a {color:#fff;}
.welcomebox {padding:1.5em;margin-bottom:1.5em;background:#111;border-top:1px solid #444;border-bottom:1px solid #444;-moz-border-radius: 0;-khtml-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;}
.welcomebox h3.sub {border-bottom:1px solid #444;}
.welcomebox h2 { color: #bfbfbf; }
div.welcomebox a { color: white; }

/* PORTFOLIO THUMBNAILS */
.portfolio-image-wrapper {position: relative; margin: 0 0 6px 0;padding:0;height:150px;}
.portfolio-image-wrapper h6.title-overlay {text-transform:uppercase;background: #fff; padding:4px; top: 127px; left: 0;bottom: 0; height: 15px; width:302px; overflow:hidden; position: absolute; max-width: 302px; z-index: 1; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=70); -moz-opacity: .70; opacity:.70; }
.portfolio-image-wrapper h6.title-overlay a { color: #333; text-decoration: none;}
.portfolio-image-wrapper h6.title-overlay a:hover {color:#000;}
.portfolio-image-wrapper .category-overlay {font-size:.8em;background: #fff; color:#515151;padding:2px 5px; text-align:right;top: 0; right: 0;display: block; height: 16px; width:auto; overflow:hidden; position: absolute; max-width: 302px; z-index: 1; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=0); -moz-opacity: .0; opacity:.0;} /* Lani: Originally filter: alpha(opacity=50); -moz-opacity: .50; opacity:.50; */
.portfolio-image-wrapper .category-overlay a {color:#515151}
.portfolio-image-wrapper .category-overlay a:hover {color:#fff}
.gallery-caption {font-style:italic;text-align:center}
.thumbnail-310x150, #category-stack .timthumbnail {max-width:310px;max-height:150px;width:310px;height:150px;margin:0 1.5em 1.5em 0;float:left}

	/* Posts 
	
	.navi {float:left; margin-bottom: 15px;}
	.navi a {background:#eee; color:#fff; font:bold 12px/1 helvetica,arial,sans-serif; padding:8px 10px 8px; -moz-border-radius: 5px;-khtml-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; display: block}
	.navi a:hover {background:#222;color:#fff}
	.prev a {float:left;} 
	.next a {float:right;}
*/
	.navi a {background:#bbb; font:bold 24px/1 helvetica,arial,sans-serif;}
	.navi a:hover {background:#999;}
	
	/* Sliding Content
	ul#slider-nav {margin: .5em 0; padding: 0}
	ul#slider-nav a { padding:5px 9px; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius: 12px; background:#fff; color:#333; margin:0 12px 0 0; } 
	ul#slider-nav a.activeSlide,ul#slider-nav a:hover { background:#aaa; }
	*/
	#slider-posts {margin:0;} /* Lani */
	.slide { padding:12px; margin: 0; height: 404px; display:block; overflow:hidden;position: relative; background:#fff;width:950px; } /* Lani */
	.slide-thumbnail { height:404px; float:left; } /* Lani */
	.slide-thumbnail img {max-height:404px;} /* Lani */
	* html .slide-thumbnail img {height:404px;} /* Lani */


/* SLIDER */
.ui-slider-handle { background: #666; }
#slider-handle { background: #111; }
.sliderGallery {background: fff; width: 3260px}
.sliderGallery ul.items li a { height: 150px; width: 310px; }
.sliderGallery ul.items span.slider-title {width:302px}
.sliderGallery ul.items img.thumbnail-310x150 {width:310px; height:150px; margin:0;padding:0;float:none;/* opacity - move to sep. stylesheet */ filter: alpha(opacity=90); -moz-opacity: .90; opacity:.90;}
.sliderGallery ul.items img.thumbnail-310x150:hover {/* opacity - move to sep. stylesheet */ filter: alpha(opacity=100); -moz-opacity: 1; opacity:1;}

/* SLIDING POSTS */
ul#slider-nav {margin: .5em 0; padding: 0}
ul#slider-nav a { padding:5px 9px; -moz-border-radius:12px; -webkit-border-radius:12px; border-radius: 12px; background:#fff; color:#333; margin:0 12px 0 0; } /* Lani */
ul#slider-nav a.activeSlide,ul#slider-nav a:hover { background:#e53425; color:#fff; text-decoration:none; } /* Lani */

/* CATEGORY SECTION */
#category-stack{margin:0 0 2em}
.byline {font-size:.9em;margin:0;color:#444}
.byline a {color:#bbb}
.more {margin:0 0 1em;}
.more ul{list-style:none;margin:0;padding:0;}
.more ul li a{color:#eee;height:1%;background:none;line-height:1.2em;border-bottom:1px solid #444;display:block;padding:6px 0 6px 8px;}
.more ul li a:hover{color:#fff;background: #111}
.more ul li a span{color:#696455;}
.more ul li.active a{cursor:default;color:white;}

/* NEWS/EVENTS PAGE - NEWS, BLOG */
.stream {
	display: inline-block;
	margin: 20px 0px;
}
.stream .jw_tag {
	text-transform: uppercase;
}
.stream article.post {
	padding: 0px 0px 40px 0px;
	border-bottom: 1px solid #e8e8e8;
	margin: 0px auto 20px;
}
.stream img {
	width: 400px;
	margin: 0px 40px 0px 0px;
}
.stream .content_col {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	margin: 2em auto;
}
.stream .content_col h2 {
	font-size: 2.7em;
	line-height: 1em;
	margin: 0.4em auto;
}
.category-events .container-inner .span-8, .category-news .container-inner .span-8 {
	width: 25%;
	display: inline-block;
	vertical-align: top;
	float: none;
}
.category-events .entrymeta, .category-news .entrymeta {
	margin: 0px auto 20px;
}

/*PhotoShelter*/
#psContainer { width: 990px; text-align: center; margin: 0px auto 10px auto; }
#psContent { background-color: #fff; text-align: left; margin: 0 auto; width: 950px; padding: 20px; }
#psContent H3 { color: #999; }
#psContent table { width: auto; }
#PS_GPP_CUSTOM .container { margin: 10px auto 0px auto; }
#PS_GPP_CUSTOM #masthead #logo h1 { font-size: 36px; font-weight: bold; margin-top: 0px; }
#PS_GPP_CUSTOM #masthead { border: none; }
#PS_GPP_CUSTOM #masthead #logo img.sitetitle {margin-top: 16px}
/* Overwrite nav.css that I can't seem to reach */
.sf-menu {background: #fff;}
.sf-menu li {background: #fff;}
.sf-menu a{color: #999;}
#top .sf-menu a:hover{color: #000; text-decoration:none;background: #fff;}

/* FOOTER */
#footer div a.instagram {
	background: url('images/instagram_red.png') no-repeat;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: bottom;
	margin: -3px auto;
}
#footer div a.instagram:hover {
	background: url('images/instagram_active.png') no-repeat;
	background-size: 25px 25px;
}
#footer div a.facebook {
	background: url('images/facebook_red.png') no-repeat;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: bottom;
	margin: -3px auto;
}
#footer div a.facebook:hover {
	background: url('images/facebook_active.png') no-repeat;
	background-size: 25px 25px;
}
#footer div a.pinterest {
	background: url('images/pinterest_red.png') no-repeat;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: bottom;
	margin: -3px auto;
}
#footer div a.pinterest:hover {
	background: url('images/pinterest_active.png') no-repeat;
	background-size: 25px 25px;
}
#footer div a.rss {
	background: url('images/rss_red.png') no-repeat;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: bottom;
	margin: -3px auto;
}
#footer div a.rss:hover {
	background: url('images/rss_active.png') no-repeat;
	background-size: 25px 25px;
}
#footer div a.houzz {
	background: url('images/houzz_red.png') no-repeat;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: bottom;
	margin: -3px auto;
}
#footer div a.houzz:hover {
	background: url('images/houzz_active.png') no-repeat;
	background-size: 25px 25px;
}
#footer div a.twitter {
	background: url('images/twitter_red.png') no-repeat;
	background-size: 25px 25px;
	width: 25px;
	height: 25px;
	display: inline-block;
	vertical-align: bottom;
	margin: -3px auto;
}
#footer div a.twitter:hover {
	background: url('images/twitter_active.png') no-repeat;
	background-size: 25px 25px;
}