/* 
screwtape_screen.css
Copyright 2009, Focus on the Family
Created: 8/10/09
Version: 1.0
*/

/* html */
body { margin:0; background:url(/images/backgrounds/body_bg.gif) 80% 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; line-height:1.3; }
img { border:none; }
.topMargin { margin-top:10px; }
.rightMargin { margin-right:10px; }
.bottomMargin { margin-bottom:10px; }
.leftMargin { margin-left:10px; }
.clear { font-size:1px; overflow:hidden; clear:both; height:1px; }
.skipNav { height:1px; font-size:1px; float:left; text-indent:-9999px; }
a { outline:none; border:none; }

img.left { float:left; }
img.right { float:right; }

/* main layout divs */
img#shareImage { position:absolute; z-index:0; top:0; left:-15000px;  }
#wrapperOne { background:url(/images/backgrounds/wrapper_one_bg.jpg) -20% 0 repeat-x; overflow:hidden; position:absolute; z-index:0; width:100%; height:1382px; }
#wrapperTwo { background:url(/images/backgrounds/weirdclouds.png) -50% 0 repeat-x; position:absolute; z-index:0; width:100%; height:1249px; }
#browserAlert { background:#fff; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
#container { overflow:visible; width:750px; min-height:1000px; background:url(/images/backgrounds/content_bg.png) 0 190px no-repeat; position:relative; margin:0 auto; }
#header { overflow:visible; height:140px; clear:both; }
#content { width:750px; clear:both; overflow:hidden; margin:8px 0 0 0; background:url(/images/backgrounds/edwell_bg.png) 0 124px no-repeat; }
#nav { height:111px; overflow:hidden; width:729px; margin:20px 0 0 20px; clear:both; }
#orderBox { width:237px; height:336px; background:url(/images/backgrounds/order_bg.png) no-repeat; overflow:hidden; position:absolute; z-index:20; top:290px; left:-233px; }
#topSlot { overflow:hidden; width:690px; height:54px; margin:5px 0 0 30px; }

#editorialWell { width:750px; overflow:hidden; background:url(/images/backgrounds/edwell_bg.png) repeat-y; }
#adRow { width:730px; height:163px; overflow:hidden; margin:0 0 0 0px; padding:0 0 0 20px; background:url(/images/backgrounds/adrow_bg.png) no-repeat; }
#bookmarks { width:660px; overflow:hidden; height:40px; }

#footer { color:#fff; font-size:10px; padding:10px 0 50px 0; font-family:Arial, Helvetica, sans-serif; text-align:center; }

/* browser alert styles */
#browserAlert .content { width:1000px; margin:0 auto; position:relative; overflow:hidden; padding-bottom:10px; }
#browserAlert h4,
#browserAlert p { width:690px; }
#browserAlert h4 { color:red; text-align:center; font-size:20px; margin:0; }
#browserAlert p { margin:10px 0 0 0; }
#browserAlert .alertText { width:700px; overflow:hidden; float:left; }
#browserAlert p a { font-weight:bold; }

#browserAlert .imageLink { display:inline; padding:0 0 0 15px; margin:0; }
#browserAlert .closeButton img { padding-bottom:50px; }

/* header styles */
#header h2,
#header h3,
#header h4 { margin:0; float:left; }

#header a { font-size:1px; text-indent:-9999px; display:block; }

#header h4 a { display:block; width:253px; height:186px; background:url(/images/backgrounds/logo_bg.png) no-repeat; position:absolute; z-index:1; top:20px; left:530px; }

#header h4 a:hover { background-position:0 -183px; }

#header h2 a { width:650px; height:84px; background:url(/images/backgrounds/thescrewtapeletters_bg.png) no-repeat; position:absolute; z-index:2; top:31px; left:-61px; }
#header h2 a:hover { background-position:0 -84px; }

#header h3 { display:block; font-size:1px; text-indent:-9999px; width:425px; height:53px; background:url(/images/backgrounds/tagline_bg.png) no-repeat; margin:108px 0 0 57px; }

/* nav styles */
#nav ul { list-style:none; margin:0; padding:0; }
#nav li { display:inline; float:left; }
#nav a { display:block; outline:none; width:103px; height:111px; font-size:1px; text-indent:-9999px; background:url(/images/backgrounds/navtwo.png) no-repeat; }

#nav a#home:hover { background-position:0 -111px; }
#nav a#home:active { background-position:0 -222px; }
#nav a#home.selected,
#nav a#home.selected:hover { background-position:0 -333px; }

#nav a#about { width:181px; background-position:-103px 0; }
#nav a#about:hover { background-position:-103px -111px; }
#nav a#about:active { background-position:-103px -222px; }
#nav a#about.selected,
#nav a#about.selected:hover { background-position:-103px -333px; }

#nav a#share { width:95px; background-position:-284px 0; }
#nav a#share:hover { background-position:-284px -111px; }
#nav a#share:active { background-position:-284px -222px; }
#nav a#share.selected,
#nav a#share.selected:hover { background-position:-284px -333px; }

#nav a#downloads { width:180px; background-position:-389px 0; }
#nav a#downloads:hover { background-position:-389px -111px; }
#nav a#downloads:active { background-position:-389px -222px; }
#nav a#downloads.selected,
#nav a#downloads.selected:hover { background-position:-389px -333px; }

#nav a#orderNow { width:150px; background-position:-581px 0; }
#nav a#orderNow:hover { background-position:-581px -111px; }
#nav a#orderNow:active { background-position:-581px -222px; }
#nav a#orderNow.selected,
#nav a#orderNow.selected:hover { background-position:-569px -333px; }

/* topSlot styles */
a.imageOne,
a.imageTwo { background:url(/images/siteelements/banner4.jpg) no-repeat; display:block; font-size:1px; text-indent:-9999px; width:690px; height:54px; }

a.imageTwo { background:url(/images/siteelements/banner5.jpg) no-repeat; }

#topSlot a:hover { background-position:0 -54px; }

/* order box styles */
#orderBox h4 { margin:0; }
#orderBox h4 a { display:block; width:200px; height:300px; font-size:1px; text-indent:-9999px; background:url(/images/siteelements/boximage.png) no-repeat; margin:15px 0 0 20px; }
#orderBox h4 a:hover { background-position:0 -300px; }

/* editorialWell styles */
.boxOne { width:690px; margin:12px 0 0 30px; overflow:hidden; background:url(/images/backgrounds/boxone_bg.png) no-repeat; }
.boxOne .content { width:660px; padding:15px; background:url(/images/backgrounds/boxonebottom_bg.png) 0 bottom no-repeat; }
.boxTwo { width:456px; float:left; margin:12px 0 0 12px; overflow:hidden; background:url(/images/backgrounds/boxtwo_bg.png) no-repeat; }
.boxTwo .content { width:426px; padding:15px; background:url(/images/backgrounds/boxtwobottom_bg.png) 0 bottom no-repeat; }
.boxThree { width:222px; float:left; margin:12px 0 0 12px; overflow:hidden; background:url(/images/backgrounds/boxthree_bg.png) no-repeat; }
.boxThree .content { width:192px; padding:15px; background:url(/images/backgrounds/boxthreebottom_bg.png) 0 bottom no-repeat; }
.boxFour { width:339px; float:left; margin:12px 0 0 12px; overflow:hidden; background:url(/images/backgrounds/boxfour_bg.png) no-repeat; }
.boxFour .content { width:309px; padding:15px; background:url(/images/backgrounds/boxfourbottom_bg.png) 0 bottom no-repeat; }
.boxFive { width:252px; float:left; margin:12px 0 0 12px; overflow:hidden; background:url(/images/backgrounds/boxfive_bg.png) no-repeat; }
.boxFive .content { width:222px; padding:15px; background:url(/images/backgrounds/boxfivebottom_bg.png) 0 bottom no-repeat; }
.boxSix { width:426px; float:left; margin:12px 0 0 12px; overflow:hidden; background:url(/images/backgrounds/boxsix_bg.png) no-repeat; }
.boxSix .content { width:396px; padding:15px; background:url(/images/backgrounds/boxsixbottom_bg.png) 0 bottom no-repeat; }
.firstBox { margin-left:30px; }

.column { overflow:hidden; margin-right:15px; width:40%; float:left; }
.columnRight { margin-right:0; }

#editorialWell h1.smudger,
#editorialWell h2.smudger,
#editorialWell h3.smudger { margin:0; line-height:1; }

#editorialWell a { font-weight:bold; color:#880101; }
#editorialWell a:hover { color:#000000; text-decoration:none; }

p { margin:0 0 15px 0; }

.twitFollow { display:none; font-size:10px; margin:3px 6px; }
.twitFollowShow { display:block; }

/* bookmarks styles */
#bookmarks ul { list-style:none; padding:0; margin:0 auto; width:404px; height:40px; overflow:hidden; }
#bookmarks li { float:left; display:inline; margin:0 0 0 12px; width:40px; height:40px; overflow:hidden; }
#bookmarks li:first-child { margin:0; }
#bookmarks a { display:block; width:40px; height:40px; font-size:1px; text-indent:-9999px; background:url(/images/backgrounds/bookmarks.png) no-repeat; }

a#faceBook:hover { background-position:0 -40px; }

a#twitter { background-position:-40px 0; }
a#twitter:hover { background-position:-40px -40px; }
#twitter span { display:none; }

a#mySpace { background-position:-80px 0; }
a#mySpace:hover { background-position:-80px -40px; }

a#delicious { background-position:-120px 0; }
a#delicious:hover { background-position:-120px -40px; }

a#google { background-position:-160px 0; }
a#google:hover { background-position:-160px -40px; }

a#digg { background-position:-200px 0; }
a#digg:hover { background-position:-200px -40px; }

a#stumbleUpon { background-position:-240px 0; }
a#stumbleUpon:hover { background-position:-240px -40px; }

a#yahoo { background-position:-280px 0; }
a#yahoo:hover { background-position:-280px -40px; }

/* footer styles */
#footer ul { list-style:none; margin:0 0 5px 0; padding:0; }
#footer li { display:inline; margin:0 0 0 5px; padding:0 0 0 5px; border-left:1px solid white; }
#footer li:first-child { border:none; margin:0; padding:0; }
#footer a { color:#fff; text-decoration:none; }
#footer a:hover { text-decoration:underline; }

.adBox { overflow:hidden; float:left; width:216px; height:77px; margin:40px 10px 0 10px; }
.adBox a { text-indent:-9999px; font-size:1px; display:block; width:257px; height:77px; }
.adBox a:hover { background-position:0 -77px; }
.twitterAd a { background-image:url(/images/siteelements/twitterad.gif); }
.twitterAdTwo a { background-image:url(/images/siteelements/twitterad3.gif); }
.facebookAd a { background-image:url(/images/siteelements/facebookad.gif); }

/* sifr  */
@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active h2.smudger,
  .sIFR-active h1.smudger,
  .sIFR-active h3.smudger {
  visibility: hidden;
  font-family: Verdana;
  line-height: 1em;
  font-size: 18px;
}

}