/*  
Theme Name: Erics Energy
Theme URI: http://www.ericsenergy.com
Description: Designed By: Aaron Case - <a href="http://www.kcwebdeveloper.com">KC Web Developer</a> for <a href="http://www.ericsenergy.com">Erics Energy</a>
Version: 1.0
Tags: white, green, blue, gray, two-columns, fixed-width, left-sidebar
Author: Aaron Case 
Author URI: http://www.kcwebdeveloper.com
*/

body {
    font-family: Tahoma, 'Arial';
    background-color:#415461;
}

a {
    text-decoration: none;
    color: #1087D7;
}

.input {
    border: 1px solid #006;
    background: #ffc;
}

#page_wrapper {
    width:100%; 
    background-color:#415461;
    text-align:center;
}

#page {
    margin: 0 auto;
    width:754px;
    text-align: left;   
    z-index: 0;
}

#header {
    width:754px;
    height:133px;
    background-image:url('images/header.png');
    background-repeat:no-repeat;
    z-index: 500;
}

#navbar-left {
    width:8px;
    height:39px;
    float:left;
    background-image:url('images/navbar_left.png')
}

#navbar {
    width:754px;
    height:39px;
}
#navbar_center {
    width: 738px;
    height:39px;
    float:left;
    background-image:url('images/navbar.png');
    background-repeat:repeat-x;
}
#navbar-right {
    width:8px;
    height:39px;
    float: right;
    background-image:url('images/navbar_right.png');
}

#content-top {
    width:754px;
    height:8px;
    background-image:url('images/content_top.png');
    margin-top: 0px;
    position: absolute;  
}

#content-main {
    float:left;
    border-left: 1px solid #415461;
    margin-top: 5px;
    margin-left: 15px;
    margin-bottom: -10px;
    height: 100%;
}


#content {
    background-image:url('images/content.png');
    width:754px;
    height: 100%;
}

.post {
    padding: 20px 5px 0px 10px;
    max-width: 515px;
}

.post * {
    max-width: 500px;
}

.post ul {
    max-width: 480px;
}

.entry {
    max-width: 525px;
    font-size: 14px;
}

.post h1{
    color: #7BCD00;
}

#sidebar {
    width: 200px;
    height: 95%;
    float:left;
    margin-top: 10px;
    text-align: center;
}

#sidebar-inner {
    margin: 0 auto;
    width: 220px;
    text-align: left;
}

#sidebar h1 {
    background-image:url('images/menu_bg.png');
    background-repeat: repeat-x;
    margin: 0 auto;
    height: 50px;
    width: 90%;
    text-align: center;
    font-size: 16px;
    padding-top: 12px;
    color: #1087D7;
    letter-spacing: 1px;
}



#footer {
    width:754px;
    height:34px;
}
#footer_center {
    background-image:url('images/footer.png');
    background-repeat: repeat-x;
    width:694px;
    height:34px;
    float: left;
}

#footer-left {
    background-image:url('images/footer_left.png');
    width:30px;
    height:34px;
    float: left;
}

#footer-right {
    background-image:url('images/footer_right.png');
    width:30px;
    height:34px;
    float: right;
} 

#copyright {
    font-size: 10px;
    text-align: right;
    color:#FFF;
    padding-right: 10px;
}

img {
    border: 0px;
}

h1 {
	margin: 0px;
	font-size: 18px;
	letter-spacing: 0.2em;
	color:#003366;
}

h2 {
	margin: 0px;
	font-size: 16px;
	color:#003366;
}

h3 {
	font-size: 14px;
	margin: 0;
	letter-spacing: 0.2em;
	color: #006699;
}

.clear {
    clear: both;
}

.clearfloat {
	content: "."; 
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}

.sidebar-content {
    margin: 0 auto;
    font-size: 12px;
    font-style: italic;
    width: 90%;
}

/* Top Menu Bar */
.formstyle, input {
	border: 2px solid #83959F;
	width: 130px;
	margin: 0px;
	padding: 0px;
	color: #8597A1;
	font-weight: bold;
	text-align: left;
}

input {
	width: 200px;
}

.formstyle2, textarea {
	border: 2px solid #83959F;
	width: 430px;
	margin: 0px;
	padding: 0px;
	color: #8597A1;
	font-weight: bold;
	text-align: left;
}

#formtitle {
	float: left;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

.formdata {
	text-align: right;
	margin-top: 55px;
}

.formdata input, .formdata textarea, #form, input {
	border: 1px solid #6699CC;
}

.comment_field {
    float:left;
    width: 300px;
}

.comment_field input {
    float: right;
}

.comment_field label {
    float: left;
}

#search_form {
	border: 2px solid #006699;
	width: 100px;
	color: #003366;
}

/* end search and comments form styling */

/* Sytling for the WordPress code */
.calendar {
	float:left;
	height: 53px;
	width: 49px;
	color:#FFFFFF;
	font-size: 10px;
	font-weight: bold;
	text-align:center;
	background-image: url(images/date.png);
	background-repeat: no-repeat;
}
.calday {
	color:#006600;
	font-size: 16px;
	padding-top: 5px;
	font-weight: bold;
}

.commentlist li { /* Used on the comments.php */
	list-style:none;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: -25px;
	border: 1px dotted #CCCCCC;
	padding: 10px;
}

.commentmetadata {
	margin-top: 10px;
	margin-bottom: 20px !important;
}

.commenttext {
	float: left;
}

.reply {
	margin-bottom: 25px;
}

.avatar { /* Used on the comments.php */
	position:relative;
	top: 0px;
	left: 0px;
	width: 75px;
	height: 75px;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	margin-right: 8px;
}

.alt { /* Used on the comments.php */
	background-color:#97A8AF;
	background-image: none;
	background-repeat: no-repeat;
	color:#FFFFFF;
}

.alt a:link, .alt a:visited { /* Used on the comments.php */
	color:#333333;
}

.postdate {
	float: left;
	margin-left: 4px;
}

.author, .postdate {
	font-size: 1em;
	color:#8698A2;
	float: left;
	margin-bottom: 1em;                            
}

commentauthor a:link, .commentauthor a:visited {
	color:#990000;
	font-size: 18px;
	text-decoration:none;
}

.postmetadata {
	font-size: .9em;
	padding-bottom: 35px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.tags {
	float:left;
	margin-right: 10px;
	background:url(images/tag.gif) no-repeat;
	padding:2px 3px 3px 20px;
	height: 16px;
}

.content .tagcloud a:link, .content .tagcloud a:visited {
	text-decoration:none;
	border: none;
	display: inline;
}

#rss {
	background-image: url(images/rss.gif);
	background-repeat: no-repeat;
	padding-left: 22px;
	background-position: 5px;
}

.category, .editit {
	float: left;
}

.category {
	margin-right: 10px;
	background:url(images/category.gif) no-repeat;
	padding:2px 3px 3px 20px;
	height: 16px;
}

.editit {
	margin-left: 10px;
}

.navigation {
	font-size: .85em;
}

.alignleft {
	float: left;
}

.alignright {
	float:right;
}

.ncomments {
	font-size: 1em;
	color:#000000;
	margin-right: 10px;
	background:url(images/comment.gif) no-repeat;
	padding:2px 3px 3px 20px;
}

.ncomments a:link, .ncomments a:visited, .postmetadata a:link, .postmetadata a:visited, .navigation a:link, #navigation a:visited {
	color:#003366;
	text-decoration:none;
}

.ncomments a:hover, .postmetadata a:hover, .navigation a:hover {
	color:#990000;
	text-decoration:none;
}

/* This section helps control the placement of images in pages or posts. WordPress by default, assigns classes when you insert the image. This will help to make sure they go where you want. */

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

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
}

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;	
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* This end the section that handles the pages or post image placement. */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 100px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a, #wp-calendar a {
	display: block;
	border: none;
	margin: 1px;
	padding: 0px;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */
.cf_info success {
    color: #670003;
}
.button {
    background-image:url('images/btn_off.png');
    width: 83px;
    max-height: 23px; 
    padding: 2px 0px 4px 0px;
    border: 0px;
    color: #FFF;
    cursor: pointer;
    font-size: 14px; 
    text-align: center;     
}
.btn_on {
    background-image:url('images/btn_on.png');    
    color:#000;    
}
.btn_off {
    background-image:url('images/btn_off.png');
    color: #FFF;
}

.lcp_catlist {
    list-style: none;
    float: left;
    padding: 0;
    padding-left: 3px;
}
#dropmenu, #dropmenu ul {
    margin:0; 
    padding:3px; 
    list-style-type:none; 
    list-style-position:outside;
    position:relative;
    line-height:1.5em;
    z-index:100;
    width:100%;        
    font-weight:bold;
}
#dropmenu a {
    display:block;
    padding:0.25em 1em;              
    text-decoration:none;
    color: #FFF;
}
#dropmenu a:hover {
    color:#fff;
}
#dropmenu li {
    float:left;
    position:relative;
}
#dropmenu ul {
    position:absolute;
    display:none;
    width:12em;
    top:1.9em;
    left:-1px;
}
#dropmenu li ul {
    width:14.1em;
}
#dropmenu li ul a {
    width:12em;
    height:auto;
    float:left;                       
    background-color: #007ADA;
    color: #000;
}
#dropmenu ul ul {
    top:auto;
}
#dropmenu li ul ul {
    left:12em;
    margin:0px 0 0 10px;
}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {
    display:none;
}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {
    display:block;
}