@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix("http://www.google.com/ig"),
               url-prefix("http://www.google.ca/ig"),
               url-prefix("http://www.google.fr/ig") {

/******TODO:
+ move top google options bar down to green tab bar?
+ make sure .msg (undel) is visible
+ tabs on right?
*/


/******** 'CLASSIC' TABS-on-TOP STYLE *********/

/* collapse left menu column */
#col1
  {position: absolute !important;
   top: 70px !important;
   left: 30px !important;
   width: auto !important;
   height: auto !important;
   background: transparent !important;
   border: none !important;
   z-index: 90 !important;}
#col1_contents
  {width: auto !important;}
#modules > DIV, #t_1
  {margin-top: 0 !important;
   margin-bottom: 0 !important;}


/* restyle left menu headers like old school tabs */
.rnd_tab, .v2minbox, .v2maxbox, .gadget_set,
.topline, .bottomline, .hiddenline, #bottom_nav,
#chat_nav
  {display: none !important;}

.selected_tab_view_title,
.tab_view_title
  {width: auto !important;
   overflow: visible !important;}
.section_title
  {padding: 1px 10px !important;}
.selected_section_title
  {padding-right: 25px !important;}

.selected_section_contents, .section_contents
  {float: left !important;
   padding: 0 !important;
   margin: 0px 2px !important;}

.section_title H2,
.selected_section_contents H2
  {font-size: 9pt !important;}

.selected_section_contents > a[title="Menu"]
  {margin-top: 3px !important;}



/********WHOLE PAGE***********/
*:link, *:visited,
u, ins
  {text-decoration: none !important;}

#modules, #col2
  {background-color: transparent !important;}

HTML
  {background-color: #FFF /*blk #000*/ !important;
   padding: 0 0 8px 0 !important; /*or 1% left/right for some white space*/
   overflow-x: hidden !important;}

body
  {background-color: #FEFDFC !important;}

/********FOOTER***********/
BODY > #doc3 > table
  {border-bottom: 5px #95BD76 solid !important;}

/********SLIM/REMOVE (GENERAL)***********/
#offered_in,
.gbh, /* Horizontal bar. */
#footerwrap, .gradient /* Footer. */
   {display: none !important;}

.uftl, /* white lines between collapsed entries in feeds */
.topbotborder
   {border: none !important;}

/********TWEAK TOP LINKS***********/
/*#gbar [href *= '/video'], 'videos'*/
#gbar [href *= '/prdhp'] /*'shopping'*/
  {display: none !important;}

#gbar /* Top left links. */
  {position: absolute !important;
   background: none !important;
   z-index: 1000 !important;
   padding: 0 0 0 10px !important;}
#guser /* Top right links. */
  {position: absolute !important;
   width: 100% !important;
   right: 0 !important;
   padding: 0 10px 0 0 !important;}

#gbar *, #guser *
  {color: #95BD76 !important;
   font-family: calibri !important;}
#gbar #gbi *
  {color: #000 !important;}


/********TWEAK HEADER***********/
.gsealog, /*iGoogle logo*/ 
#nhdrwrap #promo, #nhdrwrap #themes_new_promo, #header_promo_wrapper, /*'New!'*/
#nhdrwrap INPUT[type="submit"], /* search buttons*/
#new_user_demo /*useless?*/
  {display: none !important;}

#nhdrwrapinner
  {height: auto !important;
   background-color: white !important;
   background-position: left -37px !important;
   background-repeat: repeat-x !important;}
#nhdrwrapsizer
  {height: auto !important;
   margin: 20px 0 8px 0 !important;}

#gsea_table > tbody > tr > .gseain > br,
#gsea_table > tbody > tr > td:last-child > br
  {display: none !important;}


#gsea_table > tbody > tr > td:last-child
  {position: absolute !important;
   top: 21px !important;
   right: 0 !important;
   border-top: 1px #95BD76 solid !important;}
.gseaopt
  {text-align: right !important;
padding-top: 2px !important;
}
.gseaopt > a
  {margin: 0 10px 0 0 !important;
   color: #95BD76 !important;}

/* 'change theme' and 'add stuff' */
.personalize_link
  {position: absolute !important;
   z-index: 90 !important;
   top: 70px !important;
   right: 0 !important;
   padding-left: 5px !important;
   font-size: 9pt !important;
   background: #95BD76 !important;}
.personalize_link * {
   color: #fff !important;}


/* undelete message */
#nhdrwrapinner div.msg
  {position: absolute !important;
   margin-top: -12px !important;
   width: 100% !important;
   z-index: 80 !important;
}
#nhdrwrapinner div.msg *
  {color: #000 !important;
   padding-top: 1px !important;
   padding-bottom: 2px !important;}


/********SEARCH BOX***********/
INPUT[name="q"]  {
-moz-appearance: none !important;
background: -moz-rgba(255,255,255,0.6) !important;
/*border: 2px -moz-rgba(211,211,211,0.2) solid !important;*/
border: 2px #95BD76 solid !important;
-moz-box-shadow: -moz-rgba(0,0,0,0.06) 0 0 9px 0 !important;
/*text-align: center !important;*/
}
INPUT[name="q"]:focus  {
background: -moz-rgba(255,255,255,0.85) !important;
}

/********TABBAR (colours) ***********/
#nhdrwrapinner
  {border-bottom: 5px #95BD76 solid !important;}

.leftselectedtab
  {background: #95BD76 !important; 
   border: 1px #bbb solid !important;
   border-bottom: none !important;}
.leftselectedtab h2 a
  {color: #fff !important;}

.leftunselectedtab
  {background: #F9F8F7 !important;
   border: 1px #bbb solid !important;
   border-bottom: none !important;}
.leftunselectedtab h2 a
  {color: #999 !important;}








/********MODULES***********/

/*** hide 'maximize' and 'drag'***/
.v2enlargebox, .v2dragbox
  {display: none !important;}

/*** new 'triangle' for menus on modules and top tabs***/
.leftslectedtab, a.v2ddbox
  {background: url("http://www-static.shell.com/static/styles/images/global/page_tools_plus.gif") center center no-repeat !important;}


/* >>>> remove round corners */
.rnd2, .rnd3, .rnd1
  {display: none !important;}


/* >>>> setup columns */
#modules #c_2,
#modules #c_4
  {border-left: 3px #95BD76 double !important;
   border-right: 3px #95BD76 double !important;}
#modules #c_1,
#modules #c_2,
#modules #c_3,
#modules #c_4
  {margin: 0 !important;
   padding: 8px 0  !important;}
.modbox, .modbox_e
  {margin: 2px 2.5% 4px !important;}
#c_1 > DIV.dm,
#c_2 > DIV.dm,
#c_3 > DIV.dm,
#c_4 > DIV.dm
  {display: none !important;}

/* slightly darken 2nd column (and 4th if it exists) */
#modules #c_2, #modules #c_4
  {background: -moz-rgba(0,0,0,0.05) !important;}


/* >>>> scrub off formatting */
.modbox, .modbox_e,
.modbox > *, .modbox_e > *
  {border: none !important;
   background: none !important;}


/* >>>> tweak titles */
.modtitle
  {background: #F9F8F7 !important;
   border-top: 1px #eee solid !important;}
.modtitle:hover
  {border-color: #95BD76 !important;}







/* >>>> tweak 'compound gadget' */
.tablib_emptyTab,
.tablib_spacerTab,
.tablib_selected > a
  {display: none !important;}

.tablib_main_container,
.tablib_main_container *
  {border: none !important;
   background-color: transparent !important;
   vertical-align: middle !important;}
.tablib_main_container
  {margin-top: -5px !important;}
.tablib_selected,
.tablib_unselected:hover
  {background: #F9F8F7 !important;}
.tablib_table
  {border-bottom: 2px #eee solid !important;
   border-top: none !important;}
.tablib_main_container .modboxin
  {padding: 0 0 0 18px !important;}


/* >>>> tweak 'gmail' */
#m_29 > .modtitle 
  {background: #C33 !important;
   border: none !important;}
#m_29 > .modtitle .modtitle_text
  {color: #fff !important;}
.threads_table .pr.unread
  {background: #FDFCFB !important;}
#m_29 > .modboxin
  {background: #F3F2F1 !important;
   border-bottom: 2px #C33 solid!important;}


/* >>>> tweak 'remember the milk' */
#m_58 > .modtitle 
  {background: #C3D5F7 !important;
   border: none !important;}
#m_58 > .modboxin
  {background: #F3F2F1 !important;
   border-bottom: 2px #C3D5F7 solid!important;}



/* >>>> section titles */
.modbox:before,
.modbox_e:before
  {display: block !important;
   text-align: center !important;
   font-size: 18pt !important;
   letter-spacing: 0.06em !important;}

#m_97:before
  {content: "The FRONT PAGE" !important;}
#m_91:before
  {content: "ENTERTAINMENT" !important;}
#m_102:before
  {content: "PERSONAL" !important;}
#m_48:before
  {content: "LIFE TIPS" !important;}
#m_66:before
  {content: "OTHER NEWS" !important;}



/*////////////////KAELYN SKIN////////////////*/
/********KAELYN SYMBOL***********/
#c_2 > DIV.dm
  {display: block !important;
   background: url("http://files.getdropbox.com/u/1340160/julie%20-%20custom%20google/logo_by_itself-01.png") center center no-repeat !important;
   height: 170px !important;
   width: 170px !important;
   margin: 16px auto 8px !important;
   -moz-border-radius: 300px !important;

   background-color: #DDE8D7 !important;
   border: 5px #95BD76 solid !important;
/*-moz-box-shadow: -moz-rgba(0,0,0,0.3) 0 0 7px 1px !important;*/
}

/********BACKGROUND***********/
body
  {background-color: #F4F9EF !important;}

/********TITLE COLOURS***********/
.modtitle
  {background: #EEF9E5 !important;
   border-top: 1px #E0EDD3 solid !important;}
.modtitle:hover
  {border-color: #95BD76 !important;}

}