/*  
Theme Name: ccpi

Theme URI: http://www.ccpi.ca

Description: Theme for CCPI

Version: 1.0

Author: James Beardmore

Author URI: http://www.pointydesign.com

TABLE OF CONTENTS



  Inherited Styles







  HTML Tags







  Structure







  Headers







  Content Styles







  Form Elements







  Footer







  























/* ---------- @ Inherited Styles -----------*/















@import url('css/nav.css');






@import url('css/slimbox2.css');
@import url('css/posts.css');































/* ---------- @ HTML Tags -----------*/























* {







	margin:0;







	padding:0;







	outline:none;







	}















body,html {







	min-height:101%; /*Firefox scrollbar fix*/







	}



img { border-style: none; border-width: 0; }



dl { line-height: 170%; width: 300px; float: left; margin-bottom: 24px; }



dt { font-weight: bold; }



dd { padding-left: 30px; }



.clear { height: 0; clear: both; }







body { color: #2a2a2a; background-color: #fff; border-top: 4px solid #084d61; }















body, select, input, textarea { font-size: 100%; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal; font-style: normal;f;line-height: normal; ont-variant: normal; }







	







p {	







	margin: 15px 0;







	line-height:160%;







	}















a { color: #2287c7; text-decoration: none; }















a:hover, a:active { color:#4d778d; text-decoration: underline; }







	







hr {







	display: block;







	height:1px;







	background:#CCC;







	border:0;







	color:#CCC;







	}















table {







	border-collapse:collapse;







	width:100%;







	margin:15px 0;







	}















td {







	padding:4px 6px;







	border-top:1px solid #CCC;







	}















tr {







	background:#e3e3e3;







	}







	







table caption {







	background:#FFF;







	padding:2px 0;







	}	







	







blockquote { font:italic 1em Georgia, "Times New Roman", Times, serif; letter-spacing:0.03em; }







blockquote p { margin-top: 0; }







/* ---------- @ Structure -----------*/







.container_12







{ margin-left: auto; margin-right: auto; width: 984px; padding-bottom: 42px; }







.main { margin-top: 42px; }



.nopad { padding: 0; }



.topmargin { margin-top: 36px; }



.lowpad { padding-bottom: 42px; }



.lowmargin { margin-bottom: 48px; }



.toppad { padding-top: 36px; }



.grey { background-color: #e1d9bc; margin: 0; padding: 0; }

.height400 { height: 345px; }

.grid_4.vertborder { width: 302px !important; margin-right: 0; margin-left: 0; padding-right: 12px; padding-left: 12px; border-right: 1px solid #c5d2d9; border-left: 1px solid #c5d2d9; }



.pad { padding-right: 6px; padding-left: 6px; display: block; }



.grid_1, .grid_5th, .grid_2, .grid_3, .grid_4, .grid_45, .grid_5, .grid_6, .grid_65, .grid_7, .grid_75, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {







	display: inline;







	float: left;







	position:relative;







	margin-left: 12px;







	margin-right: 12px;







}







.container_12 .grid_1 {width: 58px;}



.container_12 .grid_5th { width: 172px; height: 172px; }



.container_12 .grid_2 {width: 140px;}







.container_12 .grid_3 {width: 222px;}







.container_12 .grid_4 {width: 304px;}







.container_12 .grid_45 { width: 356px; }







.container_12 .grid_5 { width: 386px; }







.container_12 .grid_6 { width: 468px; }







.container_12 .grid_65 { width: 512px; }







.container_12 .grid_7 {width: 550px;}



.container_12 .grid_75 { width: 580px; }



.container_12 .grid_8 {width: 632px;}







.container_12 .grid_9 {width: 714px;}







.container_12 .grid_10 {width: 796px;}







.container_12 .grid_11 {width: 878px;}







.container_12 .grid_12 { width: 960px; }







#masthead { background-image: none; background-attachment: scroll; background-position: 0 0; position: relative; width: 984px; height: 136px; z-index: 1; overflow:hidden; margin-right: auto; margin-left: auto; }







.headright { width: 400px; float: right; }







.rightmenu { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: bold; text-transform: uppercase; float: left; }







.rightmenu li { float: left; margin-left: 6px; display: block; }
.rightmenu li.member { font-size: 11px; background-image: url(images/ocpgroup3.gif); background-repeat: no-repeat; background-position: left center; text-indent: -9999px; width: 340px; height: 36px; }







.rightmenu li a { color: #323232; font-size: 13px; text-decoration: none; padding: 10px; display: block; }







.rightmenu li a:hover { text-decoration: underline; }







.rightmenu li.current a { background-color: #fff;}







#logo { font-weight: bold; font-style: normal; font-variant: normal; line-height: normal; text-indent: -9999px; position: relative; width: 318px; height: 81px; z-index: 100; float: left; margin-top: 30px; display: block; }







#logo a { background-image: url(images/logo.jpg); background-repeat: no-repeat; height: 81px; display: block; }







#branding { background-repeat: no-repeat; background-position: right bottom; float:left; width:508px; height: 106px; }







	







#content {







	width:565px;







	float:left







	}















#sidebar { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }















.left {







	float:left







	}















.right {







	float:right







	}







	







	







	







	







/* ---------- @ Headers -----------*/















h1, h2, h3, h4, h5, h6 { font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; }



h1, h2 { color: #1c3d50; text-transform: uppercase; }



h3 { font-size: 22px; font-weight: bold; }



#products h3 { font-size: 26px; font-weight: normal; line-height: 150%; }



h2.pagetitle { color: #5b5b5b; text-transform: capitalize; border-bottom:1px solid #d7d7d7; padding-bottom: 12px; margin-bottom:20px; }



.center { text-align: center; }



h2 { text-transform: uppercase; margin: 0 0 30px; }



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



span h2 { margin-bottom: 18px; }



h3.call { width: 330px; float: left; }



h3.ssm { font-size: 18px; }



h2.signuphead { color: #00517b; line-height: 160%; width: 714px; float: left; }



.entry h2 { font-size:1.8em; margin-top: 12px; margin-bottom: 0; }







	







h2.posttitle, h1.posttitle { margin:0; font-size: 32px; text-transform: none; }



h2.posttitle a { color: #ee202c; text-decoration: none; }



h2.posttitle a:hover { color: #c61c26; text-decoration: none; }



.home h2 { color: #186f88; }



#sidebar h3 { border-bottom:1px solid #ccc; padding-bottom:5px; color:#5b5b5b; font: bold 22px Arial, Helvetica, sans-serif; letter-spacing:1px  ; margin: 0; }















.entry h3 {







	font:bold 1.6em Georgia, "Times New Roman", Times, serif;







	}







	







#respond h3, h3#comments, h3#trackbacks {







	margin:45px 0 20px;







	font-weight:bold;







	}

















h3#comments {







	margin:32px 0 12px;







	}















h4 { font-size:1.3em; line-height: 150%; margin-bottom: 24px; }







	







h5 {







	font-weight: bold;







	font-size: 1.2em







	}















h6 {







	font-weight: bold;







	font-size: 1em;







	}































	







/* ---------- @ Content Styles -----------*/



.environment { width: 960px; margin: 30px auto -12px; }



.enviro { background-image: url(images/environmentlogo.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 140px; }



.entry .contact li { font-size: 16px; background-image: none; width: 550px; margin-bottom: 24px; padding: 0; display: inline-block; }



.entry .contact li span { width: 260px; height: 200px; float: right; }



.contact p { margin: 0; }



.contact li address { width: 260px; float: left; margin-left: 20px; }
.fleetitem { margin-top: 20px; padding-bottom: 24px; border-bottom: 1px solid #e7e7e7; }
.fleetitem img { margin-right: 12px; }
.fleetitem h4 { width: 490px; float: right; }
/*--------------HOMEPAGE----------------*/







.homewidget li { display: block; }
h2.homehead { text-indent: -9999px; position: absolute; left: 0; width: 300px; height: 200px; }
.locations { background-image: url(images/locations.gif); background-repeat: no-repeat; background-position: 0 20px; }



.home p { font-size: 18px; }



.homewidget li a { color: #2a2a2a; background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: right center; text-decoration: none; padding: 14px 28px 14px 8px; border-bottom: 1px solid #c4c4c4; display: block; }







.homewidget li a:hover { opacity:0.7; }



/*Misc*/







#description {







	font: italic 1.2em Georgia, "Times New Roman", Times, serif;







	color:#939393;







	margin:0;







	}







	







.commentcount {







	padding-left: 17px;







	background:url(images/bubble.gif) no-repeat;







	margin-left:14px;







	}















.more-link {







	display:block;







	margin-top:12px;







	clear:both







	}































/* Author Page*/















#writer {







	overflow:hidden;







	background:#f2f2f2;







	margin-bottom:20px;







	padding:16px;







	}















#writer p {







	margin-top:0;







	}







		







#writer .avatar {







	margin:4px 17px 7px 0







	}































/* Search and Archives*/















.search-highlight {







	background:#FFFF00	







	}















#comment_pagination {







	margin-top:22px;







	overflow:hidden;







	}















#archive_pagination {











	overflow: hidden;







	padding: 20px;







	text-align: center







	}







	







.current-numeric-page {







	padding: 5px 8px;







	}







	







#archive_pagination a, #archive_pagination a:visited {







	border:1px solid #CCC;







	padding: 5px 8px;







	text-decoration: none;







	}







	







#archive_pagination a:hover {







	background: #f5f5f5;







	}















#archive_pagination a:active {







	background:#e6e6e6;







	border-color:#bebebe;







	}







		







#comment_pagination div {







	float:left;







	margin-right:10px;







	}















a #icon-rss {







	border:none







	}















.archive #icon-rss {







	vertical-align: middle;







	margin-left:3px;







	}		







		







	















/*Sidebar and Widgets*/















.widget {







	margin-bottom:36px;







	overflow:hidden







	}







	







.widget li {







	list-style:none;







	border-bottom:1px solid #CCC;







	padding:6px 0;







	line-height:140%;







	}















.widget li a, .widget li a:visited { color:#111; text-decoration:none







	; padding-left: 24px; }















.widget li a:hover, .widget li a:active {







	color:#6d6d6d;







	}















.widget li.current_page_item a, .widget li.current_page_item a:visited, 







.widget li.current-cat a, .widget.current-cat a:visited { font-weight:bold







	; background-image: url(images/square.gif); background-repeat: no-repeat; background-position: 7px center; }















.widget li.current_page_item li a, .widget li.current_page_item li a:visited, 







.widget li.current-cat li a, .widget li-current-cat li a:visited {







	font-weight:normal;







	}







			







.widget li li {







	margin-left:34px;







	border:0;







	list-style:disc;







	}















#wp-calendar tr {







	background:#f2f2f2;







	}







	







#wp-calendar td {







	text-align:center;







	padding:3px;







	}	







	







#recentcomments {







	color: #787878;







	}















#recentcomments a, #recentcomments a:visited {







	font-style:italic







	}















#recentcomments a.url, #recentcomments a.url:visited {







	font-weight:bold;







	font-style:normal;







	}















a.rsswidget, a.rsswidget:visited {







	font-weight: bold







	}















.rssSummary {







	line-height:160%;







	}







	







#wp125adwrap_2c {







	overflow:hidden







	}















#wp125adwrap_2c .wp125ad {







	float:left;







	margin-right: 8px;







	}	















.wp125ad a img {







	border:none;







	}















#wp125adwrap_2c div+div {







	margin:0 !important;







	}







	







	







		







	







	







/* ---------- @ Form Elements -----------*/















.button 







{ -moz-border-radius:8px;



 -webkit-border-radius:8px;



  -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);



   -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); 



   color:#c35200; font-size: 16px; 



   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 



   cursor:pointer; display:inline-block; 



   font-weight:bold; 



   line-height:1; 



   background: #fea100 url(images/blend.png) repeat-x; 



   padding:12px 20px;



    position:relative;



    text-decoration:none; 



    text-transform: uppercase; 



    margin-bottom: 12px; 



    border: solid 1px; 



    text-shadow:0 1px 0px #f4be6a











             }







.small{ font-size:16px; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; }







.large{ font-size:20px; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; margin-bottom: 18px; padding: 12px 18px; }







.huge { -moz-border-radius:12px 12px 12px 12px; -webkit-border-radius:5px 5px 5px 5px; font-size: 34px; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; padding: 12px 22px; }







.center {  }







.button:hover { color: #c35200; background-color: #feb600; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; text-decoration: none; }















.button:active { color: #c35200; background-color: #fe8700; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }























#author, #email, #comment, #url, #searchfield {







	background:#FFF !important;







	padding:5px;







	border-width:1px;







	border-style:solid;







	border-color: #6d6d6d #bfbfbf #bfbfbf #6d6d6d;







	}















#author, #email, #url {







	width:220px;







	}







#masthead .button { font-size: 16px; letter-spacing: 0; margin: 0; padding: 5px 12px; }







#commentform textarea {







	width: 98%;







	height:250px;







	}















#masthead #searchform { 



 -moz-box-shadow: inset 0 2px 4px #cacaca;



   -webkit-box-shadow: inset 0 2px 4px #cacaca; 



   float:right; text-align:right; margin-top: 72px; padding-top: 2px; padding-right: 8px; border: solid 1px #bebebe; }















#searchfield { background-color: transparent !important; width:220px; border: 0 transparent; }







	







#searchsubmit {







	vertical-align:top







	}		







	































/* ---------- @ Footer -----------*/



#footcon { background-color: #345661; background-repeat: repeat-x; height: 244px; padding-top: 30px; }



.footernav { width: 960px; height: 40px; display: block; }



.footernav li {display:block; float:left; }



.footernav li.first a { border-left-style: none; border-left-width: 0; }



.footernav li a { color: #1e1e1e; text-decoration: none; padding: 3px 10px; border-left: 1px solid #1e1e1e; display: block; }



#footer {







	font-size:0.8em;







	overflow:hidden;







	width:960px;







	margin:0 auto;







	color:#1e1e1e;}



#footer a:hover, #footer a:active {







	color:#000;







	}















#footer .left { background-image: url(images/footlogo.jpg); background-repeat: no-repeat; float:left; width:600px; margin-top: 30px; padding-top: 120px; }















#footer .right { background-image: url(images/since74.jpg); background-repeat: no-repeat; background-position: right 30px; float:left; width:360px; text-align: right







	  ; height: 140px; padding: 0; display: block; }







	







#footer #icon-rss {







	vertical-align: middle;







	margin-right:5px;







	}



/*LOgin panel*/



#slide-panel{ background-color:#084d61; display:none; height:100px; margin:auto; }



.slide {width:950px; margin:auto;}



.btn-slide:link, .btn-slide:visited{color:#fff; float:right; display:block;font-size:14px; text-transform:uppercase; font-weight:normal;height:26px; padding:6px 0 4px;line-height:22px;text-align:center;text-decoration:none;width:100px; background-color:#084d61; font-family:Arial;}



.loginform {width:950px; margin:auto; color:#999; font-family:Arial, Helvetica, sans-serif;}



.formdetails { color:#fff; font-size:12px; width: 400px; float: left; margin-right: 36px; padding:5px; }



.formdetails input{ border:none; padding:2px 5px; background-color:#efefef; cursor: pointer; }



.loginregister {color:#999; padding:5px;}



.loginregister a:link, .loginregister a:visited {color:#FFF; font-size:11px; text-decoration:underline;}



.loginform h2 {padding:10px 10px 10px 0; font-size:18px; font-weight:normal; text-transform:uppercase;}



.loginform ul li {display:inline;}



.loginform ul li a:link, .loginform ul li a:visited {color:#FFF; font-size:12px; text-decoration:underline;}







span.label { display:block; float:left; font-size:16px; margin-right:12px; text-align:right; width:74px !important; }



form.wpcf7-form {



margin-top:48px;



}



.txt {



border:solid 1px #85a2b8;



margin-bottom:8px;



padding:4px;



width:280px;



}



.txt:focus {



border:1px solid #9CD4FF;



}



.wpcf7 input.button { margin-top: 0; margin-left:86px; padding:7px 24px; }



input.button {



margin-top:8px;



padding:7px 24px;



}