/*------------------------------------------------------------------------------------------------------  
  | 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 4.1
  | Revision history: 
   ------------------------------------------------------------------------------------------------------
  | 4.1 03/28/11 - JRS
  |		- Code cleanup after ripping out the Goodreads magpie stuff completely and replacing it with 
  |		  goodreads.php, which is a php wrapper around Goodreads' own javascript reader.
  |       Some bug cleaning too. Note well that the Goodreads javascript stuff has its own CSS, which should
  |       be migrated into this file at some point in the nearish future.
   ------------------------------------------------------------------------------------------------------ 
  | 4.0 10/31/10 -JRS
  |		Functional:
  |		- Reverse order of version history. 
  |		- Clean up Blob class so the blob parent class isn't used inside its own children. 
  |		  create blob.visible subclass for all the visible blobs to inherit from.
  |	    - Make two image subclasses of blob - blob.visible.image and blob.image. Blob.visible.image has a frame. Blob.image does not.
  |		- Make buy class a subclass of blob. (TO DO)
  |		- Generally clean up selectors so they inherit properly, as code maintenance has gotten painful. 
  |		- Drop support for broken versions of IE. (TO DO)
  |		- Abstract Google Analytics scripting so I can switch whether those scripts get run based on $_SERVER["SERVER_NAME"]
  |		  to avoid contaminating my analytics data with the development server. Alternately just switch to a different registered
  |       website to test the analytics scripting in situ. 
  |		- Completely overhaul the Magpie CSS stuff, since we're keeping it. It now has its own class.
  |		
  |		Esthetics:
  |		- Consider removing where to buy page, since it's constantly out of date. Perhaps replace with a google search via RSS? (TO DO)
  |																								
  | 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.
  |
  | 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.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(?)
  |
  | 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.
  |
  | 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.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.1 03/26/08 -JRS
  | 	Today seemed like a good day to roll pagetop, pagebot and navblock into functions.php.
  |
  | 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.
  |
  | 1.6 02/02/08 - JRS		Uploaded 02/02/08
  |		Modified buypage entry to make room for different editions.
  |
  | 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.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.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.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.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.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.
  |
  | 0.1	5/6/07 - JRS 		Uploaded 05/06/07
  |		First version.
  |
   ------------------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------------------  
  | Global site values - colors and whatnot.
   ------------------------------------------------------------------------------------------------------*/
body {
	/*background:url(bigbrass.jpg) no-repeat scroll center; */
	background-color:#ffffff;
	background:url(cracklesmall.png);
	color: #000000;
	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; 
	}
	
h3 {
	text-align:center;
	margin-left:1em;
	margin-right:10em;
	}
i {
	font-family:"Palatino Linotype","Palatino",serif;
	font-style:italic;
	font-size:16px;
	}
p {
	margin-left:1em;
	margin-right:2.5em;
	margin-top:1em;
	
	}
a:link {
	color:#000000;
	text-decoration:none;
	}
a:visited {
	color:#000000;
	}
a:active {
	color:#000000;
	}
a:hover {
	color:red;
	}

img {
	padding:0;
	margin:0;
}

/*------------------------------------------------------------------------------------------------------  
  | The various blob classes go here.
  |	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 { 
	/*invisible blob types get their inheritance from here. So do visibles, but blob.visible overrides most of them. */
	border:none;
	background-image:none;
	margin:0px;
	padding:0;
	/*border: 1px dashed red; */
	
	}
.blob.content-container {
	/*Any object should be inside this container, although floating objects will not respect its margins. */
	width:90%;
	max-width:1280px;
	margin-top:0em;
	margin-right:6.5em;
	margin-left:0em;
	margin-bottom:2em;
	padding-bottom:2em;
	height:auto;
/*	border: 1px dashed green; */
	}
	
.blob.content-column {
	/* parent class of the content column classes */
	height:auto;
	}
	
.blob.content-column.left {
	/*because this column floats, we control its margins separately from the container.*/
	clear:left;
	float:left; 
	width:65%;
	max-width:831px;
	margin-bottom:1em; 
/*	background-color:green; */
	}	
	
.blob.content-column.right {
	/*because this column floats, we control its margins separately from the container.*/
	clear:right;
	float:right;
	width:35%;
	max-width:448px;
	margin-bottom:1em;
/*	background-color:red; */
	}
	
.blob.image {	
	/*because this object floats, we control its margins separately from the container.*/
	float:left;
	text-align:center;
	font-size:9px;
	margin-left:1.5em;
/*	border:dotted; */
	

} 

	
.blob.visible {
	background:url(bigbrass.jpg) repeat scroll center; 
	background-size:100%;
	overflow:hidden;
	border:5px ridge silver;
	border-radius: .5em;
	-moz-border-radius:.5em;
	-khtml-border-radius:.5em;
	clear:both;
	margin-left:1px;
	margin-top:1px;
	padding-left:2em;
	padding-right:2em;
	/*border: 1px solid white; */
}
.blob.visible.image {
	padding-left:2em;
	padding-right:2em;
	padding-top:0em;
	padding-bottom:0em;
}


.blob.visible.pagebot {
	position:fixed;
	margin-left:0;
	background-color:black;
	bottom:0%;
	margin-bottom:0;
	text-align:center;
	font-size:10px;
	width:94%;
	padding:2px;
	}
/*------------------------------------------------------------------------------------------------------  
  | New Short Fiction subclasses of various things.
   ------------------------------------------------------------------------------------------------------*/
.blob.image.shortfiction {
	margin-left:-2em; 
	padding-right:1px;
	width:40%;
}

.blob.vislble.shortfiction {
	margin-right:0px;
	margin-top:0px;
}

.blob.visible.shortfiction p {
	margin-left:40%;
	margin-right:.5em;
	margin-top:.5em;
	margin-bottom:0;
	font-size:14px;
	text-align:center;
	font-color:#000000;
}

.blob.visible.shortfiction.link {
	margin-top:0;
	margin-bottom:0;
	padding-left:1em;
	padding-right:1em;
	padding-top:0em;
	padding-bottom:0em;
	color: #000000;
	width:auto;
	height:auto;
	border: 1px black solid;
	border-radius: .5em;
	text-decoration:none;
	-moz-border-radius:.5em;
	-khtml-border-radius:.5em;
	background:none;
	
}
.blob.visible.shortfiction a:hover {
	color:red;
	}

/*------------------------------------------------------------------------------------------------------  
  | The Nav bits are mostly subclasses of blob now, save for the selected and unselected divs, where it doesn't
  | make any difference worth recoding them over.
   ------------------------------------------------------------------------------------------------------*/
.blob.visible.nav {
	position:fixed;
	left:88%;
	font-size:12px;
	width:9%;
	max-width:7em;
	text-align:center;
	height:auto;
	margin-left:1px;
	margin-right:1px;
	padding:3px;
	}
	

blob.visible.nav a:link {
	color:#000000;
	}
.blob.visible.nav a:visited {
	color:#000000;
	}
.blob.visible.nav a:active {
	color:#000000;
	}
.blob.visible.nav a:hover {
	color:red;
	}

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

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



/*------------------------------------------------------------------------------------------------------  
  | Buy page custom class.  Note that buy link is called by the infoprice script.                     
   ------------------------------------------------------------------------------------------------------  */
.buylink{
	background:url(glass-small.png) repeat scroll center;
	font-size:10px;
	width:7em;
	border-radius: .5em;
	-moz-border-radius:.5em;
	-khtml-border-radius:.5em;
	text-decoration:none;
	border: 1px solid black; 
	padding:.2em;

	}
	
	
/*------------------------------------------------------------------------------------------------------  
  | Text class -General text formatting stuff goes here, as it always should have.              
   ------------------------------------------------------------------------------------------------------  */
   
   .text {
	   margin-left:0;
	   margin-right:5em;
   }
  
  .text.center {
	  text-align:center;
  }
   .text.center.large {
	   font-size:150%;
   }

/*------------------------------------------------------------------------------------------------------  
  |	News and Views page stuff.
   -----------------------------------------------------------------------------------------------------  */
 .magpie {
	 font-size:14px;
	 margin-right:0;
	 width:100%;
	 margin-left:-.5em;
	 padding-left:0em;
 }
 .magpie.widemargins {
	 margin-left:1em;
	 margin-rgiht:1em;
 }
.magpie.blog_head {
	text-align:left;
}
.magpie.author {
	text-align:center;
}

.magpie.goodreads_head {
	text-align:center;
	font-size:120%;
	margin-top:1em;
	padding-top:1em;
 }
 
.magpie.footer {
	font-size:16px;
 }
 
.magpie.stars {
	text-align:center;
 }