/* ----------- Defaults and clears ----------- */

/* Zero down all margins and padding */
*{ 
	margin: 0;
	padding: 0;
}

body {
	background-color: #3a261b;
	background-image: url(/img/background.jpg);
	background-repeat: repeat;
	text-align: center;
}

img { border: 0px; }
ul { list-style-type: none; }
.clear { clear: both; }


/* ----------- Page Formats ----------- */

#pageformat {
	width: 784px;
	text-align: left;
	margin: 40px auto;
}

/* ------------ Fonts ------------ */

html {
	font-size: 100%;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%; /* Sets 1em to 10px font */
	color: #4b453e;
	text-align: center;
}

p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin-top: 7px;
	margin-bottom: 7px;
	
}

a {
	font-size: 1.2em;
	line-height: 1.4em;
}

p a {
	font-size: 1em;
	line-height: 1.4em;
	font-weight: normal;
}

li {
	font-size: 1.2em;
	line-height: 1.4em;	
}

td {
	font-size: 1.2em;	
}

h1 {
	font-size: 2.2em;
	margin-bottom: 7px;
	font-weight: bold;
}

h2 {
	font-size: 2em;
	margin-bottom: 7px;
	font-weight: bold;
}

h3 {
	font-size: 1.4em;
	margin-bottom: 7px;
	font-weight: bold;
}

h4 {
	font-size: 1.4em;
	margin-bottom: 7px;
	font-weight: normal;
}

h5 {
	font-size: 1.2em;
	margin-bottom: 7px;
	font-weight: bold;
}

/* ----------- Links ----------- */

a { font-weight: bold; }

a:link, .books a:link { color: #d01212; text-decoration: none; }
a:visited, .books a:visited { color: #d01212; text-decoration: none; }
a:hover, .books a:hover, .books ul#navsub a { color: white; background-color: #d01212; text-decoration: none; }
a:active, .books a:active, .books ul#navsub a:hover, .books ul#navsub a.selected { color: white; background-color: #eb2e2e; text-decoration: none; }
.books h2, .books strong { color: #d01212; font-weight: normal; }

.about-rachel a:link { color: #cf5402; text-decoration: none; }
.about-rachel a:visited { color: #cf5402; text-decoration: none; }
.about-rachel a:hover, .about-rachel ul#navsub a { color: white; background-color: #f77900; text-decoration: none; }
.about-rachel a:active, .about-rachel ul#navsub a:hover, .about-rachel ul#navsub a.selected { color: white; background-color: #ff942d; text-decoration: none; }

.other-writing a:link { color: #ac207b; text-decoration: none; }
.other-writing a:visited { color: #ac207b; text-decoration: none; }
.other-writing a:hover, .other-writing ul#navsub a { color: white; background-color: #ac207b; text-decoration: none; }
.other-writing a:active, .other-writing ul#navsub a:hover, .other-writing ul#navsub a.selected { color: white; background-color: #ca3f98; text-decoration: none; }
.other-writing h3, .other-writing dt { color: #ac207b; font-weight: normal; }

.events a:link { color: #5e449b; text-decoration: none; }
.events a:visited { color: #5e449b; text-decoration: none; }
.events a:hover, .events ul#navsub a { color: white; background-color: #5e449b; text-decoration: none; }
.events a:active, .events ul#navsub a:hover, .events ul#navsub a.selected { color: white; background-color:  #795fb8; text-decoration: none; }
.events h2, .events h3 { color: #5e449b; font-weight: normal;; }

.interests a:link { color: #4263b4; text-decoration: none; }
.interests a:visited { color: #4263b4; text-decoration: none; }
.interests a:hover, .interests ul#navsub a { color: white; background-color: #4263b4; text-decoration: none; }
.interests a:active, .interests ul#navsub a:hover, .interests ul#navsub a.selected { color: white; background-color: #5d7dce; text-decoration: none; }

.contact-rachel a:link { color: #249679; text-decoration: none; }
.contact-rachel a:visited { color: #249679; text-decoration: none; }
.contact-rachel a:hover, .contact-rachel ul#navsub a { color: white; background-color: #249679; text-decoration: none; }
.contact-rachel a:active, .contact-rachel ul#navsub a:hover, .contact-rachel ul#navsub a.selected { color: white; background-color: #45b699; text-decoration: none; }

.thoughts a:link { color: #FB0; text-decoration: none; }
.thoughts a:visited { color: #FB0; text-decoration: none; }
.thoughts a:hover, .thoughts ul#navsub a { color: white; background-color: #FB0; text-decoration: none; }
.thoughts a:active, .thoughts ul#navsub a:hover, .thoughts ul#navsub a.selected { color: white; background-color: #FC0; text-decoration: none; }


a[href ^="http://"]:after { content: url(/img/i_extlink_def.gif); }


.about-rachel a[href ^="http://"]:after { content: url(/img/i_extlink_about.gif); }
.other-writing a[href ^="http://"]:after { content: url(/img/i_extlink_write.gif); }
.events a[href ^="http://"]:after { content: url(/img/i_extlink_event.gif); }
.interests a[href ^="http://"]:after { content: url(/img/i_extlink_interests.gif); }
.contact-rachel a[href ^="http://"]:after { content: url(/img/i_extlink_contact.gif); }
.thoughts a[href ^="http://"]:after { content: url(/img/i_extlink_thoughts.gif); }

/* ----------- not used ----------- */
a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(/img/icon_pdf.gif) no-repeat center right;
}
a[href ^="mailto:"] {
   padding-right: 20px;
   background: transparent url(/img/icon_mail.gif) no-repeat center right;
}
a[class ="popup"] {
   padding-right: 18px;
   background: transparent url(/img/icon_popup.gif) no-repeat center right;
}

/* ----------- end not used ----------- */


.blocknav a {
	display: block;
	height: 25px;
	line-height: 25px;
	padding-right: 14px;
	text-align: right;
}
.blocknav a:after { content: url(/img/i_arrow.gif); }

#footer .blocknav a:after { content: url(/img/i_arrow_up.gif); }
#footer .blocknav a {
	padding-left: 36px;
	text-align: left;
	
}

.backtotop a {
	text-align: left;
	padding-left: 36px;
}
.backtotop a:before { content: url(/img/i_arrow_up.gif); }
.backtotop a:after { content: ""; }

.blocknav a:link, .blocknav .books a:link { color: #f3f2f1; text-decoration: none; background-color: #d01212; }
.blocknav a:visited, .blocknav .books a:visited { color: #f3f2f1; text-decoration: none; background-color: #d01212; }
.blocknav a:hover, .blocknav .books a:hover { color: white; background-color: #eb2e2e; text-decoration: none; }
.blocknav a:active, .blocknav .books a:active { color: white; background-color: #d01212; text-decoration: none; }
.blocknav a:active, .blocknav .books a:active { color: white; background-color: #d01212; text-decoration: none; }

.blocknav .about-rachel a:link { color: #f3f2f1; text-decoration: none; background-color: #f77900;}
.blocknav .about-rachel a:visited { color: #f3f2f1; text-decoration: none; background-color: #f77900;}
.blocknav .about-rachel a:hover { color: white; background-color: #ff942d; text-decoration: none; }
.blocknav .about-rachel a:active { color: white; background-color: #f77900; text-decoration: none; }

.blocknav .other-writing a:link { color: #f3f2f1; text-decoration: none; background-color: #ac207b;}
.blocknav .other-writing a:visited { color: #f3f2f1; text-decoration: none; background-color: #ac207b;}
.blocknav .other-writing a:hover { color: white; background-color: #ca3f98; text-decoration: none; }
.blocknav .other-writing a:active { color: white; background-color: #ac207b; text-decoration: none; }

.blocknav .events a:link { color: #f3f2f1; text-decoration: none; background-color: #5e449b;}
.blocknav .events a:visited { color: #f3f2f1; text-decoration: none; background-color: #5e449b;}
.blocknav .events a:hover { color: white; background-color: #795fb8; text-decoration: none; }
.blocknav .events a:active { color: white; background-color: #5e449b; text-decoration: none; }

.blocknav .interests a:link { color: #f3f2f1; text-decoration: none; background-color: #4263b4;}
.blocknav .interests a:visited { color: #f3f2f1; text-decoration: none; background-color: #4263b4;}
.blocknav .interests a:hover { color: white; background-color: #5d7dce; text-decoration: none; }
.blocknav .interests a:active { color: white; background-color: #4263b4; text-decoration: none; }

.blocknav .contact-rachel a:link { color: #f3f2f1; text-decoration: none; background-color: #249679;}
.blocknav .contact-rachel a:visited { color: #f3f2f1; text-decoration: none; background-color: #249679;}
.blocknav .contact-rachel a:hover { color: white; background-color: #45b699; text-decoration: none; }
.blocknav .contact-rachel a:active { color: white; background-color: #249679; text-decoration: none; }

.blocknav .thoughts a:link { color: #f3f2f1; text-decoration: none; background-color: #FB0;}
.blocknav .thoughts a:visited { color: #f3f2f1; text-decoration: none; background-color: #FB0;}
.blocknav .thoughts a:hover { color: white; background-color: #FC0; text-decoration: none; }
.blocknav .thoughts a:active { color: white; background-color: #FB0; text-decoration: none; }

/* ----------- Boxes ---------- */

.boxwide {
	background: #f3f2f1;
	text-align: left;
	padding: 20px 14px 40px 36px;
}

.tint {
	background: #d4cec5;
}

div .bookscene {
	width: 384px;
	height: 230px;
	background-image: url(bg_woodtile.jpg);
	background-position: right;
}

div .bookscenehome {
	width: 440px;
	height: 230px;
	background-image: url(bg_woodtile.jpg);
	background-position: right;
}


.bookscene img, .bookscenehome img {
	margin: 10px 14px 10px 35px;
}
	
	
#book1 {
	background-image: url(../img/bookbg_dummy1.jpg);
}
#book2 {
	background-image: url(../img/bookbg_dummy2.jpg);
}








/* ----------- END CSS ----------- */