/* @override 
	https://willscivilwarhistory.com/wp-content/themes/diefree/style.css
	http://localhost:8888/wp-content/themes/Die%20Free/style.css
*/

/*
Theme Name: Die Free
Theme URI: http://willcivilwarhistory.com/
Description: A custom Wordpress theme for Die Free, built upon Blueprint CSS, 960 GS, & JQuery
Version: 1.3
Author: Denis Somar / Secret Weapon Labs
Author URI: http://secretweaponlabs.com
Tags: Blueprint, 960 GS, JQuery

	Baseline v 1.0.2
	 http://anthonygthomas.com

	This theme was originally designed and built by Tony Thomas,
	whose blog you will find at http://anthonygthomas.com

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	Superfish menus included:
	http://users.tpg.com.au/j_birch/plugins/superfish/#getting-started
	
	JQuery included:
	http:jquery.com
	
	Blueprint CSS included:
	http://blueprintcss.org/
	
	960 Grid System included:
	http://960.gs

*/

/* HTML Tags */

body { background: #f7f5e0 url(images/paper.jpg) 50%; }

h1, h2, h3, h4, h5, h6 { color: #685c39; }

body, p, h1, h2, h3, h4, h5, h6 { 
	text-shadow: white 0 1px 0; 
	color: black; 
	}

/* @group PRE FAB STYLES FROM BASELINE */

/* IMAGE EMBED FROM WP TINY MCE */

.aligncenter, div.aligncenter
{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft
{
   float: left;
}

.alignright
{
   float: right;
}

img {
	padding:3px;
}

/* Navigation */

h1 a, h2 a {
	text-decoration:none; color: black; 
	border-style: none; 
}
	
h1 a:hover, h2 a:hover { 
	color: #DD4932;
	-webkit-transition: all .5s ease;
	-moz-transition: color .5s ease;
 }

/* Search */

.screen-reader-text {
	display:none;
}

/* Sidebar */

#sidebar ul {
	list-style:none;
}



/* @end */



/* @group FONT & FONT-FACE DECLARATIONS */

/* 
Thanks for the help and pointers: 
http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/
*/

@font-face {
  font-family: "Beton Medium";
  src: url("type/Beton-Medium-webfont.eot");
  src: local("☺"),
    url("type/Beton-Medium-webfont.woff") format("woff"),
    url("type/Beton-Medium-webfont.ttf") format("truetype"),
    url("type/Beton-Medium-webfont.svg#webfont") format("svg");
  }
  
@font-face {
  font-family: "Beton Bold";
  font-weight: bold;
  src: url("type/Beton-Bold-webfont.eot");
  src: local("☺"),
    url("type/Beton-Bold-webfont.woff") format("woff"),
    url("type/Beton-Bold-webfont.ttf") format("truetype"),
    url("type/Beton-Bold-webfont.svg#webfont") format("svg"); }
 
 @font-face {
   font-family: "Beton ExtraBold";
   font-weight: bold;
   src: url("type/Beton-ExtraBold-webfont.eot");
   src: local("☺"),
     url("type/Beton-ExtraBold-webfont.woff") format("woff"),
     url("type/Beton-ExtraBold-webfont.ttf") format("truetype"),
     url("type/Beton-ExtraBold-webfont.svg#webfont") format("svg");
   }
   
   body  { font: 16px/1.6em "Beton Medium", Georgia, serif; 
}
   body strong { font-family: "Beton Bold", Georgia, serif; }
   body .superbold { font-family: "Beton ExtraBold", Georgia, serif; }
   strong { font-weight: bold; }

/* @end */

/* @group NAVIGATION */

/* @group FLEXIBLE LIGHTBOX PLUGIN CSS */
div#jquery-lightbox2, #lightbox-container-image-data-box, div#lightbox-container-image, #lightbox-container-image-box  { 
	 max-width: 1020px;
	 max-height: 800px; 
	margin: auto; 
}
#lightbox-container-image-data-box  { 
	 max-width: 1000px;
	 max-height: 800px; 
	margin: auto; 
}

div#lightbox-nav { 
	 max-width: 1020px;
	 max-height: 1020px;
}

img#lightbox-image { 
	 max-width: 1000px;	 
}
/* @end */

a { 
	color: #DD4932; 
	text-decoration: none; 
	border-bottom-style: dashed; 
	border-bottom-width: 1px; 
}

a:hover, .nav a:hover { 
	background-color: white; 
	color: black; 
	-webkit-transition: color .5s ease;
	-moz-transition: color .5s ease;
	
	}

.nav { 
	margin-top: .5em; 
	padding-bottom: 1em; 
	z-index: 2; 
}

.nav a, .sf-menu a, .sf-menu a:visited { 
	color: #2575AD;
	color: #DD4932; 
	background-color: white;
	text-decoration: none; font-family: "Beton Bold"; font-weight: bold; 
	border-style: none; 
}

.nav a { 
	text-transform: uppercase; font: normal 1em "Century Gothic", Futura, "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, sans-serif; }

#footer a {
	text-decoration:none; 
	background-color: transparent;
	}

ul.sub-menu { 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 6px; 
	-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 6px; 
	box-shadow: rgba(0,0,0,0.3) 0 1px 6px; xbackground-color: #e1e8ec; border: 3px double #c29c96; 
	z-index: 3; 
}

ul.sub-menu a:hover { 
	background-color: #DD4932;
	color: white; 
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease; 
	text-shadow: black 0px 0px 0px; 
}

/* CENTERS THE MENU */
ul#menu-main-menu.sf-menu { 
	margin-left: 155px; 
	z-index: 2; 
}

.sf-menu, .sf-menu li { 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

/* @end */

/* @group LAYOUT & TYPOGRAPHY */

#page { 
	border-radius: 4px; 
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	-khtml-border-radius: 4px;
	background: #fff; 
	border-color: #e5e5e5 #dbdbdb #d2d2d2; 
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
	-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
	box-shadow: rgba(0,0,0,0.3) 0 1px 3px;	
	padding-bottom: 1em;  }

.nav, #content, #page, div.entry { 
	background-color: white; 
}

div.entry { margin-bottom: 3em; 
	padding-top: 1em; 
	z-index: 0; 
}

.post { 
	clear: both; 
	background-color: white; 
}

.hentry { 
	padding-top: 1em; 
}

.blog_navigation { 
	padding-top: 1em; 
	padding-bottom: 1em; 
	float: left; 
	width: 100%; 
	border-bottom: 3px double #e5e5e5; 
	border-top: 3px double #e5e5e5; 
}

.blog_navigation a
{ 
	border-style: none; 
	padding: .5em; 
}

.blog_navigation a:hover
{ 
	border-style: none; 
	background: #f7f5e0; 
	padding: .5em; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	border-radius: 5px;
}

blockquote { 
	margin-bottom: 3em; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-style: italic; 
	padding: 3em; 
	background-image: url(http://www.wpbundle.com/demo/focused/wp-content/themes/focused/images/comment-light.gif); 
	border: 1px solid #efefef;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;                 
}

.continue-reading a { 
	background-color: #DD4932;
	border-style: none; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	color: white; 
	text-shadow: none; 
	padding: 3px 9px; 
	margin-top: 1em; 
}

.continue-reading a:hover { 
	background-color: black; 
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease; 
}


#sidebar { 	
	-webkit-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
	-moz-box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
	box-shadow: rgba(0,0,0,0.3) 0 1px 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f4f8f9; margin-top: 1em; 
}

#header h1  {
	margin-bottom: 0; 
	font: 3.2em "Beton Bold"; 
	color: #333; text-shadow: #b1cadd -2px 2px 0; border-bottom: 1px dashed #EEEEE2; }

h3 { 
	line-height: 1.2em; 
}

h2.widgettitle { text-align: center; padding-top: 1em; padding-bottom: .4em; 
}

#text-4 div.textwidget ul { 
	margin: auto; 
	text-align: center; 
}

#text-4 div.textwidget ul li { 
	display: inline; 
}

#text-4 div.textwidget ul li a { 
	border-style: none;
	background: none; 
}
	
div.textwidget, div.textwidget p { color: gray; text-shadow: white 0 1px 0; }

#header {
	text-align: center;
	margin-top: 1em; }

.introblurb { line-height: 1.2em; text-align: justify; text-justify:inter-character; margin-top: 1.5em; }

#introyears { text-align: center; display: inline; text-transform: uppercase; background-color: maroon; color: white; text-shadow: black 0px 0px 0px; padding: 4px 20px 3px; top: -10px; position: relative; font: 10px Futura, "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, Lucida, Verdana, sans-serif; letter-spacing: 2px; 
}

#civilwar { clear: both; float: right; font: italic 22px/1.2em Didot, "Hoefler Text", Baskerville, Georgia, "Times New Roman", Times, serif; word-spacing: 1px; border-bottom: 1px solid maroon; margin-bottom: 1em; padding-bottom: .8em; }

#intro1 { text-align: center; border-top: 1px solid maroon; margin-bottom: 3px; }

#intro2 { font-size: 1.4em; line-height: 1.4em; margin-top: 0; padding-top: .6em; }

#intro3 { font-size: 1.4em; line-height: 1.4em; 
	margin-bottom: 0; 
}

div#respond { clear: both; padding-top: 1em; }

#post_timestamp { 
	text-align: center;  text-transform: uppercase; color: #999; text-shadow: white 0 0 0; font: 10px Futura, "Lucida Grande", "Trebuchet MS", Tahoma, Verdana, Lucida, Verdana, sans-serif; letter-spacing: 2px; 
	padding-top: 1em; 
}

.postlist_timestamp, .postlist_timestamp h2 { 
	text-align: center; 
	color: silver; 
}

.postlist_timestamp { 
	float: left; 
	width: 70px; 
	margin: 0; 
	padding-top: 5px; 
	padding-bottom: 5px;  
}

.post { 
	border-top: 2px dotted #e5e5e5; 
	padding-top: 1.5em; 
}

div.post_title h2 { 
	text-align: center; 
	margin-bottom: 2px; 
}

.timestamp h2 { font-size: 3em; font-weight: bold; margin-bottom: 5px; margin-top: 5px; color: #a9afb9;}

#post_flourish { 
	 	text-align: center; color: #999; text-shadow: white 0 0 0; font: 1em Didot, "Hoefler Text", Baskerville, Georgia, "Times New Roman", Times, serif; letter-spacing: 10px; 
	margin-top: 1em; 
}

/* BUY BUTTON IN WP MENU BAR */
#menu-item-1128 a { 
	color: white;
	border: solid 1px #980c10;
	background-color: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317'); 
	text-shadow: black 0px 0px 0px; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#menu-item-1128 a:hover {
	color:  white;
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}

div.entry img { 
	padding:4px; 
}

div.entry a, div.entry a.lightbox  { 
	border-style: none; 
}

div.entry img.alignright, div.entry img.alignleft { 
    background:#FFF;
    border-top:1px solid #f0f0f0; 
    -webkit-box-shadow:0 2px 4px #dadada; 
    -moz-box-shadow:0 1px 2px #dadada;
 }

div.entry img.alignright { margin-left: 5px;
 }

div.entry img.alignleft { margin-right: 12px; 

	}
div.entry img.norotate { 
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg); 
    -webkit-box-shadow:0 0px 0px white; 
    -moz-box-shadow:0 0px 0px white; 
    border-style: none; 
    }
.gallery { clear: both; }

#footer { padding-top: 3em; color: #97da73; margin-left: 10px; clear: both; 
	text-align: center; 
}

.description { background-color: transparent; color: gray; font: italic 12px Didot, "Hoefler Text", Baskerville, Georgia, "Times New Roman", Times, serif; padding-top: 3em; letter-spacing: 1px; }

.uncover { 
	text-align: center; font: 2em "Beton Bold"; margin-top: 1em; color: #685c39; }

.bigquote { 
	border-top: 4px double silver; 
	text-align: center; 
	color: gray; 
	font: italic 1.5em Didot, "Hoefler Text", Baskerville, Georgia, "Times New Roman", Times, serif; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	padding-bottom: 1em; 
	padding-top: 1em; }

.bigquote2 { 
	border-top: 4px double silver; 
	text-align: center;
	margin-top: 5px; 
	padding-top: 1em; font-size: 42px; line-height: 60px; color: #333; border-bottom-color: silver; border-bottom-width: 4px; margin-bottom: 5px; }
	
	div.entry div.grid_22 h1 { text-align: center; margin-bottom: .2em; line-height: 1.4em; font-size: 42px; color: #333; 	border-top: 4px double silver; padding-top: 1em; margin-top: 1em; }
	div.entry div.grid_22 h2 { text-align: center; margin-bottom: 2em; font: italic 18px Didot, Georgia, Baskerville, "Hoefler Text", "Times New Roman", Times, serif; }

#post-13 div.entry div.grid_20 h3 { text-transform: uppercase; font-size: 1em; padding-bottom: 2em; }

.dropcap:first-letter {
    float: left;
    font-size: 60px;
    font-family: "Beton Medium"; 
    font-variant: normal; line-height: 1.1em; height: .8em; 
	margin: -.1em 5px 0 0; 
}
    
.dropcap { 
	margin-bottom: 1.4em; 
}

#authorcolumn h3, #praisecolumn h3, #treecolumn h3 { text-align: center; margin-bottom: .5em; }

h2 { margin: auto; font-size: 28px; line-height: 30px; font-family: "Beton Medium"}
h4{ font-size: 13px; line-height: 17px; text-align: center; font-family: "Beton Medium"; padding-top: .5em; padding-bottom: 2em; }
h4 strong, h4 b { text-transform: uppercase; font-weight: bold; font-family: "Beton ExtraBold"; }

#buybook, #fbfan { margin-bottom: 10px; }

p.wp-caption-text {text-transform: uppercase; font: .8em/1em "Beton Bold"; text-align: center; 
	padding-bottom: 1em; 
}

div.really_simple_share { 
	margin-top: 5em; 
	margin: auto; 
	width: 170px; 
}

/* @end */

/* @group CSS3 BUTTON STYLES */

.button a { 
	}

.button {
	display: block; 
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2); margin: 0 auto 15px 2px; 
	padding: 5px; 
	text-align: center; 
	float: right; 
	font: 1em "Beton FS", sans-serif; 
	text-transform: uppercase; 
}

.button:hover {
	text-decoration: none;
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2); 
	color: white; 
}
.button:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em; margin: auto; 
	display: inline-block;
	}
	
.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: 11px;
	padding: .2em 1em .275em;
}

/* color styles 
---------------------------------------------- */

/* black */
.black {
	color: #d7d7d7;
	border: solid 1px #333;
	background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#000));
	background: -moz-linear-gradient(top,  #666,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000000');
}
.black:hover {
	background: #000;
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#000));
	background: -moz-linear-gradient(top,  #444,  #000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#000000');
}
.black:active {
	color: #666;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444));
	background: -moz-linear-gradient(top,  #000,  #444);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#666666');
}

/* gray */
.gray {
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
.gray:hover {
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
.gray:active {
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

/* white */
.white {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
	color: #faddde;
	border: solid 1px #980c10;
	background: #d81b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
	color:  white;
	background: #b61318;
	background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
	background: -moz-linear-gradient(top,  #c9151b,  #a11115);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
	color: #de898c;
	background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
	background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}

/* blue */
.blue {
	xcolor: #d9eef7;
	color: white;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	color: white;
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* rosy */
.medblue {
	color: #fffeff;
	border: 1px solid #00417b;
	background-color: #007aab;
	background: -webkit-gradient(linear, left top, left bottom, from(#006699), to(#003366));
	background: -moz-linear-gradient(top,  #006699,  #003366);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#003366');
}

.medblue:hover { 
	color: white;
	background-color: #005580;
	background: -webkit-gradient(linear, left top, left bottom, from(#005580), to(#003366));
	background: -moz-linear-gradient(top,  #005580,  #003366);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#005580', endColorstr='#003366'); }


.medblue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#006699), to(#003366));
	background: -moz-linear-gradient(top,  #006699,  #003366);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#003366');
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}

/* @end */

/* @group ORDERLINKS */

/* STYLES FOR THE ORDER PAGE */

#BuyToday { margin-top: 150px; }

ul#OrderList {
    list-style: none;
    margin: 0 auto;
    width: 340px;
    text-align: center;
    padding: 0; clear: both; }

ul#OrderList2 {
    list-style: none;
    padding: 0; 
    clear: both; 
    margin-left: 45px; 
}

ul#OrderList a, ul#OrderList2 a { 
	border-style: none;  
}

ul#OrderList li, ul#OrderList2 li {
    display: inline;
    float: left;
    text-indent: -9000px;
    margin: 5px;
}

li#OrderAmazon a {
    display: block;
    width: 160px;
    height: 90px;
    background: url(images/bookstores.jpg) no-repeat;
}
li#OrderAmazon a:hover {
    background: url(images/bookstores.jpg) no-repeat 0 -99px;
}

li#OrderBN a {
    display: block;
    width: 160px;
    height: 90px;
    background: url(images/bookstores.jpg) no-repeat -320px 0;
}
li#OrderBN a:hover {
    background: url(images/bookstores.jpg) no-repeat -320px -99px;
}

li#OrderBorders a {
    display: block;
    width: 160px;
    height: 90px;
    background: url(images/bookstores.jpg) no-repeat -161px 0;
}
li#OrderBorders a:hover {
    background: url(images/bookstores.jpg) no-repeat -161px -99px;
}

li#OrderIndieBound a {
    display: block;
    width: 160px;
    height: 90px;
    background: url(images/bookstores.jpg) no-repeat -480px 0;
}
li#OrderIndieBound a:hover {
    background: url(images/bookstores.jpg) no-repeat -480px -99px;
}

li#OrderHueMan a {
    display: block;
    width: 160px;
    height: 90px;
    background: url(images/bookstores.jpg) no-repeat -959px 0;
}
li#OrderHueMan a:hover {
    background: url(images/bookstores.jpg) no-repeat -959px -99px;
}

 

/* @end */