/* -------------------------------------------------------------- 
  
   Boilerplate Screen Styles
   * Version:   0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";


/* Page
-------------------------------------------------------------- */

#page { margin: 0 auto; width: 824px; background-color:#FFF; padding-bottom:24px; }



/* Header
-------------------------------------------------------------- */

#header { position:relative; height:314px; margin-top: 0px; background-image:url(/wp-content/themes/jennas/images/bg-header.jpg); background-repeat:no-repeat;}

#header .logo { position:absolute; top:42px; left:36px; }
#header .quote { position:absolute; top:32px; right:36px; width:350px; color:#CE545D; font-size:1.2em; text-align:right; }
#header .banner { position:absolute; top:120px; }
#header .banner div { float:left; margin-right:7px; margin-left:7px; }
#header .banner div.first { margin-left:8px; }

#header .navitop { background-color:#C60000; position:absolute; top:280px; width:100%;}
#header .tabs {  /* border-bottom: 1px solid #ddd; */}
#header .tabs li { margin-right: 0px; }
#header .tabs a { padding: 8px 24px; background: #C60000; color: #FFF; text-decoration: none; background-position:50% 100%; background-repeat:no-repeat;  }
#header .tabs a.first { padding-left:64px; background-position:70% 100%; }
#header .tabs a.last { padding-right:18px; background-position:40% 100%; }


#header .tabs a:hover { color:#333; } 


/* Body
-------------------------------------------------------------- */

#body { margin-top: 0px; background-image:url(/wp-content/themes/jennas/images/bg-wrapper.jpg); background-repeat:no-repeat; /*height:663px;*/ }

#body #content { float:left; width:424px; margin-top:32px; padding-left:64px; }
#body #content a { color:#C60000; text-decoration:underline; }
#body #content a:hover { text-decoration:none; } 

#body #sidebar { float:left; width:235px; margin-top:32px; padding-left:40px; }

#body #sidebar .panel { color:#FFF; margin-bottom:24px; }
#body #sidebar .panel .top { background-image:url(/wp-content/themes/jennas/images/tab-top.png); background-repeat:no-repeat; height:26px; }
#body #sidebar .panel .top p { text-transform:uppercase; font-size:.9em; padding:8px 12px 8px 12px; }
#body #sidebar .panel .middle { background-image:url(/wp-content/themes/jennas/images/tab-middle.png); background-repeat:repeat-y; }
#body #sidebar .panel .middle p { font-size:.9em; padding:8px 12px 8px 12px; margin:0; }
#body #sidebar .panel .bottom { background-image:url(/wp-content/themes/jennas/images/tab-bottom.png); background-repeat:no-repeat; height:11px; width:235px; }

#body #sidebar .shortlist ul { margin-bottom:16px; }

#body #sidebar a { color:#C60000;}

#body #sidebar a.bookbutton { display:block; width:256px; height:16px; padding:45px 0 20px 20px; text-transform:uppercase; background-image:url(/wp-content/themes/jennas/images/button-book.png); background-repeat:no-repeat; color:#FFF; font-weight:bold; font-size:1.2em; }

#body #sidebar .widget { margin-bottom:16px; /*display:none;*/ }


#body #sidebar .panel .middle img.alignright { margin-right:-40px; margin-top:-18px;}
img.alignright { padding: 4px 0 4px 4px; margin: 0 0 2px 7px;  }
img.alignleft { padding: 4px 4px 4px 0; margin: 0 7px 2px 0;  }
img.alignnone { padding-bottom:8px;}
.alignright { float: right; }
.alignleft { float: left; }




/* Footer
-------------------------------------------------------------- */
#footer { /*border-top: 1px solid #eee;*/ margin-top: 0px; width:424px; padding-left:64px;}

#footer em { font-weight:bold; font-size:2em; color:#C60000; }
#footer div p { margin-bottom:.5em;}
#footer div.email em { font-size:1.5em; }
#footer div.email em a { color:#C60000; }

#footer p.quiet { color: #ccc; }



/* Credits
-------------------------------------------------------------- */
#credits { margin: 0 auto; width: 824px; margin-bottom:24px; margin-top:8px; text-align:right; color:#666; }
#credits a { color:#333;}
