/* CSS for SITE_NAME */

* { margin: 0; padding: 0; border: 0; }

body {
  text-align: center;
  font: 62.5% Arial, Helvetica, sans-serif; /* 62.5% resets 1em to the equivalent of 10px */
	background: #fff;
}


/* Global Styles */

a, a:link { color:#FFF; }
a:hover { }

a.broken, a.highlight { color: #FFFFFF; background: #B60016; } /* Use this class on links that are broken during site development */

h1 {
	color: #000;
	font-size: 1.8em;
}
h2 {
	color: #fff;
	font-size: 1.8em;
}
h3 {
	color: #fff;
	font-size: 1.4em;
}
#title h1 a {
	font: normal normal 4.8em 'Limelight', serif;
	text-decoration:none;
}
#title h1 {
	padding-top:95px;
}
h1, h2, h3 {font-family: 'Limelight', serif; padding-bottom:15px;}
table { border-collapse: collapse; border-spacing: 0; }
table td { vertical-align: top; padding: 5px; }

object, embed { border: 0; outline: 0; }

fieldset { border: 1px solid #666666; padding: 10px; }
legend { color: #666666; font-weight: bold; }
input, select, option, textarea { padding: 2px; }

ul, ol { margin: 10px 0 10px 35px; }
li { margin: 0 0 5px 0; }

p { padding: 0 0 15px 0; color:#fff; }

hr { height: 1px; margin: 0 0 15px 0; border: 0; border-bottom: 1px solid #000000; }

.l, .left, .alignleft { float: left; }
.r, .right, .alignright { float: right; }
.clear { clear: both; }

.b, .bold { font-weight: bold; }
.no-b { font-weight: normal; }
.u, .underline { text-decoration: underline; }
.no-u { text-decoration: none; }
.i, .italic { font-style: italic; }
.no-i { font-style: normal; }
.small { font-size: .79em; }
.large { font-size: 1.2em; }
.x-large { font-size: 1.4em; }
.x-x-large { font-size: 1.6em; }
.t-c, .text-center, .center { text-align: center; }
.t-r, .text-right, .right { text-align: right; }
.t-l, .text-left, .left { text-align: left; }

.serif { font-family: Palatino Linotype, Palatino, Georgia, TimesBook Antiqua, serif; }
.no-serif, .san-serif { font-family: Arial, Helvetica, sans-serif; }

img { border: 0; }
.l, .left, .alignleft { margin: 0 20px 20px 0; }
.r, .right, .alignright { margin: 0 0 20px 40px; }
iframe.r { margin: 0 0 20px 30px; }


/* Error Styling */

.email_confirm, .hide, .hideme { display: none; }
#form_error { font-weight: bold; color: #ed1c24; }

input.error { border: 1px solid #ed1c24; background: #FFEFEF; }
label.error { 
  display: block; 
  clear: none; 
  margin: 0; 
  padding: 5px 0 0 0; 
  width: 100%; 
  color: #ed1c24;
}


/* Site Colors */

.black { color: #000000; }
.gray { color: #666666; }
.white { color: #FFFFFF; }
.green { color: #008302; }
.red { color: #ed1c24; }


/* Navigation */
/* Based on Son of Suckerfish: http://www.htmldog.com/articles/suckerfish/dropdowns */

#nav {
	padding-top:40px;
	margin:0 0 40px 0;
}

#nav ul { /* Begin First Level Lists */
	margin: 0;
	padding: 0;
  line-height: 1;
	list-style: none;
}
#nav ul li { /* All List Items */
	float: left;
margin: 0 60px 0 0;
padding: 0;
width: auto;
font-size: 1.6em;
font-weight: bold;
}
#nav ul li.separator { } 
#nav ul li a {
	display: block;
	margin: 0;
	padding: 0;
	width: auto;
	text-decoration:none;
}
#nav ul li a span { display: block; padding: 5px; } /* Putting the nav padding in a span prevents lots of IE problems */

#nav ul li.active a,
#nav ul li.active a:hover,
#nav ul li.sfhover a,
#nav ul li a:hover {
  text-decoration:underline; /* Keeps the top level nav item highlighted on sub levels when used with the jQuery Superfish. */
}

#nav ul li ul { /* Begin Second Level Lists */
	position: absolute;
	background: #000;
	width: 100px;
	margin: 0;
	padding: 0;
	left: -999em;
  z-index: 999;
}
#nav ul li ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 100px;
}
#nav ul li ul li a {
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: 100px;
	font-size:14px;
}
#nav ul li ul li a:hover { background: #666; }
#nav ul li ul li a span { display: block; padding: 5px; }

#nav ul li.active ul li a,
#nav ul li.sfhover ul li a { background: none; } /* Negated top level highlighting on sub levels */

#nav ul li ul li ul { /* Begin Third Level Lists */
	position: absolute;
	background: orange;
	width: 200px;
	margin: -1em 0 0 200px; /* Adjust -1em to fit the height of a list item */
	padding: 0;
	left: -999em;
  z-index: 999;
}
#nav ul li ul li ul li {
	float: left;
	margin: 0;
	padding: 0;
	width: 200px;
}
#nav ul li ul li ul a {
	display: block;
	margin: 0;
	padding: 0;
	width: 200px;
}

#nav li:hover { position: static; background-position: 0 0; } /* Fixes IE sticky dropdowns somehow? */
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }


/* Top Nav */

#top-nav ul { 
	float: left;
	margin: 0;
	padding: 0;
	line-height: 1;
	list-style: none;
}
#top-nav ul li {
	float: left;
	margin: 0 0 0 3px;
	padding: 0 3px 0 0;
}
#top-nav ul li.separator { } 
#top-nav ul li a { text-decoration: none; }
#top-nav ul li a:hover { text-decoration: underline; }
#top-nav ul ul { display: none; }


/* Footer Nav */

#footer ul { 
	float: left;
	margin: 0;
	padding: 0;
	line-height: 1;
	list-style: none;
}
#footer ul li {
	float: left;
	margin: 0 0 0 3px;
	padding: 0 3px 0 0;
}
#footer ul li.separator { } 
#footer ul li a { text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }
#footer ul ul { display: none; }

#footer {
	clear:both;
}


/* Layout */

#wrap {
  width:100%;
  text-align: center;
  background:#000;
}
#text-reset { 
	width:996px;
	margin:0 auto;
	text-align: left; 
}
#main {
	width:640px;
	float:left;
}
#title {
	width:996;
	height:178px;
	text-align:center;
	background: url('images/bg.jpg') center top no-repeat #f8981d;
}
#title .textwidget {
	padding-top:70px;
	font:normal bold 1.3em Arial, Helvetica, sans-serif;
}
#marquee {
	width:100%;
	height:221px;
	background:url('images/bg-marquee.png') center top no-repeat #273969;
}
#marquee .textwidget {
	padding-top:20px;
	font:normal bold 2.3em Arial, Helvetica, sans-serif;
	height:165px;
}
#marquee p {
	color:#000;
	line-height:1.5em;
}
#sidebar {
	width:300px;
	float:left;
	margin-left:50px;
}
/*#sidebar p {
	font-size:1.2em;
	line-height:1.6em;
}*/
#footer-wrap {
	background:#FFF;
	width:100%;
	text-align:center;
}
#footer {
	width:996px;
	margin:0 auto 30px auto;
	text-align:left;
	padding:40px 0;
	color:#000;
}
#footer p {
	color:#000;
}
#footer img {
	margin:0 50px 20px 0;
}
#footer .widget {
	margin-top:0;
}

/* Common */

.entry {
	font-size:1.2em;
	line-height:1.8em;
}
.post {
	/*min-height:400px;*/
	clear:both;
	color:#fff;
}
.category-energyfilms .entry {
	margin:10px;
}
.category-energyfilms .post {
	/*min-height:400px;*/
	clear:none;
	width: 195px;
	height: 390px;
	float: left;
	color: white;
	background:#ccc;
	margin:0 15px 15px 0;
	min-height:300px;
	border:1px solid #eee;
	-webkit-border-radius: 8px;
    border-radius: 8px;
}
.category-energyfilms .post img {
	border:1px solid #aaa;
}
.category-energyfilms .post p, .category-energyfilms .post a {
	color:#000;
}
#sidebar .widget {
	margin-top:20px;
}
#menu-events {
	font-size:14px;
	margin:0 0 0 10px;
}
#menu-events a {
	text-decoration:none;
}
#menu-events a:hover {
	text-decoration:underline;
}
.textwidget {
	font-size:12px;
}
.category-blog h2 {
	padding-bottom:0;
}
.category-blog .entry {
	padding-top:15px;
}
.category-blog .post {
	padding-bottom:15px;
}