/*  
name: Greenbox Technology Corporate 
theme URI: http://www.getgreenbox.com/
description: theme for the Greenbox Technology web site 
version: 1.0
author:  miker
*/

body 
{ 
    font-size: 62.5%; 
    /* Resets 1 em to 10px */ 
    font-size: 12px; 
    font-family: Arial, Helvetica, Sans-Serif;
    color: #444; 
    margin: 0 0 20px 0;
    padding: 0; 
}

#page 
{ 
    position: relative;
    background-color: white;
    text-align: left; 
    background-color: white;
    margin: 0 auto 0 auto; width: 810px;
}

#header {
	position: relative;
	background: #fff url('../images/logo_1.gif') no-repeat bottom left;
	border: 1px solid #fff;
	border-bottom: 2px solid #ddd;
	z-index: 100;
	margin: 0 0 0 1px; 
	padding: 0; 
	height: 55px; 
	width: 810px;
}

#header.border_none
{
    border-color:#fff;
}

#headerimg 
{
    margin: 0;
    height:84px; 
    width: 123px; 
    width: 100%;
}

#content
{ 
    font-size: 12px;
}

.narrowcolumn .entry, .widecolumn .entry
{
    line-height: 1.4em;
}

.widecolumn 
{
    line-height: 1.4em;
}

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

.alt 
{
    background-color: #f8f8f8;
    border-top: 1px solid #ddd; 
    border-bottom: 1px solid #ddd; 
}

small
{
    font-family: Arial, Helvetica, Sans-Serif; 
    font-size: 9px; 
    line-height: 1.5em;
}

/*
Begin Headers
======================================
*/

h1, h2, h3, h4, h5, h6 
{
    font-family: Arial, Helvetica, Sans-Serif; 
    font-weight: normal;
}

h1 
{
    font-size: 2em; 
}

h2 
{
    font-size: 22px; line-height:26px;
}

h3
{ 
    font-size: 18px; line-height: 20px;
}
h4
{
    font-size: 14px; line-height: 20px; font-weight: bold; 
}

h5 
{ 
    font-size: 12px;
}

h1, h1 a, h1 a:hover, #headerimg .description
{
	text-decoration: none;
	color: #666;
}

h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
	color: #333;
}

#headerimg .description 
{ 
    font-size: 1.2em; 
    text-align: center;
}


a.green:visited, 
{
	color: #01813F;
}


h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a 
{ 
    color: #000;
}

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

h2 a:hover, h3 a:hover, h4 a:hover 
{
    color: #6ab645; 
}

small
{ 
    color: #777;
}

acronym, abbr, span.caps
{
    font-size: 9px; letter-spacing: .07em; 
}

a, h2 a:hover, h3 a:hover
{ 
    color: #6ab645;
    text-decoration: none;
}

a:hover 
{ 
    color: #666;
    text-decoration: none;
}

p.first { margin-top: 0; padding-top: 0; }


/*
Begin Structure 
======================================
*/

.narrowcolumn { float: left; padding: 17px 0 20px 0px !important; margin: 0; width: 570px; vertical-align: top; }

.widecolumn { float: left; padding: 17px 0 20px 0; margin: 0; width: 810px; vertical-align: top; }

.post { margin: 0 0 40px; text-align: left; }

.borderPadding11 { padding-right: 11px; border-right: 1px solid #ddd; }

.post hr { display: block; clear: left; background-color: #ddd; color: #ddd; border: none; border-top: 1px solid #ddd; width: 100%; height: 0px; margin: 15px 0 15px 0; }
.clear { clear: both; }

.narrowcolumn .post { margin: 0; }

.widecolumn .post { margin: 0; }

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

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

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

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

.postmetadata { clear: left; }

/*
End Structure 
======================================
*/


/*
begin headers
======================================
*/
#header h1 a span { display: none; }
#header h1 a { position: absolute; width: 123px; height: 84px; }
h3 { padding: 0; margin: 20px 0 10px 0; }

/*
end headers
======================================
*/


/*
begin Images 
======================================
*/
p img { padding: 0; max-width: 100%; }
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 }

/*
end images 
======================================
*/
a img { border: none; }

acronym, abbr, span.caps { cursor: help; }

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

.center { text-align: center; }

hr { display: none; }

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

.first { margin-top: 0; padding-top: 0; }

.no-bottom { margin-bottom: 0; padding-bottom: 0; }

.small { font-size: .8em; }

.big { font-size: 12px; }

.gray { color: #666; }

.bold { font-weight: bold; }

.green, a.green { color: #6ab645; }

.no-space { margin: 0px; padding: 0px; clear: both; }
/* End Various Tags & Classes*/


/* 
begin login 
=============================================
*/
#gb_login { position: absolute; top: 5px; right: 3px; color: #808080; }
#gb_login a { color: #808080; font-size: 12px; }
#gb_login a:hover { color: #6ab645; }
/* 
end login 
=============================================
*/

/* 
begin footer 
=============================================
*/	
#footer { color: #808080; border: none; border-top: 2px solid #ddd; padding: 0 0 0 0; margin: 0 auto 0 auto; clear: both; font-size: 12px; position: relative; }
#footer p.copyright { position: absolute; top: 0px; right: 0; color: #ccc; margin: 10px 0 0 0; padding: 0 0 0 0; text-align: right; }
#footer.border_none{ border: none; }
#footer ul { margin: 10px auto; text-align: center; padding: 0; list-style-type: none; }
#footer ul li { display: inline; padding: 0 18px 0 18px; font-size: 12px; }
#footer ul li a { font-size: 12px; }
#footer ul li a { color: #808080; }
#footer ul li a:hover { color: #6ab645; }
#footer ul li.first { padding-left: 0; }
#footer ul li.last { padding-right: 0; }
/* 
end footer 
=============================================
*/	

/* 
Begin Clearfix 
=============================================
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* End Clearfix */


/* 
begin navigation
http://www.alistapart.com/articles/dropdowns
=============================================
*/

#gb_nav { position: absolute; color: #808080; bottom: 6px !important; bottom: 9px; right: 0; }

#gb_nav a { color: #808080; }
#gb_nav a.selected { color: #000; font-weight: bold; }

#gb_nav ul { position: relative; list-style-type: none; }
#gb_nav ul li { float: left; padding: 10px 13px 10px 25px; }

#gb_menu ul { clear: left; }
#gb_menu ul li { display: block; float: left; text-align: left; padding: 0 0 0 0px; margin: 0 0 0 0; position: relative; }
#gb_menu ul li a { width: 55px; padding: 0 0 0 15px; margin: 0 0 0 0; text-decoration: none; display: block; font-size: 12px; }
#gb_menu ul li a.selected { font-weight: bold; }

#gb_menu ul li ul li a.first { padding-top: 5px; margin-top: 0px; }
#gb_menu ul li ul li.last-item a, #gb_menu ul li#last ul li.last-item a { border-bottom: 2px solid #ccc; }
#gb_menu ul li ul li a:hover, #gb_menu ul li#last ul li a:hover { color: #48ac21; z-index: 100; }
#gb_menu ul li ul li { float: none; display: block; }
#gb_menu ul li:hover ul { display: block; }
#gb_menu ul li.over ul { display: block; }
#gb_menu ul li > ul { top: auto; left: auto; }

#gb_menu ul li a:hover { color: #48ac21; text-decoration: none; }
#gb_menu a:active { background: #fff; }

#gb_menu ul li ul { display: none; position: absolute; left: 0; margin: 0 0 0 -1px; padding: 6px 0 0 0 !important; padding: 10px 0 0 0; z-index: 100; background: #fff; }
#gb_menu ul li ul li { font-size: 12px; }
#gb_menu ul li ul li a, 
#gb_menu ul li#last ul li a { width: 120px; font-size: 1em; padding: 5px 0 5px 15px; border-left: 1px solid #ccc; border-right: 1px solid #ccc;border-top: none; background: #fff; z-index: 100; }
#gb_menu ul li.last ul li a { width:105px;  }

#gb_menu ul li a#lnk_partners { width: 50px; }
#gb_menu ul li a#lnk_product {width:50px}
#gb_menu ul li a#lnk_company {width:60px}
#gb_menu ul li a#lnk_last { width: 50px; text-align: right; padding-right: 3px; } /* paddding for nav menu*/
/* end navigation  */

.green_public h2 {height:auto;margin-bottom:3px !important;padding:0 !important}
.green_public h2.nomargin {margin-top:0;height:auto;}
.green_public h3.subhead {color:#aaa;}
.green_public h5.nomargin {margin-bottom: 3px;font-size:1.2em;}
.green_public h5.first {margin-top:0;}

.noheader#content {margin-top:25px;}

/* === trifecta home boxes === */

#home_boxes {margin-bottom:2em}
#home_boxes {padding-top:10px}
#home_boxes ul {list-style:none;margin:0;padding:0;}
#home_boxes li {display:inline}
#home_boxes a:hover {border-color:#6ab645}
#home_boxes li.last a {margin-right:0}
#home_boxes h4{color:#e27a30}
#home_boxes{width:810px;height:190px; margin-bottom:3em}
#news_box_1 {	float:left;  width:244px;height:183px;}
#news_box_2 { float:left; width:244px;height:183px;margin-left:15px;}
#news_box_3{float:left; margin-left:14px;width:270px;height:183px;}


/* 
section template
=============================================
*/

.green_public div.section {width:810px;margin-bottom:28px}
.green_public div.section_first {margin-top:2em;}

/*.green_public div.section div.topper {height:275px;}*/

/* left col */
.green_public .section .col_1 {width:170px;float:left;margin-right:20px}

/* middle col */
.green_public .section .col_2 {width:370px;float:left;margin-right:20px;position:relative;}
.green_public .section .col_2 h2 {margin-top:0;}
.green_public .section .col_2 h3 {margin-top:0;margin-bottom:1em}
.green_public .section .col_2 h3.subhead {margin-top:.25em;color:#aaa;}

/* right column used with 2 column layout*/
.green_public .section .col_2b {width:570px;float:left;position:relative;}
.green_public .section .col_2b h2 {margin-top:0;}
.green_public .section .col_2b h3 {margin-top:0;margin-bottom:1em}
.green_public .section .col_2b h3.subhead {margin-top:.25em;color:#aaa;}

/* right col */
.green_public .section .col_3 {width:180px;float:left;}


/* === left nav === */
/* == TODO move this to django ==*/
.left_page_nav h3 {background-color:#aaa;color:#fff;width:158px;font-size:12px;padding-left:10px;margin:0}
.left_page_nav ul {margin:0;padding:0;width:170px;list-style:none}
.left_page_nav ul li {text-indent:0;padding:4px 5px 4px 14px;margin:0 !important;/*border-bottom:1px solid #aaa;*/}
.left_page_nav ul li a {color: #666;display: block;}
.left_page_nav ul li.selected a, .left_page_nav ul li.selected a:hover {color:black;font-weight:bold}
.left_page_nav ul li.selected li a, .left_page_nav ul li.selected li a:hover {color:#666;font-weight:normal}
.left_page_nav ul li li.selected a, .left_page_nav ul li li.selected a:hover {color:black;font-weight:bold}
.left_page_nav ul li a:hover {color: #6ab645 !important;}
.left_page_nav ul ul {border-top:0px solid #aaa;margin-left:-14px;margin-top:0px;padding-left:20px;}
.left_page_nav ul ul li {padding-left:25px;}
.left_page_nav ul ul li.last {border-bottom:0;padding-bottom:0}
/* === end left nav === */

/* === picture border === */
.head_shot  {border:1px solid #6ab645;}

/* === landing page === */
.green_public #landing {margin-top:-20px}
.green_public .landing_head {height:273px;width:810px;}
.green_public .landing_head h2 {color:#aaa;padding:46px 85px 0 22px !important}

/* === product landing page === */
.green_public #product_head {background:url(../images/products-landing.jpg);position:relative}

.green_public #product_head #for_consumers {height:273px;position:absolute;bottom:0;width:405px;}
.green_public #product_head #for_utilities {height:273px;position:absolute;bottom:0;width:405px;left:405px}
.green_public .product_table {margin-bottom:60px;position:relative;}
.green_public .product_table th {background-color:#6AB645;vertical-align:top;border-right:1px solid #fff;text-align:left;position:relative;}
.green_public .product_table th a {color:#fff;display:block;padding:12px 18px 11px 18px;}
.green_public .product_table td {background:#f6fbff;vertical-align:top;font-size:12px;border-right:1px solid #fff;height:125px;width:25%}
.green_public .product_table .last {border-right:0 !important;}
.green_public .product_table td p {margin:15px 22px}


/* === feature page === */
.green_public .feature {
	clear: both;
	
	padding: 20px 0 0 0;
}

.green_public .feature img {
	float: right;
	margin-bottom: 20px;
	margin-left: 20px;
	border:1px solid #dddddd;
}

.green_public .feature img.alt_feature {
	float: left;
	margin-left: 0;
	margin-right: 20px;
	border:1px solid #dddddd;
}

/* === end feature page === */