/*
Theme Name: Fancy That
Theme URI: http://fancythatscrapbook.com/
Description: Designed specifically for fancythatscrapbook.com
Author: Dave Robertson
Author URI: http://factory44.net/
Copyright 2008 Fancy That.
*/

@import url(base.css);

/* ========================================================================== */
@media screen {
/* ========================================================================== */


/* ==========================================================================
   LAYOUT */

html {
    background: #fba6c6 url(images/bg.png);
}
    
body {
    padding: 0;
}

.gutter {
    margin: 0 auto;
    width: 960px;
}


/* --------------------------------------------------------------------------
   HEADER */

#header {
    background: transparent url(images/bg-header.png) left bottom repeat-x;
    height: 110px;
}

#header .gutter {
    position: relative;
}

#siteLogo {
    height: 210px;
    left: 44px;
    position: absolute;
    top: 150px;
    width: 285px;
}

#siteLogo a {
    background: transparent url(images/bg-logo.png);
    display: block;
    height: 210px;
    width: 285px;
}

#siteLogo img {
    left: -9999em;
    position: absolute;
    visibility: hidden;
}


/* --------------------------------------------------------------------------
   NAVIGATION */

#nav {
    height: 35px;
    margin: 0;
    padding: 75px 0 0 0;
}

#nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav li {
    display: inline;
    line-height: 1.2em;
    list-style: none;
    margin: 0;
    padding: 0;
}

#nav a {
    background: transparent url(images/tab-l.png) left bottom no-repeat;
    display: block;
    float: left;
    font-size: 1.35em;
    font-weight: bold;
    height: 35px;
    border-right: 1px solid #fba6c6;
    text-decoration: none;
}

#nav a span {
    background: transparent url(images/tab-r.png) right bottom no-repeat;
    display: block;
    height: 24px;
    padding: 11px 16px 0 16px;
}

#nav a:hover {
    color: #846f6b;
    text-decoration: none;
}

#nav li.current_page_item a,
#nav li.current_page_parent a {
    background-image: url(images/tab-current-l.png);
}

#nav li.current_page_item a span,
#nav li.current_page_parent a span {
    background-image: url(images/tab-current-r.png);
}

/* hide girlfriends getaway from top nav */
#nav .page-item-8 {
    display: none;
}


/* --------------------------------------------------------------------------
   PAGEBODY + WRAPPER */

#wrapper {
    background: #fffdeb;
    padding: 40px 0 80px 0;
}

#pagebody {
    background: transparent url(images/bg-pagebody.png) repeat-y;
    margin: 0 auto;
    width: 960px;
}


/* --------------------------------------------------------------------------
   SIDEBAR  */

#sidebar {
    float: left;
    padding: 218px 0 0 38px;
    width: 257px;
}

#subNav {
    background: transparent url(images/bg-subnav.png) left center repeat-x;
    margin: 30px 0 35px 0;
    padding: 0 40px 0 0;
}

#subNav ul {
    background: #fffdeb;
    border-right: 1px solid #d8cdbc;
    list-style: none;
    margin: 0;
    padding: 0;
}

#subNav li {
    line-height: 1.2em;
    margin: 0;
    padding: 0 10px 0 0;
    text-align: right;
    font-weight: bold;
}

#subNav li+li {
    padding-top: 10px;
}

#subNav a {
    text-decoration: none;
}

/* ------------------------------------
   LEVEL 2  */
   
#subNav ul ul {
    border: 0;
}

#subNav ul ul li {
    padding-right: 0;
    padding-top: 10px;
    font-weight: normal;
}



/* ------------------------------------
   CALLOUTS  */
   
#sidebar p#girlfriendsGetaway a {
    background: none;
    outline: 0;
}

/* ------------------------------------
   CONTACT INFO  */

#sidebar address {
    background: #fee9e1 url(images/address-bottom.png) left bottom no-repeat;
    font-style: normal;
    line-height: 1.6em;
    margin: 25px 40px 0 0;
    text-align: right;
}

#sidebar address span {
    background: transparent url(images/address-top.png) left top no-repeat;
    display: block;
    padding: 18px 22px;
}

/* ------------------------------------
   SUBSCRIBE FORM */
   
#subscribeForm {
    margin: 25px 0 0 0;
    width: 217px;
}

#subscribeForm p {
    line-height: 1.6em;
}

#subscribeForm input#email {
    border: 1px solid #F998B8;
    background: #ffffff;
    padding: 3px 3px;
    width: 209px;
}

#subscribeForm input#subscribe {
    background: #F998B8;
    border-top: 2px solid #FBA6C6;
    border-left: 2px solid #FBA6C6;
    border-bottom: 2px solid #FBA6C6;
    border-right: 2px solid #FBA6C6;
    color: #3b0b00;
    float: right;
    font-weight: bold;
    padding: 2px 3px;
}

#subscribeForm p#unsubscribeLink {
    clear: both;
    font-size: 0.9em;
    text-align: right;
}


/* --------------------------------------------------------------------------
   CONTENT */

#content {
    float: right;
    min-height: 300px;
    padding: 0 40px;
    width: 584px;
}

.archive h3 {
    clear: both;
}

/* --------------------------------------------------------------------------
   FOOTER */

#footer {
    background: transparent url(images/bg-footer.png) repeat-x;
    clear: both;
    font-size: 0.8em;
    padding: 0.5em 0;
}

#footer p#legal {
    text-align: right;
}


/* ==========================================================================
   SHARED SNIPPETS */

.menuTitle, #skipLinks {
    left: -9999em;
    position: absolute;
    visibility: hidden;
}


/* --------------------------------------------------------------------------
   POST NAVIGATION */

.postsNavigation {
    font-size: 0.9em;
    font-weight: bold;
    padding: 1em 0 0 0;
    text-transform: uppercase;
}

.postsNavigation a {
    text-decoration: none;
}


/* --------------------------------------------------------------------------
   MAP */

#map {
    background: #ffffff;
    border: 1px solid #e8e2e1;
    font-size: 0.9em;
    line-height: 1.6em;
    margin: 1em 0;
    padding: 10px;
    text-align: right;
    width: 425px;
}

#map a {
    text-decoration: none;
}

/* --------------------------------------------------------------------------
   PROMOTIONS (uses special heading sizes) */

h2.fancy+.entry {
    margin-top: -10px;
}

#content #post-9 h3 {
    font-size: 2em;
    font-weight: bold;
    color: #f998b8;
}

#content #post-9 h4 {
    font-size: 1.35em;
    padding: 1em 0 0 0;
}

/* --------------------------------------------------------------------------
   CALENDAR */

.entry .ec3_schedule {
    background: #ffffff;
    border: 1px solid #e8e2e1;
    float: left;
    margin: 10px 15px 10px 0;
}

.entry .ec3_schedule td {
    padding: 10px 15px 5px 15px;
    text-align: center;
    line-height: 1em;
    font-size: 1.2em;
    font-weight: bold;
}

.entry .ec3_schedule td.ec3_start {
    font-size: 1em;
    text-align: right;
    padding: 0 10px 10px 10px;
}

.entry .ec3_schedule td.ec3_to {
    font-size: 1em;
    padding: 0 0 10px 0;
}

.entry .ec3_schedule td.ec3_end {
    font-size: 1em;
    padding: 0 10px 10px 10px;
}

.entry .ec3_schedule td.ec3_time {
    font-size: 1em;
    text-align: center;
    padding: 0 10px 10px 10px;
}



/* --------------------------------------------------------------------------
   GRID CALENDAR */

    #wp-calendar {
        width: 200px;
        float: right;
        background: #ffffff;
        border: 1px solid #e8e2e1;
        padding: 4px 8px;
        margin: 0 0 10px 20px;
    }

    #wp-calendar table {
        width: 100%;
        border-collapse: collapse;

    }

    #wp-calendar table td {
        padding: 1px 4px;
        text-align: center;
    }

    #wp-calendar .nav {
    }

    #wp-calendar table.nav td {
        text-align: center;
        vertical-align: bottom;
        background: #eee8df;
        padding-top: 2px;
    }

    #wp-calendar table.nav td#prev {
        text-align: left;
        vertical-align: middle;
    }

    #wp-calendar table.nav td#next {
        text-align: right;
        vertical-align: middle;
    }

    #wp-calendar table caption {
        font: bold 1.25em arial;
        padding: 5px 0 ;
        color: #F998B8;
        text-transform: uppercase;
    }

    #wp-calendar table caption a {
        color: #F998B8;
    }

    #wp-calendar table caption a:hover {
        background:#F998B8;
        color: #ffffff;
    }

    #wp-calendar table caption a {
        text-decoration: none;
    }
    
    #wp-calendar table td.ec3_postday {
        background: #FCE6DF;
    }

    #wp-calendar table td#today {
        background: #F998B8;
    }
    

/* --------------------------------------------------------------------------
   POSTS / ARCHIVE */

.post h3+h4 {
    font-size: 1em;
    padding: 0;
}

p.postmetadata {
    color: #f998b8;
    font-size: 0.9em;
    line-height: 1.4em;
}

p.postmetadata a {
    color: #f998b8;
}

p.postmetadata a:hover {
    color: #ffffff;
}


/* --------------------------------------------------------------------------
   SIFR HEALDINES */

/* do not alter: --- */
.sIFR-flash         { visibility: visible !important; margin: 0; }
.sIFR-replaced      { visibility: visible !important; }
span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
/* ----------------- */

.sIFR-hasFlash h2.fancy {
    font-size: 84px !important;
    line-height: 84px;
    letter-spacing: -20px;
    margin: 0 !important;
    padding: 0 !important;
    visibility: hidden;
}

#content h2.fancy+.entry {
    margin-top: -10 px;
}


/* ========================================================================== */
}  /* end: SCREEN */
/* ========================================================================== */






/* ========================================================================== */
@media print {
/* ========================================================================== */

/* ==========================================================================
   LAYOUT */

body {
    background: #ffffff;
    font-size: 8pt;
}

h1 {
    font-size: 3.5em;
    font-weight: normal;
    line-height: 1.5em;
    color: #f998b8;
}

h2 {
    font-size: 2.5em;
    font-weight: normal;
    line-height: 1.5em;
}
    
.menuTitle,
#skipLinks,
#nav,
#subNav,
.postsNavigation,
#sidebar p#girlfriendsGetaway {
    display: none;
}

/* --------------------------------------------------------------------------
   HEADER  */

#header {
    xloat: left;
    wxidth: 250px;
}


/* --------------------------------------------------------------------------
   SIDEBAR  */

#sidebar {
    float: left;
    padding: 2.5em 0 0 0;
}

/* ------------------------------------
   CONTACT INFO  */

#sidebar address {
    background: #fee9e1;
    font-style: normal;
    line-height: 1.6em;
    padding: 0 22px;
    margin: 1em 0;
    text-align: right;
}


/* --------------------------------------------------------------------------
   CONTENT */

#content {
    float: right;
    width: 67%;
}


/* --------------------------------------------------------------------------
   FOOTER */

#footer {
    clear: both;
    font-size: 0.8em;
    padding: 1em 0 0 0;
    text-align: right;
}


/* --------------------------------------------------------------------------
   SIFR HEALDINES */

.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}


/* ========================================================================== */
}  /* end: PRINT */
/* ========================================================================== */