/*************************************************************
RYAN HOLMES
OPENLEAF.ORG
COPYRIGHT 2010
*************************************************************/
/*************************************************************
Universal
*************************************************************/
* {
	margin:0;
	padding:0;
}
body {
	background-color: #726562;
}
#wrapper {
	margin: 0 auto 0 auto;
	width: 1060px;
}
#header {
	margin: -30px 0 0 0;
	background-image: url(ftp://ftp.openleaf.org//openleaf.org/admin/elements/bkgd_top.png);
	width: 1060px;
	height: 200px;
	float:left;
}
#content {
	background-repeat: repeat-y;
	background-image: url(ftp://ftp.openleaf.org//openleaf.org/admin/elements/bkgd_middle.png);
	width: 1010px;
	min-height: 450px;
	padding-left: 50px;
	padding-top: 20px;
	float:left;
}
#footer {
	background-repeat: no-repeat;
	padding: 0 0 -10px 0;
	background-image: url(ftp://ftp.openleaf.org//openleaf.org/admin/elements/bkgd_bottom.png);
	width: 1060px;
	height: 92px;
	float:left;
}
#combomark {
	margin: 100px 0 0 86px;
	float: left;
}
/*************************************************************
Input Boxes
*************************************************************/
#input {
	float: right;
	margin: 80px 86px 0 0;
	height: 22px;
}
.input_box {
	width: 150px;
	height: 23px;
	float: left;
	margin: 0 0 0 6px;
}
.input_box form input {
	color: #5d5d5d;
	background-image: url(ftp://ftp.openleaf.org//openleaf.org/admin/elements/login_field.png);
	font-size: 13px;
	height: 23px;
	width:150px;
	padding: 0 5px;
	border-style: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.search_box {
	width: 230px;
	height: 23px;
	float: left;
	margin: 0 0 0 6px;
}
.search_box form input {
	color: #5d5d5d;
	background-image: url(ftp://ftp.openleaf.org//openleaf.org/admin/elements/search_field.jpg);
	font-size: 13px;
	height: 22px;
	width:230px;
	padding: 0 5px;
	border-style: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
form input:focus {
	outline: 0;
}
.arrow_btn {
	float: left;
	margin: 0 -10px 0 5px;
	width: 22px;
	height: 22px;
}

/*************************************************************
Navbar
*************************************************************/
#navbar {
	height: 30px;
	margin: 33px 86px 0 0;
	float: right;
}
#navbar ul {
	list-style-type: none;
}
#navbar ul li:first-child {
	background-image: url(ftp://ftp.openleaf.org//openleaf.org/admin/elements/navLeft.png);
	float:left;
	width: 130px;
	margin-right: -10px;
}
#navbar ul li {
	background-image: url(ftp://ftp.openleaf.org//openleaf.org/admin/elements/navMid.png);
	float: left;
	width: 135px;
	margin-right: -10px;
}
#navbar ul li:last-child {
	background-image: url(ftp://ftp.openleaf.org//openleaf.org/admin/elements/navRight.png);
	float: left;
	width: 127px;
}
#navbar ul li a{
	height: 23px;
	width: 132px;
	padding: 7px 0 0 3px;
	margin-right: -10px;
	text-decoration: none;
	color: #fffff5;
	text-align: center;
	font-size: 13px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	display: block;
}
#navbar ul li.first_on {
	background-image: url(ftp://ftp.openleaf.org//openleaf.org/admin/elements/navLeft_hover.png);
}
#navbar ul li.mid_on {
	background-image: url(ftp://ftp.openleaf.org//openleaf.org/admin/elements/navMid_hover.png);
}
#navbar ul li.last_on {
	background-image: url(ftp://ftp.openleaf.org//openleaf.org/admin/elements/navRight_hover.png);
}
#navbar ul li:first-child:hover {
	background-image: url(ftp://ftp.openleaf.org//openleaf.org/admin/elements/navLeft_hover.png);
}
#navbar ul li:hover{
	background-image: url(ftp://ftp.openleaf.org//openleaf.org/admin/elements/navMid_hover.png);
}
#navbar ul li:last-child:hover {
	background-image: url(ftp://ftp.openleaf.org//openleaf.org/admin/elements/navRight_hover.png);
}
/*************************************************************
Home Page
*************************************************************/
#home {
	margin-top: -30px;
}
#opening {
	float: left;
	margin: 90px 0 0 120px;;
	width: 382px;
	height: 300px;
}
#quote {
	color: #726562;
	line-height: 22.8px;
	font-weight: bold;
	font-size: 19px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0 0 20px 0;
}
#copy {
	word-spacing: 0px;
	color: #4d4d4d;
	width: 350px;
	height: 181px;
	text-align: justify;
	line-height: 19px;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
#logo {
	float: left;
	margin: 85px 0 0 70px;
}
/*************************************************************
My Library
*************************************************************/
.library {
	margin: 0 0 0 25px;
}
/*************************************************************
Book Page
*************************************************************/
.left {
	margin:0 0 0 15px;
	width:166px;
	float:left;
}
.feature {
	color: #323232;
	font-style: italic;
	text-align: center;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 28px;
	width: 166px;
	padding-top: 5px;
	border-bottom: 1px solid #666;
}
.left .bookInfo {
	border-bottom: 1px solid #666;
	height:355px;
	margin-top: 9px;
}
.left .bookInfo .title{
	word-spacing: -1px;
	color: #534741;
	font-size: 12px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	width:150px;
	margin-bottom: 10px;
	margin-left: 12px;
}
.left .bookInfo .author{
	word-spacing: 1px;
	color: #726562;
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom:20px;
	margin-left: 12px;
}
.left .bookInfo .cover{
	margin-bottom: 15px;
	margin-left: 12px;
}
.left .bookInfo .info{
	margin-left: 7px;
}


.left .suggestions .heading{
	width:166px;
	border-bottom: 1px solid #666;
}
.left .suggestions .heading p{
	font-size: 12px;
	line-height: 35px;
	margin: 0 12px;
	font-family: "HelveticaNeue LT 53 Ex";
	float:left;
	color: #4d4d4d;
}
.left .suggestions .sug {
	margin-top: 9px;
	width: 146px;
	height: 28px;
	padding: 0 8px 0 11px;
}
.left .suggestions .sug:hover {
	border-left: 3px solid #555454;
	padding: 0 8px 0 8px;
}
.left .suggestions .sug h4{
	word-spacing: 1px;
	color: #555454;
	font-size: 12px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 1px;
}
.left .suggestions .sug p{
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #555454;
	font-size: 11px;
	word-spacing: 1px;
}


.right {
	width: 753px;
	float:left;
	border-left: 1px solid #666;
}
.right .subNav{
	height:35px;
}
.right .subNav .onThis {
	height:27px;
	padding-top: 8px;
	margin: 0 15px 0 25px;
	float: left;
}
.right .subNav .onThis a {
	text-decoration: none;
	color: #4d4d4d;
	font-size: 13px;
	font-family: "HelveticaNeue LT 63 MdEx";
}
.right .subNav .divider {
	float:left;
}
.right .subNav .notThis{
	height:26px;
	padding-top: 9px;
	margin: 0 15px 0 25px;
	float: left;
}
.right .subNav .notThis ul{
	list-style-type: none;
	float:left;
	height: 35px;
}
.right .subNav .notThis ul li{
	float:left;
	height: 35px;
	margin-right: 34px;
}
.right .subNav .notThis ul li a{
	height: 35px;
	display:block;
	text-decoration: none;
	color: #b8b8b8;
	font-size: 12px;
	font-family: "HelveticaNeue LT 53 Ex";
	float:left;
}
.right .subNav .notThis ul li a:hover {
	color: #8c8c8c;
}
.right .subNav .notThis .more {
	float: left;
	height: 30px;
	width: 30px;
	padding-top: 5px;
}
.right .subNav .sortBy {
	float:left;
	width: 130px;
	height: 25px;
	padding: 9px 13px 0 13px;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
}
.right .subNav .sortBy p {
	float:left;
	color: #b7b7b7;
	text-decoration: none;
	font-size: 13px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.right .subNav .sortBy img {
	float: right;
	margin-top: 3px;
}
.right .subNav .addArticle {
	float:left;
	margin: 8px 0 0 16px;
}

/***********************************************
ARTICLE
***********************************************/
.article {
	width: 760px;
	border-top: 1px solid #666;
	margin-top: -2px;
}
.article .middle {
	width:510px;	
	margin: 15px 0 0 25px;
}
.article .middle .articleHead {
	float: left;
}
.article .middle .articleHead .title {
	color: #534741;
	font-size: 17px;
	width: 510px;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	float:left;
	margin-bottom: 10px;
}
.article .middle .articleHead .title .hearts {
	margin-top: 3px;
}
.article .middle .articleHead .author {
	color: #726562;
	font-size: 13px;
	width: 510px;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 20px;
}
.article .middle .articleHead .copy .subtitle {
	color: #4d4d4d;
	width: 510px;
	word-spacing: -1px;
	text-align: left;
	line-height: 20px;
	font-size: 13px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.article .middle .articleHead .copy p{
	color: #4d4d4d;
	width: 510px;
	word-spacing: -1px;
	text-align: justify;
	line-height: 20px;
	font-size: 12px;
	word-wrap: break-word;
	text-indent: 25px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
.article .middle .articleHead .copy p:first-child{
	text-indent: 0px;
}
.article .farRight{
	float:right;
	margin: 0 5px 0 0;
}
.article .farRight  .articlePic {
	float:left;
	width: 200px;
	margin-bottom: 20px;
}
/***********************************************
NARNIA PAGE / COMMUNITY PAGE
***********************************************/
.headContainer {
	margin-top: -2px;
	width:760px;
	border-top: 1px solid #666;
}
.headline {
	float: left;
	margin:2px 0 2px 0;
	padding:22px;
	height: 358px;
	width: 340px;
}
.headline:last-child {
	float:right;
	margin:2px 0 2px -15px;
}
.headline:hover {
	border-style: none;
	background-repeat: no-repeat;
	background-image: url(ftp://ftp.openleaf.org//openleaf.org/admin/elements/hoverBg.png);
}
.headline .headImage {
	margin-bottom: 13px;
	float:left;
}
.headline .headInfo {
	height: 138px;
}
.headline .headInfo .headTitle {
	float: left;
	width: 338px;
}
.headline .headInfo .headTitle h2{
	color: #534741;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	float:left;
}
.headline .headInfo .headTitle img{
	float:right;
}
.headline .headInfo .headAuthor {
	margin-top: 12px;
	float: left;
}
.headline .headInfo .headAuthor p {
	color: #726562;
	font-size: 13px;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
	margin-right: 14px;
}
.headline .headInfo .headAuthor img {
	float: left;
	margin-top: 2px;
}
.hearts {
	margin-top: 10px;
	margin-right: 3px;
	float:right;
}
.hearts p{
	color: #726562;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	float:left;
}
.hearts img {
	margin: 2px 0 0 5px;
}
.headCopy {
	float:left;
	margin-top: 17px;
	width: 338px
}
.headCopy p {
	color: #4d4d4d;
	word-spacing: -1px;
	text-align: justify;
	line-height: 19px;
	font-size: 12px;
	word-wrap: break-word;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

.subHead {
	width:753px;
	margin-top: -20px;
	float:left;
}
.subHead .sub {
	float:left;
	width:246px;
	height:188px;
	margin: 0 -21px 0 0;
	padding: 22px 0 0 22px;	
}
.subHead .sub:hover{
	background-repeat: no-repeat;
	background-image: url(ftp://ftp.openleaf.org//openleaf.org/admin/elements/subHeadBg.png);
}
.subHead .sub .subImage {
	width:221px;
	margin-bottom: 12px;
	float:left;
}
.subInfo {
	width:221px;
	float:left;
}
.subInfo .lineOne {
	margin-bottom: 8px;
	width:221px;
	float:left;
}
.subInfo .lineOne h4 {
	color: #534741;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	float:left;
}
.subInfo .lineOne img {
	float:right;
}
.subInfo .lineTwo {
	margin-top: 4px;
	width:221px;
	float:left;
}
.subInfo .lineTwo .author{
	color: #726562;
	font-size: 11px;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	float: left;
}
.subInfo .lineTwo .hearts {
	margin: -3px 0 0 0;
}
.line {
	float:left;
	width: 760px;
	height: 1px;
	border-bottom: 1px solid #666;
}
.third {
	width: 753px;
	float:left;
}
.third .subTwo {
	float: left;
	width: 246px;
	height: 67px;
	padding: 22px 0 0 22px;	
	margin: 0 -21px -20px 0;;
}
.third .subTwo:hover {
	background-image: url(ftp://ftp.openleaf.org//openleaf.org/admin/elements/smallHover.png);
}
/****************************************************
MAP PAGE
****************************************************/
.right .map {
	float:left;
	margin-top: -2px;

	width:726px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding:20px 0 0 20px;
}

.comments {
	margin: -20px 0 0 0;
	width: 400px;
}
.comments .line {
	width: 737px;
	border-top: 1px solid #666;
	margin-top:-2px;
	margin-bottom: 13px;
	float:left;
}
.comments .title {
	float:left;
	width: 420px;
}
.comments .title p {
	font-size: 12px;
	line-height: 35px;
	font-family: "HelveticaNeue LT 53 Ex";
	float:left;
	color: #4d4d4d;
	margin: 0 12px 0 20px;
}
.comments .title img {
	float:left;
}
.comments .comment {
	width:400px;
	float: left;
	margin-bottom: 20px;
}
.comments .comment .name {
	width:400px;
	height: 20px;
	display:clock;
	color: #6b6b6b;
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 6px;
	margin-left: 20px;
}
.comments .comment .words {
	color: #4d4d4d;
	float:left;
	width: 400px;
	word-spacing: -1px;
	text-align: justify;
	line-height: 20px;
	font-size: 12px;
	word-wrap: break-word;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin-bottom: 3px;
	margin-left: 20px;
}
.comments .comment .date {
	float:left;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	word-spacing: -1px;
	color: #868686;
	margin-left: 20px;
	width: 400px;
	padding-bottom: 5px;
}
/***************************************************
VIDEO PAGE
***************************************************/
.vidContainer {
	margin-top: -2px;
	width:760px;
	border-top: 1px solid #666;
}
.vidContainer .video {
	margin:16px;
	width: 480px;
	height: 383px;
	float:left;
}

.vidContainer .otherVid {
	width: 240px;
	float:left;
	margin-top: 18px;
}
.vidDesc {
	width: 760px;
	margin:8px 0 0 0;
	border-bottom: 1px solid #666;
	float:left;
}
.vidDesc .title{
	width:480px;
	color: #534741;
	font-size: 17px;
	font-weight: bold;
	text-decoration: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	float:left;
	margin-bottom: 12px;
	margin-left:15px;
}
.vidDesc .desc {

	float:left;
}
.vidDesc .desc p {
	width:480px;
	color: #4d4d4d;
	word-spacing: -1px;
	text-align: justify;
	line-height: 19px;
	font-size: 12px;
	word-wrap: break-word;
	text-decoration: none;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	float: left;
	margin-left:15px;
	margin-bottom: 15px;
}

.clear {
	clear:both;
}