/*
Theme Name: Micup
Theme URI: http://imaginarymedia.com.au/
Description: The Micup theme
Version: 1.0
Author: James Robinson
Author URI: http://imaginary.com.au/

Light green: #e4f5d0
Green background: #d6e896f
Brown text: #4f3315
Dark green: #5c8328

*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0}
table {border-collapse:collapse;border-spacing:0}
fieldset,img {border:0}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal}
ol,ul {list-style:none}
caption,th {text-align:left}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal}
q:before,q:after {content:''}
abbr,acronym {border:0}

body {background:#e4f5d0;color:#fafafa;font-size:62.5%;font-family:Verdana,Arial,Sans-serif;}

.pagecanvas {overflow:hidden;width:864px;margin:0 auto}

#content {overflow:hidden;min-height:300px;background:#d7e897 url(images/homeBaseCorners.png) 0 100% no-repeat;color:#4f3315;padding-bottom:20px}
.home #content {padding:0;background:#d7e897}
.internal {padding:20px}

#masthead {background:#fff;overflow:hidden}
#masthead h1 a {float:left;width:112px;height:85px;background:#fff url(images/logoMicup.gif) 0 0 no-repeat;text-indent:-9999px}

.copy {line-height:1.4}
.copy h1 {font-size:2em;font-family:Georgia,serif;font-style:italic;margin:0 0 0.5em}

#navigation {font-size:1.4em;display:block;margin-top:45px}
#navigation li {float:left;line-height:40px;border:0}
#navigation li a:hover {color:#8cc63f}
#navigation li a {display:block;text-decoration:none;line-height:1em;padding:1em 20px;color:#58691c}
#navigation li ul {position:absolute;background:#e4f0b5 url(images/bgMenu.gif) 0 0 repeat-y;width:10em;left:-999em;z-index:100;margin:0 0 0 0.5em}
#navigation li li, #navigation li li a {display:block;background:#e4f0b5 url(images/bgMenu.gif) 0 0 repeat-y;line-height:1;margin:0;padding:0;}
#navigation li li {float:none;display:block;border-bottom:1px solid #c6e08d;}
#navigation li li a {font-size:0.9em;padding:0.6em 1em;line-height:1.5em}
#navigation li li a:hover {background:#8cc63f;color:#fff;}
#navigation li:hover ul, #navigation li.hover ul {left:auto}

#footer .sections {float:left;width:564px;min-height:50px;color:#4f3315;background:url(images/bgSections.gif) 0 100% no-repeat;margin:0 0 0 2px}
#footer .sections h2 {float:left;font-family:Georgia,serif;font-size:21px;font-style:italic;line-height:1em;margin:13px;}
#footer .sections ul {float:right;margin:0 20px 0 0}
#footer li {float:right;background:url(images/sectionDivider.gif) 100% 0 no-repeat;height:44px;padding-right:14px}
#footer li:first-child {background:#fff;padding:0;}
#footer .sections a {display:block;color:#4f3315;padding:0 14px;font-size:1.4em;line-height:44px;vertical-align:middle;text-decoration:none;}
#footer #sectionIndividual a {background:url(images/iconIndividual.gif) 100% 50% no-repeat;padding-right:25px}
#footer #sectionCafe a {background:url(images/iconCafe.gif) 100% 50% no-repeat;padding-right:32px}
#footer #sectionCorporate a {background:url(images/iconCorporate.gif) 100% 50% no-repeat;padding-right:22px}
#footer .sections a:hover {color:#58691c}

#footer .counter {float:left;width:150px;min-height:50px;padding:0 4px 0 8px;background:url(images/bgCounter.gif) 0 100% no-repeat;font-size:0.9em;}
#footer .counter a {display:block;color:#4f3315;text-decoration:none;line-height:1.1}
#footer .counter strong {display:block;font-weight:bold;color:#55a51c;margin:4px 0}
#footer .counter a:hover {color:#58691c}

#footer .recycle {float:left;width:133px;min-height:50px;background:url(images/bgRecycle.gif) 0 100% no-repeat;font-size:0.9em;}
#footer .recycle a {display:block;color:#4f3315;text-decoration:none;line-height:1.1;margin:6px 12px;padding:0 16px 0 0;background:url(images/arrowLinkRight.gif) 100% 60% no-repeat;}
#footer .recycle a:hover {color:#58691c}

.base-links {display:block;width:864px;margin:1em auto;font-size:0.9em}
.base-links ul {overflow:hidden;float:right}
.base-links li {float:left;border-left:1px solid #ccc;margin:0 0 1em}
.base-links li:first-child {border:0;}
.base-links span, .base-links a {color:#999;padding:0.5em 1em;text-decoration:none}
.base-links a:hover {color:#58691c}

.homePanel {position:relative;overflow:hidden;min-height:450px;background-position:50% 100%;background-repeat:no-repeat;margin:0;padding:0}
.homePanel .base {position:absolute;bottom:0;left:0;}
.homePanel .cup {position:absolute;bottom:0;left:0;z-index:2;}
.homePanel .strap {display:block;clear:both;overflow:hidden;width:670px;margin:0;padding:15px 14px 15px 180px;z-index:2;background:url(images/bgWhite75.png) 0 0 repeat;background:rgba(255,255,255,0.8);color:#333;}
.homePanel .strap h2 {float:left;font-family:Georgia,serif;font-size:36px;line-height:1.1em;font-style:italic}
.homePanel .strap p {float:right;font-size:1.1em;color:#000;}
.homePanel .strap p a {color:#000;}
.homePanel .strap p a:hover {color:#58691c;}
.homePanel #ingeo {display:block;position:absolute;bottom:0;right:0;text-indent:-9999px;background:url(images/logoNatureWorks.png) 0 0 no-repeat;width:263px;height:36px;}

#introPanel {color:#333;position:relative;float:right;width:420px;min-height:200px;padding:0 0 0 28px;margin:0 0 20px;}
#introPanel .about {width:262px;background:url(images/bgWhite75.png) 0 0 repeat;background:rgba(255,255,255,0.8);padding:24px 100px 0 24px;}
#introPanel .about p {font-size:1.1em;line-height:1.4;padding:0.25em 0 0.5em;}
#introPanel .news {width:332px;min-height:100px;background:url(images/bgNews.png) 0 100% no-repeat;padding:12px 30px 0 24px;}
#introPanel .news  strong {display:block;font-weight:bold}
#introPanel .news li {display:none}
#introPanel .news li a {color:#333;display:block;background:url(images/arrowLinkRight.gif) 100% 40% no-repeat;padding:0.5em 20px 1em 0;font-size:1.1em;line-height:1.4;text-decoration:none;}
#introPanel .news li a:hover {color:#55a51c;text-decoration:underline;}
#introPanel .leaves {position:absolute;top:0;left:0;width:54px;height:41px;background:url(images/decoLeaves.png) 0 0 no-repeat;}
#introPanel .branch {position:absolute;top:0;right:0;width:156px;height:159px;background:url(images/decoBranch.png) 0 0 no-repeat;text-indent:-9999px;overflow:hidden}
#introPanel h2 {font-family:Georgia,serif;font-size:21px;font-style:italic;}

#masthead #searchform {float:right;margin:10px 5px 0 0;width:176px}
#masthead #searchform .titleset {display:none}
#masthead #searchform input {float:left}
#masthead #searchform input:focus {background:#8cc63f;color:#fff}
#masthead #searchform .txtSearch {width:140px;height:13px;padding:2px 1px;font-size:1.1em;background:#edfcbf;border:1px solid #ccc;}

#copy label {display:block;font-size:1.1em}
#copy #s {min-height:15px;padding:5px;border:1px solid #4f3315;}
#copy #searchsubmit {clear:both;width:auto;cursor:pointer;margin:15px 10px 10px 0;padding:0.45em 30px 0.5em 10px;font-size:1.1em;font-family:Verdana,Arial,sans-serif;color:#4f3315;background:#fff url(images/btnSend_off.gif) 90% 50% no-repeat;border:1px solid #4f3315;}
#copy #searchsubmit:hover {color:#000}

#copy {float:left;width:500px;margin:0 25px 0 0;padding:20px 25px 0}
.full {width:100%}

#sidebar {float:left;width:262px;background:#edfcbf url(images/bgSidebar.gif) 100% 0 repeat-y;margin:0 0 20px}
#sidebar h2 {font-family:Georgia,sans-serif;color:#606f2c;font-size:1.25em;margin:0 0 0.5em;font-style:italic}
#sidebar .leaf {display:block;height:30px;background:#edfcbf url(images/bgDidYouKnow.gif) 100% 0 no-repeat}
#sidebar .section {margin:0 0 15px;padding:0 30px 15px 15px;background:url(images/bgSection.gif) 50% 100% no-repeat}
#sidebar p {font-size:1.1em;line-height:1.4;margin:0 0 1em}
#sidebar .base {background:url(images/bgSidebarBase.gif) 0 100% no-repeat;height:13px}

#content a {color:#4f3315;text-decoration:none}
#content a:hover {color:#5c8328}

#copy h2 a {}
#content .entry a {text-decoration:underline;}

.c2 {float:left;width:390px;margin-right:40px;}
.right {margin:0;}

.page-id-60 #copy, .page-id-94 #copy {width:550px;padding:20px 0 0}
.page-id-60 #copy h1, .page-id-94 #copy h1 {margin-left:25px}

dl.accordion {position:relative;margin:0 0 20px}
dl.accordion dt {font-family:Cambria,Georgia,serif;font-size:1.6em;line-height:1.2;color:#586624;font-style:italic;margin:0.5em 0 0;padding:0 0 0 22px;cursor:pointer}
dl.accordion dt span {padding-left:13px;display:block;}
dl.accordion dt.selected {padding-top:0.5em;background:url(images/bgAccordion.gif) -100px 0 repeat-y}
dl.accordion dt.selected span {background:url(images/bgAccordionArrow.gif) 0 0.35em no-repeat}
dl.accordion dd {display:none;padding:1em 0 2em 35px;background:url(images/bgAccordion.gif) -100px 0 repeat-y}

dl#features img {float:right;margin-top:-30px}
dl#features div {margin-right:210px}

.form {width:735px;overflow:hidden}
.form fieldset {float:left;width:325px}
.form fieldset.message {margin:0 0 0 40px;padding:0 0 0 40px;border-left:1px dotted #e4f5d0}
.form label {display:block;font-size:1.1em;margin:0 0 0.75em}
.form label input, .form label textarea, .form label select {width:320px;margin:2px 0;padding:2px 1px;font-size:1.1em;font-family:Verdana,Arial,sans-serif;background:#edfcbf;border:1px solid #ccc;}
.form label input:focus, .form label textarea:focus, .form label select:focus {background:#e4f5d0;border-color:#5c8328}
.form label textarea {height:115px}
.form .submit input {cursor:pointer;float:right;margin:5px;padding:0.45em 1em 0.5em 20px;font-size:1.1em;font-family:Verdana,Arial,sans-serif;color:#4f3315;background:#fff url(images/btnSend_off.gif) 5px 50% no-repeat;border:1px solid #5c8328}
.form .submit input:hover {background:#edfcbf url(images/btnSend_on.gif) 5px 50% no-repeat;border:1px solid #4f3315}

#impactCalculator {overflow:hidden;width:400px;background:url(images/bgCalculatorInput.gif) 0 0 no-repeat;margin:0 0 2em 0;padding:40px 0 0}
#impactCalculator label {float:left;width:250px;font-family:Georgia,serif;color:#4f3315;font-style:italic;font-size:1.4em;margin:0 0 0 76px}
.cupsInput {float:left;text-align:center;width:40px;margin:5px 20px 0 0;padding:5px;font-size:1.1em;font-family:Verdana,Arial,sans-serif;background:#edfcbf;border:1px solid #ccc;}

#stepCo, #stepInd, #measurement, #btnSubmit {display:none}

.baseCalc {float:left;width:399px;margin:12px 0 0;color:#4f3315;background:#fff url(images/bgCalculatorBase.gif) 0 100% no-repeat;}
#baseCalc fieldset {float:left;border:0;width:190px}
#baseCalc p {margin:5px 0 5px 10px}
#baseCalc label {float:left;width:auto;margin:0 0 0 10px;padding:0;text-indent:0;font-size:1.1em;line-height:1;font-family:Verdana,sans-serif;font-style:normal}
#baseCalc label input {float:left}
#baseCalc #btnSubmit, #lnkNext {float:right;width:auto;cursor:pointer;margin:15px 10px 10px 0;padding:0.45em 20px 0.5em 10px;font-size:1.1em;font-family:Verdana,Arial,sans-serif;color:#4f3315;background:#fff url(images/btnSend_off.gif) 100% 50% no-repeat;border:0;}
#baseCalc #btnSubmit:hover {font-weight:bold}
#lnkNext {width:auto}

.results {clear:both;border:0}
.results thead td {vertical-align:top;text-align:center;width:12%;padding:0 0.25% 5px;color:#4f3315;font-size:1.2em;font-family:Georgia,sans-serif;font-style:italic}
.results thead img {display:block;margin:0 auto}
.results tbody td {display:none;font-size:1.2;padding:5px 0;text-align:center;background:#e3efb6;color:#55a51c}
#content a.calculate {cursor:pointer;text-decoration:none;line-height:1.6}
#content a.calculate img {position:relative;top:2px}
#content a.calculate span {display:none}

#copy h2, .entry h2 {font-family:Cambria,Georgia,serif;font-size:1.7em;font-style:italic;margin:1em 0 0.5em}
p.time {font-size:1em;color:#000;margin:0 0 1em}
.entry {position:relative}
.entry h3, .entry h4, .entry h5 {color:#5c8328;font-family:Cambria,Georgia,serif;font-size:1.55em;font-style:italic;margin:1em 0 0.25em}
.entry h4, .entry h5 {font-size:1.1em;font-weight:bold;font-family:Verdana,Arial,Sans-serif;font-style:normal;color:#4f3315;margin:1em 0 0.25em}
.entry h5 {font-size:1em;}
.entry p {font-size:1.1em;line-height:1.5;margin:0 0 1em}
.entry ul {margin:0 0 1em}
.entry ul li {list-style-type:disc;margin:0 0 0.5em 2.5em;font-size:1.1em}
.entry ol li {list-style-type:decimal;margin:0 0 0.5em 2.5em;font-size:1.1em}
.entry ol ul li {list-style-type:disc}
.entry ul ol li {list-style-type:decimal}
.entry li li {font-size:1em}
.entry li ul, .entry li ol {margin-top:1em}
.entry blockquote {font-style:italic;font-family:Cambria,Georgia,serif;font-size:1.2em;padding:0.5em 2em}
.entry strong {font-weight:bold}
.entry em {font-style:italic}

.box {float:left;width:45%}

.wp-caption {position:relative;width:250px !important;float:right;margin:1em;margin-right:0}
.wp-caption span {position:absolute;display:block;background:url(images/bgCaption.gif) 0 0 no-repeat;width:248px;height:10px}
.wp-caption p {margin:0;padding:0.5em 1em;background:url(images/bgImageCaption.gif) 0 100% no-repeat}

.wp-tag-cloud li {font-size:1.1em;line-height:1.4;margin:0 0 0 2px}

.postmetadata {color:#666;font-size:0.9em}
#content .postmetadata a:link {color:#666}
#comment {width:500px;margin:1em 0}
#submit {cursor:pointer;float:right;margin:5px;padding:0.45em 1em 0.5em 20px;font-size:1.1em;font-family:Verdana,Arial,sans-serif;color:#4f3315;background:#fff url(images/btnSend_off.gif) 5px 50% no-repeat;border:1px solid #5c8328}
#submit:hover {background:#edfcbf url(images/btnSend_on.gif) 5px 50% no-repeat;border:1px solid #4f3315}

.related li a {font-size:1.1em;line-height:2;background:url(images/arrowLinkInternal_off.gif) 0 50% no-repeat;padding:0.25em 20px}

#logos {display:none;height:40px;padding:5px;clear:both;}
#logos li {float:right;margin-left:5px}

.hide {display:none !important}