/**
 * Homepage styles
 *
 * CSS 2.0
 *
 * @author      Dave Robertson <dave@factory44.net>
 * @copyright   Copyright 2007 Factory 44, Inc.
 */

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


/* ==========================================================================
   OVERRIDES */

#pagebody {
    background-image: url(images/home/bg-pagebody.png);
}

#content {
    padding-left: 36px;
    position: relative;
    width: 588px;
}

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

h1#tagline {
    background: transparent url(images/home/tagline.png);
    height: 100px;
    margin: 0 0 0 -16px;
    padding: 0;
    width: 613px;
}

h1#tagline span {
    left: -9999em;
    position: absolute;
    visibility: hidden;
}

h2#whatsHappening {
    background: transparent url(images/home/whats-happening.png) no-repeat;
    height: 33px;
    margin: 0;
    padding: 0 0 10px 0;
    width: 178px;
}

h2#pageOfTheMonth {
    background: transparent url(images/home/page-of-the-month.png) no-repeat;
    border-bottom: 1px dashed #f998b8;
    height: 33px;
    padding: 0 0 10px 0;
    width: 140px;
}

h2#whatsHappening span,
h2#pageOfTheMonth span {
    left: -9999em;
    position: absolute;
    visibility: hidden;
}


/* --------------------------------------------------------------------------
   NEWS (CENTER COLUMN) */

#news {
    float: left;
    padding: 0 20px 0 0;
    width: 412px;
}

#posts {
    border-bottom: 1px dashed #f998b8;
    border-top: 1px dashed #f998b8;
    margin: 0 5px;
    padding: 10px 0;
}


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

.post h3 {
    font-size: 1.2em;
    text-transform: uppercase;
}

.post h3 a {
    text-decoration: none;
}

.post p {
    font-size: 1em;
    line-height: 1.6em;
}


/* --------------------------------------------------------------------------
   CALLOUT */

#callout {
    background: #e8e1cf url(images/home/callout-bottom.png) left bottom no-repeat;
    margin: 40px 0 0 0;
    width: 410px;
}

#callout #calloutInner {
    background: transparent url(images/home/callout-top.png) left top no-repeat;
    padding: 15px 30px 15px 35px;
}

#callout img#girlfriendsGetaway {
    float: left;
    margin: 0 0 0 -49px;
    padding: 0 10px 0 0;
}

#callout a:hover {
    background: none;
}

#callout p {
    line-height: 1.8em;
    padding-top: 1.2em;
}

#callout p strong {
    color: #f998b8;
    font-size: 1.35em;
    font-weight: bold;
}

#callout a.more:hover {
    background: #f998b8;
    color: #ffffff;
}


/* --------------------------------------------------------------------------
   PAGES OF THE MONTH */

#pages {
    float: left;
    padding: 0 16px;
    width: 108px;
}

.featuredPage {
    padding: 16px 0 8px 0; 
    width: 140px;
}

.featuredPage img {
    background: #ffffff;
    border: 1px solid #D8CDBC;
    padding: 5px;
}

.featuredPage h3 {
    display: inline;
    float: left;
    font-size: 1.1em;
    line-height: 1em;
    padding: 0 0.25em 0 0;
    text-transform: uppercase;
}

.featuredPage h3 a {
    color: #f998b8;    
    text-decoration: none;
}

.featuredPage h3 a:hover {
    background: #f998b8;    
    color: #ffffff;    
}

.featuredPage p {
    line-height: 1.4em;
    padding: 0 0.5em 0 0;
    font-size: 0.9em;
}

/* fix border issue */
.featuredPage a:hover {
    background-color: #FFFDEB;
}

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




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

/* ==========================================================================
   OVERRIDES */


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


/* --------------------------------------------------------------------------
   NEWS (CENTER COLUMN) */

#news {
}

#posts {
    border-bottom: 1px solid #f998b8;
    border-top: 1px solid #f998b8;
    padding: 1em 0;
}


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

.post h3 {
    text-transform: uppercase;
    font-size: 1.5em;
}

.post h3 a {
    text-decoration: none;
}

.post p {
    line-height: 1.6em;
}

p.postmetadata {
    font-size: 0.9em;
}


/* --------------------------------------------------------------------------
   CALLOUT */

#callout {
    padding: 1em 0;
}

#callout img#girlfriendsGetaway {
    float: left;
    padding: 0 10px 0 0;
}

#callout p {
    line-height: 1.8em;
    padding-top: 1.2em;
}

#callout p strong {
    color: #f998b8;
    font-size: 1.35em;
    font-weight: bold;
}


/* --------------------------------------------------------------------------
   PAGES OF THE MONTH */

#pages {
    padding: 1em 0;
    border-top: 1px solid #f998b8;
}

.featuredPage {
    float: left;
    padding: 16px 20px 0 0; 
    width: 140px;
}

.featuredPage h3 {
    display: inline;
    float: left;
    font-size: 1.1em;
    line-height: 1em;
    padding: 0 0.25em 0 0;
    text-transform: uppercase;
}

.featuredPage h3 a {
    color: #f998b8;    
    text-decoration: none;
}

.thumb a {
    background: none !important;
}

.featuredPage p {
    line-height: 1.4em;
    padding: 0 0.5em 0 0;
    font-size: 0.9em;
}

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