html, body {
	margin: 0;
	padding: 0;
	text-align:center;
	font-family: Trebuchet MS, Arial, Sans Serif;
	font-size: 11px;
	color: #c5d1d8;
	background-color:#ededed;
	line-height:18px;
	letter-spacing:0.05em;
    }

.webkit html, body {
	letter-spacing:0.09em;
    }

.clear {
	clear: both;
    }
    
.none {
	display: none;
    }    
    
    
    
div#top {
	text-align: left;
	width: 958px;
	height:31px;
	background:#fff url(../images/layout/bg_content.gif);
    }      
    
div#hero {
    width:958px; 
    height:491px; 
    }

div#logo {
    width:305px;
    height:56px;
    float:right;
    background:#e084f1 url(../images/layout/logo.gif);
    }
    
div#logo a {
    width:305px;
    height:56px;
    display:block;
    }    
    
div#logo_none {
    width:305px;
    height:56px;
    float:right;
    background:#e084f1;
    }
    
div#nav_container {
    width: 958px; /*958*/
	height:56px;    
	}


div#wrapper {
	text-align: left;
	margin: 19px auto 19px auto;
	width: 958px;
	background:#464e52;
    }    
    
div#content, div#contentWide {
    width: 958px;
    height:auto !important;
	min-height:491px;
	background:#464e52 url(../images/layout/bg_content.gif);
    }

div#contentWide #mainCol {
    width:958px; /* 606-1 */
    min-height:491px;
    margin:0px;
    background: #ffffff;
    padding:0;    
    }    
    
div#content #leftCol {
    float:left;
    width:196px;
    height:auto !important;
    min-height:491px;
    margin:0px;
    display:block;
    padding:0px;
    position:relative;
    }
    
div#content #mainCol {
    float:right;
    width:762px; 
    min-height:491px;
    margin:0px;
    padding:0;    
    }	
    
div#content #leftCol div.bg {
    width:196px; 
    height:388px;
    margin:0px; padding:0px;
    background:#464e52 url(../images/layout/bg_leftnav.gif) top left no-repeat;
    }    
    
div#content #leftCol div.bg2 {
    width:196px; 
    height:388px;
    margin:0px; padding:0px;
    background:#464e52 url(../images/layout/bg_leftnav2.gif) top left no-repeat;
    }  
    
div#content #leftCol div.bg3 {
    width:196px; 
    height:388px;
    margin:0px; padding:0px;
    background:#464e52 url(../images/layout/bg_leftnav3.gif) top left no-repeat;
    }       
    
div#content #leftCol div.bg4 {
    width:196px; 
    height:388px;
    margin:0px; padding:0px;
    background:#464e52 url(../images/layout/bg_leftnav4.gif) top left no-repeat;
    }       

div#content #leftCol div.bg5 {
    width:196px; 
    height:388px;
    margin:0px; padding:0px;
    background:#464e52 url(../images/layout/bg_leftnav5.gif) top left no-repeat;
    }   
 

/* FORMATTING */


#mainCol #copy {
    padding:27px 30px;
    }
    
div#content #mainCol #copy p {
    font-size:11px;
	line-height: 18px;
    margin:0 0 15px 2px;
    letter-spacing:0.05em;
    }

.webkit div#content #mainCol #copy p {
    letter-spacing:0.09em;
	}
	
div#content #mainCol #copy p.fineprint {
    font-size:9px;
    }    
	
div#content #mainCol #copy p.intro {
    font-size:12px;
	line-height: 20px;
    margin:0 75px 15px 2px;
    letter-spacing:0.15;
    color:#fff;
    }
	
    
.date {
    height:25px;
    color:#fff;
    font-weight:bold;
    }    


div#content #mainCol p.subtitle, div#content #mainCol span.subtitle {
    color:#fff;
    font-weight:normal;
    font-size: 12px;
    letter-spacing:0.075em;
    } 
    
.webkit div#content #mainCol p.subtitle, .webkit div#content #mainCol span.subtitle {
    letter-spacing:0.1em;
    }      
    
.subtitle11 {
    color:#fff;
    font-weight:normal;
    font-size: 11px;
    letter-spacing:0.05em;
    }  
    
.webkit .subtitle11 {
    letter-spacing:0.09em;
    }     

/* thewriter - bio */

#mainCol #copy_bio {
    padding:25px 30px 15px 15px;
    }
    

#copy_bio .copyLeft {
    float:left;
    margin:0px;
    display:block;
    padding:0px;
    position:relative;
    width:164px;
    }

#copy_bio .copyRight {
    float:right;
    margin:0px;
    display:block;
    padding:0px 0 0 15px ;
    position:relative;
    width:538px; /* 583-45 */
    }
    
#mainCol #copy_bio .copyRight p {
   margin:0 0 15px 2px;
   letter-spacing:0.05em;
    }    

.webkit #mainCol #copy_bio .copyRight p {    
    letter-spacing:0.09em;
    }
    
/* thewriter - news */    

#mainCol #copy_news {
    padding:27px 30px 15px 30px;
    }

#mainCol #copy_news p {
   margin:0 0 15px 2px;
   letter-spacing:0.05em;
    }

.webkit #mainCol #copy_news p {    
    letter-spacing:0.09em;
    }
    
    
/* thework - lit */

#mainCol #copy_lit {
    padding:25px 30px 15px 47px;
    }  
    
#copy_lit .copyLeft {
    float:left;
    margin:0 0 10px 0;
    display:block;
    padding:0px;
    position:relative;
    width:137px;
    }

#copy_lit .copyRight {
    float:right;
    margin:auto 0px;
    vertical-align:middle;
    height:auto !important;
    display:block;
    padding:0 0 0 10px ;
    position:relative;
    width:533px; /* 548-15pad */
    border:0px solid #cc0000;
    }
    
#mainCol #copy_lit .copyRight p {
   margin-bottom:15px;
   letter-spacing:0.05em;
    }        
       
.webkit #mainCol #copy_lit .copyRight p {    
    letter-spacing:0.09em;
    }    
  
/* links page */

#mainCol #copy_links {
    padding:27px 30px;
    }  
    
#copy_links .copyLeft {
    float:left;
    margin:0;
    display:block;
    padding:0 60px 10px 0;
    position:relative;
    width:303px; /* 363-60 */
    }

#copy_links .copyRight {
    float:right;
    margin:0;
    display:block;
    padding:0 40px 10px 0;
    position:relative;
    width:299px; /* 339-40 */
    }

#mainCol #copy_links .copyLeft p, #mainCol #copy_links .copyRight p {
   margin:0 0 10px 2px;
   letter-spacing:0.05em;
   }

.webkit #mainCol #copy_links .copyLeft p, .webkit #mainCol #copy_links .copyRight p {
   letter-spacing:0.09em;
   }

/* contact page */

#mainCol #copy_contact {
    padding:30px;
    }  
    
#copy_contact .copyLeft {
    float:left;
    margin:0 0 10px 0;
    display:block;
    padding:0px;
    position:relative;
    width:300px;
    }

#copy_contact .copyRight {
    float:right;
    margin:-7px 0 0 0;
    vertical-align:middle;
    height:auto !important;
    display:block;
    padding:0 0 0 0px ;
    position:relative;
    width:402px; 
    border:0px solid #cc0000;
    }
    
#mainCol #copy_contact p {
   padding:0 0 0 2px ;
   margin-bottom:15px;
   letter-spacing:0.05em;
   line-height:18px;
    }    
    
.webkit #mainCol #copy_contact p {
   letter-spacing:0.09em;
    }  


/* the reader forms */

#mainCol #copy_thereader {
    padding:27px 30px;
    }  
    
#copy_thereader .copyLeft {
    float:left;
    margin:0 0 10px 0;
    display:block;
    padding:0px;
    position:relative;
    width:402px;
    }

#copy_thereader .copyRight {
    float:right;
    margin:25px 0 0 0;
    vertical-align:middle;
    height:auto !important;
    display:block;
    padding:0 0 0 0px ;
    position:relative;
    width:300px; 
    border:0px solid #cc0000;
    }
    
#mainCol #copy_thereader p.intro {
    font-size:12px;
	line-height: 20px;
    margin:0;
    letter-spacing:0.15;
    color:#fff;
    }      

#mainCol #copy_thereader p {
   padding:0 0 0 2px ;
   margin-bottom:15px;
   letter-spacing:0.05em;
   line-height:18px;
    }    
    
.webkit #mainCol #copy_thereader p {
   letter-spacing:0.09em;
    }      
    
#mainCol #copy_thereader p.alert {
   color:#ff70c7;
    }        
  

/* anchor formatting */    

a:link, a:visited { 
    color: #c5d1d8;
    text-decoration:underline;
    }

a:hover { 
    color: #c5d1d8;
    text-decoration:none;
    }
    
.more, a.more, a.more:visited {
    color:#78bbff;
    font-size:9px;
    text-transform: uppercase;
    text-decoration:none;
    letter-spacing:0.1em
}

.webkit .more, .webkit a.more, .webkit a.more:visited {
    letter-spacing:0.15em
}

a.more:hover {
    text-decoration:underline;
    }



/* NAV ITEMS */
div#nav {
    width: 653px; /*958*/
	height:56px;
    margin: 0 auto; padding: 0; top: 0;
    background:#e084f1 url(../images/layout/nav.gif) top left no-repeat;
    position:relative;
    float:left;
    }
    
    
#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0; }
    
#nav li, #nav a {
    height: 56px; display: block; }

#nav #home { left: 18px; width: 65px; }
#nav #thewriter { left: 83px; width: 99px; }
#nav #thework { left: 182px; width: 90px; }
#nav #thereader { left: 272px; width: 102px; }
#nav #links { left: 374px; width: 62px; }
#nav #contact { left: 436px; width: 81px; }

#nav #home a:hover, #nav #home_on { 
    left: 18px; width: 65px;
    background: transparent url(../images/layout/nav.gif)
    -18px -56px no-repeat; }
      
#nav #thewriter a:hover, #nav #thewriter_on {
    left: 83px; width: 99px;
    background: transparent url(../images/layout/nav.gif)
    -83px -56px no-repeat; }    
    
#nav #thework a:hover, #nav #thework_on {
    left: 182px; width: 90px;
    background: transparent url(../images/layout/nav.gif)
    -182px -56px no-repeat; }        
    
#nav #thework a:hover, #nav #thework_on {
    left: 182px; width: 90px;
    background: transparent url(../images/layout/nav.gif)
    -182px -56px no-repeat; }         
    
#nav #thereader a:hover, #nav #thereader_on {
    left: 272px; width: 102px;
    background: transparent url(../images/layout/nav.gif)
    -272px -56px no-repeat; }       

#nav #links a:hover, #nav #links_on {
    left: 374px; width: 62px;
    background: transparent url(../images/layout/nav.gif)
    -374px -56px no-repeat; }           

#nav #contact a:hover, #nav #contact_on {
    left: 436px; width: 81px;
    background: transparent url(../images/layout/nav.gif)
    -436px -56px no-repeat; }          
    
    
/* subnav - the writer */

div#subnav_thewriter {
    width: 196px;
	height:117px;
    margin: 0 auto; padding: 0; top: 0;
    background:#778288 url(../images/layout/subnav_thewriter.gif) top left no-repeat;
    position:relative;
    }

#subnav_thewriter li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0; }
    
#subnav_thewriter li, #subnav_thewriter a {
    height:31px; width: 196px; display: block; }        
  
#subnav_thewriter #bio { top: 24px; height: 31px; }
#subnav_thewriter #news { top: 55px; height: 31px; }
#subnav_thewriter #gallery { top: 86px; height: 31px; }

#subnav_thewriter #bio a:hover, #subnav_thewriter #bio_on { 
    top: 24px; height: 31px;
    background: transparent url(../images/layout/subnav_thewriter.gif)
    -196px -24px no-repeat; }
  
#subnav_thewriter #news a:hover, #subnav_thewriter #news_on { 
    top: 55px; height: 31px;
    background: transparent url(../images/layout/subnav_thewriter.gif)
    -196px -55px no-repeat; }  
    
#subnav_thewriter #gallery a:hover, #subnav_thewriter #gallery_on { 
    top: 86px; height: 31px;
    background: transparent url(../images/layout/subnav_thewriter.gif)
    -196px -86px no-repeat; }  

/* subnav - the work */

div#subnav_thework {
    width: 196px;
	height:117px; /* 86 */
    margin: 0 auto; padding: 0; top: 0;
    background:#778288 url(../images/layout/subnav_thework.gif) top left no-repeat;
    position:relative;
    }

#subnav_thework li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0; }
    
#subnav_thework li, #subnav_thework a {
    height:31px; width: 196px; display: block; }    
    
#subnav_thework #lit { top: 24px; height: 31px; }
#subnav_thework #films { top: 55px; height: 31px; }

#subnav_thework #lit a:hover, #subnav_thework #lit_on { 
    top: 24px; height: 31px;
    background: transparent url(../images/layout/subnav_thework.gif)
    -196px -24px no-repeat; }
  
#subnav_thework #films a:hover, #subnav_thework #films_on { 
    top: 55px; height: 31px;
    background: transparent url(../images/layout/subnav_thework.gif)
    -196px -55px no-repeat; }  


/* subnav - the reader */

div#subnav_thereader {
    width: 196px;
	height:86px;
    margin: 0 auto; padding: 0; top: 0;
    background:#778288 url(../images/layout/subnav_thereader.gif) top left no-repeat;
    position:relative;
    }

#subnav_thereader li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0; }
    
#subnav_thereader li, #subnav_thereader a {
    height:31px; width: 196px; display: block; }        
  
#subnav_thereader #avid { top: 24px; height: 31px; }
#subnav_thereader #scholar { top: 55px; height: 31px; }

#subnav_thereader #avid a:hover, #subnav_thereader #avid_on { 
    top: 24px; height: 31px;
    background: transparent url(../images/layout/subnav_thereader.gif)
    -196px -24px no-repeat; }
  
#subnav_thereader #scholar a:hover, #subnav_thereader #scholar_on { 
    top: 55px; height: 31px;
    background: transparent url(../images/layout/subnav_thereader.gif)
    -196px -55px no-repeat; }  

/* no subnav */

div#subnav_none {
    width: 196px;
	height:117px; /* 86 */
    margin: 0 auto; padding: 0; top: 0;
    background:#778288;
    position:relative;
    }



/* end NAV */

/* SEPARATORS */
.sep_dotted702 {
    width:702px;
    height:1px;
    background:#464e52 url(../images/common/sep_dotted.gif) top left repeat-y;
    margin:20px 0;
    }

.sep_dotted674 {
    width:674px;
    height:1px;
    background:#464e52 url(../images/common/sep_dotted.gif) top left repeat-y;
    margin:10px 9px 10px 0px;
    }

/* sIFR BROWSER VERSIONS */

h2 {
	font-size: 15px;
	display: inline;
	text-transform: uppercase;
	line-height:18px;
    }
    
   
h3 {
	font-size: 30px;
	display: inline;
	text-transform: uppercase;
	margin:0; 
	padding:0;
    }   
    
    
    
/* FOOTER PLUG */    

#footerplug {
    width:958px;
    height:37px;
    background:#788289 url(../images/layout/footerplug.gif) top left no-repeat;
    }
    
#footerplug a {
    cursor:hand;
    position:absolute;
    }    

#footerplug #facebook a {
    left:417px;
    width:104px;
    height:37px;
    border:0px solid #cc0000;
    }  

#footerplug #facebook a:hover span
    {   
    display: block;
   	position: absolute; top: -45px; left: -27px;
	/* formatting only styles */
   	padding: 5px; margin: 10px; z-index: 100;
   	background: #7e8990; border: 0px dotted #c0c0c0;
	opacity: 0.9;
	width:130px;
	height:18px;
	text-align:center;
	color:#fff;
	/* end formatting */
    }

#footerplug #twitter a {
    left:521px;
    width:97px;
    height:37px;
    display:block;
    border:0px solid #cc0000;
    }     

#footerplug #twitter a:hover span {   
    display: block;
   	position: absolute; top: -45px; left: -32px;
	/* formatting only styles */
   	padding: 5px; margin: 10px; z-index: 100;
   	background: #7e8990; border: 0px dotted #c0c0c0;
	opacity: 0.9;
	width:130px;
	height:18px;
	text-align:center;
	color:#fff;
	/* end formatting */
    }

#footerplug #myspace a {
    left:618px;
    width:120px;
    height:37px;
    display:block;
    border:0px solid #cc0000;
    }     

#footerplug #myspace a:hover span {   
    display: block;
   	position: absolute; top: -45px; left: -20px;
	/* formatting only styles */
   	padding: 5px; margin: 10px; z-index: 100;
   	background: #7e8990; border: 0px dotted #c0c0c0;
	opacity: 0.9;
	width:130px;
	height:18px;
	text-align:center;
	color:#fff;
	/* end formatting */
    }

#footerplug #youtube a {
    left:738px;
    width:85px;
    height:37px;
    display:block;
    border:0px solid #cc0000;
    }          

#footerplug #youtube a:hover span {   
    display: block;
   	position: absolute; top: -45px; left: -40px;
	/* formatting only styles */
   	padding: 5px; margin: 10px; z-index: 100;
   	background: #7e8990; border: 0px dotted #c0c0c0;
	opacity: 0.9;
	width:130px;
	height:18px;
	text-align:center;
	color:#fff;
	/* end formatting */
    }

/*  */
div#pre1 {
	height: 1px;
	width: 1px;
	background:#464e52 url('../images/front/mfront.jpg') left top no-repeat;
}
div#pre2 {
	height: 1px;
	width: 1px;
	background:#464e52 url('../images/front/mfront.png') left top no-repeat;
}
div#pre3 {
	height: 1px;
	width: 1px;
	background:#464e52 url('../images/front/front_im.png') left top no-repeat;
}

#frontbox {
	width: 958px;
	height: 578px;
	overflow: hidden;

	background-color: #505658;
	background-image: -moz-linear-gradient(top, #60676a, #3f4446); /* Firefox 3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #3f4446),color-stop(1, #60676a)); /* Safari & Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#60676a', endColorstr='#3f4446'); /* IE6 & IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#60676a', endColorstr='#3f4446')"; /* IE8 */
}

#frontbox #fbg {
	display: none;
	position: relative;
	width: 958px;
	height: 578px;
	overflow: hidden;
	background:#464e52 url('../images/front/mfront.jpg') left top no-repeat;
}

#frontbox #fbg div{
	display: none;
}

#frontbox #fbg div#f_overlay{
	display: block;
	position: absolute;
	width: 958px;
	height: 578px;
	overflow: hidden;
	background:transparent url('../images/front/mfront.png') left top no-repeat;
}

#frontbox #fbg div#f_maria {
	position: absolute;
	top: 290px;
	left: 473px;
	
	width: 104px;
	height: 28px;
	
	background: transparent url('../images/front/front_im.png') 0 0 no-repeat;
}

#frontbox #fbg div#f_amparo {
	position: absolute;
	top: 290px;
	left: 599px;
	
	width: 123px;
	height: 35px;
	
	background: transparent url('../images/front/front_im.png') -126px 0 no-repeat;
}

#frontbox #fbg div#f_escandon {
	position: absolute;
	top: 290px;
	left: 745px;
	
	width: 165px;
	height: 28px;
	
	background: transparent url('../images/front/front_im.png') -273px 0 no-repeat;
}

#frontbox #fbg div#fb_esperanza {
	position: absolute;
	top: 144px;
	left: 580px;
	
	width: 347px;
	height: 53px;
	
	background: transparent url('../images/front/front_im.png') 0 -40px no-repeat;
}

#frontbox #fbg div#fb_prison {
	position: absolute;
	top: 187px;
	left: 193px;
	
	width: 575px;
	height: 40px;
	
	background: transparent url('../images/front/front_im.png') 0 -120px no-repeat;
}

#frontbox #fbg div#fb_orange {
	position: absolute;
	top: 373px;
	left: -70px;
	
	width: 800px;
	height: 40px;
	
	background: transparent url('../images/front/front_im.png') 0 -160px no-repeat;
}

#frontbox #fbg div#fb_barber {
	position: absolute;
	top: 384px;
	left: 360px;
	
	width: 600px;
	height: 60px;
	
	background: transparent url('../images/front/front_im.png') 0 -205px no-repeat;
}

#frontbox #fbg div#fb_wild {
	position: absolute;
	top: 277px;
	left: 235px;
	
	width: 295px;
	height: 20px;
	
	background: transparent url('../images/front/front_im.png') -365px -75px no-repeat;
}

#frontbox #fbg div#fb_he {
	position: absolute;
	top: 200px;
	left: 800px;
	
	width: 30px;
	height: 20px;
	
	background: transparent url('../images/front/front_im.png') -365px -50px no-repeat;
}

#frontbox #fbg div#fb_pressed {
	position: absolute;
	top: 230px;
	left: 748px;
	
	width: 250px;
	height: 15px;
	
	background: transparent url('../images/front/front_im.png') -400px -55px no-repeat;
}

#frontbox #fbg div#fb_gossip {
	position: absolute;
	top: 400px;
	left: 358px;
	
	width: 665px;
	height: 15px;
	
	background: transparent url('../images/front/front_im.png') 0 -270px no-repeat;
}

#frontbox #fbg div#fb_tblock {
	position: absolute;
	top: 412px;
	left: 20px;
	
	width: 860px;
	height: 70px;
	
	background: transparent url('../images/front/front_im.png') 0 -285px no-repeat;
}

#frontbox #fbg div#fb_against {
	position: absolute;
	top: 430px;
	left: 0;
	
	width: 230px;
	height: 25px;
	
	background: transparent url('../images/front/front_im.png') -580px -130px no-repeat;
}

#frontbox #fbg div#f_p1 {
	position: absolute;
	top: 150px;
	left: 241px;
	
	width: 185px;
	height: 20px;
	
	background: transparent url('../images/front/front_im.png') 0 -100px no-repeat;
}

#frontbox #fbg div#f_p2 {
	position: absolute;
	top: 187px;
	left: 101px;
	
	width: 210px;
	height: 20px;
	
	background: transparent url('../images/front/front_im.png') -195px -100px no-repeat;
}

#frontbox #fbg div#f_p3 {
	position: absolute;
	top: 268px;
	left: 193px;
	
	width: 175px;
	height: 20px;
	
	background: transparent url('../images/front/front_im.png') -410px -100px no-repeat;
}