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

body {
	color:#ccc;
	background: #fff;
}
.container-inner {
	width:950px; 
	margin:0 auto;
	padding:1.75em 0 1em;
}
.container {
	background:#0d0d0d;
	
}
h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,p,li a {
	color:#ccc
}
a {
	color:#0066CC;
	text-decoration:none;
}
a:hover, a:focus {
	color:#300;
}
.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:#000; 
	color:#444; 
	font:bold 12px/1 helvetica,arial,sans-serif; 
	padding:6px 10px 3px;  
}
.nav a:hover {
	background:#222;
	color:#fff;
        text-decoration:none;
}
.prev a, .next a {
	color:#eee;
	text-transform:uppercase;
	padding:4px 10px 6px 10px; 
	font-size:10px;
	display:block;
}
.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:0px solid #444;
}
h3.sub,h2.sub {
	width: 150px;
	border: none;
	text-transform: uppercase;
}
#sidebar h6 {
	margin-top:05px;
	color: #CCC;
}
#sidebar ul li a,ul.txt li{
	width: 308px;
	text-transform: none;
	font-size: 80%;
	border-bottom: dotted 1px #333;
        background: #0D0D0D;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
	color: #333;
}
#sidebar ul li a:hover,ul.txt li:hover {
	color:#fff;
	background: #000;
}

}
#sidebar ul li a,ul.txt li {
	color:#eee;
}
#joe-sb {
	width: 308px;
	float: left;
	margin-right: 12px;
	border-top: solid 5px #000;
	padding-top: 1px;
}
#joe-sb1 {
	width: 308px;
	float: left;
	margin-right: 0px;
	border-top: solid 3px #333;
	padding-top: 10px;
}

#footer {
	height: 10px;
	width: 950px;
	color: #222;
	font-size: 80%;
	float: left;
	padding: 0px;
	margin: 20px;
	border-top: 1px solid #333;
}

#footer p {
	color: #222;
	margin-top: 2px;
}



/* 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:#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:#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:#000;
	color:#fff;
	border:1px 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 em;
	margin-bottom:1 em;
	background:#111;
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.welcomebox h3.sub {
	
}


/* 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:10px 10px 10px 27px; 
	top: 106px; 
	left: 1px;
	bottom: 0px; 
	height: 27px; 
	width:271px; 
	overflow:hidden; 
	position: absolute; 
	max-width: 300px; 
	z-index: 101; 
	/* opacity - move to sep. stylesheet */ 
	filter: alpha(opacity=92); 
	-moz-opacity: .92; 
	opacity:.92; 
	color: #fff;
}
.portfolio-image-wrapper h6.title-overlay a { 
	color: #fff; 
	text-decoration: none;
}
.portfolio-image-wrapper h6.title-overlay a:hover {
	color:#fff;
}
.portfolio-image-wrapper .category-overlay {
	font-size:.8em;
	color:#663399;
	padding:2px; 
	overflow:hidden; 
	position: absolute;
	top: 129px; 
	left: 25px; 
	z-index: 1000; 
}
.portfolio-image-wrapper .category-overlay a {color:#666666}
.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: #000}
.slider-item span.slider-title {width:302px}
.slider-item .attachment-thumbnail {width:310px}

/* CATEGORY SECTION */
#category-stack{margin:0 0 2em}
.byline {font-size:.8em;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:0px 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;}


/* MARCONI ADDITIONS */
ul#portfolio li img {
	width: 948px;
	height: 383px;
}

.thumbnail, .attachment-thumbnail {
	float:left;
	margin:0 1.5em 1.5em 0;
	max-width:308px;
	border-top: solid 3px #000;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	border-left: solid 1px #000; 
}

.thumbnail:hover, .attachment-thumbnail:hover {
	border-top: solid 3px #300;
	border-bottom: solid 1px #300;
	border-right: solid 1px #300;
	border-left: solid 1px #300; 
}

.gallery img, .gallery img a {
	border: none;
}
.gallery img:hover {
	border-top: solid 3px #300;
	border-bottom: solid 1px #300;
	border-right: solid 1px #300;
	border-left: solid 1px #300; 
}

.gallery .attachment-thumbnail {
	border-top: solid 0px #000;
	border-bottom: solid 1px #000;
	border-right: solid 1px #000;
	border-left: solid 1px #000;
}

#sidebar {
	clear: both;
	margin: 20px;
}

#masthead {
	float:left;
	padding-top: 19px;
	margin-left: 0px;
	padding-left: 0px;
}
#top {
	width: 992px;
	padding: 0px;
	margin: 0px auto;;
}

#nav {
	background: url(images/nav-bg.gif) no-repeat;
	float:right;
	margin:10px 0px 0px 0px;
	padding:0px;
	width: 400px;
	height: 35px;
}

#nav ul {
	padding-top: 10px; 
	padding-left: 175px;
}
#nav ul li.enhanced span {
	float:left;
	padding-right:2px;
	padding-left: 125px;
	z-index:211;
}
#ul {
	padding-left:65px;
	padding-top:15px;
}

#nav ul li {
	color:#999999;
	float:left;
	font-size:10px;
	font-weight:normal;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin-right:10px;
	position:relative;
	text-transform:uppercase;
}

.container {
	background: #0D0D0D;
	background-position-x: 2px;
	border: 0px solid #191919;
	margin-bottom: 15px;
}
.arrow {
	background: url(images/arrow.gif) no-repeat;
	overflow:hidden; 
	position: absolute;
	top: 118px; 
	left: 12px; 
	z-index: 1001; 
	width: 7px;
	height: 24px;
}
#galleries {
	width: 950px;
	height: 0px;
}
#categories {
	width: 950px;
	height: 1px;
	background: url(images/categories1.gif) no-repeat;
margin-bottom: 2px;
}
p {
	font-family: Helvetica;
	font-size: 12px;
	color: #000;
	line-height: 11px;
	margin: 0px;
	padding: 1px 0px;
	
}

#sidebar {
	width: 980px;
}