@charset "utf-8";
/* CSS Document */

/*
Theme Name: J and L Electric
Theme URI: http://www.jlturnkey.com
Description: Custom Theme for J and L Electric.
Version: 1.0
Author: Gravics
Author URI: http://www.gravics.com/
*/

* {
	margin: 0;
	padding: 0;
}
table {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font: bold 16px Arial, Helvetica, sans-serif;
}
a {
	text-decoration: underline;
	color: #8F3939;
}
a:hover {
	text-decoration: none;
}
a img {
	border: 0;
}
blockquote {
	margin: 10px 40px 10px 30px;
	padding: 1px 0;
	border-left: 4px solid #039;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	clear: both;
	background-color: #E7F8FB;
}
blockquote p {
	padding: 5px 0;
	margin: 6px -15px 2px -5px;
	font-style: italic;
	color: #333;
	border: 0;
}
blockquote blockquote {
	float: none;
	width: auto;
	margin: 0 10px;
	background-color: #FFF;
}
dd {
	padding: 0 0 0 20px;
}
form, input, textarea {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
}
p img {
	max-width: 100%;
}
img.aligncenter {
	margin: 0 auto;
	text-align: center;
	display: block;
}
img.alignright {
	margin: 5px 10px 2px 10px;
	padding: 4px;
	border: 1px solid #EDEDED;
	display: block;
}
img.alignleft {
	margin: 5px 10px 2px 0;
	padding: 4px;
	border: 1px solid #EDEDED;
	display: block;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.clear {
	margin: 0;
	padding: 0;
	clear: both;
}
small {
	font-size: 11px;
}
.pg_mid {
	font: 13px Tahoma, Verdana, Helvetica, Arial, sans-serif;
	height: auto;
	width: 850px;
	background: url(images/pg_mid_865.png) repeat-y;
	clear: both;
	float: left;
	padding: 0 0 0 15px;
}
.lft_content {
	font: 13px Tahoma, Verdana, Helvetica, Arial, sans-serif;
	width: 670px;
	float: left;
	height: auto;/*border-right: 1px solid #CCC;*/
}
.navigation {
	font: 13px Tahoma, Verdana, Helvetica, Arial, sans-serif;
	line-height: 30px;
	width: 550px;
	height: 32px;
	margin: 10px 8px 0; /*margin: 10px 10px 12px;*/
}
.navigation .alignright a {
	text-decoration: none;
	color: #EEE;
	background: url(images/continue-submit.gif) no-repeat left -30px;
	height: 30px;
	width: 110px;
	display: block;
	padding: 0 0 0 10px;
}
.navigation .alignleft a {
	text-decoration: none;
	color: #EEE;
	background: url(images/continue-submit_lft.gif) no-repeat left -30px;
	height: 30px;
	width: 100px;
	display: block;
	padding: 0 0 0 20px;
}
.navigation .alignright a:hover {
	background: url(images/continue-submit.gif) no-repeat left 4px;
	color: #6FF;
}
.navigation .alignleft a:hover {
	background: url(images/continue-submit_lft.gif) no-repeat left 4px;
	color: #6FF;
}
.paginate {
	font: 12px Helvetica, Verdana, Arial, sans-serif;
	width: 650px;
	height: 37px;
	text-align: center;
	color: #FFF;
	margin: 13px 0 2px;
	background: #C0C0C0 url(images/gradient_title.jpg) repeat-y left top;
}
.wp-pagenavi {
	padding: 6px 0 0;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	color: #FFF;
	border: 1px solid #333;
	padding: 3px 5px;
	margin: 2px;
	line-height: 25px;
	background: #2C2C2C url(images/image1.gif);
}
.wp-pagenavi .pages {
	background: url(images/paginate.gif) repeat-x left bottom;
	color: #333;
}
.wp-pagenavi a:hover {
	color: #FFF;
	border:1px solid #333;
	background: #BA5611 url(images/image2.gif);
}
.wp-pagenavi .current {
	color: #FFF;
	padding: 3px 5px;
	border:1px solid #333;
	background: #BA5611 url(images/image2.gif);
}
.page_title {
	padding: 0 0 4px 35px;
	font: 140% Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: -0.5px;
	color: #333;
	height: 20px;
	width: 500px;
	margin: 10px 0 0 0;
	border-bottom: 1px solid #AAA;
}
.search-terms {
	color: #800;
}
.search-num {
	color: #009;
}
.search-excerpt {
	background-color: #00F;
	padding: 0 2px;
	color: #FFF;
}
/* =Posts
-------------------------------------------------------------- */
/* temp */
.page {
	position: relative;
	padding: 10px 0 0 0;
	height: auto;
}
.page h2 {
	font-size: 22px;
	font-weight: normal;
	margin: 0 20px 0 0;
	padding: 6px 5px 6px 45px;
	background: #C0C0C0 url(images/gradient_title.jpg) repeat-y left top;
	color: #FFF;
}
.page h2 a {
	color: #FFF;
	text-decoration: none;
	width: auto;
	display: block;
}
.page h2 a:hover {
	color: #FFC;
	text-decoration: none;
} /* temp */
.post {
	padding: 10px 0 0 0;
	position: relative;
	height: auto;
}
.hr {
	margin: 0 15px 3px 0;
	background-color: #AAA;
	border: 1px solid #AAA;
}
.post_img {
	position: absolute;
	width: 60px;
	height: 118px;
	top: -16px;
	left: -24px;
}
.post h2 {
	font-size: 22px;
	font-weight: normal;
	margin: 0 20px 0 0;
	padding: 6px 5px 6px 45px;
	background: #C0C0C0 url(images/gradient_title.jpg) repeat-y left top;
	color: #FFF;
}
.post h2 a {
	color: #FFF;
	text-decoration: none;
	/*width: auto;*/
	/*display: block;*/
}
.post h2 a:hover {
	color: #FFC;
	text-decoration: none;
}
.post .error {
	padding: 25px;
	font-size: 14px;
	color: #444;
}
.go_plus {
	float: right;
	position: relative;
	top: 2px;
	width: 225px;
}
.postcomments {
	background: url(images/emblem.png) no-repeat;
	width:45px;
	height:33px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding: 4px 0 0 0;
	position: absolute;
	top: 5px;
	left: 610px;
}
.postcomments a {
	color: #EEE;
	text-decoration: none;/*padding: 4px 8px;*/
	text-shadow: 0px -1px #555;
}
.postcomments a:hover {
	color: #F00; /*#00FFFF*/
	text-decoration: none;
}
.entry-date {
	margin: 0 20px 0 0;
	padding: 10px 10px 7px 45px;
	color: #666;
	background: url(images/postinfo-bg.gif) repeat-x left bottom;
	border-bottom: 2px solid #CCC;
}
.entry-date img {
	border: none;
	vertical-align: middle;
	padding: 0 2px;
}
.entry-date span {
	font-size: 12px;
	margin: 0 0 0 25px;
}
.entry-date a {
	color: #F06;
	padding: 0 5px 0 0;
}
.entry-date span.blue a {
	color: #008CCD;
	padding: 0;
	font-size: 12px;
}
.entry-date span.black, .entry-meta span.black {
	color: #800;
	margin: 0;
}
.entry-content {
	line-height: 20px;
	font: 13px/19px Tahoma, Verdana, Helvetica, Arial, sans-serif;
	padding: 10px 0 0;
	color: #333;
}
.entry-content input {
	margin: 5px 0 0;
	line-height: 15px;
	padding: 1px 3px;
}
.entry-content p {
	text-align: justify;
	padding: 0 30px 10px 15px;
	border: 0;
}
.entry-content p blockquote {
	margin: 0;
	padding: 0;
}
.entry-content ol, .entry-content ul {
	margin: 0 0 10px 45px;
}
.entry-content li {
	margin: 0 0 10px;
}
.entry-content ol li, .entry-content ul li {
	margin: 0 0 10px;
}
.entry-content ol li li, .entry-content ul li li {
	margin: 0 0 10px 15px;
}
.entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
	padding: 10px 0 5px 15px;
	background: transparent;
	color: #000;
}
.entry-content h2 a {
	color: #8F3939;
}
.entry-content h3 {
	font-size: 18px;
	font-weight: normal;
}
.entry-content h5 {
	font-size: 14px;
}
.entry-content h6 {
	font-size: 12px;
}
.more-link {
	background-color: #900;
	float: right;
	margin: 15px 10px 12px 0;
	color: #FFF;
	padding: 4px 8px;
	text-decoration: none;
}
.more-link:hover {
	background-color: #C00;
}
.entry-meta {
	color: #666;
	margin: 0 20px 0 0;
	font-size: 12px;
	font-weight: normal;
	padding: 10px 0 7px;
	background: url(images/postinfo-bg.gif) repeat-x left bottom;
	clear: both;
}
.entry-meta p {
	padding: 0 0 0 30px;
}
.entry-meta img {
	border: none;
	vertical-align: middle;
	margin: 2px;
	clear: both;
}
.entry-meta a {
	color: #444;
}
.entry-meta a:hover {
	color:#ed1f24;
}
.entry-meta span a, .entry-date span a {
	color: #F06;
	font-size: 11px;
}
.entry-meta span.blue {
	margin: 0;
}
.entry-meta span.blue a {
	color: #008CCD;
	padding: 0;
	font-size: 12px;
}
.entry-meta span.blue a:hover, .entry-date span.blue a:hover {
	color: #039;
}
.entry-meta span {
	margin: 0 0 0 30px;
}
/* =Sidebar
-------------------------------------------------------------- */
.sidebar {
	float: left;
	width: 165px;
	border-left: 1px solid #CCC;
}
.sidebar .module {
	margin: 10px 0 10px 8px;
	width: 158px;
}
.sidebar ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.sidebar ul li {
	list-style-type: none;
}
.sidebar ul ul, .blogroll {
	list-style-type: none;
	margin: 0;
	padding: 0;
	background: #FCFCFC url(images/module-m.png) repeat-x left bottom;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.sidebar ul ul ul {
	background: transparent;
	border: none;
}
.sidebar ul ul li {
	line-height: 12px;
	padding: 2px 0 0;
	margin: 0 5px;
}
.sidebar .children li {
	margin: 0;
}
.sidebar ul li a {
	display: block;
	line-height: 21px; /*8px*/
	height: auto; /*8px*/
}
.sidebar a {
	font: 12px Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #009;
	text-decoration: none;
	padding: 0 0 2px 5px;
}
.sidebar a:hover {
	color: #FFF;
	background-color: #777;
	text-shadow: 0px -1px #222;
}
.module-top {
	margin: 0 9px 0;
	background: url(images/module-tm.png) repeat-x;
	height: 9px;
}
.module-lft {
	background: url(images/module-tl.png) no-repeat left top;
	height: 9px;
	margin: 0 0 0 -9px;
}
.module-rgt {
	background: url(images/module-tr.png) no-repeat right top;
	height: 9px;
	margin: 0 -9px 0 0;
}
.module-bottom {
	margin: 0 9px;
	background: url(images/module-bm.png) repeat-x;
	height: 9px;
}
.module-bottom_lft {
	background: url(images/module-bl.png) no-repeat left top;
	height: 9px;
	margin: 0 0 0 -9px;
}
.module-bottom_rgt {
	background: url(images/module-br.png) no-repeat right top;
	height: 9px;
	margin: 0 -9px 0 0;
}
.sidebar h2 {
	padding: 0 0 4px 5px;
	font: 140% Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: -0.5px;
	color: #333;
	height: 20px;
	margin: 10px 8px 0;
	border-bottom: 1px solid #AAA;
}
.sidebar .module h2 {
	padding: 0 0 0 10px;
	margin: 0;
	font: 140% Helvetica, Arial, Verdana, sans-serif;
	letter-spacing: -0.5px;
	color: #333;
	background: #FCFCFC url(images/module-title-bg.png) repeat-x left bottom;
	height: 30px;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-bottom: none;
}
.sidebar input {
	margin: 10px 0 0 10px;
	line-height: 16px;
	padding: 1px 3px;
}
.sidebar input#searchsubmit {
	padding: 2px 4px;
	margin: 6px 0 5px 10px;
}
.sidebar input#textsearch {
	height: 16px;
	width: 140px;
	border-color: #FC6;
}
/* =Comments
-------------------------------------------------------------- */
#comments {
	padding: 8px 0 0;
	margin: 0 20px 0 0;
	border-top: 1px solid #CCC;
}
#comments-list {
	padding: 3px 0 0 10px;
}
#comments-list h3 span {
	color: #900;
}
#comments-list h3 {
	color: #666;
}
#comments-list ol {
	list-style-type: none;
	width: 550px;
}
#comments-list li {
	background-color: #E7E7E7;
	width: auto;
	position: relative;
	margin: 8px 0;
}
#comments-list .children {
	list-style-type: none;
	margin: 0 0 0 20px;
	width: 550px;
}
#comments-list .children li {
	background-color: #9DBBCC;
	border-top: 2px solid #2F82AD;
	border-left: none;
}
#comments-list .children li .comment-reply-link {
	border: none;
}
#comments-list .children li li {
	background-color: #70A2BA;
	border-top: 2px solid #295873;
	border-left: none;
	margin: 0;
}
.comment-content {
	height: auto;
	margin: 15px 0 0;
	padding: 0 15px 0 0;
	width: 500px;
	clear: both;
}
.comment-content p {
	margin: 0 0 15px 66px;
	border: 1px solid #CCC;
	padding: 2px 5px 10px;
	background-color: #FFF;
}
.avatar {
	float: left;
	margin: 0 10px 0 0;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments {
	margin: 10px 0 0 30px;
}
h3#comments-title {
	color: #000;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0 0 0 15px;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul, #comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: bold;
}
.comment-author {
	font-style: italic;
	font-weight: bold;
	width: 500px;
	padding: 5px 0 0;
	position: absolute;
	height: 36px;
	left: 20px;
}
li .comment-meta {
	font-size: 11px;
	padding: 25px 0 0 67px;
}
.comment-meta a:link, .comment-meta a:visited {
	color: #069;
	text-decoration: none;
}
.comment-meta a:active, .comment-meta a:hover {
	color: #FF4B33;
}
.comment-reply-link {
	text-align: right;
	padding: 0 50px 15px 0;
	clear: both;
	width: 500px;
	border-bottom: 5px solid #999;
}
.comment-reply-link a {
	background-color: #027FB5; /*#A00*/
	color: #FFF;
	padding: 3px 10px 5px;
	text-decoration: none;
	border: none;
	line-height: 25px;
}
.comment-reply-link a:hover {
	background-color: #038FC6; /*#F04*/
}
.unapproved {
	color: #027FB5;
	font-size: 12px;
	padding: 10px 0 10px 65px;
	position: relative;
	float: left;
}
#comment-notes {
	font-size: 11px;
	color: #999;
}
.form-label {
	line-height: 22px;
}
.commentlist .even {
	background-color: #DDD;
	margin: 0 20px;
	width: 90%;
}
.commentlist .bypostauthor {
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a, a.comment-edit-link {
	color: #888;
}
.reply a:hover, a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword, .nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}
/* Comments form */

/* =Respond
-------------------------------------------------------------- */
input[type=submit] {
	color: #333;
}
#respond {
	border-top: 1px solid #CCC;
	padding: 0 0 0 10px;
	margin: 10px 0 0;
	overflow: hidden;
	position: relative;
}
#respond h3 {
	margin: 11px 0 2px;
	padding: 0;
	color: #000;
}
#respond p {
	margin: 0;
}
#respond #comment-notes {
	color: #777;
}
#comment-notes em {
	color: #F00;
}
.form-allowed-tags {
	line-height: 1em;
}
.form-section {
	font-size: 11px;
	color: #999;
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin: 18px 0 0;
}
#comments-list #respond {
	width: 700px;
	margin: 8px 0 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply {
	float: left;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;/*line-height: 18px;*/
	float: left;
	padding: 2px 0 10px;
	width: 200px;
}
#respond .formcontainer {
	clear: both;
	width: 700px;
}
#respond .required {
	color: #FF4B33;
	font-weight: bold;
}
#respond label {
	color: #888;
	font-size: 12px;
}
#respond input {
	margin: 0 0 4px;
	width: 175px;
	height: 20px;
	line-height: 20px;
}
#respond #submit {
	height: 28px;
	width: 130px;
}
#respond textarea {
	width: 75%;
	padding: 2px 2px;
}
#respond #form-allowed-tags {
	color: #777;
	font-size: 11px;
	line-height: 18px;
}
#respond #form-allowed-tags code {
	font-size: 11px;
	color: #555;
}
#respond .form-submit {
	margin: 12px 0 0;
}
#respond .form-submit input {
	font-size: 14px;
	width: auto;
}
#respond h3 a, #cancel-comment-reply a {
	color: #900;
}
#respond h3 a:hover, #cancel-comment-reply a:hover {
	color: #C00;
}
/* --------------- calendar widget --------------------- */
#calendar_wrap {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: url(images/module-m.png) repeat-x left bottom;
}
#calendar_wrap caption {
	color: #900;
}
#calendar_wrap #wp-calendar thead {
	text-align: center;
	color: #009;
}
#calendar_wrap #wp-calendar td {
	border: 1px solid #999;
	text-align: center;
	padding: 0;
}
#calendar_wrap #wp-calendar td a {
	text-align: center;
	color: #F00;
	padding: 0;
	display: block;
	height:15px;
	line-height: 14px;
}
#calendar_wrap #wp-calendar td a:hover {
	background-color: #CCC;
}
#wp-calendar #today {
	background: #EEF0F4;
	color: #900;
}
#calendar_wrap #wp-calendar {
	margin: 0 auto;
}
#calendar_wrap #wp-calendar #prev a {
	padding: 0;
	margin: 0;
}