/*
Theme Name: DesignFolio+
Theme URI: http://www.chris-wallace.com/2009/06/22/designfolio-the-ultimate-wordpress-portfolio-theme/
Description: An extremely flexible portfolio theme that utilizes Cufón, Twitter Widget Pro, Flickr Badges, with an easy-to-use Theme Options page.
Version: 1.2
Author: Chris Wallace
Author URI: http://chris-wallace.com/
Tags: gray, blue, red, yellow, orange, green, pink, brown
*/


* { padding: 0; margin: 0; outline: 0; }

body {
    font-size: 12px;
    line-height: 16px;
    font-family: Arial, sans-serif;
    color: #fff;
    background: #1a1a1a;
    text-align: left;
}

.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
.cl-form { font-size: 0; line-height: 0; height: 10px; clear: both; }

a img { border: 0; }
a { color: #000; text-decoration: none; }
a:hover { text-decoration: underline; cursor: pointer;}

.left { float: left; display: inline; }
.right { float: right; display: inline;} 

.shell {margin: 0 auto; width: 960px; position: relative;}

#header {height: 106px; padding-left: 6px;}

h1#logo {font-size: 0; line-height: 0; text-indent: -4000px; float: left; width: 292px; padding-top: 21px;}
h1#logo a {background: url("images/logo.gif") no-repeat 0 0; width: 292px; height: 62px; display: block;}

.navigation {float: right; padding-top: 43px;font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; font-size: 13px;}
.navigation ul {list-style-type: none;}
.navigation ul li {display: inline; padding-left: 10px;}
.navigation ul li a {font-family: Helvetica, "Trebuchet MS", Arial, sans-serif; font-size: 12px; color: #fff; padding-right: 15px; text-transform: uppercase;}

.heading,
.breadcrumb{background: #0069da url("images/default-bg.jpg")}
.heading{height: 328px; padding-left: 11px;}
.heading #welcome-container{vertical-align: center; height: 328px; width: 338px; border: 0; border-collapse: collapse}
.heading h2.welcome {width:334px; color: white; font-size: 28px; line-height: 36px; padding: 0 0 40px 0}
.heading a {font-size: 0; line-height: 0; text-indent: -4000px; float: left;}
.heading a.portfolio {background: url("images/portfolio.png") no-repeat 0 0; width: 162px; height: 32px; margin-right: 8px; margin-left: 3px;}
.heading a.request {background: url("images/request.png") no-repeat 0 0; width: 162px; height: 32px;}

.slider {background: #fff url("images/slider-bg.png") no-repeat 0 0; width: 580px; height: 350px; position: absolute; top: -23px; left: 354px; padding: 10px; }
.slider .slider-cont { position: relative; overflow: hidden; width: 580px; height: 350px; }
.slider-img { font-size:0; line-height:0; float: left; position: absolute; top: 0; left: 0; width: 500000px}
.slider-img img { float: left; }
.slider-img a { float: none; }
.slider-links {position: absolute; z-index: 1; bottom: 10px; right: 15px;}
.slider-links a {background: url("images/link-inactive.png") no-repeat 0 0; width: 9px; height: 9px; display: block; float: left; margin-right: 6px;}
.slider-links a.active {background-image: url("images/link-active.png");}

.breadcrumb {padding: 15px 0 15px 20px; font-family: georgia, serif; line-height: 30px;}
.breadcrumb p {color: #fff; font-size: 12px;}
.breadcrumb p a {color: #fff; font-size: 12px;}
.breadcrumb p em {font-size: 23px;}


#main {padding-top: 8px; padding-bottom: 6px;}
#main-sub {padding-top: 0;padding-bottom: 6px;}

#sidebar {width: 301px; float: left;}
.sidebar-sub {padding-top: 40px;}
#sidebar ul {list-style-type: none;}
#sidebar ul li {padding: 23px 0 25px 11px; background: url("images/hr.gif") repeat-x 0 bottom;}
#sidebar ul li ul {}
#sidebar ul li ul li {background: transparent; padding: 0; color: #5cc1d7; line-height: 30px;}
h2 {font-size: 13px; padding-bottom: 10px; color: #999;}

#content h2,
#sidebar h2{ 
	text-transform: uppercase;
}

.search-form {padding: 16px 0 9px 0;}
span.search {background: url("images/search.gif") no-repeat 0 0; width: 198px; height: 25px; display: block; margin: 0 auto;}
input.blink {background: transparent; border: 0; color: #676767; padding: 5px 0 0 30px; width: 150px;}

.adv-img {background: url("images/img-box.gif") no-repeat 0 0; width: 130px; height: 100px; padding: 5px; float: left;}
.adv-text {padding-left: 12px; float:left; width: 135px; text-align: center; font-size: 11px;}
.ad-author {color: #515151; padding-top: 20px;}
.ad-author span {color: #7f7f7f;}

#content {width: 580px; float: left; padding-top: 11px; padding-left: 72px;}
#content h2.caption {color: #f2f2f2;}
.content-item {background: url("images/hr.gif") repeat-x 0 bottom; padding: 20px 0;}
.content-posts { padding: 20px 0;}

.twitter h2 a{color: #999; text-decoration: none}
.twitter li {background: url("images/twitter.gif") no-repeat 0 0; padding: 5px 0 15px 50px; font-size: 11px; color: #c7c7c7; list-style: none}
.twitter li a {color: #fff;}
.twitter li a.follow {color: #6b6b6b;}

.portfolio-items {padding-top: 12px;}
.portfolio-items a {margin-right: 21px; float: left;}

.post {padding-top: 25px;}
.border-bottom { background: url("images/hr.gif") repeat-x 0 bottom;}
.border {
	border-left: solid 10x red;
}
#content h1.pagetitle{ margin-top: 40px; font-size: 30px }
#content .post h2, 
#content .post h3 {text-transform: none; margin-top: 10px}
.post h2 a,
.post h3 a {font-size: 16px; color: #fff;}
.post h2.caption,
.post h3.caption{font-size: 28px; font-family: georgia, serif; font-weight: normal; color: #f2f2f2; padding-top: 5px; padding-bottom: 28px; display: block;}
.post small {font-size: 12px; color:#454545; font-family: Georgia, serif; width: 200px; font-style: italic;}
.post small.wide {width: 200px; color: #8e8e8e;}
.comments {
	background: url("images/comments.gif") no-repeat 0 0; 
	height: 22px; 
	color: #a9a9a9; 
	font-size: 10px; 
	padding-top: 1px;
	float: right; 
	display: inline;
	width: 21px;
	text-align: center;
	padding-left: 2px;
}
.single-page-comment {
	width: auto;
}
.comments a {color: #a9a9a9;}
/*.comments a {background: url("images/comments.gif") no-repeat 0 0; width: 22px; height: 22px; color: #a9a9a9; font-size: 10px; text-align: center; padding-left: 1px; padding-top: 1px;float: right; display: inline}*/
.comments span {
	width: 23px;
	display: inline;
	float: left;
	text-align: center;
}
.comments strong {font-weight: normal; padding-left: 7px;}
.entry {padding-top: 6px; padding-bottom: 15px;}
.entry p {line-height: 24px; color: #c7c7c7; padding-bottom: 22px;}
.entry ul {
	line-height: 24px; 
	color: #c7c7c7; 
	padding-bottom: 22px;
}
/* ---- MINE ---- */
.entry a.more-link {padding-top: 17px; padding-bottom: 11px; color: #FFF}
.entry a.more-link span {color: #fefefe; font-weight: bold;}
/* ---- ORIGINAL ---- */
/*.entry p.read-more {padding-top: 5px; padding-bottom: 11px;}
.entry p.read-more a {color: #fefefe; font-weight: bold;}*/
.entry img {padding: 4px; border: 1px solid #181818; border-right-color: #333; border-bottom-color: #333; background-color: #121212; margin-bottom: 21px;}
.entry h2, .entry h3, .entry h4, .entry h5, .entry h6 {color: #c7c7c7; line-height: 24px; display: block; float: none; padding-bottom: 2px;}
.entry h2 {font-size: 16px;}
.entry h3 {font-size: 12px; text-transform: uppercase;}
.entry h4, .entry h5, .entry h6 {font-size: 11px;}

.article {padding-left: 0;}
.entry ul {
	padding-left: 25px;
}


.tags { width: 583px; background: #282828 url("images/tags-top.gif") no-repeat 0 0; padding-top: 10px;}
.tags-bottom { background: #282828 url("images/tags-bottom.gif") no-repeat 0 bottom; padding-bottom: 8px; padding-left: 15px; color: #858585;}
.tags-bottom a {color: #5cc1d7;}

h3#comments, #respond h3 {float: left; color: #f2f2f2; font-size: 28px; line-height: 32px; font-family: georgia, serif; font-weight:normal; text-transform: none;}

.rss-feed a {float: right; background: url("images/rss.gif") no-repeat 0 0; padding-left: 18px; margin-top: 10px;}

ol.commentlist {list-style-type: none;}
.sub {border-left: 4px solid #141414; padding-left: 25px; height: 100%;}
.comment-body {float: right; width: 451px;}
.comment-author img.avatar {border: 5px solid #141414;}
.comment-author {font-weight: bold; color: #707070; line-height: 19px; }
.comment-author a {color: #e5e5e5; }
.commentmetadata a {color: #636363; line-height: 19px;}
.comment {background: url("images/hr.gif") repeat-x 0 bottom; position: relative; height: 100%; }
.comment p {line-height: 28px;}
.reply {float: right;}

.btn {
	font-size: 0px;
	line-height: 0px;
	border: none;
	background: none;
}

#respond-name a {color: #FFF;}
#respond-name p{margin-bottom: 15px}
#respond {padding-top: 20px;}
#respond h3 {padding-top: 5px; padding-bottom: 20px;}
#respond h3 a {color: #fff;padding-top: 5px; padding-bottom: 20px;}
#respond span.text-field-bg {background: url("images/field.gif") no-repeat 0 0; width: 385px; height: 24px; float: right; padding-top: 6px; padding-left: 15px;}
#respond span.textarea-bg {background: url("images/textarea.gif") no-repeat 0 0; width: 570px; height: 124px; padding-top: 10px; padding-left: 10px; float: right;}
#respond input.text-field {width: 370px; background: transparent; border: 0; color: #e7e7e7; font-family: arial, sans-serif; font-size: 12px;}
#respond label { float: right; padding-top: 5px; padding-right: 10px; color: #e7e7e7;}
#respond small a { 
	color: #fff;
	
}
#respond .cancel {  
	width: auto;
	float: none;
}
.cancel-comment-reply {
	float: right;
	display: inline;
}

#respond textarea {width: 560px; height: 114px; background: transparent; border: 0; color: #e7e7e7; font-family: arial, sans-serif; font-size: 12px;}
#respond input.submit {background: url("images/submit.gif") no-repeat 0 0; width: 136px; height: 30px; font-size: 0; line-height: 0; text-indent: -4000px; border: 0; float: right; outline: 0; cursor: pointer}
#respond p {float: left; width: 400px; padding-left: 3px; line-height: 18px; color: #707070;}


#footer {background: #151515 url("images/footer.gif") repeat-x 0 0; padding: 32px 0;}
#footer ul {list-style-type: none;}
#footer ul li {line-height: 23px;}
#footer ul li a {color: #fff;}

.footer-nav {float: left; width: 181px; padding-left: 10px;}

.footer-gallery {float: left; width: 419px;}
.footer-gallery-images { padding-top: 20px;}
.footer-gallery-images a { width: 75px; height: 75px; float: left; position: relative; margin-right: 20px; font-size: 0; line-height: 0;}
.footer-gallery-images a img { width: 75px; height: 75px;}
.img-border {width: 75px; height: 75px; position: absolute; left: 0; top: 0; background: url("images/footer-img-border.png") no-repeat 0 0; font-size: 0; line-height: 0;}

.footer-copyright {float: left; width: 290px;}
.footer-copyright h2 {padding-bottom: 29px;}
.footer-copyright p {padding-bottom: 5px; color: #d3d3d3;}

.navigation-blog .alignleft {
	width: 100px;
	float: left;
	margin-bottom: 10px;
}
.navigation-blog .alignright {
	width: 100px;
	float: right;	
	margin-bottom: 10px;
}
.navigation-blog .alignright a {
	color: #fff;
}
.navigation-blog .alignleft a {
	color: #fff;
}
.sep {
	border-right: solid 1px #fff;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */
.post-comments ol.children {
    padding-left: 25px;
    border-left: solid 4px #141414;
}
.comment {
	padding: 0 0 25px 110px;
    margin: 25px 0 25px;
	min-height: 100px;
	height: 100%;
	position: relative;
}
.comment .author-avatar {
	position: absolute;
	top: 0;
	left: 0;
}

/*.breadcrumb span {
	display: none;
}*/
.current {
	
}

.last-elem {
	font-size: 23px;
	display: block;
	line-height: 30px;
	font-style: italic;
}
.breadcrumb a:hover span{ 
	text-decoration: underline;
}

.breadcrumb a {
	color: #fff;
	width: auto;
}


/* Custom: Added by Scott  */

.entry dt {
	font-weight: bold;
	float:left;
	width:100px;
	padding-bottom:15px;
	clear:left
	font-size:1.5em;
}

.entry dd {
	padding-bottom:15px;
	padding-left:100px;
	font-size:1.2em;
}

.textwidget dt {
	font-weight: bold;
	float:left;
	width:100px;
	padding-bottom:7px;
	clear:left
}

.textwidget dd {
	padding-bottom:7px;
	padding-left:100px;
}

.textwidget p {line-height: 15px; color: #c7c7c7; padding-bottom: 12px;}