@charset "UTF-8";
/*
Theme Name: Mindgruve
Theme URI: http://www.mindgruve.com/blog/
Description: Custom WordPress theme for Mindgruve.com.
Version: 1.0
Author: Nate Brugos and Tom Tenoever
Author URI: http://www.mindgruve.com/
Tags: custom header, fixed width, two columns, widgets

	Mindgruve v1.0
	 http://www.mindgruve.com/blog/

	This theme was designed and built by Nate Brugos and Tom Tenoever of Mindgruve,
	whose blog you will find at http://www.mindgruve.com/blog/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/********************
COLORS:
#fbb03b yellow/orange post titles
#e3e3e3 off white post body
#645c4f gray post date
#948c7f gray 2
#a2943e green links
********************/

body  {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #e3e3e3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #2d2923 url(/blog/wp-content/themes/mindgruve/images/mg-blog-bg2.jpg) repeat scroll center top;
        text-align:center;

}
#container { 
	clear:both;
	background:none;
	margin: 25px auto 0; /* the auto margins (in conjunction with a width) center the page */ /* 25px to accommodate div#navTabs */
	width:960px;
        text-align:left;
} 

#header {
	background: url(/blog/wp-content/themes/mindgruve/images/bg-header.png) no-repeat left top;
	height: 151px;
	padding: 0;
	position:relative;
	width:878px;
	}

a {
	color:#bfbda1;
	text-decoration:none;
}
a:hover {
	color:#a2943e;
	text-decoration:none;
}

table {border-collapse:collapse; display:block; padding:0; margin:0;}

td {border:none; padding:0; margin:0; vertical-align:top;}

#header .logo {
	background: url(/blog/wp-content/themes/mindgruve/images/logo-sprite.png) no-repeat left top;
	display:block;
	height:41px;
	left:62px;
	position:absolute;
	top:62px;
	width:133px;
	}

#header .logo:hover {
	background: url(/blog/wp-content/themes/mindgruve/images/logo-sprite.png) no-repeat left -41px;
	}

#main { 
	display:inline;
	float: left;
	width:707px;
}

#main h2 { 
	color:#fbb03b;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:38px;
	line-height:40px;
	margin: 17px 0 10px;
	padding:0;
}
#main h2 a { 
	color:#fbb03b;
	text-decoration:none;
}
#main h2 a:hover { 
	color:#bfbda1;
	text-decoration:none;
}

#main h3 {
	color:#f4f4f4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:8px 0 12px;
	}

#main .content{ 
	clear:both;
	display:inline;
	float: left;
	width:100%;
} 

#main .content .columnA {
	padding:0;
	width:62px;
	}

#main .content .post td.columnB {
	display:inline;
	float: left;
	padding:0;
	width:645px;
	}

#main .content .columnB .content { 
	background: transparent url(/blog/wp-content/themes/mindgruve/images/bg-trnsprnt.png) repeat;
	margin:0;
	padding:10px 20px;
	width:605px;
	}

#main .content .post td.navPage {
	width:605px;
	}

#main .content .post { 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	line-height:20px;
}

#main .content .post p { 
	margin:0 0 1em 0;
        padding:0;
}

#main .content .post .dscript { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#948c7f;
	float:left;
	display:inline;
	text-transform:uppercase;
	font-weight:bold;
}
#main .content .post .dscript a { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#a2943e;
	font-style:italic;
	text-decoration:underline;
	text-transform:capitalize;
	font-weight:normal;
}
#main .content .post .dscript a:hover { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#a2943e;
	font-style:italic;
	text-decoration:none;
	text-transform:capitalize;
	font-weight:normal;
}
#main .content .post .top {
	float:right;
	display:inline;
	width:44px;
	height:11px;
	text-align:right;
	background: url(/blog/wp-content/themes/mindgruve/images/arrow-top.png) no-repeat left center;
}
#main .content .post .top a { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#eeeeee;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}
#main .content .post .top a:hover { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#b6b499;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
}   
#main .columnA .date {
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	display:inline;
	width: 62px;
	height:93px;
	margin:20px 0 0 0;
	padding:10px 0 0 0;
	background: url(/blog/wp-content/themes/mindgruve/images/bg-date.png) no-repeat right top;
	color: #645c4f;
	text-align:center;
}
#main .columnA .date .month {
	font-weight: bold;
	font-size:18px;
	padding-left:5px;
	text-transform: uppercase;
}
#main .columnA .date .day {
	font-weight: bold;
	font-size:35px;
	line-height:29px;
	padding-left:5px;
}
#main .columnA .date .year {
	font-weight: bold;
	font-size:16px;
	line-height:15px;
	padding-left:5px;
}
#footerEdge {
	background:transparent url(/blog/wp-content/themes/mindgruve/images/bg-footer-edge.png) repeat-x bottom;
	display:block;
	height:12px;
	margin:10px 0 0 0;
	padding:0;
	width:100%;
}
#footer {
	background: #25231f url(/blog/wp-content/themes/mindgruve/images/bg-footer.png) no-repeat center -12px;
	display:block;
	margin:0;
	padding:0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	width:100%;
}
#footer a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#a2943e;
	font-style:italic;
	text-decoration:underline;
	font-weight:normal;
}
#footer a:hover {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#a2943e;
	font-style:italic;
	text-decoration:none;
	font-weight:normal;
}
#footer .content {
	margin:0 auto;
	padding:10px 0 40px 0;
	position:relative;
	text-align:left;
	width:960px;
}
#footer .content h3 { 
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#bfbda1;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing: 1px;
	margin:5px 0;
}
#footer .content p {margin:0 0 1em;}

#footer .content p.twitter-message {margin:0 0 .5em;}

#footer .content .left { 
	float: left;
	display:inline;
	margin-left:60px;
	width:435px;
}
#footer .content .right { 
	float: left;
	display:inline;
	margin-left:20px;
}
#footer .content .right .tweetBox {
	/*margin-top:20px;*/
}
#footer .content .right .tweetBox .box {
	background-color: #4f483c;
	border: 3px solid #857b6c;
	display:inline;
	float: left;
	font-size: 15px;
	padding:10px;
	padding-bottom:0;
	width: 340px;
	overflow:hidden;
}

#footer .content .right .tweetBox .box a {text-decoration:none;}
#footer .content .right .tweetBox .box a:hover {text-decoration:underline;}

/*#footer .content .right .tweetBox .box .author,*/
#footer .content .right .tweetBox .box span.twitter-timestamp {
	color:#181612;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	padding-top:10px;
	text-transform:uppercase;
}

#footer .content .right .tweetBox .box span.twitter-timestamp abbr {
	border-bottom:none;
	}

#footer .content .right .tweetBox .bird {
	float: left;
	display:inline;
	width:78px;
	background: url(/blog/wp-content/themes/mindgruve/images/bg-egg.png) no-repeat left top;
	height:80px;
}
#footer .content .right .tweetBox .box a {
	font-size: 15px;
}

#footer .content .right .tweetBox .twitter-message:first-child,
#footer .content .right .tweetBox p:first-child {
	border-bottom:1px solid #716758;
	padding-bottom:0.5em;
	}


#footer .content .follow { 
	color:#e5e5e5;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	left:515px;
	margin-top:25px;
	position:absolute;
	text-transform:lowercase;
}

#footer .content .follow .description {float:left; padding-right:10px;}

#footer .content .follow img,
#footer .content .follow a span { 
	margin: 0px 5px;
}

#footer .content .follow span { 
	display:block;
	float:left;
	height:16px;
	width:16px;
	}

#footer span.smFacebook {background:transparent url(/blog/wp-content/themes/mindgruve/images/icon-social-sprite.png) no-repeat 0px top;}
#footer span.smFacebook:hover {background:transparent url(/blog/wp-content/themes/mindgruve/images/icon-social-sprite.png) no-repeat 0px -16px;}

#footer span.smTwitter {background:transparent url(/blog/wp-content/themes/mindgruve/images/icon-social-sprite.png) no-repeat -16px top;}
#footer span.smTwitter:hover {background:transparent url(/blog/wp-content/themes/mindgruve/images/icon-social-sprite.png) no-repeat -16px -16px;}

#footer span.smLinkedIn {background:transparent url(/blog/wp-content/themes/mindgruve/images/icon-social-sprite.png) no-repeat -32px top;}
#footer span.smLinkedIn:hover {background:transparent url(/blog/wp-content/themes/mindgruve/images/icon-social-sprite.png) no-repeat -32px -16px;}

#footer span.smFlickr {background:transparent url(/blog/wp-content/themes/mindgruve/images/icon-social-sprite.png) no-repeat -48px top;}
#footer span.smFlickr:hover {background:transparent url(/blog/wp-content/themes/mindgruve/images/icon-social-sprite.png) no-repeat -48px -16px;}

#footer .content .copyright { 
	margin-left:60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#e5e5e5;
	margin-top: 20px;
	width:435px;
}
#footer .content .copyright img { 
	margin:0px 10px 5px 0px;
	vertical-align:middle;
}
#footer .content .copyright a {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	text-decoration:none;
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	font-size: 1px;
	height:0px;
	line-height: 0px;
}

/*////////////Right Side Bar/////////////*/
#sidebar {
	float: right;
	display:inline;
	width: 232px;
}
#sidebar .links {
	background: url(/blog/wp-content/themes/mindgruve/images/bg-trnsprnt.png) repeat; /* the background color will be displayed for the length of the content in the column, but no further */
	padding:2px 12px 0;
}
#sidebar .links h2 {
	color:#ffffff;
	margin:0px;
	font-size:23px;
	text-transform:lowercase;
}
#sidebar .links p {
	border-bottom: 1px solid #645c4f;
	font-size:14px;
	color:#bfbda1;
	margin:13px 0px;
	padding-bottom:13px;
}
#sidebar .links ul {
	font-size:14px;
	color:#bfbda1;
	margin:13px 0px;
	padding:0px 0px 13px 0px;
	border-bottom: 1px solid #645c4f;
	border-bottom:none;
}
#sidebar .links ul ul {
	border-bottom: 1px solid #645c4f;
}
#sidebar .links ul li {
	list-style:none;
	margin: 0 0 6px 0;
}
#sidebar .links ul li li {
	/*list-style-image: url(/blog/wp-content/themes/mindgruve/images/arrow-sidebar.png);*/ 
	list-style-image: url(/blog/wp-content/themes/mindgruve/images/arrow-sidebar.gif); /*remade image as GIF for IE6 - TTenoever*/
	list-style-position:outside;
	margin: 0 0 6px 18px;
}

#sidebar .links ul li.categories ul {border-bottom:none; padding-bottom:0;}

#sidebar .links a {
	color:#bfbda1;
	text-decoration:none;
}
#sidebar .links a:hover {
	color:#b24b3d;
	text-decoration:none;
}
#sidebar .search {
	margin:0 0 10px 0;
	padding:0;
}

#sidebar .search .search_field {
	border: solid 2px #948c7f;
	background: url(/blog/wp-content/themes/mindgruve/images/bg-trnsprnt.png) repeat;
	color: #e3e3e3;
	display:inline;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	margin:0;
	padding: 3px 7px;
	width:150px;
}
#sidebar .search .image {
	float:left;
	display:inline;
	margin:0;
	padding:0;	
}
#sidebar .search .image:hover {opacity:0.8;}

#sidebar .contact {
	background: #38332e;
	border-bottom: 1px solid #645c4f;
	padding: 7px 12px 5px 12px;
	color: #e5e5e5;
	font-size:17px;
	font-weight:bold;
}
#sidebar .contact a {
	color: #fbb03b;
	text-decoration:none;
	font-size:17px;
}
#sidebar .contact a:hover {
	color: #a2943e;
}

/*////////////End Right Side Bar/////////////*/


/* Flickr Badge Start */
#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 5px 0 0 !important;}
.flickr_badge_image {/*text-align:center !important;*/ display:inline; float:left; margin:0; padding:0 10px 10px 0;}
.flickr_badge_image img {border: 1px solid black !important;}
#flickr_www {display:block; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
.flickr_badge_uber_wrapper a:hover,
.flickr_badge_uber_wrapper a:link,
.flickr_badge_uber_wrapper a:active,
.flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
.flickr_badge_uber_wrapper {width:435px !important;}
.flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}
/* Flickr Badge End */

.alignleft {float: left;}

.alignright {float: right;}

.navigation {
	display: block;
	text-align: center;
	/*margin-top: 10px;*/
	margin-bottom: 25px;
	}

.navigationSinglePage {
	clear:both;
	color:#A2943E;
	}

.navigationSinglePage a:hover {color:#b24b3d;}

.navigationSinglePage .alignleft,
.navigationSinglePage .alignright {width:49%;}

.navigationSinglePage .alignright {text-align:right;}

#page {background:none;}

/*------------------*/

div.postFooter {
	border-bottom: 4px #403a35 solid;
	color:#948c7f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
  margin-bottom:12px;
	padding:10px 0 20px;
	}

div.postFooter a {
	color:#a2943e;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:normal;
	text-transform:capitalize;
	text-decoration:underline;
	}

div.postFooter a:hover {
	text-decoration:none;
	}

div.postFooter2 {
	clear:both;
	padding-top:10px;
	}

div.postFooter2 a {
	background:url(/blog/wp-content/themes/mindgruve/images/arrow-top.png) no-repeat left;
	color:#FFFFFF;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-style:normal;
	font-weight:bold;
	margin-left:10px;
	margin-top:10px;
	padding-left:20px;
	text-decoration:none;
	}

div.postFooter2 a:hover {color:#bfbda1;}

#sidebar .links ul li.widget_tag_cloud div {border-bottom:1px solid #645C4F; line-height:1.2em; margin-bottom:15px; padding:10px 0;}

#sidebar .links ul li.widget_tag_cloud div a {white-space:nowrap;}
	
#sidebar .links ul li.widget_categories ul {border-bottom:none; padding:0;}

.entry p img {
	border:none;
	margin:10px 0 0 0;
	}

.entry p img.alignleft {margin:5px 10px 1px 0;}

.entry p img.alignright {margin:5px 0 1px 10px;}

#main .content .post p.wp-caption-text {
	color:#bfbda1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:-1em;
	}

/* COMMENT FORM */

form#commentform input,
form#commentform textarea {
	background-color: #4f483c;
	border: 3px solid #857b6c;
	color:#E3E3E3;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 14px;
	padding:3px 7px;
}

form#commentform input.textbutton {
	background-color:transparent;
	border:none;
	color:#FBB03B;
	cursor:pointer;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size: 20px;
	margin:0;
	overflow: visible;
	padding:3px 7px;
	text-transform:lowercase;
} 

form#commentform input.textbutton:hover {color:#A2943E;}

/* COMMENTS DISPLAY */

h3#comments {padding-top:30px;}

ol.commentlist {
	color:#e3e3e3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	list-style:none;
	margin:0 0 15px 0;
	padding:0;
	width:605px;
	}
	
.commentlist li {
	background:transparent url(images/bg-comment.png) no-repeat scroll 0 bottom;
	margin:20px 0 5px 0;
	padding:0 0 24px 0;
	width:585px;
	}

.commentlist .comment-body {
	background:#4f483c;
	padding:10px 10px 0;
	}

.commentlist .comment-author {
	color:#b3aca0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	display:inline;
	float:left;
	padding-right:5px;
	}

.commentlist .comment-author cite {
	font-style:normal;
	}

.commentlist span.says {display:none;}

.commentlist .comment-meta {
	border-bottom:1px solid #302C28;
	margin-bottom:8px;
	padding-bottom:8px;
	}

.commentlist .comment-meta a {text-decoration:none;}

/*tweet this button*/
.tweetThis {
	display:inline;
	float:left;
	height:35px;
	margin-right:40px;
	width:120px;
}

.tweetThis a {
	background:transparent url(/blog/wp-content/themes/mindgruve/images/btn-tweet-this.png) no-repeat 0 0;
	border:none;
	cursor:pointer;
	display:block;
	height:35px;
	overflow:hidden;
	text-indent:-9999px;
	width:120px;		
	}
.tweetThis a:hover {
	background-position:1px -35px;
}

#respond {padding-top:20px;}

div.postFooter .commentsLink {margin:10px 0px 12px 0px;}

div.postFooter .commentsLink a {
	color:#FBB03B; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px; 
	font-style:normal;
	font-weight:bold;
	text-decoration:none; 
	}
	
div.postFooter .commentsLink a:hover {
	color:#bfbda1;
	text-decoration:none;
	}

/*Facebook like button*/
.facebookLike {
    display:inline;
    float:left;
    margin-top:5px;
    width:120px;
}

/*LinkedIn share button - 2010-12-03 TTenoever*/
.linkedInShare {
    display:inline;
    float:left;
    margin-top:5px;
    width:120px;
}

#li_ui_li_gen_0 #li_ui_li_gen_0-title {margin-left:1px !important;} /*Prevents white border from displaying on left corners of button.*/

/*Link to Leave a Comment - 2011-03-04 TTenoever*/
.leaveComment {
	display:inline; 
	float:left;
	width:154px;
}
.leaveComment a {
	background:transparent url(images/btn-leave-a-comment-154x80.png) no-repeat 0 0;	
	display:block;	
	height:39px;
	outline:none;
	overflow:hidden;
	text-align:left;
	text-indent:-9999px;
	width:154px;
}
.leaveComment a:hover {
	background-position:0 -40px;
}

.more-link {
	color:#FBB03B;
}

.more-link:hover {
	color:#BFBDA1;
}