/*--------------------------------------------- */
/*                 >>> HTML <<<                 */
/*--------------------------------------------- */

a                { color: #0359a6; text-decoration: none; }
#tinymce a       { color: #0359a6 !important; text-decoration: none !important; }

a:hover          { color: #900; text-decoration: underline;}
#tinymce a:hover { color: #900 !important; text-decoration: underline !important; }



/*--------------------------------------------- */
/*                >>> LAYOUT <<<                */
/*--------------------------------------------- */



body {
	background: #6f6f26 url(http://communityforests.iglooprojects.com/download/gallery/pembatreep/mainbackgr~2) repeat-x 0 18px;
        font-family:verdana;
        font-size: 11px;
}

#page {
	margin: 0 auto;
	width: 760px;
}

#systemnav,
form.expand
{
    background: #F1EFCD;
    border:1px dotted;
    margin-top:15px;
}

#search-list,
div.worktable-scroll,
#search_results
{
    background: #F1EFCD;
    border:1px dotted;
    margin-top:5px;
    margin-bottom: 10px;
}


#search-list,
#search_results
{
    min-height: 420px;
}

#systempanel 
{
            border: 1px solid #CDAA7D;
            padding-top: 20px;
    	    padding: 10px 12px 38px;
            background: url(http://communityforests.iglooprojects.com/download/gallery/pembatreep/bgtranspar) repeat 0 100%;
}

form.js-fieldvalidation
{
            background: #F1EFCD;
            padding: 10px 12px 18px;
            margin: 9px;
            width: 94.5%;
}

#myprofile #content-head {
height:auto !important;
overflow:hidden;
padding:0 10px 1.5em;
display:none!important;
}

#header {
	height: 84px;
}

#header,
#header a {
	color: #fff;
}

#header a {
	display: none;
}

#header h1 {
        background-image: url(http://communityforests.iglooprojects.com/download/gallery/pembatreep/logonamegi);
        background-repeat: no-repeat;
        background-position: left; 
        display: block;
        height: 70px; 
	padding-top: 17px;
}

#content {
        background: none;
}

#contentImg-inner {
        background: url(http://communityforests.iglooprojects.com/download/gallery/pembatreep/topimagejp) no-repeat 0 100%;
        height:148px;
        margin-left:4px;
        width:750px;
        display: block;     
}
#content-head {
       position: relative;
       top: -75px;
       float: right;
       background-color: none !important;
}

#content-head h1 {
       display: none;
}

#contentImg {
   background-color: #F1E5CD;
   border-bottom: 1px solid #D1C200;
   margin-bottom: 30px;
   border-left: 1px solid #D1C200;
   border-right: 1px solid #D1C200;
   height: 155px;
}

#contentMain,
div.two-column,
#comsignin
 {
        border: 1px solid #CDAA7D;
        padding-top: 20px;
	padding: 10px 12px 10px;
        background: url(http://communityforests.iglooprojects.com/download/gallery/pembatreep/bgtranspar) repeat 0 100%;
}

#comsignin
 {
       background:#F1EFCD !important;
}

#contentMain span,
#contentMain p
 {
       color: #330000;
       font-size: 13px;
}

#contentMainInner,
div.column-main
 {
       background: #F1EFCD;
       padding: 10px 12px 18px;
       margin: 9px;
}

div.column-main
{
       width:94.5% !important;
}

#myprofile div.profile-page
{
   background:#F1EFCD none repeat scroll 0 0;
   margin-bottom:200px;
   padding:8px;
}

#myprofile #publicprofile div.column-main-inner
{
      margin-right:1px !important;
      float:left !important;
      position:relative !important;
      right:180px !important;
}


#myprofile #publicprofile div.column-main-inner #panel-activity ul
{
      width:450px !important;
}

div.column-secondary-inner 
{
     padding: 4px !important;
}

div.two-column div.column-secondary 
{
     border:1px dotted !important;
     float:left !important;
     margin-left:-200px !important;
     margin-top:20px !important;
     width:180px !important;
}

#gallery-list
{
   background: #F1EFCD;
   padding-left:12px;
   padding-top:10px;
}

div.column-secondary-inner
{
    background: #F1EFCD;
}

#contentMainInnerTransp {
       padding: 10px 0px 0px;
       margin: 6px;
}


#trailer {
        margin-top: -40px;
        padding-left: 23px;
        color: #F1E5CD !important; 
        display:none;
}

#trailerbar a {
        color: #F1E5CD !important; 
}

#trailer-viewcount {
     margin-bottom:5px;
}

#trailerbar {
        display: none;
        padding-left: 23px;
        margin-top:-33px;
        padding-bottom: 33px;
}

#trailerbar-triggers {
         border: 0px;
         float:right;
}



#footer {
	margin: 1.5em 0;
}

#footerleft {
       background: url(http://communityforests.iglooprojects.com/download/gallery/pembatreep/leftleaves~2) no-repeat;
       height:243px;
       left:-51px;
       position:relative;
       top:-243px;
       width:52px;
}

#footerleftTop {
       background: url(http://communityforests.iglooprojects.com/download/gallery/pembatreep/leftleaves~3) no-repeat;
       height:243px;
       left:-66px;
       position:relative;
       top:-210px;
       width:66px;
       visibility: hidden;
}

#footertopOuter {
        background: #64591E;
        border-bottom: 2px solid #85854A;
        margin-top: -486px;
}

#footertopInner {
        background: url(http://communityforests.iglooprojects.com/download/gallery/pembatreep/footertabl) repeat-x 0 100%;
        height: 243px;
        position: relative;
        left: 20px;
        width: 95%;
        margin-right 5px;
}

#footerbottom {
       background: url(http://communityforests.iglooprojects.com/download/gallery/pembatreep/shadowunde) no-repeat center;
       height: 69px;
       padding-top: 0px;
}



/*--------------------------------------------- */
/*              >>> COMPONENTS <<<              */
/*--------------------------------------------- */


/* ACTIONBAR
=============================================== */

#actionbar {
	margin-top: 2em;
	width: 97.5%;
        margin: 9px;
}

#forums-categories
{
     background: #F1EFCD;
     padding: 10px 12px 18px;
     margin: 9px;   
}

#forums-thread
{
     background: #F1EFCD;
}

#actionbar-triggers {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

#actionbar-triggers ul.items {
	padding-left: 6px;
}

#actionbar-triggers li {
	margin-top: 0.25em;
	padding-left: 2px;
}

#actionbar-triggers li.help {
	height: 17px;
	margin: 6px 6px 0 0;
	overflow: hidden;
	text-indent: -9999px;
	width: 17px;
}

#actionbar-triggers a,
#actionbar-triggers span span {
	background-position: 3px 40%;
	padding: 0.25em 0.5em 0.5em 24px;
	text-decoration: none;
}

#actionbar-triggers span.divider {
	margin-left: 0.25em;
	padding-left: 1em;
}

#actionbar a                       { color: #f1efcd; }
#actionbar-triggers span span,
#actionbar-triggers li.active a,
#actionbar-triggers a:hover        { color: #2e4000; }

#actionbar                         { background: #84b608 url(/cmedia/themes/defaultbright/img/actionbar.gif) repeat-x; }
#actionbar-triggers ul.items       { background:         url(/cmedia/themes/defaultbright/img/triggers_left.png) no-repeat; }
#actionbar-triggers                { background:         url(/cmedia/themes/defaultbright/img/triggers_right.png) no-repeat 100% 0; }
#actionbar-triggers li.active      { background: #aeda45 url(/cmedia/themes/defaultbright/img/active_left.gif) no-repeat; }
#actionbar-triggers li.active span { background:         url(/cmedia/themes/defaultbright/img/active_right.gif) no-repeat 100% 0; }
#actionbar-triggers li.help        { background:         url(/cmedia/img/icons/actionbar_help.gif) no-repeat; }
#actionbar-panels div.panel        { background: #8dc70a url(/cmedia/themes/defaultbright/img/panel.gif) repeat-x; }


/* LOGO/TAGLINE
=============================================== */

#logo {
	padding-top: 9px;
}

/* NAVIGATION */


#navigation {
   background-color: #F1E5CD;
   border-top: 1px solid #D1C200;
   border-left: 1px solid #D1C200;
   border-right: 1px solid #D1C200;
   height: 40px;
}

/* PRIMARYNAV
=============================================== */

#primarynav {
	height: 83%;
	overflow: hidden;
        background: url(http://communityforests.iglooprojects.com/download/gallery/pembatreep/gradiantbe) repeat-x 0 100%;
        position: relative;
        left: 4px;
        top: 4px;
        width: 99%;
}

#primarynav ul {
	float: center;
	padding-left: 0px;
        margin-bottom: 0px;
}

#primarynav li {
	float: left;
	margin-left: 0px;
	padding-left: 0px;
}

#home #primarynav li.home {
	display: none;
}

#primarynav a {
	display: block;
	margin: 0;
	padding: 10px 12px 9px 9px;
        color: #CCCC99 !important;
}

#primarynav a:hover {
	text-decoration: none;
}

#primarynav a:hover   { color: #9dd9ff; }
#primarynav li.here a { color: #0867a3; }

#primarynav li.here a { color: #0359A6 !important; }


#content-body #customcontent table
{
   background: #F1EFCD;
}

/* THUMBNAIL
=============================================== */

span.thumbnail-crlarge {
	background: url(/cmedia/img/effects/shadow_new.png) no-repeat 100% 100%;
	width: 171px;
}

span.thumbnail-crlarge span.thumbnail-padding {
	background: url(/cmedia/img/effects/shadow_fade.png) no-repeat;
	padding: 0px 9px 9px 0px;
}

span.thumbnail-featured {
	background: url(/cmedia/img/effects/shadow_featured.png) no-repeat 100% 100%;
}

* html span.thumbnail-crlarge,
* html span.thumbnail-crlarge span.thumbnail-padding,
* html span.thumbnail-featured {
	background-image: none;
}



/*--------------------------------------------- */
/*            >>> APPLICATIONS <<<              */
/*--------------------------------------------- */


/* GALLERY
=============================================== */

#gallery-list.basic span.actions {
	margin-top: -27px;
}

#gallery-list span.title-wrapper {
	margin-top: 0;
}

#gallery-covers span.thumbnail {
	margin: 0 9px 9px 0;
}


/* MEMBERS
=============================================== */

#members-profile {
	margin-bottom: 0.75em;
}