/*
Theme Name: Greeneration Indonesia
Theme URI: http://www.greeneration.org/
Description: Clean white with Flash Movie.
Author: liquoweb
Default WordPress Theme by liquoweb || http://liquo.web.id
Please do not copy or modify. Thank you.
*/


a { color: #006e2f; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a ins { text-decoration: none; }
html, body { background: #FFFFFF url(images/interiortile.png) center top repeat-y; margin: 0px; padding: 0px; }
body {
	background: #fff;
	font-family: Verdana, Arial, Helvetica, "Myriad Pro", sans-serif;
	font-size: 11px;
   color:#777777;
}
img {border:0px;}

#arrowbutton { visibility: visible; height: 10px; width: 8px; position: relative; right:10px;}
#arrowbutton a { background: url(images/arrowbutton.png) no-repeat 0% 0px; display: block; font-size: 10px; height: 10px; line-height: 10px; width: 8px; }
#arrowbutton a:hover { background-position: -8px 0%; }

#index { background: #FFFFFF url(images/interiortile.png) center top repeat-y; margin: 0px auto 0px auto; position: relative; width: 969px; min-height:100%;}

#pid1shop { background: #FFFFFF url(images/interiortile.png) center top repeat-y; margin: 0px auto 0px auto; position: relative; width: 969px; }

#spacer { height: 10px; width: 1px; margin: 0px auto 0px auto; position: relative;  }

/*///////////////////////////////// headerlicious /////////////////////////////////*/
#header { background: none; height: 47px; left: 8px; position: absolute; top: 0px; visibility: visible; width: 955px; }
#header { z-index: 11; }

#logog { background: url(images/logog.png) no-repeat; height: 12px; left: 174px; position: absolute; top: 34px; visibility: visible; width: 218px; }
#logog { z-index: 12; }

#id61newsg { background: none; height: 9px; left: 740px; position: absolute; top: 16px; visibility: visible; width: 200px; text-align: right;}
#id61newsg { z-index: 12; }

#contentsolo { background: none; left: 175px; position: absolute; top: 0px; visibility: visible; z-index: 5; padding-top:100px; }

/*///////////////////////////////// menulicious /////////////////////////////////*/
#mainmenu { z-index: 10; }
#mainmenu { background: none; height: 572px; left: 8px; position: absolute; top: 46px; visibility: visible; width: 166px; }

#logo { z-index: 11; }
#logo { background: url(images/logo.png) no-repeat; height: 101px; left: 44px; position: absolute; top: 49px; visibility: visible; width: 78px; }

#homebutton { height: 8px; left: 95px; position: absolute; top: 166px; visibility: visible; width: 28px; }
#homebutton a { background-image: url(images/homebutton.png); background-position: 0% 0px; background-repeat: no-repeat; display: block; font-size: 8px; height: 8px; line-height: 8px; width: 28px; }
#homebutton a:hover { background-position: -28px 0%; }
#homebutton { z-index: 11; }

#eventsbutton { height: 10px; left: 82px; position: absolute; top: 185px; visibility: visible; width: 40px; }
#eventsbutton a { background-image: url(images/eventsbutton.png); background-position: 0% 0px; background-repeat: no-repeat; display: block; font-size: 10px; height: 10px; line-height: 10px; width: 40px; }
#eventsbutton a:hover { background-position: -40px 0%; }
#eventsbutton { z-index: 11; }

#aboutgibutton { height: 10px; left: 77px; position: absolute; top: 205px; visibility: visible; width: 46px; }
#aboutgibutton a { background-image: url(images/aboutgibutton.png); width: 46px; }
#aboutgibutton a { background-position: 0% 0px; background-repeat: no-repeat; display: block; font-size: 10px; height: 10px; line-height: 10px; }
#aboutgibutton a:hover { background-position: -46px 0%; }
#aboutgibutton { z-index: 11; }

#programsbutton a { background-position: 0% 0px; background-repeat: no-repeat; display: block; font-size: 10px; height: 10px; line-height: 10px; }
#programsbutton { z-index: 11; }
#programsbutton { height: 10px; left: 69px; position: absolute; top: 225px; visibility: visible; width: 54px; }
#programsbutton a { background-image: url(images/programsbutton.png); width: 54px; }
#programsbutton a:hover { background-position: -54px 0%; }

#productsbutton { height: 9px; left: 71px; position: absolute; top: 245px; visibility: visible; width: 52px; }
#productsbutton a { background: url(images/productsbutton.png) no-repeat 0% 0px; display: block; font-size: 9px; height: 9px; line-height: 9px; width: 52px; }
#productsbutton a:hover { background-position: -52px 0%; }
#productsbutton { z-index: 11; }

#donatebutton { height: 8px; left: 51px; position: absolute; top: 265px; visibility: visible; width: 72px; }
#donatebutton a { background-position: 0% 0px; background-repeat: no-repeat; display: block; font-size: 8px; height: 8px; line-height: 8px; }
#donatebutton a { background-image: url(images/howtoorderbutton.png); width: 72px; }
#donatebutton a:hover { background-position: -72px 0%; }
#donatebutton { z-index: 11; }

#joinusbutton { height: 24px; left: 67px; position: absolute; top: 283px; visibility: visible; width: 58px; }
#joinusbutton a { background: url(images/joinusbutton.png) no-repeat 0% 0px; display: block; font-size: 24px; height: 24px; line-height: 24px; width: 58px; }
#joinusbutton a:hover { background-position: -58px 0%; }
#joinusbutton { z-index: 11; }

#langtext { z-index: 11; }
#langtext { left: 24px; position: absolute; top: 331px; visibility: visible; width: 97px; }
#langtext p { color: #777777; font: 9px/14px Verdana; margin: 0px; text-align: right; }

#twit { background: url(images/twit.jpg); left: -80px; position: absolute; top: 450px; visibility: visible; width: 200px; padding-right:5px;}


/*///////////////////////////////// left content /////////////////////////////////*/
#content { background: none; height: 555px; left: 90px; position: absolute; top: 0px; visibility: visible; width: 350px; z-index: 5; padding-top:100px; }
#contentleft { background: none; left: 177px; position: absolute; top: 43px; visibility: visible; width: 390px; height:100px; z-index: 5;  }
#learng { background: url(images/learng.png) no-repeat; height: 11px; visibility: visible; width: 80px; z-index: 6; }

#reactsg { background: url(images/reactsg.png) no-repeat; height: 33px; left: 174px; position: absolute; top: 335px; visibility: visible; width: 342px; z-index: 6; }
#greentext { left: 173px; position: absolute; top: 374px; visibility: visible; width: 342px; z-index: 9; }
#greentext p { color: #898989; }
#greentext p { font: 11px/13px Verdana; margin: 0px; text-align: left; }
#supportusg { background: url(images/supportusg.png) no-repeat; height: 11px; left: 174px; position: absolute; top: 420px; visibility: visible; width: 48px; z-index: 6; }

#id29useg { background: url(images/id29useg.png) no-repeat; height: 14px; left: 174px; position: absolute; top: 438px; visibility: visible; width: 116px; z-index: 6; }
#helptext { left: 173px; position: absolute; top: 459px; visibility: visible; width: 342px; z-index: 8; }
#helptext p { font: 11px/13px Verdana; margin: 0px; text-align: left; }
#helptext p { color: #828482; }
#getone { background: url(images/getone.png) no-repeat; height: 11px; left: 175px; position: absolute; top: 493px; visibility: visible; width: 33px; z-index: 6; }

#donateg { background: url(images/donateg.png) no-repeat; height: 13px; left: 174px; position: absolute; top: 525px; visibility: visible; width: 97px; z-index: 6; }
#hasiltext p { font: 11px/13px Verdana; margin: 0px; text-align: left; }
#hasiltext p { color: #828482; }
#hasiltext { left: 173px; position: absolute; top: 545px; visibility: visible; width: 342px; z-index: 7; }
#iwantg { background: url(images/iwantg.png) no-repeat; height: 11px; left: 175px; position: absolute; top: 579px; visibility: visible; width: 59px; z-index: 6; }


/*///////////////////////////////// content home /////////////////////////////////*/

#contentrighthome { background: none;  right: 95px; position: absolute; top: 35px; visibility: visible; width: 345px; z-index: 2;}

#contentlefthome { background: url(images/bgsun.png) no-repeat; left: 170px; position: absolute; top: 43px; visibility: visible; width: 343px; height:100px; z-index: 5; padding-top:110px; }

#contentrighthomeicoleaf { background: url(images/icoleaf.png) no-repeat; height: 76px; left: 320px; top:-70px; position: absolute; visibility: visible; width: 110px; }

#contentrighthometumblr { background: none; right: -87px; position: absolute; visibility: visible; width: 470px; z-index: 5;}
#contentrighthometumblr li {list-style: none; margin-bottom:40px;}


/*///////////////////////////////// right content /////////////////////////////////*/
#content2 { background: none; left: 380px; position: absolute; top: 100px; visibility: visible; width: 390px; z-index: 2; }
#contentright { background: url(images/bgsun.png) no-repeat;  right: 15px; position: absolute; top: 85px; visibility: visible; width: 345px; z-index: 2; padding-top:110px;}
#contentrighttop { background: none; right: 25px; position: absolute; top: 40px; visibility: visible; width: 130px; z-index: 2; text-align: right;}
#theretext { left: 767px; position: absolute; top: 119px; visibility: visible; width: 173px; z-index: 4; }
#theretext p { color: #898989; text-align: right; }
#theretext p { font: 11px/13px Verdana; margin: 0px; text-align: right; }
#getoneg { background: url(images/getone.png) no-repeat; height: 11px; left: 895px; position: absolute; top: 168px; visibility: visible; width: 33px; z-index: 3; }


#id16newsg { background: url(images/id16newsg.png) no-repeat; height: 13px; left: 561px; position: absolute; top: 374px; visibility: visible; width: 38px; z-index: 5; }

#icoleaf { background: url(images/icoleaf.png) no-repeat; height: 76px; left: 365px; top:-70px; position: absolute; visibility: visible; width: 110px; }

#bgtittle { background: none; height: 35px; left: 539px; position: absolute; top: 468px; visibility: visible; width: 392px; padding-left:10px; }
#tittle { background: none; height: 9px; left: 540px; position: absolute; top: 370px; visibility: visible; width: 350px; z-index: 5; }
#tumblr { background: none; left: -80px; position: absolute; visibility: visible; width: 470px; z-index: 5;}
#tumblr li {list-style: none; margin-bottom:40px;}

/*///////////////////////////////// footerlicious /////////////////////////////////*/
#id3footer { background: none; height: 18px; left: 174px; position: absolute; bottom: 0px; visibility: visible; width: 789px; z-index: 1; }
#footer { position:absolute; bottom:0; left:0; width:100%;}





/*///////////////////////////////// Easy Slider /////////////////////////////////*/
	img{border:none;}
	pre{
		display:block;
		font:12px "Courier New", Courier, monospace;
		padding:10px;
		border:1px solid #bae2f0;
		background:#e3f4f9;	
		margin:.5em 0;
		width:674px;
		}	
			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:696px;
		background:#fff;		
		margin-bottom:2em;
		}	

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:400px;
		height:209px;
		overflow:hidden; 
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:696px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:none;
		background:#fff;
		color:#777;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#F2F2F2;
		color:#777;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */