/* 
	Theme Name: Tiny Bites Consulting
	Description: Custom theme for tinybites.ca once derived from Brian Gardner's Vertigo theme.
	Author: Karen Hamilton of Tiny Bites Consulting
	Author URI: http://tinybites.ca/
	Version: 2.0
		
	
	Changelog:
        v1.0 - 03.14.08
        First Release of Tiny Bites modification
		
		v2.0 - 02.26.09
		Complete overhaul for Tiny Bites Consulting. Wireframe re-write
		
		
	Notes:
	
		Width comments are expressed in the following syntax: desired region width - left margin - right margin - left border - right border - left 			padding - right padding = width value
*/

body {
	color: #000000;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 0 auto 0;
	padding: 0;
	background-color: white;
}
#pagewrap {
	width: 1100px;
	margin: 0 auto 0;
	padding: 0;
}
#leftcolumn {
	float: left;
	width: 130px; /* total width 150px - 0 - 0 - 0 - 0 - 10 - 10 = 130px */
	padding: 0 10px 0 10px;
}
#maincolumn {
	float: left;
	width: 778px; /* total width 800px - 0 - 0 - 1 - 1 - 0 - 0 = 778px */
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	border-top: none;
	border-bottom: none;
	background-color: white;
}
#rightcolumn {
	float: left;
	width: 140px; /* total width 150px - 0 - 0 - 0 - 0 - 10 - 0 = 140px */
	padding: 0 0 0 10px;
}
#rightcolumn img {
	border: none;
}

#rightcolumn ul.promo-sidebar {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	}
	
#rightcolumn .widget h2 {
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	font-size: 16px;
	margin-top: 20px;
	}
	
.clear {
	clear: both;
}
.centre {
	text-align: center;
}
/***************
***Hyperlinks***
***************/

a, a:link, a:visited {
	color: #009442;
	text-decoration: none;
}
a:hover {
	color: #ff5533;
}
/* LEFT COLUMN STYLES */

#leftcolumn #photostream {
	width: 100%;
	margin: 160px 0 0 0;
	text-align: center;
}
#leftcolumn #photostream img {
	border: none;
}
/* MAIN COLUMN STYLES */




/************
***Top Nav***
*************/

#toprow {
	color: #0d494a;
	min-height: 1em;
	margin: 0;
	padding: 5px 10px 0 10px;
	overflow: hidden;
	font-size: 12px;
}
#toprow p {
	float: left;
	margin: 0;
	display: none;
}
#toprow ul#topnav {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
}
#toprow ul#topnav li {
	display: inline;
	padding: 0 0 0 10px;
}
/***********
***Header***
***********/

#header {
	height: 90px;
	padding: 0 10px 0 10px;
	overflow: hidden;
	background-color: white;
}
#header img {
	padding: 15px 0 0 0;
	border: none;
	float: left;
}
#header a {
	border: none;
}
#header h1 { /* text page heading behind text logo for screen readers */
	float: left;
	visibility: hidden;
	color: red;
}
#header #searchformtop {
	float: right;
	margin: 30px 0 0 0;
}
/**************
***Main Menu***
**************/

#navrow {
	color: white;
	background-color: #0d494a;
	min-height: 1em;
	margin: 0;
	padding: 10px;
	overflow: visible; /* let drop-downs show */
}
#navrow ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
#navrow li {
	float: left;
	position: relative;
	z-index: 50; /* display over any video or multimedia layers in content below nav */
}
#navrow li ul {
	display: none;
	position: absolute;
	margin-left: -10px; /* to force flush left alignment of child items with parent item */
	padding: 10px 5px 5px 10px;
}
#navrow li:hover ul, #navrow li.over ul  /*the .over class is needed to call the corresponding javascript for IE 6 compliance */ { /* display pull-down menu when mouse hovers over parent menu item */
	display: block;
}
#navrow a {
	color: white;
	text-transform: uppercase;
	letter-spacing: 1px;
}
#navrow a:hover {
	color: #ff5533;
}
#navrow ul ul { /*drop-down bg color */
	background-color: #0d494a;
}
#navrow ul li {
	padding: 0 20px 0 0;
}
#navrow ul li li {
	padding: 0 0 7px 0;
}


/***Sticky Messages***/

#announcement blockquote#sticky {
	padding: 5px 5px 5px 10px; 
	border: none; 
	background-image: none;
	background-color: #eeffee; 
	border-left: 3px solid #66cc99; 
	margin-top: 10px;
	height: auto;
	}


/************
***Content***
************/
	
#content {
	width: 778px; /* parent width 778px - 0 - 0 - 0 - 0 - 0 - 0 = 778px */
	margin: 0 auto 0;
	padding: 0;
}
#content p {
	padding: 0 0 15px 0;
	margin: 0;
	line-height: 20px;
}
#content li {
	line-height: 20px;
}
#content h1, #content h2, #content h3, #content h4, #content h5 {
	color: #000000;
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
	font-weight: normal;
}
#content p img, #content img {
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	border: 1px solid #c0c0c0;
	padding: 5px;
}

#content p img.nofloat, #content img.nofloat { float: none !important; clear: both; }
#content p img.noborder, #content img.noborder { border: none !important; }

#content h3 img { /* don't style time and comment icons in #contentleft */
	border: none;
	margin: 0;
	padding: 0;
	float: none;
}
#content p.photocaption {
	clear: both;
	font-style: italic;
	text-align: right;
	font-size: 0.95em;
	margin-top: 0;
	padding-top: 0;
}
#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0;
	margin: 0;
}
#content img.wp-wink {
	float: none;
	border: none;
	padding: 0;
	margin: 0;
}
#contentleft {
	float: left;
	width: 510px; /* desired width 510px - 0 - 0 - 0 - 0 - 10px - 0 = 500px */
	margin: 0;
	padding: 0 0 20px 10px;
}
#contentleft h2 {
	font-size: 22px;
	margin: 25px 0 0 0;
	padding: 20px 0 10px 0;
	border-top: 1px solid #66cc99;
}
#contentleft h2.firstpost {
	border-top: none;
	margin: 0;
	padding: 18px 0 10px 0;
}
#contentleft h2 a {
	text-decoration: none;
}
#contentleft h2 a:hover {
	text-decoration: underline;
}
#contentleft h3 {
	font-size: 1.5em;
	padding: 20px 0 5px 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #C0C0C0;
}
#contentleft h3.subheading {
	font-size: 1.15em;
	padding: 0;
	margin: -5px 0 20px 0;
	border-bottom: none;
}
#contentleft h3.subheading img.dateicon {
	margin: -5px 7px 0 15px;
}
#contentleft h3.subheading img.commenticon {
	float: left;
	margin: 0 5px 0 0;
	border: none;
}
#contentleft h3.subheading img.authoricon {
	margin: -7px 2px 0 15px;
	border: none;
}
#contentleft h4, #contentleft h5 {
	font-weight: bold;
}
#contentleft h4 {
	font-size: 1.2em;
	margin: 10px 0 10px 0;
}
#contentleft h5 {
	font-size: 1em;
	margin: 10px 0 10px 0;
	padding: 0;
}
#contentleft ol {
	margin: 0 0 0 20px;
	padding: 0 0 10px 0;
}
#contentleft ol li {
	margin: 0 0 0 20px;
	padding: 0 0 5px 0;
}
#contentleft ul {
	list-style-type: disc;
	margin: 0 0 0 20px;
	padding: 0 0 10px 0;
}
#contentleft ul li {
	margin: 0 0 0 20px;
	padding: 0 0 5px 0;
}
blockquote {
	margin: 0 25px 15px 25px;
	padding: 0 25px 0 10px;
	background: none;
	border: 1px solid #999;
}
#content blockquote p {
	margin: 0 0 10px 0;
	padding: 10px 0 0 0;
}
#contentleft div.dish {
	clear: both;
	margin: 0;
	padding: 0;
}
#contentleft div.dish a {
	border: none;
}
#contentleft div.dish h4 {
	margin: 0 0 10px 0;
	padding: 0;
}
#contentleft div.dish img {
	float: right;
	margin: 14px 0 20px 20px;
	padding: 5px;
	border: 1px solid #ccc;
}
#contentleft div.dish p {
}
#contentleft div.dish p.description {
	font-style: italic;
	margin: -10px 0 0 0;
	padding-top: 0;
}
/************
***Sidebar***
************/

#sidebar {
	float: right;
	width: 225px; /* desired width 235px - 0 - 0 - 0 - 0 - 0 - 0 = 225px. Leftover width between contentleft and sidebar: 778 - 510 - 235 = 33px of column padding */
	margin: 0;
	padding: 0 10px 20px 0;
}
#sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4 {
	font-size: 1.3em;
}
#sidebar h2 {
	font-size: 1.3em;
	padding: 10px 0 5px 0;
	margin: 0 0 5px 0;
	border-bottom: 1px solid #C0C0C0;
}
#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	padding: 10px 0 0 0;
	margin: 0;
}
#sidebar ul li a {
	text-decoration: none;
}
#sidebar ul li a:hover {
	text-decoration: underline;
}
#sidebar ul ul.children {
	padding-top: 0;
}
#sidebar ul ul.children li {
	padding-left: 20px;
}
#sidebar p {
	padding: 3px 0 0 0;
	margin: 0;
	line-height: 20px;
}
#sidebar p#flickrwidget {
	padding: 20px 0 0 20px;
}
/************
***Footer***
************/

#footerbg {
	border-top:  1px dotted #aaa;
}
#footer {
	height: 210px;
	min-height: 210px; 
	background: #f1f1f1;
	color: #555;
	margin: 0 auto 0;
	text-align: left;
	position: relative;
	line-height: 17px;
	border-top:  1px solid #ccc;
}
#footerbottom {
	border-top: 1px solid #ccc;
	clear: both;
	background: none;
	text-align: center;
}
#footer p {
	padding: 3px 0 0 0;
	list-style-type: none;
	margin: 0;
}
#footer h2 {
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-weight: bold;
	border-bottom: 1px solid #eee;
	padding: 0 0 2px 0;
	margin: 15px 0 0 0;
	text-transform: uppercase;
}
#footer ul.blogroll {
	margin-top: -10px;
}
#footer a {
}
#footer a:hover {
}
#footer ul {
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
}
#footer ul li {
	padding: 10px 0 0 0;
	margin: 0;
}
#footer ul li a {
}
#footer ul li a:hover {
}
#footerleft {
	float: left;
	width: 230px;
	margin: 0 35px 0 10px;
	padding: 0;
}
#footermiddle {
	float: left;
	width: 230px;
	margin: 0 30px 0 0;
	padding: 0;
}
#footerright {
	float: right;
	width: 230px;
	margin: 0 10px 0 0;
	padding: 0;
}


/* this page footer is outside of main column so that it doesn't have hairlines on either side */

#pagefooter {
	clear: both; 
	text-align: center; 
	padding: 5px; 
	margin: 0;
	}
	
#pagefooter img {
	border: none;
	}


/***********
***Search***
***********/

#searchdiv {
	margin: 0;
	padding: 0;
}
#searchform {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#s {
	background: white;
	width: 215px;
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 4px;
	margin: 7px 0 0 0;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#sbutt {
	background: #878787;
	color: white;
	font-size: 11px;
	font-family: Verdana, Helvetica, Sans-Serif;
	padding: 1px;
	margin: 0 0 0 5px;
	border: 1px solid #333333;
}
/*************
***Comments***
*************/
	
#commentblock {
	background-color: #f1f1f1;
	color: #000000;
	padding: 20px 20px 10px 20px;
	margin: 10px 0 0 0;
}
#commentblock ol {
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}
.commentdate {
	font-size: 12px;
	padding-left: 0;
}
#commentlist li p {
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0;
}
.commentname {
	color: #333333;
	margin: 0;
	padding: 5px 5px 5px 0;
}
.commentinfo {
	clear: both;
}
.commenttext {
	clear: both;
	margin: 3px 0 10px 0;
	padding: 20px 10px 5px 10px;
	width: 380px;
	background: white url(images/comment.gif) no-repeat top;
}
.commenttext-admin {
	clear: both;
	margin: 3px 0 10px 0;
	padding: 20px 10px 5px 10px;
	width: 380px;
	background: white url(images/comment.gif) no-repeat top;
}
#commentsformheader {
	padding-left: 0;
}
#commentsform {
	text-align: center;
	margin: 0;
	padding: 0;
}
#commentsform form {
	text-align: left;
	margin: 0;
}
#commentsform p {
	margin: 0;
}
#commentsform form textarea {
	width: 99%;
}
p.comments_link img {
	margin: 0;
	padding: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/* RIGHT COLUMN STYLES */

/***********#
***Sticker***
*********#**/

#sticker {
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: visible;
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
}
#sticker img {
	border: none;
}
#sticker a {
	border: none;
}
/* THE FOLLOWING STYLES SHOULD BE PLACED INTO SEPARATE STYLESHEETS */


/************************
***Food Blog Overrides***
************************/

body.food a, a, a:link, a:visited {
	color: #ff5533;
}
body.food a:hover {
	text-decoration: underline;
}
body.food #contentleft a:hover {
	text-decoration: underline;
}
body.food #navrow, body.food #navrow ul ul {
	background-color: #009442;
	overflow: visible; /* let drop-downs show */
}
body.food #navrow a:hover {
	color: #66cc99;
}
body.food #footer a {
}
/************************
***Consulting Page Overrides***
************************/

body.consulting #leftcolumn #photostream {
	visibility: hidden; /* don't show div but still force it to take up space, letting rest of page center correctly */
}

body.consulting a, a, a:link, a:visited {
	color: #009442;
}
body.consulting a:hover {
	color: #ff5533;
	text-decoration: none;
}
body.consulting #contentleft a:hover {
	color: #ff5533;
	text-decoration: none;
}
body.consulting #sidebar a:hover {
	color: #ff5533;
	text-decoration: none;
}
body.consulting #toprow a {
	color: #ff5533;
}
body.consulting #toprow a:hover {
	text-decoration: underline;
}
body.consulting #footer a:hover {
	color: #ff5533;
	text-decoration: none;
}

body.consulting blockquote {
	min-height: 75px;
	color: #333;
	background-image: url('images/blockquote.gif');
	background-repeat: no-repeat;
	line-height: 1.5em;
	font-size: 1.2em;
	border: none;
	margin: 10px 0 10px 0;
	padding: 5px 0 0 0;
}

body.consulting p.quotesource {
	margin: -10px 0 0 0;
	padding: 0;
	}

/****
***Home Page Overrides***
***/

body.home #leftcolumn #photostream {
	visibility: hidden; /* don't show div but still force it to take up space, letting rest of page center correctly */
}
#homefarleft, #homeinnerleft, #homeinnerright, #homefarright {
	height: 210px;
	min-height: 230px;
	margin-bottom: 20px;
	overflow: hidden;
}
#homefarleft img, #homeinnerleft img, #homeinnerright img, #homefarright img {
	border: none;
}
#homefarleft a:hover, #homeinnerleft a:hover, #homeinnerright a:hover, #homefarright a:hover {
	color: #ff5533;
}
#homefarleft h3, #homeinnerleft h3, #homeinnerright h3, #homefarright h3 {
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
	font-weight: normal;
	font-size: 15px;
}
#homefarleft {
	width: 174px;
	float: left;
	border-right: 1px solid #ddd;
	padding: 0 10px 10px 10px;
	line-height: 1.5em;
}
#homeinnerleft {
	width: 173px;
	float: left;
	border-right: 1px solid #ddd;
	padding: 0 10px 10px 10px;
	line-height: 1.5em;
}
#homeinnerright {
	width: 173px;
	float: left;
	border-right: 1px solid #ddd;
	padding: 0 10px 10px 10px;
	line-height: 1.5em;
}
#homefarright {
	width: 175px;
	float: left;
	padding: 0 10px 10px 10px;
	line-height: 1.5em;
}
body.home #footerbottom {
	border-bottom: 1px solid #ccc;
}
body.home #featured {
	background-color: #663366;
	background-image: url('images/featured-bg.jpg');
	margin: 1px 0 0 0;
	padding: 0;
	height: 175px;
}
body.home #featured #headline {
	height: 50px;
	background-color: #222;
	opacity: 0.80;
	overflow: hidden;
	position: relative;
	top: 125px;
	margin: 0;
	padding: 0;
}
body.home #featured #headline p#headlinetitle a {
	color: #ff5533;
}
body.home #featured #headline p#headlineexcerpt a {
	color: #eee;
}
body.home #featured #headline p#headlinetitle a:hover, body.home #featured #headline p#headlineexcerpt a:hover {
	color: #ff5533;
}
body.home #featured #headline p {
	margin: 0;
	text-align: right;
}
body.home #featured #headline p#headlinetitle {
	font-size: 16px;
	font-weight: bold;
	color: #ff5533;
	padding: 5px 10px 0 10px;
}
body.home #featured #headline p#headlineexcerpt {
	font-size: 14px;
	color: white;
	padding: 2px 10px 5px 10px;
}
body.home #blurb {
	font-family: Century Gothic, Verdana, Arial, Sans-Serif;
	padding: 0 10px 0 10px;
}
body.home #blurb h2 {
	font-size: 17px;
	font-weight: normal;
}
body.home .imgplaceholder {
	width: 100%;
	height: 50px;
	margin: 0;
	padding: 0;
}