/*
Theme Name: Green Web Awards
Theme URI: http://www.worthdigital.com/
Description: Theme designed for The Green Web Awards 2009.
Version: 1.0
Author: Russell Beech
Tags: worth
*/

/*
Stylesheet by digital agency Worth for The Green Web Awards

Created on 20/10/19 by Russell Beech
russell.beech@worthdigital.com

CONTENTS
--------
[1] Reset CSS
[2] Generic Styles & Typography
[3] Header styles (inc. main menu)
[5] Left column styles
[6] Right column styles
[7] Footer styles
*/

@import url("layout.css");

/*###-[1]---- START: Reset CSS based on http://meyerweb.com/eric/tools/css/reset/ (v1.0 | 20080212) ----[1]-###*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;font:62.5% Arial, Helvetica, Verdana, sans-serif;padding-bottom:5em;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
:focus {outline:0;}/* remember to define focus styles! */
ins {text-decoration:none;}/* remember to highlight inserts somehow! */
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing: 0;}/* tables still need 'cellspacing="0"' in the markup */
/*###-[1]---- END: Reset CSS ----[1]-###*/


/*###-[2]---- START: Generic Styles & Typography ----[2]-###*/
body {background: url(images/bg-body.jpg) top center no-repeat #EBEBE9;color:#5B4C21;}
p, ul, ol, dl, table, td, th, address, blockquote, fieldset, pre, form div {font-size:1.1em;}
ul p, ol p, table p, dl p, ul ul, ol ol, ul ol, ol ul, address p, blockquote p, form div div, form div p, fieldset div, table form div {font-size:1.1em;}/* compensate for inherited font sizing */
p, ul, ol, dl, address, table, blockquote, pre, fieldset, form {margin-bottom:1.5em;}
p {margin-bottom:0.9em;font-family:Verdana, Helvetica, sans-serif;line-height:1.5;font-size:1.2em;}
ul ul, ol ol, ol ul, ul ol {margin-bottom:0;}
h1 {font-size:2.3em;font-weight:normal;margin:0.5em 0 1em 0;line-height:1.2;clear:both;font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
h2 {font-size:2em;font-weight:bold;margin:0 0 1em 0;font-family:"Trebuchet MS", Verdana, Arial, sans-serif;color:#933;}
h3 {font-size:1.4em;font-weight:bold;margin:0 0 1em 0;}
h4 {font-size:1.2em;font-weight:bold;margin:0 0 0.8em 0;}
h1 span, h2 span, h3 span {font-weight:bold;}
blockquote {font-style:italic;margin-left:1.5em;margin-right:1.5em;}
blockquote cite, blockquote em {font-style: normal;}
ul.bullets, ul.bullets ul {list-style-type:disc;margin-left:1.5em;}
ol {list-style-type:decimal;margin-left:2.5em;}
dt {font-size:2em;margin:0 0 0.5em 0;font-family:"Trebuchet MS", Verdana, Arial, sans-serif;}
dd {margin:0 0 3em 0;}
dl dl {margin-left:1em;}
dl dl dt {font-size:1.4em;}
caption {clear:both;font-weight:bold;padding-bottom:0.8em;font-size:1.4em;text-align:left;color:#333;}

table {width:100%;border:1px solid silver;clear:left;margin:0;}
table tbody {border:none;}
table th {border:none;padding:0.8em 0.5em;text-align:center;border-right:1px solid #cdcdcd;text-transform:uppercase;}
table td {border-bottom:1px solid silver;border-top:none;text-align:center;padding:0.6em;}
table p {margin:0;font-size:0.9em;}
table tfoot td {border:none;padding:0.3em 0;}

a {text-decoration:none;color:#00AAEE;} 
a:hover {text-decoration:underline;}
strong, b, .bold {font-weight:bold;}
em, i {font-style:italic;}
hr {background:silver;height:1px;margin:1.5em 0;clear:both;}

/*-- forms --*/
fieldset {position:relative;padding:4em 0 0.5em 0;}
legend {font:1.8em Arial, Helvetica, sans-serif bold;}
legend span {position:absolute;left:0;font-weight:bold;margin-top:0.5em;} /* see also: ie.css */
label {display:block;font-size:1.1em;cursor:pointer;}
textarea, input[type='text'], input[type='password'], select {border:1px solid #999;border-bottom-color:#ccc;border-right-color:#ccc;padding:0 1px 1px 1px;}
textarea:focus, input[type='text']:focus, input[type='password']:focus, select:focus {background:#FEFFAF;}
textarea {width:99%;display:block;}
button {cursor:pointer;width:auto;overflow:visible;background-color:#09f;color:#fff;font-family: Calibri,"Trebuchet MS","Helvetica Neue",Arial,Helvetica;font-weight:bold;text-transform:uppercase;padding:0.5em 2em;border-width:2px;border-style:solid;border-top-color:#2bf;border-right-color:#08e;border-bottom-color:#07d;border-left-color:#1af;border-radius:5px;-webkit-border-radius:0.5em;-moz-border-radius: 0.5em;}
button:hover, button:focus {background-color:#06c;border-top-color:#28e;border-right-color:#05b;border-bottom-color:#04a;border-left-color:#17d;}
button:active {background-color:#039;border-top-color:#25b;border-right-color:#14a;border-bottom-color:#017;border-left-color:#028;}

.validError {background:#FFDFDF;border:1px solid #faa;display:block;}
.invalid {background:#FFDFDF;border:1px solid #faa;}
.validNotice {padding:1em;text-align:center;font-weight:bold;margin:2em 0;border:3px solid #ededed;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.validNotice span.invalid {padding:0.4em;color:#b33;font-weight:normal;}

/*-- end forms --*/
.strike {text-decoration:line-through;}
.first {margin-top:0;}
.last, .last a {border:none !important;padding-right:0 !important;}
.right {float:right;}
.left {float:left;}
.txtRight {text-align:right;}
.txtCtr {text-align:center;}
.smaller {font-size:80%;}
.light {font-weight:100;}
.halfWidth {width:50%;}
.inline {display:inline;}
.hide {visibility:hidden;}
.noDisplay {display:none;}
hr.hide {margin:1em 0;}
.hideTxt {text-indent:-9999px;height:0;line-height:0;margin:0;}
.noMargin {margin:0 !important;}
.clear {clear:both;}
.pointer {}
.pointer:hover, .submit:hover {cursor:pointer;}
.help:hover {cursor:help;}
.fir {text-indent:-9999px;}
.fir a {display:block;height:100%;}
.worth {color:#e93192;}
/* Clearing method */
.cleared:after, .wrapper:after, .container:after, .wp-polls:after {content: '';display: block;height: 0;clear: both;visibility: hidden;}
.cleared, .wrapper, .container, .wp-polls {display: inline-block;}
/*\*/
.cleared, .wrapper, .container, .wp-polls {display: block;}
/* End clearing */
/*###-[2]---- END: Generic Styles & Typography ----[2]-###*/


/*###-[3]---- START: Header styles ----[3]-###*/
ul#primaryNav {float:right;margin:119px 1px 0 0;} /*see also ie.css */
ul#primaryNav li {float:left;background:url(images/bg-primary-nav-right.gif) top right no-repeat;font-size:1.5em;font-weight:bold;margin:3px 0 0 0;}
ul#primaryNav li a {display:block;background:url(images/bg-primary-nav-left.gif) top left no-repeat;padding:14px 18px 8px 18px;color:#777;}
ul#primaryNav li a:hover {text-decoration:none;color:black;}
ul#primaryNav li.active {background:url(images/bg-primary-nav-right-active.gif) top right no-repeat;margin:0;}
ul#primaryNav li.active a {background:url(images/bg-primary-nav-left-active.gif) top left no-repeat;padding:17px 18px 8px 18px;color:#424242;}

#gwa-logo {position:absolute;top:0;left:0;width:288px;height:135px;}
#nes-logo {position:absolute;top:0;right:0;width:135px;height:112px;}
/*###-[3]---- END: Header styles ----[3]-###*/


/*###-[4]---- START: Left column styles ----[4]-###*/

.columnLeft ul, .columnLeft ol {padding:0 0 0 3em;}
.columnLeft li {margin:0 0 2em 0;list-style:disc;}

/* START: Homepage */
#intro {margin-top:30px;}
#intro img#nigel-waving {margin-right:20px;}
#intro div#introText {width:80%;}
#intro .highlight {text-align:center;font-size:160%;font-weight:bold;}
.digg {margin-left:10px;}
p.ui-accordion-header a {display:block;padding:0.2em 0;}
p.ui-accordion-header a:hover {background:#efefef;text-decoration:none;}

div.categories {clear:both;margin:0;}
h2#cats {margin:0;margin-top:2em;padding:3px 6px;background:#C8C3A5;width:180px;}
h2#cats a {text-decoration:none;color:#933;}
#categories {border:10px solid #A6C67B;border-left:none;border-right:none;margin-bottom:8px;}
ol.catsList {float:left;margin:0;padding:0.8em 0.5em;width:47%;background:url(images/bg_categories_list.gif) repeat-x #827063;color:white;font-size:1.3em;font-weight:bold;line-height:1.5em;list-style-position:inside;}
ol.catsList li {padding:0.2em;margin:0;}
ol.catsList a {color:white;}
ol.catsList .odd {background:#8f7f73;}
ol.right {float:right;}
* html span.nudge,  {margin-left:1em;} /* IE poorly handles list numbering when positioned 'inside' */
*:first-child+html span.nudge {margin-left:1em;} /* Same as above but for IE 7 */
/* END: Homepage */

fieldset#nominate {padding:0;margin:-20px 0 0 30px;position:static;}
fieldset#nominate .container {margin:0 0 15px 0;}
fieldset#nominate .container label {float:left;width:35%;padding-top:3px;margin-bottom:5px;}
fieldset#nominate .container input {float:left;width:40%;padding:3px 2px;}
fieldset#nominate .container select {float:left;width:41%;}
fieldset#nominate .textarea label {width:100%;}
fieldset#nominate .textarea textarea {width:75%;clear:left;}
fieldset#nominate .checkboxes input {width:auto;margin:5px 10px 0 0;}
fieldset#nominate .checkboxes label {width:95%;}
fieldset#nominate .checkboxes li {margin:0 0 15px 0;}
fieldset#nominate input.submit {float:right;background:#ECE9DF;margin:0 30px 0 0;padding:5px;border:1px solid #0AE;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-weight:bold;color:#0AE;}
fieldset#nominate label.error {color:#990000;width:100%;margin:5px 0 20px 0;}
fieldset#nominate div.tooltip {background-color:#777;border:1px solid #fff;padding:10px 15px;width:200px;display:none;color:#fff;text-align:left;font-size:12px;
/* outline radius for mozilla/firefox only */ 
-moz-box-shadow:0 0 8px #000; 
-webkit-box-shadow:0 0 8px #000;}

#judges .container {background:#f7f5ed;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;padding:10px;margin:0 0 10px 0;}
#judges img {float:left;}
#judges p {float:left;width:80%;margin:20px 0 0 10px;font-size:1.4em;}

fieldset#shortlistForm {padding:0;margin:-20px 0 0 30px;position:static;}
fieldset#shortlistForm .container {margin:0 0 40px 0;}
fieldset#shortlistForm .container label.textLabel {float:left;width:35%;padding-top:3px;margin-bottom:5px;}
fieldset#shortlistForm .container input.textInput {float:left;width:40%;padding:3px 2px;}
fieldset#shortlistForm .container select {float:left;width:41%;}
fieldset#shortlistForm .textarea label {width:100%;}
fieldset#shortlistForm .textarea textarea {width:75%;clear:left;}
fieldset#shortlistForm .checkboxes input {width:auto;margin:5px 10px 0 0;}
fieldset#shortlistForm .checkboxes label {width:95%;}
fieldset#shortlistForm .container h3 {margin:0;}
fieldset#shortlistForm .checkboxes li {margin:0 0 15px 0;}
fieldset#shortlistForm ul.ss-choices {list-style:none;padding:0;margin:0;}
fieldset#shortlistForm ul.ss-choices li {list-style:none;margin:0 0 1em 0;}
fieldset#shortlistForm ul.ss-choices input {float:left;clear:left;}
fieldset#shortlistForm ul.ss-choices label {float:left;width:95%;}
fieldset#shortlistForm input.submit {float:right;background:#ECE9DF;margin:0 30px 0 0;padding:5px;border:1px solid #0AE;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-weight:bold;color:#0AE;}
fieldset#shortlistForm label.error {color:#ff0000;width:100%;margin:5px 0 20px 0;clear:both;}
fieldset#shortlistForm div.tooltip {background-color:#777;border:1px solid #fff;padding:10px 15px;width:200px;display:none;color:#fff;text-align:left;font-size:12px;
/* outline radius for mozilla/firefox only */ 
-moz-box-shadow:0 0 8px #000; 
-webkit-box-shadow:0 0 8px #000;}

/* public voting page */
.page-id-26 .columnLeft .container {padding-bottom:3em;}
.page-id-26 .columnLeft .container h2 {background:url(../../../2008/images/bg_cat_results.gif) repeat-x;margin:0 -0.5em 0.2em -0.5em;padding:0.3em 0.5em;}
.page-id-26 .columnLeft .container p {font-size:1.4em;}
.page-id-26 .columnLeft .container ul {padding:0;margin:0;list-style:none !important;}
.page-id-26 .columnLeft .container ul.shortlist li {padding:0 0 0 1.5em;margin:0 0 1em 0;font-size:1.4em;list-style:none; background:url(images/gwa-bullet.png) 0 1px no-repeat;}
.page-id-26 .columnLeft .container ul.shortlist {float:left;width:50%;}
.page-id-26 .columnLeft .wp-polls {float:left;width:46%;background:#F7F5ED;padding:10px 10px 0 10px;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
.page-id-26 .columnLeft .wp-polls .wp-polls {width:100%;}
.page-id-26 .columnLeft .wp-polls ul.wp-polls-ul li {font-size:1.4em;margin:0 0 0.8em 0;}
.page-id-26 .columnLeft .wp-polls ul.wp-polls-ul li label {font-size:0.9em;}
.page-id-26 .columnLeft .wp-polls small {font-size:75%;}

/*###-[4]---- END: Left column styles ----[4]-###*/


/*###-[5]---- START: Right column styles ----[5]-###*/
#facebook, #twitter {width:228px;height:47px;background:url(images/button-facebook.gif) no-repeat;margin:20px 0 0 40px;}
#twitter {background:url(images/button-twitter.gif) no-repeat;}

#sidebar {margin:30px 10px 0 10px;padding:10px;background:#ECE9DF;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}
#sidebar h2 {background:#C8C3A5 none repeat scroll 0 0;margin:0 0 20px 0;padding:3px 10px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
#sidebar #judgeList {margin-left:20px;}
#sidebar #judgeList img {margin:0 17px 5px 0;}
#sidebar ul#contactList {padding:0 0 0 3em;list-style:square;}
#sidebar ul#contactList li {font-size:1.3em;margin:0 0 1em 0;}
/*###-[5]---- END: Right column styles ----[5]-###*/


/*###-[6]---- START: Footer styles ----[6]-###*/
#acknowledgement {margin:0 33px;padding:10px;background:#ECE9DF;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.footer {padding:1em;}
.footer p {margin:0;padding-bottom:10px;text-align:center;}
/*###-[6]---- END: Footer styles ----[6]-###*/


ol#results {
color:#993333;
list-style-position:inside;
margin:2em 0;
padding:0;
}

ol#results li {
background:transparent url(images/winnerBG.gif) repeat-x scroll 0 0;
font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
font-size:1.1em;
font-weight:bold;
padding:10px 0 0 10px;
position:relative;
list-style:none;
}

ol#results li ul li.first {
background:transparent url(images/first.gif) no-repeat scroll 0 0;
margin-top:1em;
}

ol#results li ul li p {font-size:1em; padding:0 10px 0 0;}

ol#results li ul li.second {
background:transparent url(images/second.gif) no-repeat scroll 0 0;
}

ol#results li ul li.third {
background:transparent url(images/third.gif) no-repeat scroll 0 0;
}

ol#results li ul li {
font-weight:normal;
margin:1em 0;
min-height:57px;
padding-left:90px;
}

#seat61{background:url(images/winner-main-in-seat-61.gif) no-repeat; width:150px; height:50px;}

#CityCar{background:url(images/winnerCityCar.jpg) no-repeat; width:65px; height:65px;}

#LiftShare{background:url(images/winnerLiftShare.jpg) no-repeat; width:245px; height:58px;}

#charter{background:url(images/winnercharter.jpg) no-repeat; width:245px; height:58px;}

#mountain{background:url(images/winnermountain.jpg) no-repeat; width:245px; height:58px;}

#wood{background:url(images/winnerwood.jpg) no-repeat; width:245px; height:58px;}

#soil{background:url(images/winnersoil.jpg) no-repeat; width:245px; height:58px;}

#land{background:url(images/winnerland.jpg) no-repeat; width:260px; height:58px;}

#love{background:url(images/winnerlove.jpg) no-repeat; width:245px; height:58px;}

#guardian{background:url(images/winnerguardian.jpg) no-repeat; width:360px; height:43px;}

#flower{background:url(images/winnerflower.jpg) no-repeat; width:245px; height:58px;}

#ecoChick{background:url(images/winnerecochick.jpg) no-repeat; width:245px; height:58px;}

#onlineOne{background:url(images/winnernuy.jpg) no-repeat; width:342px; height:60px;}

#onlineTwo{background:url(images/winnerfreegle.jpg) no-repeat; width:245px; height:58px;}

#onlineThree{background:url(images/winnerwe.jpg) no-repeat; width:245px; height:58px;}

#ecoel{background:url(images/winnerecto.jpg) no-repeat; width:245px; height:60px;}

#cafe{background:url(images/winnercafe.jpg) no-repeat; width:245px; height:65px;}

#Adnams{background:url(images/winneradnams.jpg) no-repeat; width:245px; height:58px;}

#zero{background:url(images/winnerZero.gif) no-repeat; width:245px; height:58px;}

#youGen{background:url(images/winnerYou.gif) no-repeat; width:245px; height:58px;}

#Outreach{background:url(images/winnerCarbone.jpg) no-repeat; width:245px; height:60px;}

#tube{background:url(images/winnerTube.jpg) no-repeat; width:245px; height:60px;}

#Rubbish{background:url(images/winnerRubbish.jpg) no-repeat; width:200; height:105px;}

#tree{background:url(images/winnerTree.jpg) no-repeat; width:245px; height:60px;}

#hi{background:url(images/winnerHi.jpg) no-repeat; width:245px; height:60px;}

#howies{background:url(images/winnerHowies.jpg) no-repeat; width:245px; height:60px;}

#act{background:url(images/winnerAct.jpg) no-repeat; width:245px; height:60px;}

#zcb{background:url(images/winnerZ.jpg) no-repeat; width:245px; height:60px;}

#exon{background:url(images/winnerEX.jpg) no-repeat; width:245px; height:60px;}

#montano{background:url(images/winnerMons.jpg) no-repeat; width:245px; height:60px;}

#pro{background:url(images/winnerPG.jpg) no-repeat; width:245px; height:60px;}

h2#reultsheader { font-size:1.6em; margin:0 0 0 10px;}

ol#results p {
-x-system-font:none;
color:#5B4C21;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1.2em;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding: 10px 0 0 10px;

}


span.toTop {
background:white none repeat scroll 0 0;
border:1px solid #BBBBBB;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:0.5em;
font-weight:normal;
padding:2px;
position:absolute;
right:15px;

}

span.toTop a{ margin:0; padding:0;}

hr {
clear:both;
margin:1em 0;
width:100%;

}




#textBox{float:right; margin:30px 0 0 10px; width:250px; height:100px; position:relative;}

#imageBox{float:left; margin:0 0 30px 0;}

#textBoxsmall{float:right; margin:10px 0 0 0px; width:250px; height:100px; position:relative;}

#imageBoxsmall{float:left; margin:10px 0 30px 30px;}

.badgeBtn{ text-align:center; background-color:#fff; border:1px solid #666; width:250px; padding:5px; margin:20px; 0 0 10px }