/*
Theme Name: Modfolio
Theme URI: http://graphpaperpress.com
Description: A child theme for Modularity for showcasing your Portfolio.
Author: Thad Allender
Author URI: http://thadallender.com
Template: modularity
Version: 0.2
License:  All Rights Reserved
*/
	
@import url("../modularity/style.css");

/************************* MODULARITY STYLES ***************************/
body {background: #111 url(images/bg.jpg) repeat center fixed;}
.container-inner {width:950px; margin:0 auto;padding:1.75em 0 1em}
.container {background:url repeat;}
h1,h2,h3,h4,h5,h6 {color:#008BB5;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {color:#008BB5;}
h3.sub,h2.sub {margin: 0 0 10px 0;padding: 0 0 5px 0;font-size: 1.6em;font-weight: bold;line-height: 1em;text-transform: uppercase;letter-spacing: 2px;color: #FFF28C;border-bottom: 1px solid #000;}
a {color:#008BB5;text-decoration:none;}
a:hover, a:focus {color:#fff;}
p {color:#fff;}
h6.top {color:#000;}
#top {width:950px; margin:0 auto 1em;padding: 0 0 .5em; color:#666}
#top a {color:#666}
.login {float:left;}

/* COMMENTS */
ol.commentlist li {border-top:1px solid #444;}
ol.commentlist li:hover {background:#;}
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:#000;}
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:#000;border:3px #222 solid;font-size: 1.5em;}
#commentform textarea:hover {border:3px solid #444;background:#;color:#fff;}
#commentform #submit{background:# none repeat scroll 0 0;}
#commentform #submit:hover{background:#;color:#fff;border:3px solid #444;}
#respond {border-top:none}

/* BOXES */
.error, .notice, .success. .box {padding:.8em;margin-bottom:1em;border:1px solid #444;background:#000;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;}

/* PORTFOLIO THUMBNAILS */
.portfolio-image-wrapper {position: relative; margin: 0 0 6px 0;padding:0;}
.portfolio-image-wrapper h6.title-overlay {text-transform:uppercase;background: #000; padding:4px; top: 127px; left: 0;bottom: 0; height: 15px; width:302px; overflow:hidden; position: absolute; max-width: 302px; z-index: 101; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=80); -moz-opacity: .80; opacity:.80; }
.portfolio-image-wrapper h6.title-overlay a { color: #ccc; text-decoration: none;}
.portfolio-image-wrapper h6.title-overlay a:hover {color:#fff;}
.portfolio-image-wrapper .category-overlay {font-size:.8em;background: #000; 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: 101; /* opacity - move to sep. stylesheet */ 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}
.thumbnail, .attachment-thumbnail {max-width:310px;margin:0 1.5em 1.5em 0;float:left}
.gallery-caption {font-style:italic;text-align:center}

/* SLIDER */
.sliderGallery {background: #}
.slider-item span.slider-title {width:302px}
.slider-item .attachment-thumbnail {width:310px}

/* 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:url(images/li.png) no-repeat  0;line-height:1.2em;border-bottom:1px solid #444;display:block;padding:6px 0 6px 8px;}
.more ul li a:hover{color:#fff;background-position:1px 0.8em;background: #111 url(images/li-white.png) no-repeat 3px 10px;}
.more ul li a span{color:#696455;}
.more ul li.active a{cursor:default;color:white;}

.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	}
.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
	}
.gallery .gallery-item {
	overflow: hidden;
	float: left;
	margin: 8px;
	text-align: center;
	list-style: none;
	padding: 0;
	width: auto;
	}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
	max-width: 270px;
	height: auto;
	padding: 1%;
	margin: 0 auto;
	}
.gallery-caption {
	margin-left: 0;
	}