/*
Theme Name: Legal Marketing Blog
Theme URI: http://legalmarketing.ca/
Description: Legal Marketing Blog
Version: 1.0
Author: Skunkworks Creative Group
Author URI: http://skunkworks.ca/
Tags: two column, grey, green
*/

body {
background-color:#FFFFFF;
margin:0px;}

#wrapper {
width:990px;
margin:0 auto;}

/**HEADER**/

#header {
width:990px;
height:360px;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
margin:0px;}

/**NAV**/



#nav {
width:990px;
height:75px;
margin:0px;}

#nav-top {
width:990px;
height:39px;
margin:0px;
padding:0px;
}

#nav ul{
margin:0px;
padding:0px;
clear:both;
display:inline;
list-style:none;}

#nav ul li{
float:left;
display:inline;
margin:0px;
padding:0px;
border:0px;}

	#nav li.home a{
	float:left;
	width:80px;
	height:39px;
	display:block;
	background-image:url(images/home-off.jpg);
	background-repeat:no-repeat;
	margin:0px;
	border:0px;}

	#nav li.home a:hover,
	#nav li.home a:active,
	#nav li.home a#active-menu {
	width:80px;
	height:39px;
	display:block;
	background-image:url(images/home-on.jpg);
	background-repeat:no-repeat;}
	
	#nav li.about a{
	float:left;
	width:184px;
	height:39px;
	display:block;
	background-image:url(images/about-doug-off.jpg);
	background-repeat:no-repeat;
	margin:0px;
	border:0px;}

	#nav li.about a:hover,
	#nav li.about a:active,
	#nav li.about a#active-menu {
	width:184px;
	height:39px;
	display:block;
	background-image:url(images/about-doug-on.jpg);
	background-repeat:no-repeat;}
	
	#nav li.contact a{
	float:left;
	width:100px;
	height:39px;
	display:block;
	background-image:url(images/contact-off.jpg);
	background-repeat:no-repeat;
	margin:0px;
	border:0px;}

	#nav li.contact a:hover,
	#nav li.contact a:active,
	#nav li.contact a#active-menu {
	width:100px;
	height:39px;
	display:block;
	background-image:url(images/contact-on.jpg);
	background-repeat:no-repeat;}
	
	#nav li.nav-break {
	float:left;
	width:278px;
	height:39px;
	display:block;
	background-image:url(images/nav-break.jpg);
	background-repeat:no-repeat;
	margin:0px;
	border:0px;}
	
	#nav li.subscribe-rss a{
	float:left;
	width:166px;
	height:39px;
	display:block;
	background-image:url(images/subscribe-rss.jpg);
	background-repeat:no-repeat;
	margin:0px;
	border:0px;}
	
	#nav li.subscribe-email a{
	float:left;
	width:182px;
	height:39px;
	display:block;
	background-image:url(images/subscribe-email.jpg);
	background-repeat:no-repeat;
	margin:0px;
	border:0px;}

#nav-bottom {
width:990px;
height:36px;
float:left;
background-image:url(images/nav-bottom.jpg);
background-repeat:no-repeat;
margin:0px;
border:0px;}

#nav-bottom-left{
width:640px;
height:36px;
float:left;
margin:0;}

#nav-bottom-right{
width:350px;
height:36px;
float:left;
margin:0;}

p.what-is-rss{
margin:2px 0 0 35px;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#313235;}

p.what-is-rss a{
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#313235;}

p.what-is-rss a:hover{
text-decoration:underline;}


span {
display:none;}

/**CONTENT**/

#content-wrapper {
width:990px;
background-image:url(images/content_bgd.gif);
background-repeat:repeat-y;
margin:0px;
float:left;
}

/**LEFT**/

img{
border: none;
}

img.alignleft {
float:left;
padding:3px 7px 3px 0;}

img.alignright {
float:right;
padding:3px 0 3px 7px;}

#content-left {
width:650px;
padding: 20px 0px 20px 0px;
margin:0;
float:left;
}

h1{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:32px;
color:#b2b531;
padding:0;
margin: 10px 0;}


ul, ol{
margin:0 0 15px 0;}

li{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#000;
padding:0;
margin: 0 0 7px 0;}

ul li{
list-style-type:disc;}


h1.blog-intro,
#content-left p.archive{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#b2b531;
padding: 0 95px 0 95px;
margin:0px;
}

#content-left h2{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#b2b531;
padding: 0;
margin:0px;
}

/**#post-header{
width:630px;
height:95px;
background-image:url(images/post-header.jpg);
background-repeat:no-repeat;
margin: 30px 0 0 0;}**/

#post-header{
width:630px;
margin: 50px 0 0 0;}

#post-header-top{
width:630px;
height:15px;
background-image:url(images/post_header_top.gif);
background-repeat:no-repeat;
margin:0;
clear:both;
float:left;
}

#post-header-middle{
width:630px;
background-image:url(images/post_header_middle.gif);
background-repeat:repeat-y;
margin:0;
clear:both;
float:left;
}

#post-header-bottom{
width:630px;
height:30px;
background-image:url(images/post_header_bottom.gif);
background-repeat:no-repeat;
margin:0;
clear:both;
float:left;
}


#page-header{
width:630px;
height:95px;
background-image:url(images/page-header.jpg);
background-repeat:no-repeat;
margin: 30px 0 0 0;}

#post-date{
width:81px;
margin:0;
float:left;}

p.day{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:36px;
color:#b2b531;
margin: -15px 0 0 0;
padding: 0 0 0 15px;}

p.month{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
text-transform: uppercase;
font-size:12px;
color:#676767;
margin:0;
padding: 10px 0 0 18px;}

p.year{
font-family: Georgia, "Times New Roman", Times, serif;
font-weight:normal;
text-transform: uppercase;
font-size:14px;
color:#676767;
margin: -10px 0 0 0;
padding: 0 0 0 18px;}

#post-name{
width:549px;
float:left;}

h1.post-heading{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:32px;
line-height:1.1em;
color:#000;
padding: 0 15px 15px 15px;
margin:0;}

h1.page-heading{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:32px;
color:#000;
padding: 15px 0 0 15px;
margin: 0 0 0 80px;}

h1.post-heading a{
color:#000;
text-decoration:none;
}

h1.post-heading a:hover{
color:#000;
text-decoration:underline;
}

#content-post{
width:440px;
margin: 0 95px 15px 95px;}

p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.5em;
color:#000;
padding: 0 0 15px 0;
margin:0px;
}

a:link,
a:active,
a:visited{
color:#b2b531;
text-decoration:none;}

a:hover{
text-decoration:underline;}


#meta{
width:440px;
font-family:Georgia, "Times New Roman", Times, serif;
font-style:italic;
font-size:12px;
line-height:1.5em;
color:#000;
padding: 10px 0 0 0;
margin:0 95px 0 95px;
}

#meta a{
color:#000;
text-decoration:none;
}

#meta a:hover{
text-decoration:underline;}

/**Sociable**/
#meta .sociable { margin: 16px 0; }

#meta span.sociable_tagline { position: relative; }
#meta span.sociable_tagline span { display: none; width: 14em; }
#meta span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
#meta .sociable span {
	display: block;
}
#meta .sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
#meta .sociable ul li {
	background: none;
	display: inline !important;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
#meta .sociable ul li:before { content: ""; }
#meta .sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

#meta .sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
#meta .sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}


	/**COMMENTS**/

#comments-header{
width:630px;
background-image:url(images/comments-header.jpg);
background-repeat:no-repeat;
margin: 30px 0 0 0;}

#comment-middle{
width:630px;
background-image: url(images/comments-header-middle.gif);
background-repeat: repeat-y;}

#comment-bottom{
width:630px;
height:15px;
background-image:url(images/comments-header-bottom.gif);
background-repeat:no-repeat;}

h1.comment-title{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
text-transform: uppercase;
color:#fff;
padding: 10px 0 10px 95px;
margin:0;}


#comment-flag-header{
clear:both;
width:535px;
margin: 30px 0 0 95px;}

#comment-flag-middle{
width:535px;
background-image: url(images/comments-flag-header-middle.gif);
background-repeat: repeat-y;}

#comment-flag-bottom{
width:535px;
height:15px;
background-image:url(images/comments-flag-header-bottom.gif);
background-repeat:no-repeat;}


h1.comment-flag-title{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
text-transform: uppercase;
color:#fff;
padding: 10px 0 10px 20px;
margin:0;}

h1.comment-flag-title a:link,
h1.comment-flag-title a:visited,
h1.comment-flag-title a:active{
color:#fff;
text-decoration:none;}

h1.comment-flag-title a:hover{
text-decoration:underline;}


#respond {
width:440px;
margin:0 95px;
float:left;}

#respond h3{
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:18px;
text-transform: uppercase;
color:#b0b630;
padding: 10px 0 0 0;
margin:0;}

#commentlist{
width:440px;
float:left;
margin: 10px 95px 15px 95px;
list-style-type:none;
padding:0;}

#commentlist .comment-body{
background-color:#fff;
border-bottom: 1px #b0b630 solid;
border-top: 1px #b0b630 solid;
margin: 0 0 15px 0;
padding: 10px 20px 0 20px;
}


img.avatar {
padding:4px;
border: 1px #cacaca solid;
margin: 0 20px 10px 0px;
float:left;}

.comment-author{
margin-top:10px;
}

.comment-author a{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
color:#b0b630;
padding: 10px 0 15px 0;
text-decoration:none;
font-style:normal;
}

.comment-author a:hover{
text-decoration:underline;}

.comment-meta a{
font-family:Arial, Helvetica, sans-serif;
font-weight:regular;
font-size:11px;
color:#8c8c8c;
margin-bottom: 20px;
text-decoration:none;
font-style:normal;
}

.comment-meta a:hover{
text-decoration:underline;}

h3 #comments,
#commentlist p{
font-family:Arial, Helvetica, sans-serif;
font-weight:regular;
font-size:13px;
color:#000;
line-height:1.3em;
margin-top:20px;
}

#commentlist p.reply-title{
font-family:Arial, Helvetica, sans-serif;
font-weight:regular;
font-size:13px;
color:#000;
line-height:1.3em;
margin-top:0px;
}

cite{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
color:#b0b630;
padding: 0 0 15px 0;
text-decoration:none;
font-style:normal;}

#commentform p{
font-family:Arial, Helvetica, sans-serif;
font-weight:regular;
font-size:14px;
color:#000;
margin-left:-95px;
}

#cancel_reply a,
#commentform p a{
font-family:Arial, Helvetica, sans-serif;
font-weight:regular;
font-size:14px;
color:#b0b630;
padding-left:20px;
text-decoration:none;
}

#cancel_reply a:hover,
#commentform p a:hover{
text-decoration:underline;}

#commentform p small{
padding-left:10px;
}

p.comment-reply a{
float:right;
width:40px;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#fff;
background-color:#b0b630;
text-align:center;
text-decoration:none;
padding: 5px;
}

#commentform,
#comment-fields {
width:455px;
float:left;
margin: 10px 0 15px 95px;}



#author,
#email,
#url
 {
font-family:Arial, Helvetica, sans-serif;
color: #999999;
font-size:18px;
width:230px;
height:20px;
background-color:#FFF;
border: 1px #b0b630 solid;
margin: 0px 0 2px 0;
padding: 5px;}

#comment {
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:18px;
width:445px;
height:100px;
background-color:#FFF;
border: 1px #b0b630 solid;
margin: 15px 0 5px 0;
padding: 5px;}

p.reply-title small{
color:#999999;}

p.thdrpy a{
float:right;
display:block;
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#fff;
background-color:#b0b630;
text-align:center;
text-decoration:none;
padding: 5px;
margin: -30px 3px 10px 0;
border:none;
clear:both;
}

p.thdmang a,
#commentform #submit {
float:left;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#fff;
background-color:#b0b630;
text-align:center;
text-decoration:none;
padding: 5px;
border:none;
}
/**COMMENT REPLY**/

.editComment, .editableComment, .textComment{
	display: inline;
}
.comment-childs{
	border: 1px solid #b0b630;
	border: 1px solid #b0b630;
	margin: 30px 2px 20px 4px;
	padding: 10px 2px 2px 15px;
	background-color: white;
}
.chalt{
	background-color: #F8F8F8;
	margin-bottom:20px;
}

#newcomment{
	border:1px dashed #777;width:90%;
}
#newcommentsubmit{
	color:b0b630;
}
.adminreplycomment{
	border:1px dashed #777;
	width:99%;
	margin:4px;
	padding:4px;
}
.mvccls{
	color: #b0b630;
}


/**RIGHT SIDEBAR**/

#sidebar {
width:330px;
float:left;
margin: 0 0 0 9px;
}

.skunky-logo {
width:330px;
height:84px;
float:left;
margin:10px 0 0 0px;
}

/**Search Form**/
#search  {
clear:both;
width:260px;
height:40px;
margin: 20px 0px 0px 40px;}

#search label {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#2d2d2d;
float:left;
margin: 10px 15px 0 0;
}

#searchform input {
height:20px;
width:165px;
font-family:Arial, Helvetica, sans-serif;
color: #666666;
font-size:16px;
border: 1px #b2b531 solid;
padding: 5px;
}

#searchsubmit {
width:70px;
}

/**ends**/

#sidebar-header{
float:left;
width:330px;
height:54px;
background-image:url(images/sidebar-header.jpg);
background-repeat:no-repeat;
margin: 15px 0 0 0;
}

h1.sidebar {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
text-transform: uppercase;
color:#000;
padding: 10px 0 0 40px;
margin:0;}

#sidebar ul{
float:left;
width:265px;
margin:0;}

#sidebar li{
list-style:none;}

#sidebar .cat-item{
clear:both;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#2d2d2d;
list-style:none;
padding: 0;}

#sidebar .cat-item a{
text-decoration:none;
color:#2d2d2d;}

#sidebar .cat-item a:hover {
display:block;
width:275px;
font-weight:bold;
background-color:#eff2da;
}

.twitter{
clear:both;
list-style:none;
padding: 0 0 10px 0px;}

/**
.widget,
.currentcat,
.current-cat-parent,
.pagenav,
.page_item,
.current_page_item,
.linkcat{
border: 1px #000 solid;}**/

/** FOOTER **/

#footer {
width:990px;
margin: 20px 0 0 0;
clear:both;
float:left;}

#footer-header {
width:990px;
height:54px;
background-image:url(images/footer-header.jpg);
background-repeat:no-repeat;
margin:0px;
clear:both;}

#footer-content {
width:990px;
float:left;
background-image:url(images/footer_bgd.gif);
background-repeat:repeat-y;
margin: 0px;
padding-bottom:20px;
clear:both;}

#footer-info {
clear:both;
float:left;
width:990px;
background-color:#fff;
margin-bottom:20px;
padding: 15px;}

#footer p.footer-info{
color:#000;
}

#footer p.footer-info a{
color:#b0b630;
text-decoration:none;
padding:0;}

#footer p.footer-info a:hover{
text-decoration:underline;}

#footer p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
margin:0;
padding:0;
display:inline;
}

.doug-contact {
padding: 0 0 10px 0;
clear:both;}

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


#footer .cat-item,
#footer a,
.follow-social-media p a{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
color:#fff;
border:none;
padding: 0 5px 10px 0px;
}

#footer li.cat-item{
list-style-type:none;}

#footer .cat-item:hover,
#footer a:hover,
.follow-social-media p:hover,
.services p:hover{
text-decoration:underline;}

.footer-cat {
float:left;
width:140px;
margin:0 0 0 42px;}

.footer-tags {
float:left;
width:260px;
margin:0 0 0 40px;
vertical-align: middle;
}

#footer .footer-tags a{
float:left;
line-height:30px;
padding: 0 10px 0 0;}


.footer-skunkworks-services {
float:left;
width:160px;
margin: 0 0 0 25px;}

.services{
float:left;
width:160px;
height:32px;
padding: 5px 0 5px 0;}

.services p{
float:left;
padding: 10px 0 0 0;
line-height:32px;}


.footer-social-media-links {
float:left;
width:280px;
margin: 0 0 0 11px;}

img.social-media-title {
float:left;
margin: 0px 0 0 -3px;}

.follow-social-media{
float:left;
width:280px;
height:32px;
padding: 5px 0 5px 0;
}

.follow-social-media p{
float:left;
padding: 10px 0 0 0;
line-height:32px;}

img.icon{
float:left;
margin: 0 15px 0 0;}