/* CSS Document */
html,
body {
	margin:0;
	padding:0;
	height:100%;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	background:url('../images/header-bg.png') repeat-x;
	background-color:#000000;
	color:#FFFFFF;
}
h1 {
	font-family: Minion, Mrs Eaves, Garamond, Times, serif;
	font-size:24px;
	font-style:normal;
	font-weight:normal;
}
h2 {
	font-family: Minion, Mrs Eaves, Garamond, Times, serif;
	font-size:20px;
	font-style:normal;
	font-weight:normal;
}
#wrapper {
	min-height:100%;
	position:relative;
}
#booktitle {
	position:relative;
	top:103px; left:178px;
	width:607px;
}
#header {
	padding:0px 0px 0px 0px;
	background:#fe5c5f; /*ef0606 and 444f4e*/
	height:33px;
	color: #000000; /*171717*/
	font-size: 12px;
}
#nav {
	position:relative;
	padding:0px 0px 0px 0px;
	background:#000000;
	width:860px;
	font-weight:500;
	height:60px;
	top:147px; /*298px-103px-151px*/
	left:20px;
}
#content {
	padding-bottom:80px;   /* Height of the footer element */
	padding-top:10px;
	text-align: center;
}
#content2 {
	position:relative;
	padding-bottom:80px;   /* Height of the footer element */
	padding-top:10px;
	text-align:center;
	top:167px;
}
#content3 {
	padding-bottom:80px;   /* Height of the footer element */
	padding-top:10px;
	text-align:center;
	margin-top:167px;
}
#blog {
	position:relative;
	display:inline-block;
	text-align:center;
	width:900px;
}
#content4 {
	position:relative;
	padding-bottom:20px;   /* Height of the footer element */
	padding-top:10px;
	text-align:left;
	margin-top:167px;
}
.trivia {
	display:block;
	background-color:#CCCCCC;
	width:900px;
	margin-bottom:3px;
}
.triviatext {
	display:block;
	width:860px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    color: #333;
    font-size: 13px;
}
.spoilertext {
	display:block;
	width:860px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    color: #CCCCCC;
    font-size: 13px;
}
.trivia2 {
	display:block;
	background-color:#CEE1F5; /*#B2D3F5;*/
	width:900px;
	margin-bottom:3px;
}
.triviatext2 {
	display:block;
	width:860px;
    padding-top: 8px;
    padding-right: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    color: #333;
    font-size: 13px;
}
#subnav {
	padding:0px 0px 0px 0px;
	border-bottom: 1px solid #e6e6e6;
	color:#000000;
	height:57px;
	font-size:14px;
	background:url('../images/gradient.png') repeat-x;
}
.caton {
	padding:0px 0px 12px 0px;
	border-bottom: 6px solid #e6e6e6;
}
#footer {
	width:100%;
	height:200px;
	position:absolute;
	bottom:0;
	left:0;
	background:url('../images/copyright-bg.png') repeat-x; /*#590201; then #C52237; then #C71E31 */
	font-size:12px;
	line-height:22px;
}

#footerwrap {
	width:100%;
	height:200px;
	position:relative;
	float:left;
	text-align:left;
	bottom:0;
	left:0;
	background:url('../images/copyright-bg.png') repeat-x; /*#590201; then #C52237; then #C71E31 */
	font-size:12px;
	line-height:22px;
}

#footercol {
	width:100%;
	height:80px;
	position:relative;
	float:left;
	text-align:left;
	bottom:0;
	left:0;
	background:#202020;
	font-size:11px;
	line-height:22px;
}

.box {
	width: 900px;
	margin: 0 auto;
	/* background:#202020; */
}

.boxcol {
	width: 900px;
	margin: 10px auto;
}

.copyright {
	width: 900px;
	margin: 0 auto;
	padding-top:32px;
	color:FF7E8F;
}

.third {
	width: 900px;
	margin: 0 auto;
	position:relative;
}

.categories {
	position: relative;
	left: 0px; 	top:23px;
	text-align: left;
}

.leftthird {
	position: absolute;
	left: 0px; 	top:7px;
	width: 300px;
	text-align: left;
	margin-bottom: 0;
}

.middlethird {
	position: absolute;
	left: 300px; 	top:9px;
	width: 300px;
	text-align: center;
	margin-bottom: 0;
}

.rightthird {
	position: absolute;
	left: 600px; 	top:0px;
	width: 300px;
	text-align: right;
	margin-bottom: 0;
}

.sections {
	width: 900px;
	margin: 0 auto;
	position:relative;
}

.sections .lefthalf {
	position: absolute;
	left: 0px; 	top:42px;
	width: 350px;
	text-align: left;
	margin-bottom: 0;
}

.sections .righthalf {
	position: absolute;
	left: 350px; 	top:46px;
	width: 550px;
	text-align: right;
	margin-bottom: 0;
	font-family: HelveticaNeue-Light, Helvetica Neue Light, Helvetica, Arial, sans-serif;
	text-transform: uppercase;
	font-size: 14px;
}

a:link, a:visited { color: #A9DCF9; text-decoration: underline; }
a:hover, a:active { text-decoration: none; }

.trivia a:link, .trivia a:visited { color: #000000; text-decoration: underline; }
.trivia a:hover, .trivia a:active { color: #000000; text-decoration: none; }

.trivia2 a:link, .trivia2 a:visited { color: #000000; text-decoration: underline; }
.trivia2 a:hover, .trivia2 a:active { color: #000000; text-decoration: none; }

/*a:link, a:visited { color: #c3c6c6; text-decoration: none; }
a:hover, a:active { color: #F1F1F1; text-decoration: underline; }*/

/*#header a:link, #header a:visited { color: #C3C6C6; text-decoration: none; }
#header a:hover, #header a:active { color: #F1F1F1; text-decoration: underline; }*/

#header a:link, #header a:visited { color: #ffbebf; text-decoration: none; }
#header a:hover, #header a:active { color: #F1F1F1; text-decoration: underline; }

#subnav a:link, #subnav a:visited { color: #949494; text-decoration: none; } /*#566362*/
#subnav a:hover, #subnav a:active { color: #000000; text-decoration: none; padding:0px 0px 12px 0px;
	border-bottom: 6px solid #e6e6e6; }

/*#nav a:link, #nav a:visited { color: #687877; text-decoration: none; } /*#566362*/
/*#nav a:hover, #nav a:active { color: #F1F1F1; text-decoration: none; }*/

/*#nav a:link, #nav a:visited { color: #e90000; text-decoration: none; } /*#566362*/
/*#nav a:hover, #nav a:active { color: #F1F1F1; text-decoration: none; }*/

#nav a:link, #nav a:visited { color: #FE5C5F; text-decoration: none; } /*#566362*/
#nav a:hover, #nav a:active { color: #F1F1F1; text-decoration: none; }

/*.oncategory a:link, .oncategory a:visited { color: #F1F1F1; text-decoration: underline; }
.oncategory a:hover, .oncategory a:active { color: #F1F1F1; text-decoration: underline; }*/

.oncategory { color: #F1F1F1; text-decoration: none; }

#col1 {
  position: relative;
  float:left;
  top: 0px;
  right: 0px;
  left: 0;
	font-size:12px;
	color:#242424;
  width: 272px;
  text-align: center;
  }

#col1 a:link, #col1 a:visited { color: #949494; text-decoration: none; }
#col1 a:hover, #col1 a:active { color: #000000; text-decoration: none; }

#col2 {
  position: relative;
  float:left;
  top: 0px;
  right: 0px;
  left: 37px;
	font-size:12px;
	color:#242424;
  width: 272px;
  text-align: center;
  }

#col2 a:link, #col2 a:visited { color: #949494; text-decoration: none; }
#col2 a:hover, #col2 a:active { color: #000000; text-decoration: none; }

#col3 {
  position: relative;
  float:right;
  top: 0px;
  right: 0px;
  left: -10px;
	font-size:12px;
	color:#242424;
  width: 272px;
  text-align: center;
  }

#col3 a:link, #col3 a:visited { color: #949494; text-decoration: none; }
#col3 a:hover, #col3 a:active { color: #000000; text-decoration: none; }

/* Projects
-------------------------------------------------------------- */
.projects {
	width:735px; /* Taking into account IE6's +3 pixels and a 12 pixel right margin */
	line-height:16px; /* Was 10px when matched to having h1 only */
	margin-bottom:0px;
	}

.projects a:link, .projects a:visited {
	border:1px solid #E6E6E6;
	float:left;
	margin-bottom:13px;
	margin-right:12px;
	padding:4px;
	}

.projects a:hover, .projects a:active {
	border:1px solid #f2f2f2; /*444f4e*/
	float:left;
	margin-bottom:13px;
	margin-right:12px;
	padding:4px;
	}

.projects img {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .projects img:hover {
      opacity: 0.75;
      }

/* Floating Box
-------------------------------------------------------------- */
.buttons img {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .buttons img:hover {
      opacity: 0.75;
      }

.publication {
	text-align:left;
	float:left;
	margin-bottom:13px;
	margin-left:160px;
	margin-right:12px;
	padding:4px;
	}

.floating-box {
  position: relative;
  border:0px;
  top: 0px;
  left: -7px;
  margin-right:10px;
  margin-top:10px;
	}

.floating-box a:link, .floating-box a:visited {
	border:1px solid #E6E6E6;
	float:left;
	margin-bottom:8px;
	padding:4px;
	}

.floating-box a:hover, .floating-box a:active {
	border:1px solid #f2f2f2; /*444f4e*/
	float:left;
	margin-bottom:8px;
	padding:4px;
	}

.floating-box img {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

   .floating-box img:hover {
      opacity: 0.75;
      }

.floating-text {
  position: relative;
  float:left;
  border:0px;
  top: 0px;
  right: 0px;
  left: 0px;
  font-size:12px;
  color:#FFFFFF;
  }

.floating-logo {
  position: relative;
  float:right;
  border:0px;
  top: 0px;
  right: 0px;
  left: 0px;
  font-size:12px;
  color:#FFFFFF;
  }

.floating-text a:link, .floating-text a:visited { color: #949494; text-decoration: none; border:0px; width:272px; text-align: center;}
.floating-text a:hover, .floating-text a:active { color: #000000; text-decoration: none; border:0px; width:272px; text-align: center;}
	  
/* Copy
-------------------------------------------------------------- */

#copy {
	font-size:12px;
	color:#242424;
  text-align: left;
  line-height:18px;
  }

/*#copy a:link, #copy a:visited { color: #949494; text-decoration: none; }
#copy a:hover, #copy a:active { color: #000000; text-decoration: none; }*/

#copy a:link, #copy a:visited { color: #e90000; text-decoration: none; }
#copy a:hover, #copy a:active { color: #e90000; text-decoration: none; }

.summary {
  font-size:18px;
  color:#FFFFFF;
  font-family: Minion, Mrs Eaves, Garamond, Times, serif;
  text-align:center;
  line-height:24px;
  }

.newsroll {
  font-size:14px;
  color:#FFFFFF;
  text-align:center;
  width:900px;
  }

.bio {
  margin: 0 auto;
  font-size:18px;
  color:#FFFFFF;
  font-family: Minion, Mrs Eaves, Garamond, Times, serif;
  text-align:center;
  line-height:24px;
  }

.blue {
  color:#A9DCF9;
  }

.red {
  color:#F9738C; /*#FFB6C0;*/
  }
  
.gold {
  color:#F6D154;
  }
  
.blurb {
  font-size:24px;
  color:#FFFFFF;
  font-family: Minion, Mrs Eaves, Garamond, Times, serif;
  text-align:center;
  line-height:24px;
  }

.reviews {
  font-size:20px;
  color:#FFFFFF;
  font-family: Minion, Mrs Eaves, Garamond, Times, serif;
  text-align:center;
  line-height:20px;
  }

.blurbwriter {
  font-size:14px;
  color:#F6D154;
  font-family: Minion, Mrs Eaves, Garamond, Times, serif;
  text-align:center;
  line-height:18px;
  }

/* -------------------------------------------------------------- */

hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #808080;
    margin: 1em 0; padding: 0; }

hr2 { display: block; height: 1px; width: 300px;
    border: 0; border-top: 1px solid #808080;
    margin-left: 430px; padding: 0; }

hr5 { display: block; height: 1px; width: 300px;
    border: 0; border-top: 1px solid #808080;
    margin-left: 460px; padding: 0; }

hr3 { display: inline-block; height: 1px; width: 900px;
    border: 0; border-top: 1px solid #808080;
    margin: 1em 0; padding: 0; }

hr4 { display: block; height: 1px; width: 300px;
    border: 0; border-top: 1px solid #808080;
    margin-left: 500px; padding: 0; }

.floating {
	position: relative;
	width:420px;
	left:0px;
	float:right;
}

.floating2 {
	position: relative;
	width:900px;
	left:0px;
	float:right;
}

/* -------------------------------------------------------------- */

.art {
	width: 900px;
	margin: 0;
	position:relative;
	float:left;
}

.art .leftthird {
	position:relative;
	float:left;
	left: 0px; 	top:0px;
	width: 300px;
	text-align: left;
	margin-bottom: 0;
}

.art .middlethird {
	position:relative;
	float:left;
	left: 0px; 	top:0px;
	width: 300px;
	text-align: center;
	margin-bottom: 0;
}

.art .rightthird {
	position:relative;
	float:right;
	left: 0px; 	top:0px;
	width: 300px;
	text-align: right;
	margin-bottom: 0;
}

.art a:link, .art a:visited {
  border: 1px solid transparent;
  border-radius: 7px;
  padding: 5px 10px;
  background: linear-gradient(#f2f2f2,#f2f2f2);
  background-image: linear-gradient;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat-x: initial;
  background-repeat-y: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  color:#666666;
}

.art a:hover, .art a:active {
  border: 1px solid transparent;
  border-radius: 7px;
  padding: 5px 10px;
  background: linear-gradient(#e6e6e6,#e6e6e6);
  background-image: linear-gradient;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat-x: initial;
  background-repeat-y: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  color:#333333;
  text-decoration:none;
}

.art .lefthalf {
	position:relative;
	float:left;
	left: 0px; 	top:0px;
	width: 450px;
	text-align: left;
	margin-bottom: 0;
}

.art .righthalf {
	position:relative;
	float:right;
	left: 0px; 	top:0px;
	width: 450px;
	text-align: right;
	margin-bottom: 0;
}