/** 
 * SilverStripe v2.3.3-rc2 Fit Theme
 * Main Layout File
 * Design by http://www.mediacontour.com
 * CSS Author victor@mediacontour.com
 */
 
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;line-height: 100%;}
ol, ul {list-style: none;}
table {border-collapse: collapse; border-spacing: 0;}

body {
	font-size: medium;
	font-family: 'Arial', 'Helvetica', sans-serif;
	background-color: #0068b6;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
}

* html body {
	font-size: small;
	f\ont-size: medium;
}

h1 {
	margin: 0 0 16px;
	color: #1c447f;
	font-size: 188%;
	font-weight: normal;
}

h2 {
	margin: 0 0 12px;
	color: #1c447f;
	font-size: 88%;
}

p {
	margin: 0 0 15px;
	color: #3a3b43;
	font-size: 88%;
	line-height: 140%;
}

ul {
	margin: 0 0 15px;
}

li {
	color: #3a3b43;
	font-size: 88%;
}

a, a:link, a:visited {
	color: #1852aa;
	font-weight: bold;
}

a img, a:link img, a:visited img {
	border: none;
}

#container {
	width: 880px;
	margin: 0 auto;
}


/* HEADER */
#header {
	height: 124px;
	margin: 0 0 12px;
}

#header blockquote {
	float:right;
	height:57px;
	overflow:hidden;
	padding:20px 111px 0 0;
	width:290px;
}

#header p {
	width: 290px;
	height: 33px;
	xtext-indent: -9999px;
	xbackground-image: url(../images/book-review.png);
}

/* NAVIGATION */
.nav {
	clear: both;
	width: 820px;
	margin: 0;
	padding: 0 0 0 14px;
	height: 29px;
	background-image: url(../images/bg-nav.png);
	background-repeat: no-repeat;
	overflow: hidden;
}

.nav li {
	float: left;
}

.nav li a, .nav li a:link, .nav li a:visited {
	float: left;
	height: 29px;
	padding: 29px 0 0;
	margin: 0 9px 0 0;
	background-image: url(../images/bg-nav-link.png);
	background-repeat: no-repeat;
}

.home a, .home a:link, .home a:visited {width: 45px;background-position: 0 0;}
.the-book a, .the-book a:link, .the-book a:hover {width: 70px;background-position: -54px 0;}
.the-author a, .the-author a:link, .the-author a:visited {width: 81px;background-position: -134px 0;}
.blog a, .blog a:link, .blog a:visited {width: 38px;background-position: -223px 0;}
.news a, .news a:link, .news a:visited {width: 43px;background-position: -270px 0;}
.helpful-websites a, .helpful-websites a:link, .helpful-websites a:visited {width: 119px;background-position: -322px 0;}
.helpful-phrases a, .helpful-phrases a:link, .helpful-phrases a:visited {width: 112px;background-position:-451px 0;}
.consultation a, .consultation a:link, .consultation a:visited {width: 92px;background-position: -571px 0;}
.contact a, .contact a:link, .contact a:visited {width: 58px;background-position: -672px 0;}
.purchase-book a, .purchase-book a:link, .purchase-book a:visited {width: 121px;background-position: -736px 0;}

.home a:hover, .home a:visited:hover {background-position: 0 -29px;}
.the-book a:hover, .the-book a:visited:hover {background-position: -54px -29px;}
.the-author a:hover, .the-author a:visited:hover {background-position: -134px -29px;}
.blog a:hover, .blog a:visited:hover {background-position: -223px -29px;}
.news a:hover, .news a:visited:hover {background-position: -270px -29px;}
.helpful-websites a:hover, .helpful-websites a:visited:hover {background-position: -322px -29px;}
.helpful-phrases a:hover, .helpful-phrases a:visited:hover {background-position: -451px -29px;}
.consultation a:hover, .consultation a:visited:hover {background-position: -571px -29px;}
.contact a:hover, .contact a:visited:hover {background-position: -672px -29px;}
.purchase-book a:hover, .purchase-book a:visited:hover {background-position: -736px -29px;}

/* logo styles */
#logo {
	float: left;
	width: 413px;
	height: 77px;
	margin: 0 0 4px;
	padding: 15px 0 0 2px;
	overflow: hidden;
}

#logo a, #logo a:link, #logo a:visited {
	display: block;
	width: 413px;
	height: 77px;
	text-indent: -9999px;
	background-image: Url(../images/logo.png);
}

/* MAIN */
#main {
	position: relative;
	margin: 0 0 11px;
}

/* CONTENT */
#contentContainer {
	width: 637px;
	padding: 13px 0 0;
	background-image: url(../images/content-top.png);
	background-repeat: no-repeat;
}

#contentInnerContainer {
	padding: 0 0 13px;
	background-image: url(../images/content-bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#content {
	min-height: 435px;
	padding: 55px 100px 90px 42px;
	background-image: url(../images/content.png);
	background-repeat: repeat-y;
}

#content li {
	margin: 0 0 6px;
	padding: 0 0 0 19px;
	line-height: 119%;
	background-image: url(../images/bullet.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

/* SIDEBAR */
#sidebar {
	position: absolute;
	top: 25px;
	left: 555px;
}

#socialLinks {
	padding: 0 0 0 89px;
}

#socialLinks a, #socialLinks a:link, #socialLinks a:visited {
	width: 200px;
	height: 30px;
	display: block;
	background-repeat: no-repeat;
}

#twitter {
	background-image: url(../images/icon-twitter.png);
}

#facebook {
	background-image: url(../images/icon-facebook.png);
}

/* slideshow */
#slideshow {
	position: relative;
	width: 336px;
	height: 418px;
	margin: 0;
	background-image: url(../images/bg-slideshow.png);
	background-repeat: no-repeat;
}

#slideshow li {
	position: absolute;
	margin: 8px 0 0 9px;
	height: 396px;
	border: 3px solid #fff;
}

#slideshow img {
	display: block;
}

/* HELPFUL WEBSITES */
#helpfulLinks li {
	padding: 0;
	font-size: 100%;
	background-image: none;
}

#helpfulLinks h2 {
	width: 481px;
	color: #000;
	text-indent: 12px;
	background-image: url(../images/bg-helpfulLinks-h2.png);
	line-height: 29px;
}

#helpfulLinks h2.alt {
	background-position: 0 -29px;
}

#helpfulLinks h2.selected {
	color: #fff;
	background-position: 0 -58px;
}

.helpfulLinksDetails {
	display: none;
	padding: 12px 0 0;
}

.helpfulLinksDetails p {
	padding: 0 22px 0 12px;
}

/* HELPFUL PHRASES */
#helpfulPhrases li {
	margin: 0 0 12px;
	padding: 0;
	font-size: 100%;
	background-image: none;
}

#helpfulPhrases h2 {
	font-size: 100%;
	margin: 0;
}

#helpfulPhrases li a {
	padding: 0 0 0 27px;
	display: block;
	color: #3a3b43;
	font-size: 100%;
	line-height: 120%;
	text-decoration: none;
	background-image: url(../images/play.png);
	background-repeat: no-repeat;
	outline: none;
}

#helpfulPhrases li a.selected {
	background-image: url(../images/play-selected.png);
}

.helpfulPhrase {
	display: none;
	padding: 5px 0 0 26px;
}

/* BLOG CONTENT */
#blogContent h2 {
	margin: 0 0 3px;
	font-size: 113%;
}

#blogContent h2 a, #blogContent h2 a:link, #blogContent h2 a:visited {
	color: #333;
	text-decoration: none;
}

.blogSummary {
	margin: 0 0 25px;
	padding: 0 0 25px;
	border-bottom: 1px solid #7799cd;
}

.authorDate, .tags {
	margin: 0;
	color: #3a3b43;
	font-size: 69%;
}

.blogSummaryContent, .blogFullContent {
	margin: 15px 0 0;
}

.blogSummaryContent img, .blogFullContent img {
	display: block;
	margin: 0 0 15px;
}

.readMore {
	display: none;
}

.commentLink {
	margin: 0;
	padding: 0 0 2px 27px;
	background-image: url(../images/comment.png);
	background-repeat: no-repeat;
}

.commentLink a, .commentLink a:link, .commentLink a:visited {
	color: #3a3b43;
	font-size: 90%;
	text-decoration: none;
	text-transform: capitalize;
}

/* blog sidebar */
#blogSidebarContainer {
	width: 245px;
	padding: 15px 0 0;
	background-image: url(../images/blog-sidebar-top.png);
	background-repeat: no-repeat;
}

#blogSidebarInnerContainer {
	padding: 0 0 18px;
	background-image: url(../images/blog-sidebar-bottom.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

#blogSidebar {
	padding: 10px 20px 1px;
	background-image: url(../images/blog-sidebar.png);
	background-repeat: repeat-y;
}

#blogSidebar h3 {
	padding: 0 0 6px;
	color: #1c447f;
	font-size: 88%;
	background-image: url(../images/bg-sidebar-h3.png);
	background-repeat: repeat-x;
	background-position: bottom center;
	border-bottom: 1px solid #b8c4df;
}

#blogSidebar h3 span {
	padding: 0 0 0 22px;
	background-image: url(../images/icons-blog-h3.png);
	background-repeat: no-repeat;
}

#blogSidebar h3 span a, #blogSidebar h3 span a:link, #blogSidebar h3 span a:visited {
	color: #1c447f;
	font-weight: bold;
}

.RSS {
	margin: 0 0 15px;
}

.Tag span{background-position: 0 -19px;}
.Browse span{background-position: 0 -38px;}

#blogSidebar p, #blogSidebar ul {
	margin: 15px 0;
}

#blogSidebar a, #blogSidebar a:link, #blogSidebar a:visited {
	color: #666;
	font-weight: normal;
	text-decoration: none;
}

/* blog comments form */
#PageComments_holder h4 {
	color: #333;
	margin: 0 0 10px;
	padding: 0 0 4px;
	border-bottom: 1px solid #7799cd;
}

#PageCommentInterface_Form_PostCommentForm {
	margin: 0 0 30px;
}

#PageCommentInterface_Form_PostCommentForm fieldset {
	border: none;
}

#PageCommentInterface_Form_PostCommentForm label {
	display: block;
	color: #333;
	font-weight: bold;
	margin: 0 0 2px;
	padding: 0 0 0 6px;
}

#PageCommentInterface_Form_PostCommentForm input.text {
	display: block;
	width: 208px;
	height: 29px;
	padding: 12px 13px 0;
	font-size: 100%;
	background-color: transparent;
	background-image: url(../images/bg-text.png);
	background-repeat: no-repeat;
	border: none;
}

#PageCommentInterface_Form_PostCommentForm textarea {
	display: block;
	width: 463px;
	height: 175px;
	padding: 12px 13px 0;
	font-size: 100%;
	font-family: 'Arial', 'Helvetica', sans-serif;
	background-color: transparent;
	background-image: url(../images/bg-textarea.png);
	background-repeat: no-repeat;
	border: none;
}

/* blog comments */
#PageComments li {
	margin: 10px 0 0;
	padding: 0 0 0 63px;
	font-size: 90%;
	background-image: url(../images/bg-comment.png);
	background-repeat: no-repeat;
	background-position: 10px 0;
	border-bottom: 1px solid #7799cd;
}

#PageComments li li {
	padding: 0;
	font-size: 100%;
	background-image: none;
	border: none;
}

#PageComments li p.comment {
	color: #0068b6;
	font-size: 100%;
	font-weight: bold;
}

#PageComments li p.info {
	color: #2c2e30;
	font-weight: normal;
}

#PageComments li a, #PageComments li a:link, #PageComments li a:visited {
	color: #2c2e30;
	font-weight: normal;
}

#CommentsRSSFeed li {
	padding: 0;
	background-image: none;
}

.commentrss, .commentrss, .commentrss {
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 20px;
	color: #2c2e30;
	font-size: 90%;
	line-height: 115%;
	text-decoration: none;
	background-image: url(../images/icons-blog-h3.png);
	background-repeat: no-repeat;
}

/* CONTACT */
#Form_Form fieldset, #MemberLoginForm_LoginForm fieldset {
	border: none;
}

#Form_Form div, #MemberLoginForm_LoginForm div {
	float: left;
	list-style: none;
	display: inline;
	margin: 0 22px 10px 0;
	padding: 0;
	background-image: none;
}

#Form_Form div.alt {
	margin-right: 0;
}

#Form_Form label, #MemberLoginForm_LoginForm label {
	display: block;
	color: #333;
	font-weight: bold;
	margin: 0 0 2px;
	padding: 0 0 0 6px;
	white-space: nowrap;
}

#Form_Form input.text, #MemberLoginForm_LoginForm input.text {
	display: block;
	float: left;
	width: 208px;
	height: 29px;
	padding: 12px 13px 0;
	font-size: 100%;
	background-color: transparent;
	background-image: url(../images/bg-text.png);
	background-repeat: no-repeat;
	border: none;
}

#Form_Form textarea {
	display: block;
	width: 463px;
	height: 152px;
	padding: 12px 13px;
	font-size: 100%;
	overflow: auto;
	font-family: 'Arial', 'Helvetica', sans-serif;
	background-color: transparent;
	background-image: url(../images/bg-textarea.png);
	background-repeat: no-repeat;
	border: none;
}

#Form_Form .message {
	display: block;
	font-size: 90%;
	color: #333;
	clear: left;
	font-weight: bold;
	padding: 0 0 0 6px;
}

#Remember {
	clear:left;
}

#Remember label {
	display: inline;
	padding: 0;
	margin: 0;
}

/* FOOTER */
#footer .nav {
	margin: 0 0 11px;
}

#footer p a, #footer p a:link, #footer p a:visited {
	color: #fff;
	text-decoration: none;
}

#copy, #mc {
	float: left;
	color: #fff;
	font-size: 63%;
	line-height: 160%;
	margin: 0;
}

#copy {
	margin: 0 18px 0 0;
}

#mc {
	padding: 0 20px 0 0;
	background-image: url(../images/mc.png);
	background-repeat: no-repeat;
	background-position: right center;
}

#mc a, #mc a:link, #mc a:visited {
	display: block;
	color: #fff;
	line-height: 160%;
	margin: 0;
}

#Form_Form div.mollom-captcha, #MollomField {
	clear: left;
	padding: 5px 0 0 2px;
}

.mollom-audio-captcha {
	display: block;
	padding: 5px 0 0;
}

p.backToTop {
	padding-right: 39px;
	text-align: right;
	font-size: 75%;
	background-image: url(../images/up-arrow.png);
	background-repeat: no-repeat;
	background-position: 462px 4px;
}

img.left {
	display: block;
	float:left;
	margin-right:20px;
}

/* CLEAR */
.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}* html .clear{height:1%;}*:first-child+html .clear{min-height:1px;}