/* Global Properties
-------------------------------------------------- */

.graphical-divider3 {
    background-image:url(  '/assets/images/templates/home/template-home-graphical-divider3.gif' );
    background-repeat: repeat-x;
}

.home-text { 
    font-style: italic;
    font-size: 15px;
    vertical-align: top;
    text-align: left;
    color: #484848; 
    line-height: 1.3em;    
}  

#home-slider {     
    padding: .5em 15px .5em 15px;
    text-align: center; 
}
 
.tcycle { display: block; } 
.tcycle { width: 100%; max-width: 320px; margin: 0 auto; overflow: hidden; }  
.tcycle img { width: 320px; height: 262px; }

/* Navigation
-------------------------------------------------- */


/* Banner Section
-------------------------------------------------- */
.wrapper-banner-outer { }
.wrapper-banner-inner { }
.banner-left-side { }
.banner-right-side { }

.home-logo-box  {
    margin: 0 auto;
    width: 100%;
    min-height: 100%; 
    overflow: hidden;
    padding: 0px; 
}

.home-logo-box { 
    background-image:url(  '/assets/images/templates/home/template-home-banner-background.jpg' );
    background-repeat: repeat-x;
    text-align: center;  
}

#home-logo-1 { padding: 2em 2em 1.5em 2em; margin:0; }

#home-intro-box { 
    padding: 15px; 
    font-size: 15px;
    vertical-align: top;
    text-align: left;
    color: #484848; 
    line-height: 1.3em;    
}
#home-intro-box a {  
    color: red;
    text-decoration: none; 
    font-weight: bold; 
    font-style: italic; 
}
#home-intro-box a.goldie {  
    color: #ffcc00;  
}
#home-intro-box a:hover { color: steelblue; font-style: italic; } 

#home-intro-box a.burgundy { 
    color: darkred; 
        color: #ffcc00;
}
#home-intro-box a.burgundy:hover { 
    opacity: 0.60; text-decoration:underline;  
        color: #ffff33;
}


/* Featured Section
-------------------------------------------------- */

    div.wrapper-featured-outer { } 
  
/* Division Panels
-------------------------------------------------- */

div.division-panel-outer { width: 320px; text-align: center; padding:0; margin: 0 auto 1em auto; }

div.division-panel-outer div.lower-panel { 
    vertical-align: top; 
    width: 320px;
    height: 102px;  
    padding: 0px;
    margin: 0px;
}

#romance-lower-panel {
     background-image:url( '/assets/images/templates/home/template-home-romance2-panel.jpg' );
     background-repeat: no-repeat;
     background-color: #700d17;
} 
   
#classic-lower-panel {
     background-image:url( '/assets/images/templates/home/template-home-classic2-panel.jpg');
     background-repeat: no-repeat;
     background-color: #532647;
}

#mystery-lower-panel {
     background-image:url( '/assets/images/templates/home/template-home-mystery2-panel.jpg');
     background-repeat: no-repeat;
     background-color: #4f5b64;
}

#teen-lower-panel {
     background-image:url( '/assets/images/templates/home/template-home-teen2-panel.jpg');
     background-repeat: no-repeat;
     background-color: #005671;
}

#kids-lower-panel {
     background-image:url( '/assets/images/templates/home/template-home-kids2-panel.jpg');
     background-repeat: no-repeat;
     background-color: #005155;
}
 
#news-lower-panel {
     background-image:url( '/assets/images/templates/home/template-home-twitter-box.jpg' );
     background-repeat: no-repeat;
     background-color: #F2F2F2;
}

#news-upper-panel {   
     vertical-align: top; 
     background-image: url( '/assets/images/templates/home/template-home-latest-news.jpg' );
     background-repeat: no-repeat; 
     background-color: #F2F2F2; 
}

   div.lower-panel-text {
       line-height: 1.3em;
       padding: 6px 6px 0px 6px; 
       text-align: left;
       color: #FFFFFF;
   }

    div.lower-panel-text a {
        color: #ffcc00;
        text-decoration: none;
        font-weight: bold;
    }

    div.lower-panel-text a:hover  { 
        color: #ffff33;
    }

    div#latest-news-text { font-size: 13px; padding: 58px 12px 0px 12px; }
    div#latest-news-text a {  
          color: #ffcc00;                /*-- golden yellow --*/
          color: #ae1e36;                /*-- light red --*/
          font-weight: bold;  
    }
    div#latest-news-text a:hover { 
        color: #ffff33;   /* yellow */
        color: #FF6666;   /* lighter red */
     } 

    div#home-twitter-link { font-size: 15px; padding: 8px 0px 0px 50px; margin:0; text-align: left; }
    div#home-twitter-link a { color: #484848; font-weight: bold; }
    div#home-twitter-link a:hover { color: #888888;  text-decoration:none; }
 
div.last-twitter-tweet { 
    text-align: left; 
    margin: 12px 4px 2px 14px; 
    line-height: 1.2em; 
    color: #777777;
}

/* RESPONSIVE CSS
-------------------------------------------------- */
 

/* ----Extra small devices (phones, up to 480px) .col-xs ---- */  
 

/* ---- Small devices (tablets, 768px and up)  .col-sm- ---- */
@media (min-width: 768px) {
   

    .tcycle { max-width: 430px; height: 352px; max-height: 352px; }
    .tcycle img { width: 430px; height: 352px; }
}

/* ---- Medium devices (desktops, 992px and up) .col-md- ---- */

@media (min-width: 992px) {
 
#home-slider {     
    padding: .5em 15px .5em 15px;
    text-align: center; 
}

    .wrapper-banner-outer {  
         margin: 0 auto;
         width: 100%;
         min-height: 100%; 
         overflow: hidden;
         padding: 0px; 
         background-image:url(  '/assets/images/templates/home/template-home-banner-background.jpg' );
         background-repeat: repeat-x;
         text-align: center;  
     }

    .wrapper-banner-inner { 
        margin: 0 auto;
        width: 992px;
        height: 352px;    
        background-image: url(  '/assets/images/templates/home/template-home-banner-inner.jpg' );
        background-repeat: no-repeat; 
        padding-left: 0px;
        padding-right: 0px; 
        background-position: center top;   
     }

    .banner-left-side {
         float: left; 
         width: 550px; 
         height: 352px; 
         vertical-align: top; 
         text-align: left;
         background-image: none !important; 
    } 

    .home-logo-box  { padding: 24px 0px 68px 0px; background-image: none !important;  } 


    #home-intro-box,  #home-featured-row { 
        background-color: #F2F2F2;
        background-repeat: no-repeat; 
        background-position: left center;
        -moz-border-radius-topright: 10px;
        -webkit-border-top-right-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -webkit-border-bottom-right-radius: 10px;
    }

    #home-intro-box { 
        background-image: url(  '/assets/images/templates/home/template-home-banner-left-vbar.jpg' );
        width: 548px;
        height: 116px; 
        padding: 6px 12px 0px 24px;   
    } 

    #home-featured-row { 
        margin: .5em 0;
        width: 100%;
        background-image: url(  '/assets/images/templates/home/template-home-graphical-divider2a.jpg' ); 
        height: 72px; 
        padding: 8px 12px 0px 480px;   
    } 

    .banner-right-side {
         float: right; 
         width: 430px; 
         height: 352px; 
         vertical-align: top;  
    }

    .banner-right-side .row .container { 
        padding: 0; 
        margin: 0;
    }

    #home-slider {     
        padding: 0; 
        margin: 0;
        width: 430px; 
    }
    .tcycle { margin: 0; padding: 0; }

    div.wrapper-featured-outer { 
        margin: 0 auto;
        width: 100%;
        min-height: 100%;
        background-color: #FFFFFF; 
        overflow: hidden;  
        padding: 1em 0;
    } 

}


/* --- Large devices (large desktops, 1200px and up) .col-lg- */
@media (min-width: 1200px) {
  
    .wrapper-banner-inner { 
        width: 1200px;
    }

    .banner-left-side { 
         width: 750px; 
    }

    #home-intro-box { 
        width: 750px;
        padding: 8px 12px 0px 24px;  
     }
  
}



/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}