/*
Theme Name: GOCO
Theme URI: http://goco.net/
Description: Private Gra Ham Energy Website Theme
Author: Peter A. McGill <petermcgill@goco.net>
Author URI: http://goco.net/
Version: 1.2
Tags: flexible-width, two-columns, white, red, left-sidebar

This theme is for use by Gra Ham Energy only.
*/

/* Begin Defaults */
@media screen {
	body {
		margin: 0;
		border: none;
		padding: 0;
		background-color: yellow;
		}
	}

body {
	color: black;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	}

h1, h1 a, h1 a:hover, h1 a:visited {
	margin: 20px 0 0;
	color: white;
	font-size: 2em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	font-weight: bold;
	text-decoration: none;
	}

h2 a:hover, h3 a:hover {
	text-decoration: none;
	}

h2 {
	margin: 20px 0 0;
	font-size: 1.6em;
	}

h3 {
	font-size: 1.4em;
	text-align: center;
	}

h4, big {
	font-size: 1.2em;
	}

h5, h6 {
	font-size: 1em;
	}

abbr, acronym, span.caps {
	font-size: 0.9em;
	letter-spacing: 0.07em;
	cursor: help;
	}

abbr, acronym {
	border-bottom: 1px dashed #999;
	}

b {
	color: red;
	font-weight: bold;
	}

blockquote, small, strike, .nocomments, .postmetadata {
	color: #777;
	}

blockquote {
	margin: 15px 30px 0 10px;
	border-left: 5px solid #ddd;
	padding-left: 20px;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

cite {
	text-decoration: none;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

@media screen {
	hr {
		display: none;
		}
	}

.hidden {
	display: none;
	}

small {
	font-size: 0.9em;
	line-height: 1.5em;
	}

ol li {
	list-style: decimal outside;
	}

.center {
	text-align: center;
	}

select {
	width: 130px;
	}
/* End Defaults */

/* Begin Header */
@media screen {
	#header {
		border-bottom: 2px solid rgb(153,153,153);
		}

	#headerimg {
		background-color: red;
		background-image: url("images/headerbg.jpg");
		background-repeat: repeat;
		color: white;
		}

	#searchform {
		border: none;
		position: absolute;
		top: 5px;
		right: 5px;
		}
	}

#header img {
	border: none;
	}

#headerimg .description {
	width: 100%;
	text-align: center;
	}

@media print {
	#searchform {
		display: none;
		}
	}
/* End Header */

/* Begin Sidebar */
@media screen {
	#sidebarbd {
		width: 100%;
		float: right;
		position: relative;
		right: 79%;
		background-color: rgb(153,153,153);
		}

	#sidebarbg {
		width: 100%;
		float: right;
		position: relative;
		right: 0.3%;
		background-color: black;
		}

	#sidebar {
		padding-bottom: 3em;
		width: 20.7%;
		float: left;
		clear: left;
		position: relative;
		left: 79.3%;
		color: white;
		font-weight: bolder;
		}

	#sidebar ul {
		margin: 0;
		padding: 0;
		}

	#sidebar ul li {
		list-style: none;
		}

	#sidebar a, #sidebar a:hover, #sidebar a:visited {
		text-decoration: none;
		}

	#sidebar img {
		border: none;
		}

	#sidebar>ul>li {
		margin: 1px;
		display: block;
		background-color: red;
		}

	#sidebar>ul>li>a, #sidebar>ul>li>a:visited, #sidebar>ul>li>h2 {
		margin: 0;
		border: 2px solid red;
		display: block;
		background-color: white;
		color: black;
		font-size: 1em;
		font-weight: bold;
		font-style: italic;
		text-align: center;
		}

	#sidebar>ul>li>a:hover {
		background-color: yellow;
		}

	#sidebar>ul>li>ul>li {
		margin-bottom: 2px;
		border: 1px solid black;
		display: block;
		background-color: rgb(102,102,102);
		color: black;
		font-weight: bolder;
		text-align: right;
		}

	#sidebar>ul>li>ul>li:after {
		content: "\0020 \25AA \00A0";
		}

	#sidebar>ul>li>ul>li>a, #sidebar>ul>li>ul>li>a:visited {
		color: white;
		}

	#sidebar>ul>li>ul>li>a:hover {
		color: rgb(0,153,255);
		}

	#sidebar>ul>li.page_item>ul {
		display: none;
		}

	#sidebar>ul>li.current_page_item>ul {
		display: block;
		}

	#sidebar>ul>li.current_page_ancestor>ul {
		display: block;
		}
	}

@media print {
	#sidebar {
		display: none;
		}
	}

/* Special stylized non-IE bullets
   Do not work in Internet Explorer, which merely default to normal bullets. */

.entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	padding-left: 10px;
	text-indent: -10px;
	list-style: none;
	}

.entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	margin: 0;
	padding: 0 0 0 35px;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}
/* End Sidebar */

/* Begin Content */
@media screen {
	#contentbg {
		width: 100%;
		float: right;
		position: relative;
		overflow: hidden;
		background: yellow;
		}

	#content {
		margin-right: 5%;
		border-right: 1px solid black;
		padding: 2%;
		width: 70%;
		float: right;
		position: relative;
		left: 79.3%;
		background-color: white;
		background-image: url('images/pagetop.gif');
		background-repeat: repeat-x;
		}

	#home {
		width: 60%;
		float: left;
		}

	#posts {
		width: 38%;
		float: right;
		font-size: 0.8em;
		}

	#posts h2 {
		margin: 0;
		font-size: 1.25em;
		}
	}

.navigation {
	margin-top: 10px;
	margin-bottom: 60px;
	display: block;
	text-align: center;
	}
/* End Content */

/* Begin Images */
a img {
	border: none;
	}

p img {
	padding: 0;
	max-width: 100%;
	}

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

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

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

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */

/* Begin Captions */
.wp-caption {
	margin: 10px;
	border: 1px solid #ddd;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding-top: 4px;
	background-color: #f3f3f3;
	text-align: center;
	}

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

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

.wp-caption p.wp-caption-text {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 0.9em;
	line-height: 1.5em;
	}
/* End Captions */

/* Begin Comments*/
h3.comments {
	margin: 40px auto 20px ;
	padding: 0;
	}

.alt {
	margin: 0;
	padding: 10px;
	}

.nocomments {
	margin: 0;
	padding: 0;
	text-align: center;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	}

.commentlist li, #commentform input, #commentform textarea {
	font-size: 0.9em;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	font-weight: bold;
	list-style: none;
	}

.commentlist li .avatar { 
	padding: 2px;
	border: 1px solid #eee;
	background: white;
	float: right;
	}

.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	font-size: 1em;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	font-weight: normal;
	text-transform: none;
	line-height: 1.5em;
	}

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

.children {
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	font-weight: normal;
	}

#commentform {
	margin: 5px 10px 0 0;
	}

#commentform input {
	margin: 5px 5px 1px 0;
	padding: 2px;
	width: 170px;
	}

#commentform textarea {
	padding: 2px;
	width: 100%;
	}

#commentform p {
	margin: 5px 0;
	}

#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	}

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

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align: center;
	}
/* End Comments */

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

#wp-calendar caption {
	width: 100%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

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

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: white;
	}

#wp-calendar a {
	display: block;
	text-decoration: none;
	}

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

#wp-calendar #prev a {
	padding-left: 10px;
	font-size: 0.8em;
	text-align: left;
	}
/* End Calendar */

/* Begin Footer */
@media screen {
	#footer {
		margin-right: 5%;
		width: 74%;
		float: right;
		clear: right;
		position: relative;
		left: 79.3%;
		}

	#copyright {
		border-width: 1px 1px 1px 0px;
		border-style: solid;
		border-color: black;
		background-color: red;
		background-image: url("images/headerbg.jpg");
		background-repeat: repeat;
		color: white;
		}
	}

#footer {
	text-align: center;
	}

#copyright {
	font-size: 0.8em;
	font-weight: bold;
	text-transform: uppercase;
	}

#footer img {
	border: none;
	}
/* End Footer */

/* Begin Typography & Colors */
.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .postmetadata {
	text-align: center;
	}

.depth-1 {
	border: 1px solid #ddd;
	}

.even, .alt {
	border-left: 1px solid #ddd;
	}

.entry p a:visited {
	color: #b85b5a;
	}

.thread-alt {
	background-color: #f8f8f8;
	}

.thread-even {
	background-color: white;
	}

.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
	}

.sticky h2 {
	padding-top: 10px;
	}
/* End Typography & Colors */

/* Begin Structure */
.post {
	margin: 0 0 40px;
	text-align: justify;
	}

@media screen {
	#posts .post {
		margin: 1.33em 0 0;
		}
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	width: 128px;
	margin: 5px 5px 5px 0px;
	text-align: center;
	float: left;
	}

.widecolumn .attachment {
	margin: 5px 0px;
	text-align: center;
	}

.postmetadata {
	clear: both;
	}

.clear {
	clear: both;
	}
/* End Structure */