/*------------------------------------------------------------------------------------------------------  
  | Base.CSS 																			   
   ------------------------------------------------------------------------------------------------------  
  | The entire CSS environment for jamesrstrickland.com in one big nasty CSS file.         
  | I'll probably regret doing it this way later, but for now, it's convenient.                       
   ------------------------------------------------------------------------------------------------------  
  | v 3.1
  | Revision history: 
   ------------------------------------------------------------------------------------------------------
  | 0.1	5/6/07 - JRS 		Uploaded 05/06/07
  |		First version.
  |
  | 1.0 05/13/07 - JRS		Uploaded 05/13/07
  |		Added pagebot class for copyright, etc.
  | 	Overhauled bookpage class to float image and wrap text around it properly.
  | 
  | 1.1 05/15/07 - JRS		Uploaded 05/15/07
  |		Modified pagetop class to form a banner out of its img call.
  |		added pagetop base class
  | 	added nametop P class to build the banner to stick the transparency on.
  |		added .h2 class to pagetop class to auto-center h2 text - page titles.	
  |		changed padding in bookpage datablock to only pad on the right.
  |		increased global margins to 40px.
  |		repeated changes in authpage datablock. Somehow, this also fixed the pagebot
  | 			block sliding up onto the photo problem.
  |
  | 1.2	05/16/07 - JRS 		Uploaded 05/16/07
  |		Misc cleanup: removed incorrect height=350 tag in frontpage. It wasn't working.
  |		Took out all the "align:" tags, since they're like, wrong.
  |
  | 1.3 05/28/07 - JRS		Uploaded 05/28/07
  | 	Finally fixed the pagebot drawing through floating images by adding the clear: both attribute to it.
  |		added the buypage class, mostly derived from bookpage.
  |
  | 1.4 11/07/07 - JRS		Uploaded 11/07/07
  |		Increased font size in Buylink
  |		Grafted bookpage datablock functionality into buypage, so I can put the ISBN number under the book pic
  |
  | 1.5 12/05/07 - JRS		Uploaded 12/04/07
  | 	Added the news and views stuff to feed all the news pages and whatnot to my own page. Some of the 
  |		columns divs are *required* by the php code I built up to work with magpie, so change carefully.
  |		I'll note here that the nav bar and copyright bar are now PHP elements, and that most of the pages
  |		have been changed to .php pages for that reason. Had to note it somewhere, and here seemed good.
  |
  | 1.6 02/02/08 - JRS		Uploaded 02/02/08
  |		Modified buypage entry to make room for different editions.
  |
  | 2.0 03/25/08 - JRS
  |		Overhauled to function with multiple books, since I will shortly have multiple books.
  |		- Split Looking Glass's CSS off to use its own theme and CSS. Each book can have its own, and will as the site
  |		  is updated for additional books. The current book will always use the current base.css
  |		- Changed the colors so I can see when I hand controll off to the book's own CSS.
  |		- Heavy modifications to "books" and "buy" sections. Basically I ripped out most of that CSS and 
  |		  redid it to use columns ala news and views. Everything is much nicer, especially selectors and inheritance.
  |		- Began transitioning to including a single functions.php file for lots of different things. 
  |       Right now, it only has the infoprice function (which eventually will front a database, but
  |		  is hardcoded for the time being.) but I will probably roll pagetop, pagebot, and navblock into it
  |       before we go live.
  |		- Modified Looking Glass's page to use infoprice, which involved much asspain. Looking Glass's page
  |		  will probably never use the pagetop, pagebot, and navbar functions from functions.php, as they would
  |		  probably break its appearance. We'll see how it goes. Remember, Looking Glass has its own css file,
  |	      and does NOT load this one. The various functions in functions.php load whichever css file the call tells them
  |		  to.
  |
  |	2.1 03/26/08 -JRS
  | 	Today seemed like a good day to roll pagetop, pagebot and navblock into functions.php.
  |
  | 2.2 04/09/08 - JRS
  | 	- Fixed the visible borders around images problem in book page modules and buy page modules. I wasn't 
  |		  turning them off, but Safari wasn't showing them anyway. They cropped up in everything else, though.
  |		- Took rcolumn out of book page modules. The text will now wrap, which is more functional with really
  |		  narrow screens. (iphone) I may change my mind on this later. Also added left and right margins to 
  |		  p.bookpage so the text will stay out of the borders of the box. Left the corresponding rcolumn in 
  |		  buypage, becaue the UL would look like ass if it floated.
  |
  | 2.3 06/16/08 - JRS
  |		- Final setup: configure for proper colors.
  | 	- Split columns.headfoot into separate classes so the rss feeder can use CSS separators instead of <hr> tags.
  |
  | 2.4 06/27/08 - JRS
  |		- Un-Goobered the nav bar so it compresses properly.  I went about this the very, very hard way, I'm now sure, 
  | 	  But it is "more correct" than doing it with the text tags I was using.  Nav now has its own class.
  |		- Also made the root object absolutely positioned, per Geo's suggestion.  Not sure it makes a difference, but
  |		  it meant I had to go back through and clean up a lot of the margin tweaking I've done.  Again.
  |
  | 3.0 01/22/09 - JRS
  |		- Total overhaul of the site to be less book-centric and more me-centric, since my next book may be 
  |       some time in coming. Goals: better visual impact, easier to read/use/print, links to all books and
  |       dynamic content on the front page.
  | 
  |			- Create blob class.
  |     	- Overhaul all other classes to work with blobs.
  |   	  	- Overhaul functions.php to work with blob classes and other modifications.
  |    	 	- Overhaul all other selectors to something more sane(?)
  |
  | 3.1 09/29/09 - JRS
  | 	- Functionized magpie_goodreads and magpie_blogspot and rolled them into functions.php. This was 
  |		  mostly so I can pass parameters to magpie_goodreads and use it for one book on index.php, 
  |       but still get proper behavior on newsviews.php. If I ever put up a separate page to read
  |       the archive of the blogspot blog, I'll put that functionality in magpie_blogspot too. Also ripped
  |       out a lot of orphaned files. Apparently I'm still cleaning up after the 3.0 overhaul.
  |
  | 3.2 04/19/10 - JRS
  |		- Made sourcecode downloads work again by adding codemonkey.php, which takes a filename, checks to
  |       see if it's on a list of files it knows how to download, then forces the browser in question to
  |       download the file. Fixes downloads. I may have to do the same thing on the ebook downloads.
  |       Also modified functions.php - pagebot to automatically update the copyright year.
  |       The magic of computer science.
  |
  |       Also, next major revision, we scrap all support for IE6.
   ------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------  
  | Global site values - colors and whatnot.
   ------------------------------------------------------------------------------------------------------*/
body {
	background-color: black;
	color: #cbf5f1;
	font-family: "Century Gothic","Arial",sans-serif;
	margin-left:2.5%;
	margin-right:2.5%;
	font-size:16px;
	width:95%;
	position:absolute;
	}
h1 {
	text-align:center;
	}
h2	{
	text-align:center; 
	}
i {
	font-family:"Palatino Linotype","Palatino",serif;
	font-style:italic;
	font-size:16px;
	}
p {
	margin:1em 1em 1em 1em;
	
	}
a:link {
	color:#cbf5f1;
	}
a:visited {
	color:#cbf5f1;
	}
a:active {
	color:#cbf5f1;
	}
a:hover {
	color:yellow;
	}

img {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
}

/*------------------------------------------------------------------------------------------------------  
  | The various blob classes go here. Blob creates the smoked glass, rounded edged "windows" on the page.
  |	its subclasses create various effects within this. Note that the border-radius command is css 3 and not
  | well supported, but the degenerate case is square corners, which will be okay.                                                         
   ------------------------------------------------------------------------------------------------------*/

.blob {
	background:url(glass-small.png) repeat scroll center;
	overflow:hidden;
	border: 1px solid white; 
	border-radius: .5em;
	-moz-border-radius:.5em;
	-khtml-border-radius:.5em;
	margin-bottom:.5em;
	padding:2px;
	clear:both;
	}
	
	
.blob.content-container {
	/*Any object should be inside this container, although floating objects will not respect its margins. */
	background-image:none;
	margin-top:0em;
	margin-right:6em;
	margin-left:0em;
	margin-bottom:1em;
	border:none;
	border-radius:0;
	-moz-border-radius:0;
	-khtml-border-radius:0;
	/*background-color:blue; */
	}
.blob.content-column {
	background-image:none;
	border:none;
	height:auto;
	}
	
.blob.content-column.left {
	/*because this column floats, we control its margins separately from the container.*/
	padding:0;
	clear:left;
	float:left; 
	width:65%;
	margin-bottom:1em;
/*	background-color:green; */
	}	
	
.blob.content-column.right {
	/*because this column floats, we control its margins separately from the container.*/
	padding:0;
	clear:right;
	float:right;
	width:34%;
	margin-bottom:1em;
/*	background-color:red; */
	}
.blob.content-column.imgleft {	
	/*because this object floats, we control its margins separately from the container.*/
	display:table-cell;
	background-image:none;
	float:left;
	border:none;
	text-align:center;
	font-size:9px;
	padding:1em;
	}
	

/*------------------------------------------------------------------------------------------------------  
  | The bottom of any page always uses this.  Now a subclass of the blobs.                                                            
   ------------------------------------------------------------------------------------------------------*/
.blob.pagebot {
	position:fixed;
	background-color:black;
	bottom:0%;
	margin-bottom:0;
	text-align:center;
	font-size:10px;
	width:95%;
	padding:2px;
	clear: both;
	}
		
/*------------------------------------------------------------------------------------------------------  
  | Define all the blob components that nav uses - basically the container blob, plus the a:yadda definitions.
  |  The nav classes themselves are below.                                                
   ------------------------------------------------------------------------------------------------------*/
.blob.nav {
	overflow:hidden;
	position:fixed;
	right:0;
	font-size:12px;
	width:6em;
	text-align:center;
	height:auto;
	padding:.5em;
	margin-right:2.5%
	}
	
.blob.nav a:link {
	color:#cbf5f1;
	}
.blob.nav a:visited {
	color:#cbf5f1;
	}
.blob.nav a:active {
	color:#cbf5f1
	}
.blob.nav a:hover {
	color:yellow;
	}

/*------------------------------------------------------------------------------------------------------  
  | Nav always uses this.  Note that the nav class is NOT a subclass of blob, although the contianer of the
  | nav bar is a blob just the same.                                                      
   ------------------------------------------------------------------------------------------------------*/


div.nav.unselected {
	
	margin:2px;
	color: #cbf5f1;
	width:auto;
	height:auto;
	border: 1px black solid;
	border-radius: .5em;
	-moz-border-radius:.5em;
	-khtml-border-radius:.5em;
	}

div.nav.selected {
	color: cbf5f1;
	margin:2px;
	height:1.3em;
	position:relative;
	width:auto;
	height:auto;
	border: 1px yellow solid;
	border-radius: .5em;
	-moz-border-radius:.5em;
	-khtml-border-radius:.5em;
	}
div.nav a{
	text-decoration:none;
	}


/*------------------------------------------------------------------------------------------------------  
  | Books page modules                         
   ------------------------------------------------------------------------------------------------------  */
div.bookpage{
	height:auto;
	width:100%;
	font-size:12px;
	float:left;
	border:none;
	margin: 0 0 15px 0;
	}
	

div.bookpage.lcolumn{
	width:125px;
	float: left;
	/*border: dashed green 2px; */
	border: none;
	margin:0 0 0;
	padding:15px;
	}

p.bookpage{
	font-size:14px;
	margin-right:1em;
	margin-left:1em;
	/*border: solid 2px yellow; */
	border:none;
	}

img.left_book{
	float:left;
	width:125px;
	padding-right:15px;
	padding-bottom:15px;
	/*border: solid 2px red; */
	border: none;
	}
	
p.left_data{
	margin-top:0px;
	margin-bottom:0px;
	font-size:9px;
	width:125px;
	padding-right:15px;
	text-align:center;
	/*border:solid 2px green; */
	border: none;
	}
	
p.bookpage.title{
	margin-top:0px;
	margin-bottom:0px;
	width: 100%;
	font-size:20px;
	text-align: left;
	font-weight:bold;
	
	/*border: solid 2px blue;*/
	border:none;
	}
	


/*------------------------------------------------------------------------------------------------------  
  | Book's own page, use this layout.                       
   ------------------------------------------------------------------------------------------------------  */
div.bookpage.datablock{
	position:relative;
	width: 170px;
	float: left;
	padding-right:15px;
	}

	
p.bookpage.datablock{
	font-size:12px;
	position:relative;
	}

img.bookpage{
	width:170px; 
	float: left;
	padding-bottom:15px;
	}

a.buylink{
	background:url(glass-small.png) repeat scroll center;
	font-size:16px;
	border-radius: .5em;
	-moz-border-radius:.5em;
	-khtml-border-radius:.5em;
	text-decoration:none;
	border: 1px solid white; 
	padding:.2em;

	}


/*------------------------------------------------------------------------------------------------------  
  | Buy page stuff                      
   ------------------------------------------------------------------------------------------------------  */

div.buypage{
	height:auto;
	width:100%;
	float:left;
	border: solid #28dfcb 2px;
	margin: 0 0 15px 0;
	}
	
p.buypage-blather {
	margin-left:1em;
	margin-right:1em;
	border: none;
	}

div.buypage.lcolumn{
	width:175px;
	float: left;
	height:100%;
	border: none;
	margin:0 0 0;
	padding:15px;
	}
	
div.buypage.rcolumn{
	width: auto;
	height:100%;
	float:left;
	border: none;
	}
	

img.buypage{
	width:175px; 
	padding-right:0px;
	padding-bottom:15px;
	/*border: solid 2px red; */
	border: none;
	}

p.buypage_data{
	margin-top:0px;
	margin-bottom:0px;
	font-size:11px;
	width:175px;
	padding-right:15px;
	text-align:center;
	/*border:solid 2px green; */
	border:none;
	}

div.buypage_ultitle {
	font-size:16px;
	margin-top:0px;
	margin-bottom:0px;
	width: auto;
	font-size:20px;
	text-align: left;
	/*border: solid 2px orange; */
	border: none;

	}
	
ul.buypage{
	list-style-type:none;
	list-style-position:inside;
	width:auto;
	padding-left:15px;
	/*border: solid 2px blue; */
	border: none;
	}
	
a.buypage{
	font-weight:bold;
	}

	
/*------------------------------------------------------------------------------------------------------  
  |	News and Views page stuff.
   -----------------------------------------------------------------------------------------------------  */
div.bookshelf-entry {
	width: 100%;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:5px;
	}
p.bookshelf-left {
	height:100%;
	margin-top:0px;
	margin-bottom:1em;
	padding-left:0px;
	font-size:14px;
	border:none;
	}
p.bookshelf-right {
	height:100%;
	float:right;
	margin-top:0px;
	width:12%;
	border:none;
	}	
/*div.columns.blog{
	float:left;
	width:65%;
	border:2px solid #28dfcb;
	height:auto;
	} */
div.columns.bookshelf{
	float:right;
	width:34%;
	border:2px solid #28dfcb;
	padding-right:0px;
	margin-right:-3px;
	}
div.columns.normaldata {
	font-size:14px;
	}
	
div.columns.head {
	font-size:16px;

	margin-top:1em;
	padding-top:1em;
	}
div.columns.foot {
	font-size:16px;

	}
p.bookshelf-title {
	text-align:center;
	font-size:20px;
	font-style:italic;
	font-family:"Palatino Linotype","Palatino",serif;
	margin-bottom:0;
	}
p.bookshelf-author {
	text-align:center;
	margin-top:0;
	}