/*
Theme Name: Colonnade Management Blog
Theme URI: http://www.colonnademanagement.ca/
Description: The Colonnade Management Blog
Author: Colonnade Management
Author URI: http://www.colonnademanagement.ca/
Tags: custom header, fixed width, two columns, widgets, css

	Untheme two-column
	http://www.colonnademanagement.ca/


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

*/
/* Start of CMSMS style sheet 'layout' */
/*CSS-reset*/

* { 
	margin: 0;
	padding: 0;
}

:focus {
outline: 0;
}

img {
	border: 0;
}




/* =Basic structure
---------------------------------------------------------------------------------------------------- */

body
{
	background: #fff url(images/body-bg.jpg) repeat-x top left;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #4d4d4f;
}

#top-container,
#container,
#bottom-container {
	margin-right: auto;
	margin-left: 	auto;
	width:		960px;
	padding-left:15px;
	padding-right:15px;
}

#top-container {
    background: url(images/top-container-bg.png) no-repeat bottom left;
	text-align: right;
}

#container {
    background: url(images/container-bg.png) repeat-y top left;
	text-align: left;
}


#bottom-container {
    background: url(images/bottom-container-bg.png) no-repeat top left;
	text-align: left;
}

/* =top container 
---------------------------------------------------------------------------------------------------- */

#top-container ul{
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
	padding-right: 30px;     
       padding-top:20px;
	}

#top-container ul li {
	float:left;
	margin: 0;
	padding: 0;
	padding-right: 15px;
}

#top-container ul li a,
#top-container ul li a:link,
#top-container ul li a:visited {
	display:block;
	background: url(images/sprite-top-tab.jpg) repeat-x 0px -25px; 
	font-size: 11px;
	font-weight: bold;
	color: #48231D;
	text-decoration: none;
	padding: 8px 0px 6px 0px;
	margin: 0;
	float:left;
        width:165px;
        text-align:center;
}

#top-container ul li a:hover,
#top-container ul li a.selectedPage {
	display:block;
	color: #DADFD8;
	background: url(images/sprite-top-tab.jpg) repeat-x 0 0; 
	text-decoration: none;
	padding: 8px 0px 6px 0px;
	margin: 0;
	float:left;
        width:165px;
        text-align:center;
}

/** fix ie bug with display:block; **/

* html #top-container li a { height: 1%; } 


/* =Header
---------------------------------------------------------------------------------------------------- */

#header {
	width: 960px;
	text-align: left;
	color: #808278;
}

#header-left {
float:left;
width:217px;
height: 104px;
}

#header-right {
float:left;
width:743px;
height:70px;
min-height: 70px;
}

#header-links {
float:left;
width: 350px;
padding: 30px 0px 0px 30px;
}

#header-links ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#header-links ul li {
	float:left;
	margin: 0;
	padding: 0;
	border-left: 1px solid #919488;
}

#header-links ul li:first-child {
	border-left: none;
}

#header-links ul li a,
#header-links ul li a:link,
#header-links ul li a:visited {
	font-size: 10px;
	color: #919488;
	text-decoration: none;
	padding: 0px 6px 0px 6px;
	margin: 0;
	text-transform: uppercase;
}

#header-links ul li a:hover {
	color: #AA6D3E; 
	text-decoration: none;
	padding: 0px 6px 0px 6px;
	margin: 0;
}

#header-blog {
float:left;
width:108px;
padding-top:15px;
padding-bottom:10px;
}

.sprite-blog a {
	text-decoration: none;
	background: url(images/sprite-blog.jpg) no-repeat -54px 0px;
	text-indent: -9999px;
	display: block;
	width: 52px;
	height: 45px;
	overflow: hidden;
}

.sprite-blog a:hover {
	background: url(images/sprite-blog.jpg) no-repeat -54px 0px;
}

#header-search {
float:left;
width:253px;
padding-top:20px;
}


/* =Banner
---------------------------------------------------------------------------------------------------- */

#banner {
width:960px;
}

/* Start Navigation: Main Menu 
---------------------------------------------------------------------------------------------------- */

#main_navigation {
width: 100%;
	margin: 0;
	padding: 0;
	background: #fff url(images/main-nav-bg.jpg) repeat-x top left;
}

ul#primary-nav{
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#primary-nav li {
/* floating left will set menu items to line up left to right else they will stack top to bottom */
	float: left;
/* no margin/padding keeps them next to each other, the padding will be in the "a" */
	margin: 0;
	padding: 0;
	border-left: 1px solid #ccc;
}

ul#primary-nav li:first-child,
{
	border-left: none;
}

/* set the "a" link look here */
ul#primary-nav li a {
	color:#231F20;
	text-transform: uppercase;
	font-weight: normal;
   /* ZZ OLD padding: 12px 24px 8px 24px; changed for it to work in Safari on MAC */
	padding: 12px 20px 8px 19px;
	display: block;
	text-decoration: none;
	font-size:11px;
	margin:0;
}
ul#primary-nav li a:hover {
	color:#AA6D3E;
	text-decoration:none;
}

ul#primary-nav li a.menuactive {
	color: #AA6D3E;

}
ul#primary-nav li a.menuactive:hover {
	color: #AA6D3E;
}

/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
/* set your image here, dark grey image */
	color: #AA6D3E
}

/* End of 'Navigation: Main Menu' */


/* =Content
---------------------------------------------------------------------------------------------------- */

#content {
	width: 960px;
	background: url(images/content-bg.jpg) repeat-y top left;
}


/* Start of  Left Navigation 
---------------------------------------------------------------------------------------------------- */
#left-nav {
	width: 218px;
	float:left;
	text-align:left;
	padding-top: 60px;
padding-bottom:15px;
}


#left-nav h1,
h1.left-nav-section-title,
h1.left-nav-section-title a {
	text-transform: uppercase;
       font-size: 12px;
	font-weight:bold;
	padding-bottom:0px;
	color: #231F20;
}

#left-nav h1.left-nav-section-title a.currentSection {
	text-transform: uppercase;
       font-size: 12px;
	font-weight:bold;
	color: #AA6D3E;	
        padding: 5px 3px 5px 30px;
	background: #fff url(images/left-nav-on.jpg) repeat-x top left;
	
	display: block;
	text-decoration: none;
}


/* fix  IE6 bug with display:block; */

* html #left-nav h1
{
	height: 1%;
}

* html #left-nav h1 a
 {
	height: 1%;
}

/** end fix **/


/* End of 'Navigation: Left Navigation' */


/* =breadcrumbs
---------------------------------------------------------------------------------------------------- */

.breadcrumbs {
font-size:9px;
text-transform:uppercase;
margin-bottom:12px;
color: #919488;
}

.breadcrumbs a,
.breadcrumbs a:link,
.breadcrumbs a:visited{
font-size:9px;
	color: #919488;
	text-decoration:	none;
	outline: none; 
margin-right:3px;
margin-left:3px;
}
	
.breadcrumbs a:hover {
	color: #AA6D3E;
	text-decoration: none;
	outline: none; 
margin-right:3px;
margin-left:3px;
}


.breadcrumbs .lastitem {
margin-left:3px;
color: #AA6D3E;
}


/* =Column styles where the copy goes
---------------------------------------------------------------------------------------------------- */


#narrow-column {
	width: 447px;
	float:left;
	text-align:left;
	padding: 15px 25px 15px 25px;
    /* ie 6 fix for italic text */
       overflow: hidden;
	o\verflow: visible;
	zoom: 1;
}

/* =Sidebar
---------------------------------------------------------------------------------------------------- */

#sidebar {
	background: url(images/sidebar-hr-rule.png) no-repeat top center;
	float:right;
	text-align: left;
	width:185px;
	padding:0px 30px 15px 30px; 
	margin-top:67px;
  /* ie 6 fix for italic text */
       overflow: hidden;
	o\verflow: visible;
	zoom: 1;
}

/**/#sidebar ul,
#sidebar li {
	list-style-type: none;
	padding:0;
	margin:0;
}




.sidebar-block {
background: url(images/sidebar-hr-rule.png) no-repeat bottom center;
width:160px;
padding: 8px 0px 8px 25px;
}

#sidebar h2 {
	font-size: 17px;
	font-weight: normal;
	color: #AA6D3E;
	padding-bottom:10px;
	padding-top:0;
}


  /* This fixes the extra break that appears in random global content block function */

.sidebar-block br {
font-size:0;
display: none;
}


.sidebar-block-links p {
padding-bottom:0px;
}



/* =footer
---------------------------------------------------------------------------------------------------- */

#footer
{
	width:	960px;
	color: #919488;
	text-align:left;
	font-size: 10px;
}

#footer-left {
float:left;
width:720px;
padding: 0px 0px 15px 15px;
margin-top:30px;

}

#footer-left ul{
	margin: 0;
	padding: 0;
	list-style: none;
        clear:both;
	}
	
#footer-left ul li {
	float:left;
	margin: 0;
	padding: 0;
	border-left: 1px solid #919488;
        margin-bottom: 6px;
}

#footer-left ul li:first-child {
	border-left: none;
}

#footer-left ul li a,
#footer-left ul li a:link,
#footer-left ul li a:visited {
	font-size: 10px;
	color: #919488;
	text-decoration: none;
	padding: 0px 6px 0px 6px;
	margin: 0;
	text-transform: uppercase;
}

#footer-left ul li a:hover {
	color: #AA6D3E; 
	text-decoration: none;
	padding: 0px 6px 0px 6px;
	margin: 0;
}

#footer-left p {
padding-left: 6px;
clear: both;

}

#footer-right {
	float:right;
	width:200px;
	padding: 30px 25px 15px 0px;
	text-align: left;
}

#footer a,
#footer a:link,
#footer a:visited{
	color: #919488;
	text-decoration:	none;
	outline: none; 
}
	
#footer a:hover {
	color: #AA6D3E;
	text-decoration: none;
	outline: none; 
}

/* =Text Styles
---------------------------------------------------------------------------------------------------- */

h2, h3, h4, h5 {
	color: #411C1A;
}

h2,
h2 a,
h2 a:link,
h2 a:visited{
	font-weight:normal;
	font-size:21px;
	text-transform: none;
	padding-bottom:12px;
	color: #411C1A;
	text-decoration: none;
}

h2 a:hover{
        color: #AA6D3E
}


h3{ 
	font-size: 14px;
	font-weight:bold;
	padding-bottom:12px;
	color: #411C1A;
}


h4{ 
	font-size: 14px;
	font-weight:bold;
	padding-bottom:12px;
        color: #AA6D3E
}

h5{
	font-size: 12px;
	font-weight:bold;
	color: #411C1A;
	padding-bottom:6px;
}

p  {
	line-height: 16px;
	padding-bottom: 12px;
}

ul {
	list-style-type: 	disc;
	font-weight:			normal;
	font-style:				normal;
	margin-left: 			15px;
	padding: 5px 0 10px 15px;
} 


ul.line-height {
        line-height: 16px;
}

ol {
	font-weight:			normal;
	font-style:				normal;
	margin-left: 			15px;
	padding: 5px 0 10px 15px;
} 

li li {
     list-style-type:circle;
}

.listWithdoubleLineSpace {
        line-height: 16px;

}

.listWithdoubleLineSpace li
 {
	list-style-type: 	disc;
	font-weight:			normal;
	font-style:				normal;
	margin-bottom: 			12px;
        line-height: 16px;
} 


.padding {
padding: 5px;
}

blockquote {
font-style:italic;
width:95%;
font-size: 12px;
line-height: 22px;
font-weight: bold;
color: #AA6D3E;
}

blockquote p {
line-height: 20px;
}


/* =Link Styles
---------------------------------------------------------------------------------------------------- */

a,
a:link,
a:visited{
	color: #AA6D3E;
	text-decoration:	none;
	outline: none; 
}
	
a:hover {
	color: #AA6D3E;
	text-decoration:	underline;
	outline: none; 
}

a img {
	border: none;
	outline: none;
}

a.link-arrow-icon { 
	padding: 5px 20px 0px 0px;
	background: url(images/sprite-link-arrow-icon-off.png) no-repeat bottom right;
	color: #808278;
	text-decoration: none;
}


.link-arrow-icon:hover { 
	padding: 5px 20px 0px 0px;
	background: url(images/sprite-link-arrow-icon-on.png) no-repeat bottom right;
	color: #AA6D3E;
	text-decoration: none;
}

/* =Generic Text/Image Treatments and Alignments
---------------------------------------------------------------------------------------------------- */
	
strong { font-weight: bold; }
b { font-weight: bold;}
i { font-style: italic; }
.bold{ font-weight: bold;}
.italic{ font-style: italic; }
.lowercase {text-transform: lowercase;}
.uppercase {text-transform: uppercase;}
.textalign-left {text-align:left;	}
.textalign-right {text-align:right;	}
.textalign-center {	text-align:center;	}
.float-left, .alignleft {float:left;	}
.float-right, .alignright {float:right;	}
.error {color:#F00;}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.center {
	text-align: center;
	}

.image-float-left {float:left; margin: 5px 10px 5px 0px; }
.image-float-right {float:right; margin: 5px 0px 5px 10px;}


.disclaimer,
.footnote,
.text-small,
.copyright{
	font-size: 90%;
}

.color-blue {
	color: #5D87A1;	
}

.color-light-brown {
color: #AA6D3E;
}

.color-dark-brown {
color: #48231D;
}




/* =Spacing and Clearing Styles
---------------------------------------------------------------------------------------------------- */		

.singleLineBreak {
	margin:0;
	padding:0;
	}
	
.marginZero {
	margin:0;
	padding:0;
	}

.marginLeft {
	margin-left:10px;	
}

	
.marginRight {
	margin-right:10px;	
}

.spacer,
.clear {
	clear: both;
	margin:0;
	padding:0;
}

.clear-icons {
	clear: both;
	margin:0;
	padding:0;
	font-size:0;
}

.padding {
	padding: 5px;
	}
	
/* =Lines
---------------------------------------------------------------------------------------------------- */

hr {
	color: #404041;
	background-color: #404041;
	border: 0;
	height: 1px;
	margin: 5px 0 10px 0;
} 

div.hr {
width: 100%; 
height: 1px; 
border: 0; 
background-color: #404041;
margin-top: 12px; 
margin-bottom:12px;
}


/* =Forms
---------------------------------------------------------------------------------------------------- */


table.tblForms {
width:447px;
border-right: 16px solid #AA6D3E;
border-bottom: 5px solid #AA6D3E;
border-left: 5px solid #AA6D3E;
}

table.tblForms td.td_formLabel {
vertical-align: top;
text-align: right;
padding: 8px 0px 4px 30px;
}

table.tblForms td.td_formField {
vertical-align: top;
text-align: left;
padding: 8px 0px 4px 10px;
}

fieldset {
	border: none;
margin:0;
padding:0;
}

legend {
	font-size: 14px;
	font-weight:bold;
	padding-bottom:12px;
	color: #AA6D3E;
}

label{
font-weight: normal;
}


table.tblForms td input{
width: 250px;
margin-bottom: 5px;
}

input[type="text"],
input.textfield,
input[type="password"],
input.password,
input[type="file"],
input.fileupload
   {
	background: url(images/input-bg.jpg) repeat-x top left;
	border: none;
	border-bottom: 1px solid #DADFD8;
	color: #404041;
	padding:3px;
}

textarea,
.textarea  {
	background: url(images/textarea-bg.jpg) repeat-x top left;
	border: none;
	border-bottom: 1px solid #DADFD8;
	color: #404041;
	width: 250px;
	height: 100px;
	margin-bottom: 15px;
}

input.submit-button {
	background: url(images/btn-submit.jpg) no-repeat 0 0;
	border: none;
	cursor: pointer;
	display: block;
	height: 40px;
	overflow: hidden;
	padding: 0;
	margin: 6px 30px 0 4px;
	text-indent: -9999px;
	width: 70px;
}

input.submit-button:hover {
	background: url(images/btn-submit.jpg) no-repeat -157px 0px;
	}
/* End of 'layout' */


/* =Styles from Wordpress
---------------------------------------------------------------------------------------------------- */

.nextPrevious-navigation,
.nextPrevious-navigation a{
	font-size: 11px;
	
}

.postmetadata{
	font-size:11px;
	font-style: italic;
}

	
.commentmetadata{
	font-size:11px;
}


.feedburnericon {
	margin-right:15px;
	float:left;
}