/**
   * This is the screen style sheet for Francis Hilhorst.
   * Contains screen structural elements and formatting.
   *
   * @package Francis Hilhorst
   * @author Francis Saul <francis@mummybot.com>
   * @version 2007-12-28
   
   * @change log
   
*/
/*   
   * Contents
   -----------------------------------------------------------------------------------------
   1. Structural (grid layout)
   2. Base (Classes and tags that are used throughout: h1, p, .hidden etc)
   3. Left Pane
   4. Right Pane
   4.1. Admin Section
   4. IE hacks
      
*/

/*------------------------------------------------------------------------------------------
1. Structural ----------------------------------------------------------------------------*/
body{ background: #79ad84; color: #f4f4f4; }
#shell{ position: relative; }
#leftPane{ padding: 0 17px 0 20px; position: absolute; width: 206px; }
#rightPane{ background: #e1e1e1; color: #63856b; left: 243px; padding: 34px 90px; position: absolute; }


/*------------------------------------------------------------------------------------------
2. Base (Classes and tags that are used throughout: h1, p, .hidden etc) ------------------*/
a{ color: #f4f4f4; text-decoration: none; }
a:hover,
a.selected{ background: #f4f4f4; color: #6b6b6b; }
strong{ font-weight: bold; }

.left{ float: left; }
.right{ float: right; }
.hidden{ display: none; }
.replaced{ display: block; position:relative; }
.replaced span{ background-position:0 0; background-repeat:no-repeat; display: block; height:100%; left:0; position:absolute; top:0; width:100%; }
.replaced a span{ cursor: pointer; cursor: hand; }


/*------------------------------------------------------------------------------------------
3. Left Pane -----------------------------------------------------------------------------*/
#leftPane h1{ height: 60px; margin: 68px 0 118px; width: 206px; }
#leftPane h1 span{ background-color: #79ad84; background-image: url(../img/francis-hilhorst-logo.gif); }
#leftPane h2{ height: 14px; margin: 57px 0 5px; width: 74px; }
#leftPane h2 span{ background-color: #79ad84; background-image: url(../img/galleries-title.gif); }

#galleriesMenu li a{ padding: 3px 0; }

#galleryMenu{ clear: both; display: block; margin: 10px 0 5px; width: 100%; }
#galleryMenu:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#galleryMenu li{ float: left; }
#galleryMenu li a{ padding: 2px 3px; text-decoration: none; }

#backNextMenu{ margin: 0 0 62px; }
#backNextMenu:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#backNextMenu li a{ padding: 2px 3px; text-decoration: none; }
#backNextMenu li.right{ margin-right: 8px; }


/*------------------------------------------------------------------------------------------
4. Right Pane ----------------------------------------------------------------------------*/
#rightPane img{ margin-bottom: 30px; }


/*------------------------------------------------------------------------------------------
4.1. Admin Section -----------------------------------------------------------------------*/
#admin div#shell{ padding: 25px; }
#admin h1{ font-size: 3em; text-transform: uppercase; }
#admin h2,
#admin legend{ font-size: 2em; margin-top: 1.5em; text-transform: uppercase; }
#admin h3{ font-size: 1.5em; margin-top: 1em; text-transform: uppercase; }
#admin h3 span{ color: #6b6b6b; text-transform: none; }
#admin table{ border-collapse: collapse; }
#admin table.tblFixed{ width: 1080px; }
#admin table tr.odd{ background: #5c9b6a; }
#admin td{ padding: 2px 3px; }
#admin label{ display: block; }
#admin input.inpText,
#admin select.inpSelect{ border: 0; display: block; width: 150px; }
#admin input.inpTextHalf{ border: 0; width: 75px; }
#admin input.inpTextQuarter{ border: 0; width: 37px; }
#admin div#notificationBox{ border: 1px solid #6b6b6b; margin-top: 1em; padding: 2px 3px; width: 400px; }
#admin div#notificationBox span{ color: #6b6b6b; font-weight: bold; }
#admin ul#adminMenu{ clear: both; }
#admin ul#adminMenu:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#admin ul#adminMenu li{ display: block; float: left; }
#admin ul#adminMenu li span,
#admin ul#adminMenu li a{ padding: 2px 3px; }
#admin ul#adminMenu li span{ color: #6b6b6b; }


/*------------------------------------------------------------------------------------------
5. IE Hacks ------------------------------------------------------------------------------*/
/* Double float margin hacks */
* html #backNextMenu li.right{ display: inline; }