/*
Theme Name: TMM Clean Blue
Theme URI: http://www.tmmedia.ca/
Description: A clean, blue corporate feel for helping support the new 2009 logo and design.
Version: 1.5
Authors: Paul Romein, Tim Schafli
Tags: clean, blue, corporate
*/



/*****************
	STRUCTURE
*****************/

#header{
	position: absolute;
	top: 0px;
	left: 75px;
	height: 140px;
	width: 865px;
}

.headerimg{
	position: fixed;
	margin: 15px 0 0 12px;
	top: 0;
	left: 0;
	height: 370px;
	width: 50px;
	border: 0;
}


#menu{
	position: absolute;
	top: 75px;
	left: 75px;
	height: 45px;
	width: 795px;
}

#page{
	position: absolute;
	top: 120px;
	left: 75px;
	height: 500px;
	width: 824px;
}


/****************************
	REGULAR TAG FORMATTING
****************************/
a{
	color: #1386bf;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

.no_hover_underline:hover{
	text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{
	text-decoration: none;
}

h2{
	font-family: 'Arial','Verdana','Sans Serif MS';
	color: #689DC9;
	margin: 10px 0 15px 36px;
	padding: 0;
	font-size: 30px;
}

h2 a{
	color: #689DC9;
	text-decoration: none;
}

h3{
	font-family: 'Arial','Verdana','Sans Serif MS';
	color: #979797;
	font-size: 18px;
	margin: 12px 0 0 36px;
	padding: 0;
}

h3 a{
	color: #979797;
	text-decoration: none;
}

h5{
	font-family: 'Verdana','Arial','Sans Serif MS';
	color: #B00000;
	font-size: 14px;
	margin: 12px 0 24px 36px;
	padding: 0;
}

p{
//	text-indent: 36px;
	margin-bottom: 24px;
}

.noindent{
	text-indent: 0;
}

img{
	border: 1px solid #898989;
}
#content a img:hover{
	/*border: 1px solid #92b8cf;*/
	text-decoration: none;
}

small{
	padding-bottom: 0;
	margin-bottom: 0;
}

blockquote {
	margin: 12px 24px 12px 24px;
	padding: 0;
	font: italic 1.4em Georgia, "Times New Roman", Times, serif;
	color: #999999;
	}

blockquote p{
	text-indent: 0;
}

blockquote:first-letter, blockquote p:first-letter {
	background: url('images/open-quote.png') no-repeat left top;
	padding-left: 18px;
	font: italic 1.5em Georgia, "Times New Roman", Times, serif;
}

acronym{
	border: 0;
}


/**********************
	MISC FORMATTING
**********************/

body{
	margin: 0;
	padding: 0;
	font-family: 'Verdana','Arial','Sans Serif MS';
	font-size: 0.8em;
	color: #606060;
	background: #FFFFFF url('images/main-bg.jpg') repeat-y left top;
}

#header{
	background: #FFFFFF url('images/header-bg.jpg') no-repeat right top;
	text-indent: -9999px;
}

#content{
	padding-top: 3px;
	padding-bottom: 36px;
	/* min-height: 500px; */
}

h2 + small, h3 + small, h4 + small{
	padding-left: 72px;
}

.narrow-column-left h2, .narrow-column-right h2, .narrow-column-left .post #submenu, .narrow-column-right .post #submenu{
	padding-top: 12px;
}

.wide-column .fbPreview{
	width: 480px;
	height: 270px;
	padding-right: 72px;
	background: url('images/click-to-play.jpg') no-repeat right top;
}

.narrow-column-left .fbPreview, .narrow-column-right .fbPreview{
	width: 360px;
	height: 180px;
	padding-right: 72px;
	background: url('images/click-to-play-small.jpg') no-repeat right top;
	//position: relative;
	//left: -36px;
}

#shadowbox_nav_close a{
	font-size: 18px;
}

#shadowbox_nav_close span.shortcut{
	font-size: 22px;
}

.password-box{
	margin: 24px 0 24px 36px;
}

.post-edit-link{
	color: #e6a83c;
}

.column{
	width: 180px;
	float: left;
}

#content #searchform{
	padding: 12px 0 12px 72px;
}

#sidebar #searchform{
	padding: 12px 0 12px 0;
}

#footer{
	clear: both;
	background: #979797;
	color: #5d5d5d;
	padding: 0 5px 12px 5px; // Top Padding set by font size of h2
}

#footer .column{
	width: 180px;
	float: left;
}

#footer h2{
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	font-size: 18px;
}

#footer h3{
	font-size: 1.0em;
	font-family: 'Verdana','Arial','Sans Serif MS';
	color: #DADADA;
}

#footer a{
	color: #5D5D5D;
}

#footer p{
	clear: both;
	padding-top: 12px;
	color: #DADADA;
}

#footer ul{
	margin: 0;
	padding: 0 0 0 36px;
	list-style-type: none;
}

#footer ul li{
	margin: 0;
	padding: 0;
}

#site_message{
	position: absolute;
	top: 24px;
	left: 180px;
	width: 400px;
	border: 1px solid #e6db55;
	background-color: #fffbcc;
	padding: 6px;
}

img.sidebar_portfolio_preview{
	width: 240px;
	height: 135px;
}

.bannerlarge{
	margin: 11px 11px 11px 11px;
	border: 1px solid #898989;
}
.bannersmall{
	margin: 11px 11px 11px 11px;
	border: 1px solid #898989;
}

.floatright{ float: right; }
.floatleft{  float: left;  }

.alignright{ float: right; }
.alignleft{  float: left;  }


div#contact_form table{
	margin-left: 50px;
}

div#contact_form td.title{
	text-align: right;
	margin-right: 10px;
}

div#contact_form textarea{
	width: 450px;
	height: 160px;
}

div#contact_form input{
	width: 200px;
}

.portfolio p{
	text-indent: 0;
	margin-left: 36px;
	padding-right: 72px;
}

img.leftpadding{
	margin: 12px 0 12px 12px;
}

img.rightpadding{
	margin: 12px 12px 12px 0;
}

.noborder{
	border: 0;
}

#content a img.noborder:hover{
	border: 0;
	text-decoration: none;
}




/*****************
	MAIN MENU
*****************/

#menu a{
	margin: 0;
	padding: 0;
	display: block;
	height: 45px;
	text-indent: -9999px;
}

#menu a.hoverfx:hover{ border-bottom: 5px solid #466a88; height: 40px; }

#menu ul{
	display: block;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}
#menu li{
	display: list-item;
	float: left;
	list-style-type: none;
	list-style-image: none;
	line-height: 45px;
	text-indent: -9999px;
}


.menu-home{
	width: 115px;
	background: url('images/menu-home.jpg') no-repeat center top;
}
.tab-home{ background-image: url('images/menu-home-tab.jpg'); }

.menu-portfolio{
	width: 140px;
	background: url('images/menu-portfolio.jpg') no-repeat center top;
}
.tab-portfolio{ background-image: url('images/menu-portfolio-tab.jpg'); }

.menu-services{
	width: 140px;
	background: url('images/menu-services.jpg') no-repeat center top;
}
.tab-services{ background-image: url('images/menu-services-tab.jpg'); }

.menu-about{
	width: 120px;
	background: url('images/menu-about.jpg') no-repeat center top;
}
.tab-about{ background-image: url('images/menu-about-tab.jpg'); }

.menu-contact{
	width: 130px;
	background: url('images/menu-contact.jpg') no-repeat center top;
}
.tab-contact{ background-image: url('images/menu-contact-tab.jpg'); }

.menu-info-library{
	width: 150px;
	background: url('images/menu-info-library.jpg') no-repeat center top;
}
.tab-info-library{ background-image: url('images/menu-info-library-tab.jpg'); }





/****************
	SUB-MENU
****************/

#submenu a{
	margin: 0;
	padding: 0;
}

#submenu ul{
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	margin: 0;
	padding: 0;
}
#submenu li{
	display: list-item;
	float: left;
	list-style-type: none;
	list-style-image: none;
	margin-right: 24px;
}
#submenu li.selected{
	font-style: italic;
}
#submenu + h3, #submenu + p, #submenu + div, .navigation + h3, .navigation + p, .navigation + div, #submenu + h2, .navigation + h2{
	padding-top: 24px;
	clear: left;
}



/*******************************
	PAGE TEMPLATE FORMATTING
*******************************/

/* -- Large Banner, Wide Column -- */
.wide-column{
	width: 642px;
	padding: 0 144px 24px 36px;
}

/* -- Sidebar Right -- */
.narrow-column-left{
	width: 440px;
	padding: 12px 0 24px 36px;
	float: left;
}
.sidebar-right{
	width: 276px;
	position: relative;
	left: 3px;
	float: right;
}

/* -- Sidebar Left -- */
.narrow-column-right{
	width: 440px;
	padding: 0 36px 24px 0;
	float: right;
}
.sidebar-left{
	width: 276px;
	padding: 36px 0 0 0;
}





/****************
	SIDEBAR
****************/

#sidebar{
	margin-top: 12px;
	margin-bottom: 36px;
}

#sidebar h3{
	color: #0092CF;
	margin-left: 0;
}

h4{
	color: #689DC9;
	text-decoration: none;
}

h4 a{
	text-decoration: none;
	color: #689DC9;
}

h4 a:hover{
	text-decoration: underline;
}

#sidebar p{
	text-indent: 0;
}

#sidebar a{
	color: #3682A8;
}

#sidebar ul{
	padding-left: 24px;
}

.sidebar-right{
	background: url('images/sidebar-right-middle.jpg') repeat-y left top;
	width: 288px;
	clear: right;
}

.sidebar-right #sidebar-header{
	height: 40px;
	width: 288px;
	background: url('images/sidebar-right-top.jpg') no-repeat left bottom;
}
.sidebar-right #sidebar-content{
	padding: 0 24px 36px 24px;
}

.sidebar-right #sidebar-footer{
	height: 40px;
	width: 288px;
	background: url('images/sidebar-right-bottom.jpg') no-repeat left top;
}



.sidebar-left{
	background: url('images/sidebar-left-middle.jpg') repeat-y left top;
	width: 276px;
	clear: left;
}

.sidebar-left #sidebar-header{
	height: 40px;
	width: 276px;
	background: url('images/sidebar-left-top.jpg') no-repeat right bottom;
}
.sidebar-left #sidebar-content{
	padding: 0 24px 36px 24px;
}

.sidebar-left #sidebar-footer{
	height: 40px;
	width: 276px;
	background: url('images/sidebar-left-bottom.jpg') no-repeat right top;
}


.fbwidget img{
	margin: 3px;
	padding: 3px;
	border: 1px solid black;
	background-color: #FFFFFF;
}


/*******************************
	TEMP AND NOTES TO DO
*******************************/
.widecolumn{
	background: #FF0000;
}
.narrowcolumn{
	background: #00FF00;
}

p.summer-soundwave-submit-button input{
	font-size: 20px;
padding: 6px 50px 6px 50px;
margin-left: 100px;
}

/* Look into min-height issue on line 71 */