/*  

Theme Name: OCP

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

Description: Theme for OCP 

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/posts.css');







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





* {

	margin:0;

	padding:0;

	outline:none;

	}



body,html { z-index: 10; 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 #2a2a2a; }



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 { position: relative; 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: #e3eaee; }
.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 { font-size: 12px; float: left; margin-left: 6px; display: block; }
.rightmenu li.member { font-size: 11px; background-image: url(images/ocpgroup1.gif); background-repeat: repeat-y; 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: 129px; height: 103px; z-index: 100; float: left; margin-top: 10px; display: block; }

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

#branding { background-image: url(images/tagline.jpg); background-repeat: no-repeat; background-position: 129px 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; position: relative; z-index: 0; }
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: 19px; margin-top: 3px; }
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: #336988; }
#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-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; }
/*--------------HOMEPAGE----------------*/

.homewidget li { display: block; }
.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:#fff; font-size: 16px; 
   font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; 
   cursor:pointer; display:inline-block; 
   font-weight:bold; 
   line-height:1; 
   background: #212121 url(images/blend.png) repeat-x; 
   padding:12px 20px;
    position:relative;
    text-decoration:none; 
    text-transform: uppercase; 
    margin-bottom: 12px; 
    border: solid 1px #181818; 
    text-shadow:0 2px 2px rgb(0, 0, 0)


             }

.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: #fff; background-color: #121212; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; text-decoration: none; }



.button:active { color: #ececec; background-color: #000; 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: #3c3c3c; background-image: none; background-repeat: repeat-x; height: 244px; padding-top: 30px; border-top: 2px solid #9c9c9c; }
.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: #939393; text-decoration: none; padding: 3px 10px; border-left: 1px solid #757575; display: block; }
#footer {

	font-size:0.8em;

	overflow:hidden;

	width:960px;

	margin:0 auto;

	color:#939393;}
#footer a:hover, #footer a:active {

	color:#FFF;

	}



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



#footer .right { background-image: url(images/since74.jpg); background-repeat: no-repeat; background-position: right 50px; 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:#2a2a2a; 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:#2a2a2a; 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;
}