/*
Theme Name:		Real Energy Policy Group
Theme URI:		http://www.repg.com
Description:	A custom theme built by <a href='http://clarknikdelpowell.com'>Clark/Nikdel/Powell</a> for Real Energy Policy Group
Author:			Taylor Gorman
Author URI:		http://clarknikdelpowell.com
*/

/* ------------------------------------------------------- BASIC LAYOUT */

body {
	background-image: url(images/hexagons.png);
	background-position: center top;
}
body.home {
	background-image: url(images/hexagons-home.png);
}
#diagonal {
	background-image: url(images/diagonal.png);
	background-repeat: repeat;
	left: 50%;
	width: 50%;
	height: 145px;
	position: absolute;
}
#page {width:960px; margin:0 auto; position:relative;}

#header {
	width: 144px;
	position: absolute;
	top: 0px;
	left: 0px;
}
#main {
	width: 796px;
	position: absolute;
	top: 0px;
	right: 0px;
}

/* ------------------------------------------------------- HEADER */

#header {padding-top:160px;}
h1#logo {
	width: 185px;
	height: 160px;
	position: absolute;
	top: 0px;
	left: 0px;
}
h1#logo a {
	display: block;
	background-image: url(images/RealEnergyStrategies.png);
	width: 185px;
	height: 160px;
	text-indent: -9999px;
}
#nav a {
	display: block;
	background-image: url(images/nav.png);
	height: 24px;
	margin: 0 0 10px 15px;
	text-indent: -9999px;
}
#nav a.home {width:57px; background-position:0px top;}
#nav a.about {width:59px; background-position:-57px top;}
#nav a.blog {width:46px; background-position:-116px top;}
#nav a.services {width:71px; background-position:-162px top;}
#nav a.energy {width:92px; background-position:-233px top;}
#nav a.contact {width:69px; background-position:-325px top;}

#nav a.home:hover {width:57px; background-position:0px center;}
#nav a.about:hover {width:59px; background-position:-57px center;}
#nav a.blog:hover {width:46px; background-position:-116px center;}
#nav a.services:hover {width:71px; background-position:-162px center;}
#nav a.energy:hover {width:92px; background-position:-233px center;}
#nav a.contact:hover {width:69px; background-position:-325px center;}

.home #nav a.home {width:57px; background-position:0px bottom;}
#nav.about a.about {width:59px; background-position:-57px bottom;}
#nav.blog a.blog {width:46px; background-position:-116px bottom;}
#nav.services a.services {width:71px; background-position:-162px bottom;}
#nav.energy a.energy {width:92px; background-position:-233px bottom;}
#nav.contact a.contact {width:69px; background-position:-325px bottom;}

#social {margin-top:30px;}
#social .tweet {
	background-color: #f5f5f5;
	border: solid 1px #ececec;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-border-radius: 6px;
	padding: 20px;
	position: relative;
}
#social .tweet p {
	color: #707070;
	font-size: 11px;
	line-height: 16px;
}
#social span {
	display: block;
	background-image: url(images/tweetBG.gif);
	width: 17px;
	height: 16px;
	position: absolute;
	bottom: -16px;
	right: 20px;
}
#social .links {
	color: #74af02;
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding: 24px 0 0 18px;
}
#social .links img {display:inline; margin-bottom:-5px;}

/* ------------------------------------------------------- MAIN */
/*
#hexagons {
	background-image: url(images/hexagons.png);
	width: 755px;
	height: 570px;
	position: fixed;
	z-index: 1;
	margin-left: 156px;
}
#main .diagonal {
	background-image: url(images/diagonal.png);
	background-repeat: repeat;
	width: 766px;
	height: 145px;
	position: absolute;
	z-index: 2;
	right: -16px;
}
*/
#main .diagonal {
	background-image: url(images/diagonal.png);
	background-repeat: repeat;
	margin-left: 40px;
	width: 276px;
	height: 145px;
	position: absolute;
}
#content {
	margin-top: 145px;
	background-color: #f7f7f7;
	background-image: url(images/hexagons.png);
	background-position: -276px -145px;
	color: #666;
	padding: 5px 0 20px 6px;
}
.home #content {
	margin-top: 390px;
	background-image: url(images/hexagons-home.png);
	background-position: -276px -390px;
}
/*#hexagons {
	background-image: url(images/hexagons.png);
	width: 100%;
	height: 570px;
	margin-top: -5px;
}
*/
.box {
	position: relative;
	z-index: 9;
	background-color: #fff;
	padding: 6px;
	margin: 10px 10px 0 8px;
	-webkit-box-shadow: 3px 4px 0px rgba(0, 0, 0, 0.08);
	-moz-box-shadow: 3px 4px 0px rgba(0, 0, 0, 0.08);
	box-shadow: 3px 4px 0px rgba(0, 0, 0, 0.08);
}
.green {background-color:#ade640;}
.darkgreen {background-color:#568602;}

/* ------------------------------------------------------- TITLE */

#title {
	height: 90px;
	position: absolute;
	top: 55px;
	left: 66px;
	z-index: 3;
}
#title h2 {
	width: 500px;
	position: absolute;
	bottom: 4px;
	left: 112px;
	font-family: 'Trebuchet MS', sans-serif;
	color: #c2fc35;
	font-size: 40px;
}

/* ------------------------------------------------------- HOME PAGE HEADER */

.home #title {
	height: 390px;
	top: 0px;
	left: 25px;
}
.home #title h2 {
	width: auto;
	position: static;
	color: #c2fc35;
	font-size: 30px;
}
#title .welcome {
	background-image: url(images/welcome.png);
	width: 455px;
	height: 61px;
	text-indent: -9999px;
	position: absolute;
	top: 31px;
	left: 205px;
}
#title .slideshow {position:relative;}
#title .slide {position:absolute;}
#title .photo {
	width: 253px;
	height: 295px;
	position: absolute;
	top: 76px;
	left: 4px;
}
#title .description {
	position: relative;
	width: 310px;
	top: 168px;
	left: 305px;
}
#title .description p {
	line-height: 19px;
	margin-top: 8px;
	color: #fff;
}
#title .description .intro {
	font-weight: bold;
	color: #466a00;
	text-transform: uppercase;
	font-size: 13px;
}
#title .description .more a {
	display: block;
	background-color: #6ba002;
	color: #c2fc35;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	margin-top: 3px;
	padding: 2px 8px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	float: left;
}
#title .description .more a:hover {background-color:#639402;}
#title .categories {
	position: absolute;
	width: 104px;
	height: 101px;
	top: 170px;
	left: 620px;
}

/* ------------------------------------------------------- CONTENT STYLES */

.cnst h1 {color:#777777; font-size:24px; line-height:28px; margin:25px 0 -4px 0;}
.cnst h2 {color:#548000; font-size:18px; line-height:22px; margin:23px 0 -6px 0;}
.cnst h3 {color:#548000; font-size:11px; line-height:16px; margin:20px 0 -8px 0;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.cnst p, .cnst ul, .cnst ol, .cnst table {line-height:20px; margin-top:20px;}

.cnst big {font-size:14px;}
.cnst small {font-size:11px;}
.cnst a {color:#74af02;}
.cnst a:hover {text-decoration:underline;}

/* ------------------------------------------------------- ARTICLE */

#articles {float:left;}
#article {
	width: 445px;
	min-height: 310px;
	padding: 6px 36px 30px 36px;
}
#article .green {
	height: 9px;
	background-color: #cded8b;
	margin: 0 -30px;
}
#article .icon {display:none;}

#article p.meta {
	font-size: 11px;
	line-height: 18px;
	padding: 15px 3px 0 3px;
}
#article p.meta img {display:inline; vertical-align:sub;}
#article p.meta, #article #commentstitle, #article #postcomment {border-top: solid 1px #ccc;}
#article ul {margin-left:17px; list-style-type:disc;}
#article ol {margin-left:17px; list-style-type:decimal;}
#article ul ul, #article ul ol, #article ol ul, #article ol ol {margin-top:0;}

#article form {margin-bottom:13px;}
#article form p {margin-bottom:-13px;}
#article input, #article textarea, #article select {
	background-color: #fff;
	border: solid 1px #ccc;
	padding: 4px 3px;
	font-family: Arial, sans-serif;
	color: #777;
	font-size: 12px;
}
#article input[type="submit"], #article .submit {
	font-size: 11px;
	background-color: #74af02;
	padding: 5px 6px;
	color: #fff;
	font-weight: bold;
	border: 0;
	cursor: pointer;
}
#article input[type="submit"]:hover, #article .submit:hover {
	background-color: #666;
}

/* ------------------------------------------------------- COMMENTS */

#comments {margin-top:18px;}
#article #commentstitle {padding-top:16px; margin-top:18px;}
.comment {
	background-color: #f1fadf;
	padding: 15px;
	margin-top: 10px;
	overflow: hidden;
}
.comment img {background-color:#555;}
.comment div.floatleft {width:320px; margin-left:15px;}
#article .comment p {line-height:18px; margin-top:12px;}

#article .comment p.info {margin:0 0 -4px 0; font-weight:bold;}
#article .comment p.info big {font-size:16px;}

.employee {background-color:#74af02; color:#fff;}
.employee p.info {color:#3f5f00;}
.employee p.info a {color:#aafe02;}

#postcomment {margin-top:20px;}
#postcomment h1 {margin-top:18px;}

/* ------------------------------------------------------- SIDEBAR */

#sidebar {
	width: 248px;
	float: left;
	margin-top: -45px;
	font-size: 11px;
	cursor: default;
}
.home #sidebar {margin-top:0;}
#sidebar h3 {
	background-image: url(images/diagonal.png);
	background-repeat: repeat;
	padding: 8px 14px;
	margin: 0 -6px;
}
#sidebar a:hover {text-decoration:none;}

/* ------------------------------------------------------- SUBSCRIBE */

.subscribe, .search {height:18px;}
#sidebar .subscribe h3 {
	background-image: none;
	color: #fff;
	padding: 8px 14px;
	margin: -6px;
}
.subscribe a {
	display: block;
	float: right;
	margin: 1px 5px 0 0;
}

/* ------------------------------------------------------- SUBNAV */

.subnav ul {margin:-6px;}
.subnav a {
	display: block;
	color: #4f7d00;
	font-weight: bold;
	padding: 8px 20px;
	line-height: 14px;
	border-bottom: solid 1px #69a901;
}
.subnav li:last-child a {border-bottom:0;}
.subnav a:hover {color:#444;}
.subnav .current_page_item a {color:#fff; background-color:#555;}

/* ------------------------------------------------------- SEARCH */

.search input {
	height: 14px;
	position: absolute;
	top: 6px;
	padding: 2px 3px;
	font-size: 11px;
}
.search .text {
	color: #777;
	left: 6px;
	width: 178px;
}
.search .submit {
	right: 6px;
	width: 30px;
	height: 18px;
	background-color: #80b31d;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	text-align: center;
	font-weight: bold;
	color: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-border-radius: 4px;
	cursor: pointer;
}
.search .submit:hover {background-color:#659d01;}

/* ------------------------------------------------------- RECENT POSTS */

.posts ul {margin-top:0;}
.posts li {
	padding: 15px 30px 15px 47px;
	background-position: 12px 11px;
	line-height: 14px;
}
.posts li:nth-child(2) {background-color:#f7f7f7;}
.posts .biofuels {background-image:url(images/catICN-bio.png);}
.posts .fossil-fuels {background-image:url(images/catICN-fossil.png);}
.posts .nuclear {background-image:url(images/catICN-nuclear.png);}
.posts .solar {background-image:url(images/catICN-solar.png);}
.posts .wave {background-image:url(images/catICN-wave.png);}
.posts .wind {background-image:url(images/catICN-wind.png);}

.posts .title {
	display: block;
	margin-top: 4px;
	font-weight: bold;
}
.posts a:hover {color:#555;}

/* ------------------------------------------------------- CATEGORIES */

.categories ul {margin:10px 0 8px 0; line-height:13px;}
.categories a {
	display: block;
	padding: 9px 40px;
	background-position: 7px 3px;
	font-weight: bold;
}
.categories a:hover {color:#555;}

/* ------------------------------------------------------- FOOTER */

#footer {
	margin-top: 12px;
	border-top: solid 1px #cded8b;
	padding: 14px 0 50px 0;
	font-size: 11px;
	color: #7f7f7f;
}
#footer a {color:#74af02;}
#footer a:hover {text-decoration:underline;}