@import "http://services.igloocommunities.com/download-noauth/lib/grid/css/gridcss";




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


a                { color: #38c8e9; text-decoration: none; }
#tinymce a       { color: #38c8e9 !important; text-decoration: none !important; }
a:hover          { color: #a3bb1d; text-decoration: underline;}
#tinymce a:hover { color: #a3bb1d !important; text-decoration: underline !important; }

body       { color: #666666; font-family: Arial, sans-serif; }
h1         { color: #38c8e9; font-size: 30px; font-weight: normal; margin-bottom: 0.5em; padding: 0; }
h2         { color: #2682a4; font-size: 20px; font-weight: normal; margin-bottom: 0.5em; }
h3         { color: #666666; font-size: 14px; font-weight: bold; }
h4         { color: #9c9c9c; font-size: 12px; font-weight: normal; }

.ig-item h2,
.ig-item h2 a { font-size: 12px; }


.photo-style  { background: #fff; border: 1px solid #ccc; padding: 10px; }

ul.list-arrow      { margin-left: 0 !important; padding: 6px 0 6px 12px !important; border: 1px dotted #afafaf; border-width: 1px 0; }
ul.list-arrow li   { background: url(/download/gallery/img/ularrowlightorangepng) 0 5px no-repeat; list-style: none; padding-left: 17px; }
ul.list-arrow li a { color: #ff9600; font-size: 14px; font-weight: bold; }


.ig-cpt-title,
.ig-cpt-title a { color: #2682a4 !important; font-size: 16px; font-weight: bold; }


/*--------------------------------------------- */
/*              >>> _CONTENT <<<                */
/*--------------------------------------------- */


.box-action .ig-cpt-title { background: url() 0 0 no-repeat; border: 0; height: 0; overflow: hidden; padding: 72px 0 0 0; }
.box-action .ig-cpt-body  { border: 1px dotted #afafaf; border-width: 1px 0; padding-top: 6px; }
.box-action ul            { margin-left: 12px !important; margin-bottom: 6px !important; }
.box-action ul li         { background: url(/download/gallery/img/ularrowgreenpng) 0 5px no-repeat; list-style: none; padding-left: 17px; }
.box-action ul li a       { color: #a3bb1d; font-size: 14px; font-weight: bold; }

.box-action-sell-books    .ig-cpt-title { background-image: url(/download/gallery/img/headingsellbookspng); }
.box-action-help-literacy .ig-cpt-title { background-image: url(/download/gallery/img/headinghelpeducationpng); padding-top: 101px; }
.box-action-buy-books     .ig-cpt-title { background-image: url(/download/gallery/img/headingbuybookspng); }

.box-action-help-literacy ul li   { background-image: url(/download/gallery/img/ularroworangepng); }
.box-action-help-literacy ul li a { color: #f26222; }




.title-blog                { border: 0 !important; }
.title-blog .ig-cpt-title  {
    background: url(/download/gallery/img/headingtitleblogpng) 0 0 no-repeat !important;
    border: 0 !important;
    color: #38c8e9 !important;
    font-size: 16px; font-weight: bold;
    padding: 17px 10px 16px 62px;
}
.title-blog .ig-cpt-title a { color: #38c8e9 !important; }
.title-blog .ig-cpt-footer  { background: none !important; padding-top: 0; padding-bottom: 0; }




.box-tweet               { background: url(/download/gallery/img/tweetbgjpg) 0 0 no-repeat !important; border: 0 !important; padding: 18px 10px; }
.box-tweet .ig-cpt-title { background: none !important; border: 0 !important; }


.ps-secondarynav    { border: 0 !important; }
.ps-secondarynav li { float: left; border: 0!important; margin-right: 1.5em !important; }
.ps-secondarynav a  { border: 0 !important; color: #fff; font-size: 12px; font-weight: bold; text-transform: lowercase; }
.ps-secondarynav a:hover { background: none !important; }

#ig-page-about .ps-secondarynav .ig-widget-navigation { background: #bed63a !important; }




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


body          { background: #2682a4 url(/download/gallery/img/bodypng) 0 27px repeat-x; }
#page         { background: #ffffff url(/download/gallery/img/headerpng) 0 0 no-repeat; }
#header-inner { background: url(/download/gallery/img/headerinnerjpg) 100% 0 no-repeat; }
#main         {  }
#footer       { background: #ffc400; }


#page{
    margin: 0 auto 2.5em; padding: 0 6px 10px; -moz-border-radius: 0 0 9px 9px; -webkit-border-radius: 0 0 9px 9px;
    width: 948px;
}


#trailer { padding-top: 0; }


#header-inner  { height: 180px; }
#main          { padding: 0 4px; }
#content-inner { padding: 18px 0 10px; }
#ig-page-welcome #content-inner { padding-bottom: 0; }
#ig-page-about   #content-inner { padding-top: 0; }

#poweredby     { height: 26px; }
#footer        { padding: 10px; }
#footer-inner  { overflow: hidden; zoom: 1; }

#footer-custom,
#footer-system { display: inline; }

#footer-custom { float: left; width: 820px; }
#footer-system { float: right; width: 100px; }

#footer-custom,
#footer-custom a { color: #957301; }

#footer-custom a       { text-decoration: underline; }
#footer-custom a:hover { text-decoration: none; }



/* _SEARCH
=============================================== */

#search-keyword          { top: 145px; right: 14px; }
#search-keyword          { margin: 0px !important; padding: 0px !important; }
#search-keyword fieldset { position: relative; }
#search-keyword div      { float: none !important; }

#search-keyword .text    {
    -moz-border-radius: 4px; -webkit-border-radius: 4px;
    -moz-box-shadow: 0 0 1px #999; -webkit-box-shadow: 0 0 1px #999;
    background: url(/cmedia/img/interface/pixel_ddd.gif) left top repeat-x #fff;
    margin-right: 0px !important;
}

#search-keyword .text span       { display: block; margin-right: 20px; padding: 5px; }
#search-keyword .text span input { background: transparent; border: 0px; color: #999; height: inherit; margin: 0px; padding: 0px; width: 209px; }

#search-keyword .buttons         { position: absolute; right: 5px; top: 4px; width: 16px !important; }
#search-keyword .buttons input   {
    background: url(/cmedia/img/icons/magnifier.png) top left no-repeat !important;
    border: 0px;
    cursor: pointer;
    float: right !important;
    height: 16px !important;
    margin: 0 !important; padding: 0px;
    overflow: hidden;
    text-indent: -999px;
    width: 16px !important;
}

*   html #search-keyword .buttons input { font-size: 0px; line-height: 0px; }
* + html #search-keyword .buttons input { font-size: 0px; line-height: 0px; }



/* _LOGO
=============================================== */

#logo { padding: 70px 0 0 38px; }

#logo a {
    background: url(/download/gallery/img/logopng) 0 0 no-repeat;
    display: block;
    height: 0px;
    overflow: hidden;
    padding: 53px 0 0 0;
    width: 202px;
}



/* _NAVIGATION
=============================================== */

#navigation { position: absolute; margin-top: -31px; }

#primarynav { }

#primarynav ul { }

#primarynav ul li {
    background: #38c8e9;
    display: inline;
    float: left;
    margin-right: 3px;
}

#primarynav ul li a {
    background: url(/download/gallery/img/navbgpng) 0 0 no-repeat;
    color: #ffffff; font-size: 14px; font-weight: bold; text-transform: lowercase; text-align: center;
    display: block;
    padding: 9px 0 4px;
    width: 110px;
}

#primarynav ul li.here   { position: relative; top: -15px; }
#primarynav ul li.here a { font-style: italic; padding-bottom: 19px; }

#primarynav ul li          a:hover { text-decoration: underline; }

#primarynav #nav-welcome   a {  }
#primarynav #nav-about     a { background-color: #bed63a; }
#primarynav #nav-our_books a { background-color: #ff9600; }
#primarynav #nav-resources a { background-color: #ffc400; }
#primarynav #nav-friends   a { background-color: #2bb7d7; }
#primarynav #nav-blogs     a { background-color: #a3bb1d; }