/*
Theme Name: BC Law Watch Blog
Theme URI: http://bclawwatch.ca
Description: WordPress theme for Dye and Durham's BC Law Watch Blog.
Version: 1.0
Author: Stem Legal
Author URI: http://www.stemlegal.com/

*/

/***************************************
RESET CSS
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: normal;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}

table, table td {
	border-collapse: collapse;
	border-spacing: 0;
	
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
padding: 0 0 0 40px;
}


/***************************************
PROJECT CSS
*/

body {
	font: 13px normal helvetica, arial, sans-serif;
	background: url('images/bg.gif') 0 -17px repeat-x #d6d4cd;
	color: #333333;
}

p {
	margin: 0;
	padding: 0 0 15px;
	line-height: 1.7em;
}

a {
	color: #4f6e8d;
}

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}

#main-contain {
	width: 963px;
	margin: auto;
	padding: 17px 0 0 0;
}

#header {
	height: 219px;
	margin: 0 0 8px;
	background: url('images/header-bg.gif') 0 0 repeat-y;
	padding: 10px;
	position: relative;
}

	.header-top,
	.header-bottom {
		position: absolute;
		background: url('images/header-corners.gif');
		width: 963px;
		height: 9px;
		left: 0;
	}
		.header-top {
			background-position: 0 0;
			top: 0;
		}
		.header-bottom {
			background-position: left bottom;
			bottom: 0;
		}

	.header-main {
		background: url('images/map.gif') 0 0 no-repeat #2b4667;
		border: 1px solid #1e334d;
		position: relative;
		height: 179px;
	}

	#logo {
		display: block;
		background: url('images/logo.png') 0 0 no-repeat;
		width: 387px;
		height: 55px;
		text-indent: -999999em;
		overflow: hidden;
		position: absolute;
		left: 35px;
		top: 45px;
	}
	
		* html #logo {
			background-image: url('images/logo.gif');
		}
		
	#slogan {
		background: url('images/slogan.png') 0 0 no-repeat;
		width: 351px;
		height: 45px;
		text-indent: -999999em;
		overflow: hidden;
		position: absolute;
		left: 35px;
		top: 100px;
	}
	
		

	#header #site-intro {
		background: #243d5b;
		border: 1px solid #7c97b4;
		width: 428px;
		color: #fff;
		position: absolute;
		top: 26px;
		right: 15px;

	}
	
		#header #site-intro a {
			display: block;
			padding: 0;
			margin: 15px 15px;
			background: url('images/intro.gif') 0 0 no-repeat;
			width: 401px;
			height: 86px;
			text-indent: -99999em;
			overflow: hidden;
		}
		
	#header .primary-nav {
		padding: 10px 15px 0;
	}
	
	#header .primary-nav ul {
		padding: 2px 0 0;
	}
	
	#header .primary-nav ul li {
		float: left;
	}
	
		#header .primary-nav ul li a {
			display: block;
			margin: 0 20px 0 0;
			height: 25px;
			text-indent: 999999em;
			overflow: hidden;
			background-image: url('images/nav.gif');
		}
		
		.nav-home a {
			width: 61px;
			background-position: 0 0;
		}
			.nav-home a:hover {
				background-position: 0 -50px;
			}
			.nav-home a.current {
				background-position: 0 -100px;
			}
		
		.nav-about a {
			width: 67px;
			background-position: -100px 0;
		}
			.nav-about a:hover{
				background-position: -100px -50px;
			}
			.nav-about a.current {
				background-position: -100px -100px;
			}
		
		.nav-categories a {
			width: 100px;
			background-position: -200px 0;
		}
			.nav-categories a:hover {
				background-position: -200px -50px;
			}
			.nav-categories a.current {
				background-position: -200px -100px;
			}
		
		.nav-contact a {
			width: 82px;
			background-position: -300px 0;
		}
			.nav-contact a:hover {
				background-position: -300px -50px;
			}
			.nav-contact a.current {
				background-position: -300px -100px;
			}
	#header .primary-nav form {
		display: block;
		float: right;
	}
	
		#searchform input {
			font-size: 14px;
			width: 194px;
			display: block;
			float: left;
			margin: 0 4px 0 0;
		}
		
		#searchform button {
			width: 70px;
			height: 26px;
			background: url('images/btn-search.gif') 0 0 no-repeat;
			display: block;
			float: left;
			cursor: pointer;
			border: 0;
			padding: 0;
			text-indent: -999999em;
			overflow: hidden;
		}
			#searchform button:hover {
				background-position: 0 -26px;
			}

#content {
	padding: 0 25px;
	background: url('images/content-bg.gif') 0 0 repeat-y;
	position: relative;
}

	.content-header {
		position: absolute;
		width: 963px;
		height: 370px;
		background: url('images/content-header.gif') 0 0 no-repeat;
		top: 0;
		left: 0;
	}
	
	.content-footer {
		position: absolute;
		width: 963px;
		height: 15px;
		background: url('images/content-footer.gif') 0 0 no-repeat;
		bottom: 0;
		left: 0;
	}
	
	#content ul li {
		background: url('images/bullet.gif') 0 6px no-repeat;
		padding: 0 0 5px 16px;
		line-height: 1.7em;
		
	}
	
.primary-content {
	width: 581px;
	float: left;
	position:relative;
	padding: 55px 0;
}

	h1, h1 a {
		font-family: 'Myriad Pro', 'arial narrow', arial, helvetica, sans-serif;
		font-size: 33px;
		font-weight: bold;
		text-decoration: none;
		padding: 0 0 15px;
		color: #395d81;
	}
	
		h1 span {
			color: #A8BDCF;
		}
	
	.primary-content ul {
		padding-left: 20px;
		padding-bottom: 15px;
	}
	
		#content .primary-content ul li {
			padding-bottom: 9px;
			background-image: url('images/bullet-drk.gif');
		}

	
	.post-item {
		padding: 0 0 40px;
	}
	
		.post-item img {
			border: 5px solid #e7e7e1;
		}
	
		.post-meta {
			text-transform: uppercase;
			font-size: 15px;
			padding: 0 0 15px 0;
		}
	
		.post-meta,
		.post-meta a {
			color: #918f88;
			text-decoration: none;
			
		}
		
			.post-date {
				float: left;
			}
			
			.post-tweet {
				float: right;
			}
					
	
		.post-footer {
			background: #f0f2fc;
			padding: 10px;
			font-size: 12px;
			margin: 7px 0 0;
		}
		
			.post-footer, 
			.post-footer a {
				color: #666;
				text-decoration: none;
			}
			
				.post-footer a:hover {
					text-decoration: underline;
				}
		
			.post-footer span {
				color: #395d81;
				text-transform: uppercase;
			}
			
			.post-category {
				float: left;
				padding: 1px 0;
			}
			
			.post-comments {
				float: right;
				padding: 1px 0 1px 20px;
				background: url('images/icon-comment.gif') 0 1px no-repeat;
			}
			
			
	/*search results*/	
	.result-item {
		padding: 20px 0;
		border-bottom: 1px solid #f0f2fc;
	}
		
		.result-item h2,
		.result-item h2 a {
			font-size: 23px;
			font-weight: bold;
			text-decoration: none;
			color: #6F6D68;
		}
		
		.result-item .post-meta {
			font-size: 0.9em;
			padding: 5px 0 10px;
		}
		
			.result-item .post-comments {
				padding-bottom: 3px;
			}
		
	
/****************************************
 Contact Form*/


.contact-form {
		padding: 20px 0;
	}

		.contact-form form {
			display: block;
			padding-top: 20px;
			margin-top: 20px;
			border-top: 1px solid #C0CDD8;
		}
	
		.contact-form .email-us {
			color: #858484;
			text-transform: uppercase;
			font-size: 14px;
			font-weight: bold;
			font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			padding: 0 0 10px;
		}
		
		.contact-form .formset,
		.email-subscribe .formset {
			padding: 0 0 7px;
			position: relative;
		}
		
		.contact-form .formset label,
		.email-subscribe .formset label {
			display: block;
			float: left;
			width: 100px;
			font-weight: bold;
			text-transform: uppercase;
			color: #4E6E8D;
			font-size: 12px;
		}
		
			.email-subscribe .formset label {
				width: auto;
				padding-top: 3px;
				padding-right: 8px;
			}
					
		.contact-form .formset input,
		.contact-form .formset textarea,
		.email-subscribe .formset input {
			width: 200px;
			display: block;
			float: left;
		}
		
			.contact-form .formset textarea {
				width:460px;
				height: 200px;
			}

		.contact-form .note {
			font-size: 11px;
			font-style: italic;
			float: left;
			padding: 3px 0 0 100px;
			color: #666;
		}
			.contact-form .note strong {
				font-style: italic;
			}
			
			.contact-form .submit input {
				float: right;
				display: block;
			}
			
				.contact-form .submit {
					padding-right: 15px;
				}
		
			.contact-form .submit .ajax-loader {
				float: left;
			}
		
		.email-subscribe button {
			float: left;
			display: block;
			margin: 0 0 0 3px;
		}		

/***************************************
Comments
*/

.primary-content #comments {
	padding: 20px 0 20px;
	}

	#comments h4 {
		font-style: italic;
		padding: 0 0 15px;
		color: #666;
	}

	#respond {
		padding: 20px 0 20px;
	}

		#respond h3 {
			padding: 0 0 10px !important; 
			font-size: 14px;
			font-weight: bold;
			color: #395D81;
		}

	#content .primary-content .commentlist,
	#content .primary-content .commentlist li {
		list-style: none;
		padding: 0;
		margin: 0;
		background-image: none;
	}

	#content .primary-content .commentlist li {
		border-bottom: 1px solid #ccc;
		padding: 20px 0;
	}

	.comment-author {
		/*float: left;*/
		text-transform: uppercase;
		font-size: 11px;
		color: #666;
	}

		.comment-author a {
			font-weight: bold;
			text-decoration: none;
		}


	.comment-meta {
		/*float: right;*/
		text-transform: uppercase;
		font-size: 11px;
		color: #999;
	}

		.comment-meta a {
			text-decoration: none;
			color: #999;
		}

	.comment-body p {
		clear: both;
		padding: 5px 0;
	}


	/* comment form */
	.primary-content p.comment-input label {
		display: block;
		width: 70px;
		float: left;
		text-transform: uppercase;
		font-size: 12px;
	}

	.primary-content p.comment-input input {
		display: block;
		float: left;
	}	




	/* Begin Typography & Colors */


	.commentlist li ul li {
		font-size: 1em;
	}

	.commentlist li {
		font-weight: bold;
	}

	.commentlist li .avatar { 
		clear: left;
		float: left;
		border: 1px solid #eee;
		padding: 2px;
		background: #fff;
		}

	.commentlist cite, .commentlist cite a {
		font-weight: bold;
		font-style: normal;
		font-size: 1.1em;
		}

	.commentlist p {
		font-weight: normal;
		line-height: 1.5em;
		text-transform: none;
		}


	.commentmetadata {
		font-weight: normal;
		}
		


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	display: inline;
	}

.alignright {
	float: right;
	margin: 5px 0 2px 7px;
	}

.alignleft {
	float: left;
	margin: 5px 7px 2px 0;
	}

.wp-caption-text {
font-size: 11px;
line-height: 14px;
color: #54595D;
padding: 5px 0 10px;
}

/* End Images */




/* SECONDARY CONTENT */
.secondary-content {
	width: 270px;
	float: right;
	position: relative;
	color: #54595d;
	padding: 25px 0;
	font-size: 12px;
}

	.secondary-content a {
		color: #54595d;
		text-decoration: none;
	}
	
	.secondary-content .sidebar-item {
		padding: 0 0 20px;
	}
	
	.updates {
		padding-bottom: 45px;
	}

	.updates span {
		display: block;
		background: url('images/icon-updates.gif') 0 0 no-repeat;
		text-indent: -999999em;
		width: 105px;
		height: 18px;
		margin: 0 10px 0 0;
	}
	
		.updates a.nav-rss {
			display: block;
			background: url('images/icon-updates.gif') 0 -50px no-repeat;
			text-indent: -999999em;
			width: 88px;
			height: 24px;
			float: left;
			margin: 0 4px 0 0;
		}
			.updates a.nav-rss:hover {
				background-position: -100px -50px;
			}
			
		.updates a.nav-email {
			display: block;
			background: url('images/icon-updates.gif') 0 -100px no-repeat;
			text-indent: -999999em;
			width: 80px;
			height: 24px;
			float: left;
			margin: 0 4px 0 0;
		}
			.updates a.nav-email:hover {
				background-position: -100px -100px;
			}
			
		.updates a.nav-twitter {
			display: block;
			background: url('images/icon-updates.gif') 0 -150px no-repeat;
			text-indent: -999999em;
			width: 93px;
			height: 24px;
			float: left;
		}
			.updates a.nav-twitter:hover {
				background-position: -100px -150px;
			}
	
	
	
	.secondary-content img {
		display: block;
		float: right;
		margin: 0 0px 2px 8px;
	}
	
	.secondary-content h3 {
		text-indent: -999999em;
		background: url('images/titles.gif') 0 0 no-repeat;
		overflow: hidden;
		height: 28px;
		margin: 0 0 8px;
	}
	
		#sidebar-about h3 {
			width: 217px;
		}
	
		#sidebar-categories h3 {
			width: 159px;
			background-position: 0 -50px;
		}
		#sidebar-archives h3 {
			width: 189px;
			background-position: 0 -100px;
		}
		#sidebar-blogroll h3 {
			width: 116px;
			background-position: 0 -150px;
		}
		
#footer {
	background: url('images/footer-bg.gif') 0 0 no-repeat #395d81;
	margin: 9px 0 0;
	padding: 25px 25px;
	color: #fff;
}
	#footer a {
		color: #fff;
		text-decoration: none;
	}
	
	#footer ul,
	#footer ul li {
		float: left;
	}
	
		#footer ul li {
			border-right: 1px solid #fff;
			margin: 0 0 30px;
		}
	
		#footer ul li.last {
			border: 0;
		}
		
		#footer ul li.break {
			clear: left;
		}
		
		#footer ul li a {
			display: block;
			padding: 0 20px;
			line-height: 1;
		}
	
	#footer #address {
		float: right;
		font-size: 12px;
		width: 270px;
		line-height: 20px;
	}
	
		#footer #address .org {
			font-size: 14px;
			color: #c4cfd9;
			font-weight: bold;
			padding: 0 0 10px;
		}
		
		#footer #address .adr {
			padding: 0 0 10px;
		}

.copyright {
	background: #1f395b;
	padding: 8px 25px;
	font-size: 11px;
	color: #b1bac6;
}
	.copyright a {
		color: #b1bac6;
	}








/***************************************
CSS HACKS
*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */