/*

Theme Name: One on One Insights
Theme URI: n/a
Description: Customization of Default theme by Shawn and Dave.
Version: 1.0
Author: Shawn Ellsworth
Author URI:  http://www.innovaworks.ca
Tags: white, custom header, fixed width, two columns, widgets


	Insights v1.0
	http://www.innovaworks.ca

	This theme was originally designed and built by Michael Heilemann,
	whose blog you will find at http://binarybonsai.com/

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

*/



/* custom IDs and Classes */
.swap {text-indent: -2000em; z-index: 1000;}
#insightstitle {float: left; background: url(images/insights_title.gif) no-repeat; width: 212px; margin: 0; padding: 0; height: 68px;}
#followtitle {background: url(images/title_follow.gif) no-repeat; width: 136px; margin: 0; padding: 0; height: 60px;}
#tagcloudtitle {background: url(images/title_tagcloud.gif) no-repeat; width: 136px; margin: 0; padding: 0; height: 60px;}
#archivestitle {background: url(images/title_archives.gif) no-repeat; width: 136px; margin: 0; padding: 0; height: 50px; *height: 60px;}

#backleft {width: 194px; height: 64px; float: left;}

	#followus {margin: 0 10px 0 45px;}
		#followus a {margin-right: 5px;}

	#tagcloud {margin: 0 10px 0 45px;}
		#tagcloud a {color: #7e7e7e; font-weight: bold; text-transform: uppercase;}

	#archives {margin: 0;}
		#archives li {margin: 0 10px 0 45px;}

			#archives li a {float: left; width: 90px; color: #7e7e7e; font-weight: bold; text-transform: uppercase;}

p {margin: 0; padding: 0;}



/* built in IDs and Classes */
html {margin: 0; padding: 0;}
body {margin: 0 !important; padding: 0 !important; background: #C2272D; color: #111; font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-size: 11px;}

#page {background: #fff; text-align: left; margin: -10px auto 0 auto; padding: 0 0 10px 0; height: 100%; width: 960px;}

#header {margin: 0; padding: 0; width: 960px; height: 170px; *height: 200px;}
		#header h2#logo a {float: left; display: block; text-decoration: none; width: 195px; height: 129px; background: url(images/1.png) no-repeat; margin: 20px 0 0 0; padding: 0; text-indent: -2000em; z-index: 1000;}
		#header #righttop {float: left; display: block; margin: 0 0 0 40px; padding: 0; width: 460px; height: 130px;}
			#header #righttop h2#sitename a {float: left; background: url(images/righttop.png) no-repeat; margin-top: 10px !important; ;width: 450px; height: 96px; text-indent: -2000em; z-index: 1000;}

		 	#nav1 {*margin-left: -15px !important;}

			.topnav {display: inline; float: left; text-transform: uppercase; width: 92px; height: 30px; margin: 0; padding: 0;}
			.topnav li {text-align: left; font-size: 10px; letter-spacing: 0.75px; line-height: 1.15; _line-height: 1; margin: 0; padding: 0; list-style: none; font-weight: bold;}
			.topnav .parentlink a {color: #C2272D;}
			.topnav .parentlink a:hover {}
			.topnav a {color: #D59396; text-decoration: none;}
			.topnav a:hover {color: #FFC20E;}
			#insights {float: left; margin: 84px 1px 0 0;}

		#content {background: #fff; margin-left: 234px; clear: both; font-size: 1.2em; min-height: 520px;}
			.widecolumn .entry p {margin: 0; padding: 0; font-size: 1.05em;}
			.narrowcolumn .entry, .widecolumn .entry {line-height: 1.4em;}
			.widecolumn {line-height: 1.6em;}
			.narrowcolumn .postmetadata {text-align: left; /*text-transform: capitalize;*/ padding-bottom: 5px;}
			.narrowcolumn {float: left;	padding: 0;	margin: 0 0 0 40px; /*width: 470px;*/ width: 460px;}
			.widecolumn {padding: 0; margin: 0; width: 760px;}	

			

			.post {margin: 10px 0 20px 0; text-align: left;}
			.post hr {display: block;}
			.widecolumn .post {margin: 0;}
			.widecolumn .smallattachment {text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px;}
			.widecolumn .attachment {text-align: center; margin: 5px 0px;}

			.postmetadata {clear: both;}

			.thread-alt {background-color: #f8f8f8;}
			.thread-even {background-color: white;}
			.depth-1 {border: 1px solid #ddd;}
			.even, .alt {border-left: 1px solid #ddd;}

	

		#sidebar {padding: 10px 0 !important; margin-left: 720px; width: 230px;}
			#sidebar form {margin: 0;}



		#footer {clear: both; width:100%; height: 40px; margin: 15px auto; padding: 0; text-align: center; color: #111; text-transform: uppercase; font-weight: bold; letter-spacing: 2px;}
			#footer span {color: #7e7e7e;}


.entry p a:hover {color: #222;}

.sticky {background: #f7f7f7; padding: 0 10px 10px;}
	.sticky h2 {padding-top: 10px;}

.commentlist li, #commentform input, #commentform textarea {font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;}
	.commentlist li ul li {font-size: 1em;}
	.commentlist li {font-weight: bold;}
	.commentlist li .avatar {float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
	.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
	.commentlist p {font-weight: normal; line-height: 1.5em; text-transform: none;}
	#commentform p {font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
.commentmetadata {font-weight: normal;}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;}
code {font: 1.1em 'Courier New', Courier, Fixed;}
acronym, abbr, span.caps {font-size: 0.9em; letter-spacing: .07em;}
a, a:visited, h2 a:hover, h3 a:hover {color: #7e7e7e; text-decoration: none;}
a:hover {color: #111; text-decoration: underline;}


/*	Begin Headers */
h1, h2, h3 {font-weight: bold;}
	h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {text-decoration: none;	color: white;}
	h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {color: #111;}
	h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {text-decoration: none;}
	h1 {font-size: 4em; text-align: center; padding-top: 70px; margin: 0;}
	h2 {font-size: 1.4em; margin: 10px 0 0 0; text-transform: uppercase;}
	h2.pagetitle {font-size: 1.5em; margin-top: 15px; text-align: left;}
	h3 {font-size: 1.25em; text-transform: uppercase;}
	h3 {padding: 0; margin: 20px 0 0;}
		h3.comments {padding: 0; margin: 40px auto 20px ;}
/* End Headers */


/* Begin Images */
p img {padding: 0; max-width: 100%;}
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 */



/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}

html>body .entry li {margin: 7px 0 8px 10px;}

.entry ul li:before, #sidebar ul ul li:before {content: "\00BB \0020";}
.entry ol {padding: 0 0 0 35px; margin: 0;}
.entry ol li {margin: 0; padding: 0;}

.postmetadata ul, .postmetadata li {display: inline; list-style-type: none; list-style-image: none;}

#sidebar ul, #sidebar ul ol {margin: 0; padding: 0;}

#sidebar ul li {list-style-type: none; list-style-image: none; margin-bottom: 15px;}

#sidebar ul p, #sidebar ul select {margin: 5px 0 8px;}

#sidebar ul ul, #sidebar ul ol {margin: 5px 0 0 10px;}

#sidebar ul ul ul, #sidebar ul ol {margin: 0 0 0 10px;}
ol li, #sidebar ul ol li {list-style: decimal outside;}
#sidebar ul ul li, #sidebar ul ol li {margin: 3px 0 0; padding: 0;}
/* End Entry Lists */


/* 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 {margin: 5px 10px 0 0;}

	#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 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 */


/* Captions */
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;	
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
	.wp-caption img {margin: 0; padding: 0; border: 0 none;}
	.wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* End captions */


/* Begin Various Tags & Classes */

.clear {clear: both;}
.more-link {font-weight: bold;}

acronym, abbr, span.caps {cursor: help;}
acronym, abbr {border-bottom: 1px dashed #999;}
blockquote {margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0; display: block;}

.center {text-align: center;}
.hidden {display: none;}
small {font-size: 0.9em; line-height: 1.5em;}

.screen-reader-text {position: absolute; left: -1000em;}

hr {display: none;}
a img {border: none;}
.navigation {font-weight: bold; text-align: left; margin-top: 10px; padding-bottom: 80px;}
	.navigation a {color: #111 !important;}
	.navigation a:hover {color: #7e7e7e !important;}

.navigationalt {font-weight: bold; text-align: left; margin-top: 0; margin-bottom: 15px;}
	.navigationalt a {color: #111 !important;}
	.navigationalt a:hover {color: #7e7e7e !important;}

/* End Various Tags & Classes*/