html {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

body {
	background-image: url(images/back_01.png);
	background-color: #FF6E00;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8125em;
	color: #583806;
}

img {
	border: none;
}

a:link {
	color: #005d72;
}

a:hover {
	color: #FF9900;
}

a:visted {
	color: #993300;
}

#backwrap {
	width: 100%;
	background-image: url(images/back_02.png);
	background-repeat: repeat-x;
	
}

#container {
	width: 753px;
	margin: 0 auto;
	padding: 0;
}

#header {
	margin: 10px 0px 0px 13px;
	padding: 0;
}

#main {
	background-image: url(images/back_03.png);
	background-repeat: repeat-y;
}

#left {
	width: 253px;
	float: left;
}

#right_front {
	background-image: url(images/back_04.jpg);
	background-repeat: no-repeat;
	float: right;
	width: 500px;
}

#right {
	float: right;
	width: 470px;
}

#right .copy {
	margin-right: 50px;
}

#right .copy h1 {
	border-bottom: 1px solid #7a5112;
	text-transform: uppercase;
	color: #704400;
	padding-bottom: 4px;
	font-size: 1.5em;
	margin-top: 10px;
}

#right .copy h2 {
	border-bottom: 1px solid #7a5112;
	color: #704400;
	padding-bottom: 4px;
	font-size: 1.3em;
	margin-top: 10px;
}

.smaller {
	font-size: 0.8125em;
}

.larger {
	font-size: 1.2em;
}

.box {
	background-color: #ffffb3;
	border: 1px solid #fffc00;
}

.box ul {
	margin-top: 0px;
	padding-top: 5px;
	margin-bottom: 0px;
	padding-bottom: 5px;
}

.orange {
	color: #ff6e02;
}


.front_text {
	margin-top: 230px;
	margin-left: 30px;
	margin-right: 130px;
}

.front_text h1 {
	font-size: 1.2em;
	font-weight: bold;
	color: #005d72;
}

.front_text h3 {
	font-size: 1.1em;
	font-weight: bold;
}

.logo {
	margin-top: 25px;
	text-align: center;
	font-size: 0.85em;
	color: #FFFFFF;
}

.clr {
	clear: both;
}

#footer {

}

.upper {
	text-transform: uppercase;
}

td.read {
	padding: 5px;
	border-bottom: 1px solid #7a5112;
}

img.readimg {
	padding: 8px;
}

.event {
	border-bottom: 1px solid #7a5112;
}

#teenblog {
	background-image: url(images/blog.png);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding: 40px 10px 25px 10px;
	margin-top: 20px;
}
ul.readlist {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
li.century-classics {
	background: url(/assets/images/teens/read-century-classics.png) left center no-repeat;
	padding-left: 40px;
	margin-bottom: 10px;
}
li.chicklit {
	background: url(/assets/images/teens/read-chicklit.png) left center no-repeat;
	padding-left: 40px;
	margin-bottom: 10px;
}
li.fantasy {
	background: url(/assets/images/teens/read-fantasy.png) left center no-repeat;
	padding-left: 40px;
	margin-bottom: 10px;
}
li.graphicnovels {
	background: url(/assets/images/teens/read-graphicnovels.png) left center no-repeat;
	padding-left: 40px;
	margin-bottom: 10px;
}
li.gaf-teens {
	background: url(/assets/images/teens/read-gaf-teens.png) left center no-repeat;
	padding-left: 40px;
	margin-bottom: 10px;
}
li.gn-classics {
	background: url(/assets/images/teens/read-gn-classics.png) left center no-repeat;
	padding-left: 40px;
	margin-bottom: 10px;
}
li.keepitreal-boys {
	background: url(/assets/images/teens/read-keepitreal-boys.png) left center no-repeat;
	padding-left: 40px;
	margin-bottom: 10px;
}
li.keepitreal-girls {
	background: url(/assets/images/teens/read-keepitreal-girls.png) left center no-repeat;
	padding-left: 40px;
	margin-bottom: 10px;
}
li.lgbtq {
	background: url(/assets/images/teens/read-lgbtq.png) left center no-repeat;
	padding-left: 40px;
	margin-bottom: 10px;
}
li.webcomics {
	background: url(/assets/images/teens/read-webcomics.png) left center no-repeat;
	padding-left: 40px;
	margin-bottom: 10px;
}
li.stranger-than-fic {
	background: url(/assets/images/teens/read-stranger-than-fic.png) left center no-repeat;
	padding-left: 40px;
	margin-bottom: 10px;
}
li.thrillers {
	background: url(/assets/images/teens/read-thrillers.png) left center no-repeat;
	padding-left: 40px;
	margin-bottom: 10px;
}
li.vampirefiction {
	background: url(/assets/images/teens/read-vampirefiction.png) left center no-repeat;
	padding-left: 40px;
	margin-bottom: 10px;
}
li.zines {
	background: url(/assets/images/teens/read-zines.png) left center no-repeat;
	padding-left: 40px;
	margin-bottom: 10px;
}
li.cleanreads {
	background: url(/assets/images/teens/read-cleanreads.png) left center no-repeat;
	padding-left: 40px;
	margin-bottom: 10px;
}
li.imagine-a-future {
	background: url(/assets/images/teens/read-imagine-a-future.png) left center no-repeat;
	padding-left: 40px;
	margin-bottom: 10px;
}
.smallcaps {
	font-size: xx-small;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

#teen-blog {
	background-image: url(images/blog-background.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	padding: 30px 10px 25px 10px;
	margin-top: 5px;
}
.ditto_page {
 margin-right: 3px;
}
.ditto_currentpage {
 margin-right: 3px;
font-weight: bold;
}
ul.twocol {
  float: left;
  width: 20em;
  margin: 0;
  padding: 0;
  list-style: none;
}
 
ul.twocol li {
  float: left;
  width: 8em;
  margin: 0;
  padding: 0;
padding-left: 2em;
}

.form-a {
	background-color: #f6f6f6;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #e4e4e4;
	padding: 10px;
}

.form-a form {
	margin: 0;
	padding: 0;
}

.form-a form label.required {
	color: #9e0b0f;
}

.form-b {
	background-color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px;
}

.submitSuccess {
	background: url(images/checkmark.png) no-repeat #f0f7e6;
	background-position: 5px 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #c4df9b;
	padding: 10px;
	padding-left: 35px;
	color: #528d5a;
}

.calltoAction {
	background: #f0f7e6;
	background-position: 5px 7px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #c4df9b;
	padding: 10px;
	color: #528d5a;
	text-align: center;
	font-weight: bold;
	font-size: 1.5em;
}

.errors {
	background: url(images/error.png) no-repeat #ffeba7;
	background-position: 5px 9px;
	padding: 10px;
	padding-left: 30px;
	border: 1px solid #ffb069;
	margin-bottom: 4px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #9e0b0f;
}