/*
Theme Name: Greener Side
Description: Smell the fresh cut grass and feel the butterflies fluttering past your face... It's summer year round with this eye-catching fixed width two-column design. With nice graphics and valid standards compliant CSS and HTML this is the perfect balance between an awesome design and clutter free content. 
Version:.4
Author: Adazing Design
Author URI: http://www.adazing.com/
Tags: fixed-width, two-columns, right-sidebar, theme-options, threaded-comments, green

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
*/



/* Head
***************************************************************************** */



/* Main Menu. The first level
***************************************************************************** */

#mainmenu {	letter-spacing: .1em; font-variant: small-caps; font-weight: lighter; }
#mainmenu ul { font-size: 1.2em; }
#mainmenu ul li a { padding-left: 2em; padding-right: 2em; }


/* Breadcrumb NavXT plugin
***************************************************************************** */

#breadcrumb { }


/* Wrap -> Contaniner -> Content, pagenavigator, entry...
***************************************************************************** */

.content-header { margin: 0; padding: 0 0 0 50px; text-align: left; overflow: hidden; clear: both; }
.content-header h2 { margin: .4em 0 40px; color: #ff9900; border-bottom: 1px solid #cdd; }
.butter { overflow: visible; margin-left: 4px; padding: 0px 0px 40px 0px; background-repeat: no-repeat; width: 50px; float: left; height: 102px; position: relative; }
.post { overflow: visible; margin-left: 4px; padding: 0px 0px 40px 10px; background-repeat: no-repeat; float: left; width: 570px; }
.post hr { display: block; }
.postmetadata { clear: both; margin: 0; font-size: 1.2em; line-height:1.6em; color: #ff9900; }
.postmetadata .date, .postmetadata .author, .postmetadata .comment, .postmetadata .category, .postmetadata .tag, .postmetadata .edit { margin: 0px 0px 0px 2px; padding: 0px 0px 0px 20px; }
	
#pagenavigator { clear: both; margin: 0px 0px 20px 50px; width: 590px; height: 22px; font-size: 1.0em; border: 1px solid #dee; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f1f9f9; }
#pagenavigator a, #pagenavigator span.current { margin: 0 .75em 0 0; padding: 3px .25em; }
#pagenavigator a.page       {}
#pagenavigator span.current { color: #ff9900; font-weight: bold; }
#pagenavigator a.first      {}
#pagenavigator a.last       {}
#pagenavigator span.extend  {}
#pagenavigator span.pages   {}

.entry { font-size: 1.4em; line-height: 1.4em; margin: 20px 0px 0px 0px; }
.entry blockquote { font-size: .9em; }
.entry blockquote blockquote { font-size: .9em; }
.entry fieldset { padding: 1em 1em 1em 2em; margin-bottom: 1em; border: 1px dashed #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; } 
.entry fieldset legend { font-weight: bold; text-transform: uppercase; margin: -.25em 0em -.25em -3em; padding: .25em 1em .25em 1em; background-color: white; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.entry table { border-width: 0px 1px 1px 0px; border-style: solid; border-color: #ccc; font-size: 0.9em; }
.entry table tr td { padding: 5px 10px; border-width: 1px 0px 0px 1px; border-style: solid; border-color: #ccc; }
.entry table tr th { border-width: 1px 0px 0px 1px; border-style: solid; border-color: #ccc; padding: 5px 10px; background: #f4f4f4; color: #666; font-weight: bold; text-align: center; }
.entry ol { list-style-type: decimal; }
.entry ol ol {	list-style-type: lower-alpha; }
.entry ol ol ol {	list-style-type: lower-roman; }
.entry ul.links { list-style: none; margin-left: 0px; }
.entry ul.links li { padding: 0em 0em 1em 0em; }

.notice { font-size: 1.4em; line-height: 1.4em; padding: 2em 1em 1em 0em; border: 1px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff9f9; }
.notice div#icon { float: left; margin-left: 20px; width: 48px; height: 48px; }
.notice div#box { float: right; width: 500px; }
.notice div#box form { margin-bottom: 1em; }

p img { padding: 0px; max-width: 100%; }

img.centered { display: block; margin-left: auto; margin-right: auto; }


/* Comments
***************************************************************************** */

#comments { font-size: 1em; line-height: 1.4em; margin: 0px 0px 20px 50px; padding: 20px 0px 0px 0px; border-top: 1px solid #cdd; }
#comments .browse { clear: both; width: 588px; height: 19px; margin: 0px; padding:0px 0px 9px 0px; }

.commentlist { margin: 10px 0px; }
.commentlist li { list-style: none; padding: 10px; }

li.comment { border: 1px solid #cdd; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 20px; padding-top: 1em; font-size: 12px; }
li.comment div, li.pingback div {  }
.vcard img.avatar { float: left; border: 1px solid #eee; padding: 2px; margin: 0px 20px 1em 0px; background: #fff; } 
.vcard cite { font-weight: bold; font-size: 12px; }
.vcard span { font-size: 10px; }
.commentmetadata { font-size: 10px; }

li.comment p { clear: both; } 
li.comment blockquote { clear: both; font-size: 12px; min-height: 2em; }

.reply { font-size: 10px; }

.commentlist li.even { background: #f0f0f0; }
.commentlist li.odd { background: #fff; }

ul.children { margin: 1em 0px 0px 0px; }
ul.children li { list-style: none; margin-bottom: 10px; padding: 1em 0px 0px 0px; }

#respond { font-size: 12px; margin: 20px 0px; }
#respond p.small { font-size: 10px; } 
#respond textarea { width: 96%; }
#respond div.cancel-comment-reply { padding: 10px 0px 0px 0px; }

#commentform { padding-bottom: 30px; }


/* Sidebar
***************************************************************************** */

#sidebar h2 { margin-bottom: .5em; font-size: 1.6em; border-bottom: 1px solid #cdd; color: #ff9900; } 
#sidebar a { font-size: 1.2em; background: none; }
#sidebar ul, #sidebar ul ol { margin: 0px; padding: 0px; }
#sidebar ul li { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; margin-bottom: 20px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0px 8px 0px; }
#sidebar ul ul, #sidebar ul ol { margin: 5px 0px 0px 0px; }
#sidebar ul ul ul, #sidebar ul ol { margin: .5em 0em .5em 1em; }
#sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { padding: 0px; margin: .5em 0px .5em 0px; }

/* Calendar */

#wp-calendar { font-size: 1.2em; empty-cells: show; }
#wp-calendar a { font-size: 1.0em; display: block; font-weight: bold; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar caption { margin: 8px 0px; text-transform: uppercase; letter-spacing: 0.3em; font-weight: lighter; font-size: .8em; color: #444; text-align: right; }
#wp-calendar th { padding: 4px 5px 4px 6px; font-weight: lighter; font-size: .8em; color: #666; text-align: right; background: #f4f4f4; }
#wp-calendar td { padding: 4px 5px 4px 6px; text-align: right; }
#wp-calendar td#today { background: #e0e0e0; } \
#wp-calendar td#prev a { padding: 0px; text-align: left; font-weight: normal; }
#wp-calendar td#next a { padding: 0px; text-align: right; font-weight: normal; }


/* Template. Auxiliary
***************************************************************************** */

.clear, .clearfix { clear: both; height: 0px; }
.alignright, .alignleft { padding: 0px; margin: 6px 20px 10px 20px; display: inline; }
.alignright { float:right; }
.alignleft { float:left; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ccc; text-align: center; background-color: #f3f3f3; padding-top: 4px; }
.wp-caption img { margin: 0px; padding: 0px; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0px 4px 5px 0px; margin: 0px; }

/* extra
***************************************************************************** */

#page {  }
#head {  }
#wrapper { top: 0px; width: 940px; margin: auto; }
#usermenu { position: absolute; top: 0px; width: 900px; margin: 0px 20px; }
#menubar { position: absolute; top: 102px; width: 802px; height: 60px; margin: 0px 40px 0px 77px; }
#mainmenu {  }
#searchform { position: absolute; float: right; top: 102px; /* 102px; */ width: 190px; margin: 64px 0px 0px 710px; }
#search-box { width: 190px; height: 23px; background: url(./images/box-search.png) left top no-repeat; z-index: 99; }
#search-text { 	background: transparent none no-repeat 0px 0px; border: none; margin: 1px 32px 4px 4px; color: #444; width: 122px; }

#wrap { height: 100%; /* Fix IE7 */ background-image: url(../images/bg.jpg); background-repeat: no-repeat; } 
#breadcrumb { position: absolute; float: left; top: 182px; margin: 0px 40px 0px 70px; }
#container { margin: 0px 40px 0px 20px; background-image: url(../images/bg.jpg); background-repeat: no-repeat; }
#content { width: 640px; float: left; margin: 0px 30px 0px 0px; }
#sidebar { width: 190px; float: left; margin: 12px 0px; }
#bottom { clear: both !important; height: 140px; padding: 10px 20px 0px 0px; } 
.sf-menu, .sf-menu * { list-style: none; }
.sf-menu { line-height: 4px; }
.sf-menu ul { position: absolute; top: -ff9900em; width: 16em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:	100%; }
.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float: left; position:	relative; }
.sf-menu a { display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0px; top: 2.5em; /* match top ul list item height */ z-index: 99; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -ff9900em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 16em; /* match ul width */ top: 0px; }
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -ff9900em; }
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 16em; /* match ul width */ top: 0px; }

/*** THE MainMenu ***/

div.wrap { width: 50em; }
.clearfix { height: 0px; clear: both; }
.notice { font-size: 1.2em; color: green; }
.alert { font-size: 1.44em; color: red; }
.title { border-bottom: 1px solid #cdd; margin-bottom: 0px; clear: both; }
.submit { text-align: right; }
h3 { margin-bottom: 0px; }

body { margin: 0px; background-color: #020400; font-family: Geneva, Helvetica, Verdana, Arial, sans-serif; font-size: 62.5%; /* Resets 1em to 10px */ color: #444; }
body.font-small	{ font-size: 65%; }
body.font-medium { font-size: 75%; }  
body.font-large	{ font-size: 85%; }

/* Headings
***************************************************************************** */
h1,h2,h3,h4,h5,h6 { color: #444; font-family: Geneva,Helvetica,Verdana,Arial,sans-serif; font-weight: normal; line-height: 1.2em; color: #ff9900; }
h1 { font-size: 2.4em; }
h2 { font-size: 2.0em; }
h3 { font-size: 1.6em; }
h4 { font-size: 1.2em; }
h5 {  font-size: 1.0em; font-weight: bold; }
h6 {  font-size: 0.9em; font-weight: bold; }
code, pre { margin: 1em 0px; font-family: "Courier New", Courier, monospace; font-size: 1em; color: #000; }
pre { overflow: auto; padding: 1em; border: 1px solid #ddd; background: #f1f1f1; }
pre.script { border: 1px dashed #ccd; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ffffdd; }
blockquote { font-style: italic; padding-left: 48px; background: url(./images/blockquote2.png) 0 0 no-repeat; }

acronym, abbr { font-size: 0.9em; letter-spacing: .07em; cursor: help; border-bottom: 1px dashed #ff9900; }


/* General elements
***************************************************************************** */
p { margin: .5em 0px 1em 0px; line-height: 1.5em; }
p.last { margin-bottom: 0px!important; }
p img { /* margin: 0 15px 10px 0; */ padding: 0px; } 
hr { display: none; }

strong {  color:#666; font-weight: bold; }
em { font-style: italic; }
.small { font-size: .8em; color: #666; }
.large { font-size: 1.2em; }
.resalted { font-weight: bold; }
.highlight  { background: #e7feb1; padding: 0px .25em; margin: 0px .25em; }
.center { text-align: center;	}
.hidden {	display: none; }
.underlined { border-bottom: 1px solid #cdd; }

/* General elements
***************************************************************************** */

input { padding: 4px 8px; border: 1px solid #cdd; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f9ffff; }
input.button { float: right; padding: 4px 8px; border: 1px solid #cdd; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #ff9900; color: #cdd; }
input.button:hover { background: #ff9900; color: #fff; } 
input.button:active { background: #333; color: #fff; }
label { padding: 0px 10px; font-size: 0.8em; color: #666; }
textarea { padding: 9px; border: 1px solid #cdd; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #f9ffff; }

/* Links
***************************************************************************** */

a {	text-decoration: none; }
a:link    { color: #ff9900; }
a:hover   { color: #000; }
a:active  { color: #ff9900; }
a:visited { color: #ff9900; }

a img {	border: none;	}

.logotext a {	text-decoration: none; }
.logotext a:link    { color: #ff9900; }
.logotext a:hover   { color: #000; }
.logotext a:active  { color: #ff9900; }
.logotext a:visited { color: #ff9900; }

#mainmenu ul li a:link    { color: #ff9900; }
#mainmenu ul li a:hover   { color: #000; }
#mainmenu ul li a:active  { color: #ff9900; }
#mainmenu ul li a:visited { color: #444; }

.post h2 a:link,
.post h3.post-title a:link    { color: #ff9900; }
.post h2 a:hover,
.post h3.post-title a:hover   { color: #ff9900; }
.post h2 a:active,
.post h3.post-title a:active  { color: #000; }
.post h2 a:visited,
.post h3.post-title a:visited { color: #ff9900; }

#sidebar a:link    { color: #ff9900; }
#sidebar a:hover   { color: #ff9900; }
#sidebar a:active  { color: #444; }
#sidebar a:visited { color: #ff9900; }


/* list 
***************************************************************************** */

/* Unordered and Ordered list */
ul, ol { margin: .5em 1.5em 2em 1.7em; }

ul { list-style-type: disc; }
ul.check, ul.arrow, ul.cross, ul.light, ul.star { list-style: none; margin-left: 0; }
ul.check li, ul.arrow li, ul.cross li, ul.light li, ul.star li { list-style-type: none; background-repeat: no-repeat; background-position: center left; padding: 4px 0px 3px 25px; }
ul.check li { background-image: url(../images/list/typo_check.jpg); }
ul.arrow li { background-image: url(../images/list/typo_arrow.jpg); }
ul.cross li { background-image: url(../images/list/typo_cross.jpg); }
ul.light li { background-image: url(../images/list/typo_light.jpg); }
ul.star li  { background-image: url(../images/list/typo_star.jpg); }

ul.check-big, ul.arrow-big, ul.cross-big, ul.light-big, ul.star-big { list-style: none; margin-left: 0; }
ul.check-big li, ul.arrow-big li, ul.cross-big li, ul.light-big li, ul.star-big li { list-style-type: none; background-repeat: no-repeat; background-position: center left; padding: 11px 0px 8px 50px; font-size: 1.4em; font-weight: bold; }
ul.check-big li { background-image: url(../images/list/typo_check-big.jpg); }
ul.arrow-big li { background-image: url(../images/list/typo_arrow-big.jpg); }
ul.cross-big li { background-image: url(../images/list/typo_cross-big.jpg); }
ul.light-big li { background-image: url(../images/list/typo_light-big.jpg); }
ul.star-big li  { background-image: url(../images/list/typo_star-big.jpg); }

ol { list-style-type: decimal}
/* on the search results page */
ol.list li { margin-bottom: 2em; }
ol.list h4 { margin: 0 0 .2em; }

/* Definiton list */	
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }


/* Tables
***************************************************************************** */


#containerg { width: 1205px; margin: auto; height: 100px; }
#topg { background-image: url(images/grasstop.png); background-repeat: no-repeat; height: 198px; width: 1205px; }
#topg h2 { font-family: Georgia, "Times New Roman", Times, serif; color: #FFFFFF; font-weight: normal; position: relative; top: 45px; left: -42px; text-align: right; right: 438px; width: 697px; font-size: 24pt; }
#topg #tag { font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; position: relative; top: 22px; left: 145px; text-align: right; right: 438px; width: 472px; font-size: 12pt; font-variant: normal; text-transform: lowercase; }

#bgg { background-color: #020400; background-image: url(images/bg.jpg); width: 1205px; background-repeat: no-repeat; } 
#menug { background-image: url(images/menu.jpg); height: 26px; width: 880px; padding-top: 8px; background-repeat: no-repeat; padding-left: 29px; text-decoration: none; }
#menug  ul{  }
#menug li { list-style: none; text-align: left; }
#menug  a { color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; padding-left: 22px; text-decoration: none; padding-right: 22px; float: left; border-left-width: thin; border-left-style: solid; border-left-color: #000000; }
#menug  a:hover { color: #506926;  font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; padding-left: 22px; text-decoration: underline; padding-right: 22px; float: left; border-left-width: thin; border-left-style: solid; border-left-color: #000000; }

#contentmain { margin: auto; width: 909px; }
#contentg { background-image: url(images/content.jpg); width: 909px; }
#grass { background-image: url(images/grass.png); background-repeat: no-repeat; background-position: center; width: 100%; position: fixed; bottom: 0px; z-index: 5; height: 118px; }
#footer { background-position: center; bottom: 0px; z-index: 99; width: 200px; text-align: center; visibility: visible; position: fixed; font-weight: normal; padding-bottom: 5px; color: #FFFFFF; } 
#footer a{ color: #FFFFFF; } 
#footer a:hover{ color: #FFFFFF; text-decoration: underline; }
/*=== END SECTION 6 - Footer Region ===*/


/*=== START SECTION 7 - Misc. & Plugins ===*/
/* insert your misc. styling here. */
/*=== END SECTION 7 - Misc. & Plugins ===*/
.parspace { margin-left: 20px; }
#archivemarg { margin-left: 30px; }
.marg { margin-left: 30px; }