/*
Theme Name: Mind|to|Mind Standard
Description: The standard Mind|to|Mind look and feel.
Version: 1.0
Author: Yellowhawk Creative
Author URI: http://www.yellowhawkcreative.com/
Tags: simple, two columns, white
*/

/* RESET CSS
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4 */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/* Master CSS for Mind|to|Mind
  Designed by Yellowhawk Creative, yellowhawk.com
  Crafted by cherrypj, cherrypj.com
  20 Oct 2009, v. 0.1
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body {background:url('images/bg-main-tl.gif') no-repeat top left; font-family:Georgia, serif; font-size:0.8em; margin:40px auto; text-align:center; width:775px; }
#wrap, #footer {margin:0 auto; position:relative; text-align:left; width:775px;}
#wrap {background:url('images/bg-main-br.gif') no-repeat bottom right; overflow:hidden; padding:50px; width:675px;}

/* Home page */
.home #wrap {min-height:550px;}
.home #logo {background:url('images/logo-home.gif') no-repeat; display:block; height:46px; margin:0 0 80px; text-indent:-3000em; width:253px;}
.home #nav_site {position:relative; z-index:100;}
.home #nav_site li {margin:15px 0;}
.home #nav_site a {color:#000; display:block; font-size:1.667em; text-decoration:none;}
.home #nav_site a:hover {color:#999;}
.home #nav_site a span {color:#999; display:block;}
.home #home_image {background:url('images/main-home.jpg') no-repeat bottom right; height:378px; position:absolute; bottom:2px; right:2px; width:566px; z-index:10;}

/* Internal Pages */
.page #logo, .single #logo, .page #logo a, .single #logo a, .blog #logo, .blog #logo a {background:url('images/logo-sub.gif') no-repeat; display:block; height:37px; margin:0 0 20px; outline:none; text-indent:-3000em; width:193px;}
.page #nav_site, .single #nav_site, .blog #nav_site {float:left;width:240px;}
.page #nav_site a, .single #nav_site a, .blog #nav_site a {color:#000; display:block; font-size:1.1em; line-height: 1.8em; font-weight:bold; text-decoration:none;}
.page #nav_site a:hover, .single #nav_site a:hover, .blog #nav_site a:hover {color:#999;}

/* Page sub nav sub links */
.page #nav_site ul ul li {margin-left: 20px;}
.page #nav_site ul ul li a {font-weight:normal;}

.page #content, .single #content, .blog #content {float:right;width:425px;}
.page #content h1, .single #content h1, .blog #content h1 {font-size:2.5em; margin:0 0 20px;}
.page #content h2 {font-weight:bold; text-transform:uppercase;}
.page #content img, .single #content img, .blog #content img {float:right; margin:0 0 20px 20px;}
#content p {margin:0 0 20px; line-height: 1.8em;}
#content strong {font-weight:bold;}
#content em {font-style:italic;}
#content ul,#content ol {margin-bottom:20px;}
#content ul li {list-style-type:disc; line-height: 1.8em;}
#content ol li {list-style-type:decimal;}
#content li {margin-left:20px;}
.page #content a, .single #content a, .blog #content a {color:#666;}
.navigation {display: block; margin-top: 5px; margin-bottom: 60px; }
.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}

/* Blog Posts */
.blog #content img, .single #content img {float:none; margin:0 0 20px;}
.blog #content h1, .single #content h1 {background:url('images/logo-blog.gif') no-repeat; height:81px; margin:-24px 0 20px; text-indent:-3000px; width:327px;}
.blog #content .entry, .single #content .entry {border-bottom:1px solid #e3e3e3;padding:30px 0;}
.blog #content h2, .single #content h2 {font-size:2.5em;}
.blog #content h3, .single #content h3 {font-size:1.5em;}
.blog #content .meta, .single #content .meta {color:#666; font-size:0.9167em; text-transform:uppercase;}
.blog #content .more, .single #content .more {text-transform:uppercase;}

/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}
/* End Form Elements */


/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Footer on all pages */
#footer {margin-top:10px; text-align:center;}
#footer div, #footer a {margin:0 5px;}
#footer div {display:inline;}
#footer a {color:#000; text-decoration:none;}
#footer .locality {margin-left:10px;}
#footer .org {text-transform:uppercase;}
#wpstats{display:none}

/* hide these elements */
#nav_access, #nav_access a, #footer p { background:none; clear:both; color:transparent; font-size:0; height:0; position:absolute; text-indent:-3000px; top:0; width:0; }
hr { background:none; clear:both; color:transparent; display:none; height:0; margin:0; }