body {
	background: #B8C5CE url(/img/soricaground640.jpg) repeat-y; 
	color:#333;
	margin:0px;
	padding:0px;
	border: 0;
	font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	}

	/*  Establish general layout parameters */
		
#header {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	height:73px;
	margin:0;
	border: 0;
	background: transparent url(/img/soricahead640.jpg) no-repeat; 
	background-repeat: no-repeat; 
	padding:5px;
	z-index:4; 
	}

/* All the content boxes belong to the content class. */
.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:530px;
	min-width:120px;
	margin:0px 20px 0px 115px;
	border: 0;
	background-color:#fffffe;
	padding: 17px 10px 10px 16px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

#navAlpha {
	position: absolute;
	left: 0;
	margin: 0;
	padding: 0;
	top:120px;
	border: 0;
	border-top: 22px solid #ffffff;
	border-left: 0;
	border-bottom: 16px solid #ffffff;
	background-color:#59C2E4;
	width: 120px;  /* False value for IE4-5.x/Win */	
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 120px;	 /* Actual value for conformant browsers */	
	}

html>#navAlpha {
	width: 120px; /* Be nice to Opera */
	}
		
#navBeta {
	position:absolute;
	top:600px;
	left:0;
	border:0;
	background-color:#ECF0F1; 
	background:#ECF0F1 url(/img/soricabeta.jpg) repeat-x -16px 0;
	padding:135px 0 0 0;
	z-index:2;
	width:120px;   /* False value for IE4-5.x/Win */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:120px;   /* Actual value for conformant browsers */	
	}

body>#navBeta {
	width:120px;    /* Be nice to Opera */
	}


#navBetaUp {
	padding:10px;
	margin:0;
	}

#navBetaDown {
	background-color:#DEE2E3; 
	padding:10px;
	margin:0;
	}



	/*  Image-free logo banner with rollover  */ 

#bannerlogoban {
	display: none;
	}

#logoban {
	display: none;
	}

	/*  Set up general page elements 	*/ 

img {
	/*display: block;*/
	border: 0;
	}

.inline {
	display: inline;
	}

p {
	margin-top: 0;
	margin-bottom: 1em;
	font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	}
	

a:link, a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #30618D;
	background: transparent; 
	}

a:hover {
	font-weight : bold; 
	text-decoration : underline;
	color: #5181A9;
	background: transparent; 
	}

a:active {
	font-weight : bold; 
	text-decoration : none;
	color: #B2CFD9;
	background: transparent;  
	}

	/*   Gather ye headlines.  */


h1, h2, h3, h4, h5, h6	{
	font-weight: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, helvetica, sans-serif;
	}

h1	{
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 21px;
	font-weight: normal;
	text-transform: uppercase;
	color:#373D4B;
	}

h2	{
	font-size: 24px;
	margin-top: 10px;
	margin-bottom: 6px;
	letter-spacing: 1px;
	padding: 0px;
	font-size: 18px;
	color:#5B6680;
	}

h3	{
	font-size: 16px;
	margin-top: 8px;
	margin-bottom: 6px;
    }

h4	{
	font-size: 13px;
	font-weight: bold;
	margin: 5px 0;
	padding: 0;
	letter-spacing: 1px;
	}

h1+h2	{
	margin-top: 40px;
	}
	
	/*  Lay out footer 	*/ 

#footer	{
	margin: 25px 0 50px 0;
	}


	/*  Text treatments for primary content zone 	*/ 

#primarycontent li {
	font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	text-align: left;     
	margin-bottom: 1em;        
    }

#primarycontent dd	{
	margin-bottom: 25px;
	}

#primarycontent dd, dt {
	font: 11px/16px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	text-align: left;          
    }

p+h3	{
	margin-top: 20px;
	}
	
#primarycontent code	{
	font-family: "Andale Mono", monaco, courier, "Courier New", monospace;
	border-bottom: 1px dotted #999;
	}

#primarycontent pre	{
	font: xx-small/1.5 "Andale Mono", monaco, courier, "Courier New", monospace;
	}


	/*  Create buttons 	*/ 

#primetop	{
	border-top: 1px solid #CED791;
	}

#navAlpha ul {
	list-style: none;
	padding: 0;
	margin: 18px 0;
	margin: 0;
	border: 0;
	}

#navAlpha li	{
	text-align: left;
	border-bottom: 1px solid #7E8182;
	width: 170px;
	margin: 0;
	padding: 0;
	text-indent: 10px;
	/*list-style: disc url(/img/listsmall.gif) outside;*/
	font: 11px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	font-weight: 900;
	color: #4896B0;
	background: #5BB6D5;
	}

#secondarytop, #tertiarytop	{
	border-top: 1px solid #4896B0;
	border-top: 1px solid #7E8182;
	}

#navAlpha li a {
	display: block;
	padding: 0;
	border-left: 0;
	border-right: 1px solid #ffffff;
	background: #999C9E;
	/*color: #646644;*/
	color: #ffffff;
	text-decoration: none;
	width: 180px; 	/* False value for IE4-5.x/Win. */
 	voice-family: "\"}\""; 
  	voice-family:inherit;
	width: 180px;	/* You get it. Good value for compliant browers. */	
	}
	
html>#navAlpha li a {
	width: 180px;	 /* Be nice to Opera */
	}
	
#navAlpha li a:hover {
	background: #fff;
	color: #999;
	text-decoration: none;
	}


	/*   More sidebar stuff 	*/

.mini {
	border-top: 8px solid #00A1C0;
	}

.mini p	{
	font-size: 10px;
	font-weight: normal;
	text-align: left;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 15px;
	}

.mini h3	{
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 15px;
	margin-bottom: 0px;
	}

.mini p a:link, .mini p a:visited, #secondarynav dd a:link, #secondarynav dd a:visited {
	font-weight : bold; 
	text-decoration : none;
	color: #7B645C;
	background: transparent; 
	}
	
.mini p a:hover, #secondarynav dd a:hover   {
	font-weight : bold; 
	text-decoration : none;
	color: #be540b;
	background: transparent; 
	}

.mini p a:active, #secondarynav dd a:active  {
	font-weight : bold; 
	text-decoration : underline;
	color: #f79b60;
	background: transparent; 
	}

	/*  Odd bits and miscellanies 	*/ 

address	{
	font: 10px/15px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	color: #45534E;
	}

acronym	{
	font-weight: normal;
	font-style: normal;
	border-bottom: 1px dotted black;
	}

pre	{
	font-size: xx-small;
	}


	/*  Photostuff 	*/ 

.photofive, .photofive10l	{
	background: #CBE3EB; 
	float: left;	
	border: 1px solid #B9BDC0; 
	margin: 2px 0 0 0;
	padding: 0; 
	}

.photofive10l	{
	margin: 0 12px 0 0;
	}

.photoecard	{
	background: #fff; 
	border: 1px solid #B9BDC0; 
	margin: 2px 0 0 0;
	padding: 10px; 
	width: 502px;
	}
	
.photolegend {
	color: #45534E;
	font-size: 9px;
	font-weight: normal;
	text-align: left;
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 15px;
	}

img.i {
	background: #CBE3EB; 
	/*float: left;*/	
	border: 1px solid #B9BDC0; 
	margin: 2px 0 0 0;
	padding: 0; 
	}







#button1, #button2 {
	padding: 0;
	width: 26px;
	height: 96px;
	/*background-image: url(/img/sorica_ecard.gif);*/
	}

html>body #button1 {
	position:relative;
	left: 502px;
	width: 26px;
	}

html>body #button2 {
	position:relative;
	left: 502px;
	width: 26px;
	margin-bottom: 150px;
	}

#buttonecard {
	display: block;
	padding: 0;
	background: url(/img/sorica_buttongris1.gif) no-repeat 1px 0; /* start hiding from macie\*/
	background-position: 0px; /* stop hiding */
	width: 26px;
	height: 96px;
	}

a#buttonecard:hover {
	background-image: url(/img/sorica_ecard.gif);
	}

#buttonlightbox {
	display: block;
	padding: 0;
	background: url(/img/sorica_buttongris1.gif) no-repeat 1px 0; /* start hiding from macie\*/
	background-position: 0px; /* stop hiding */
	width: 26px;
	height: 96px;
	}

a#buttonlightbox:hover {
	background-image: url(/img/sorica_lightbox.gif);
	}



	/*  others 	*/ 


#footer	{
	position:relative; 
	width:510px;
	height: 40px;
	min-width:120px;
	border:0;
	background: white;
	margin:0px 20px 0px 115px;
	padding: 17px 10px 10px 24px;
	z-index:3; 
	}

#coming	{
	float: left;
	margin: 0 10px 0 0;
	}

#footerpic {
	width:498px;
	height:30px;
	margin: 0 0 0 115px;
	border: 0;
	border-bottom: 16px solid #D2DDE2;
	/*background: transparent url(/img/soricafooter640.jpg) no-repeat; */
	background-color:#fffffe;
	padding: 17px 30px 20px 30px;
	z-index:5; 
	}


	/*  Sub navigation inside page 	*/ 


#sitesubnav {
	margin: 1px 0 0 0;
	padding: 0;
	height: 20px;
	}

#sitesubnav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}

#sitesubnav ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#sitesubnav ul li a {
	background: #BDDCE6;
	width: 99px;
	height: 18px;
	border-top: 1px solid #fffffe;
	border-left: 1px solid #fffffe;
	border-bottom: 1px solid #fffffe;
	border-right: none;
	padding: 0;
	margin: 0 0 10px 0;
	color: #222C2F;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	}

#sitesubnav ul li a:hover {
	color: #209900;
	background: #BFEBCB;
	}

#bookbanners a:link, #bookbanners a:visited {
	border-right: 1px solid #92C8A8;
	}

#sitesubnav a:active	{
	background: #c60;
	color: #fff;
	}

body#bookhome #sitesubnav li#homebook a, 
body#stuff #sitesubnav li#read a,
body#media #sitesubnav li#press a,
body#wrongem #sitesubnav li#errata a,
body#bannerama #sitesubnav li#bookbanners a {
	background: #37A800;
	border: 1px solid #37A800;
	color: #fff;
	}
	

.alt {
	display: none;
	}




	/*  Sub navigation photo pages 	*/ 



#photosubnav {
	margin: 10px 0 0 0;
	padding: 0;
	height: 20px;
	}

#photosubnav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	}

#photosubnav ul li {
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
	}

#photosubnav ul li a {
	background: #ddd;
	width: 22px;
	height: 18px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 0;
	margin: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	}

#photosubnav ul li.elejido a {
	background: #bbb;
	width: 22px;
	height: 18px;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	padding: 0;
	margin: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	font: normal 10px/18px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif;
	}


#photosubnav ul li a:hover {
	color: #209900;
	background: #BFEBCB;
	}

#photosubnav a:active	{
	background: #c60;
	color: #fff;
	}

	
	
	/*  forms input 	*/ 

input, input.full { 
	color : #333333; 
	font-size : 11px; 
	font-family : Verdana; 
	background-color : #eeeeee;
	}
	
input.full { 
	width: 100%;
	}

input.ecard { 
	width: 60%;
	}

select { 
	color : black; 
	font-size : 11px; 
	font-family : Verdana; 
	background-color : #eeeeee; 
}

img.butt {
	background: #CBE3EB; 
	border: 0; 
	margin: 0;
	padding: 0; 
}




.toutpanel	{
	background: #F1F6E8; 
	border: 1px dotted #C7E5AB; 
	margin: 50px 0 0 0;
	padding: 0 15px; 
	}
	
.toutpanel p	{
	margin-top: 5px;
	}







	/*  dev only, outdated, out out out 	*/ 


#photoecard {
	background-image: url(/img/sorica_ecard.gif);
	width: 26px;
	height: 99px;
	}

html>#photoecard {
	height:99px; /* Be nice to Opera */
	width:23px;
	border: 1px solid #f00; 
	}

.photoecard a {
	background-image: url(/img/sorica_ecard.gif); 
	border: 1px solid #ccc; 
	}

.photoecard a:hover {
	background-image: url(/img/sorica_ecard_h.gif); 
	border: 1px solid #555; 
	}