@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Susan Luke
Theme URL: http://www.susanluke.com
Description: A two column layout with a book theme
Author: David Bridle
Author URL: http://www.davidbridle.net
Version 1.0
License: Not to be copied or used

COLOURS
Aqua Green : #78ffe4
Cream : #FFEBCD
Light Cream: #FFFCF2
Dark Gray : #5a5a5a

HEX compatible:
Aqua Green : #7FFFD4
Bisque : #FFEBCD
Corn Silk: #FFF8DC
Dark Gray : #5a5a5a

*/



/* RESET {} */

* { margin: 0; padding: 0;}
html { overflow: scroll; }	
html, body { height: 100%; }
body { font-size: 85%; font-family: Arial, Helvetica, sans-serif; color: #5a5a5a; background-color: #78ffe4; }
ul {
	list-style: disc inside;
}
li { padding-bottom: 8px; }
ol { list-style: decimal inside; }
a { outline: none; text-decoration: none; }
a img {border: none; }
table { border-collapse: collapse; }


/* UTILITY {} */

.floatRight { float: right; }
.floatLeft { float: left; }
.clear { clear: both; }
.button { border: 1px solid #272727; background-color: #FFEBCD; padding: 3px 8px; margin: 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #272727; }
.button:hover { background: #78ffe4; color: black; }
.center { text-align: center; }
.addmargin { margin: 10px; }


/* STRUCTURE{} */

#wrapper { text-align: center; margin: 0 auto -250px; width: 1000px; }

#masthead {
	width: 1000px;
	background-image: url(images/masthead_bg_01.jpg);
	text-align:left;
	height: 105px;
}

#scroller { width: 890px; height: 25px; font-size: 0.9em; color: #3B7F71; }

#nav {
	height:85px;
	background-image: url(images/nav_bg_02.jpg);
	padding-top: 60px;
	background-repeat: no-repeat;
}

#nav ul { display: inline; list-style-type: none; }

#nav li { display: block; float: left; }

#nav .button1 {
	margin-left: 215px;
	width: 52px;
	color: #FFCC00;
	font-size: 11pt;
	height: 50px;
	display: block;
}

#nav .button1 a:link {
	width: 52px;
	padding-top: 25px;
	color: #FFCC00;
	font-size: 11pt;
	display: block;
	height: 50px;
}

#nav .button1 a:visited {
	width: 52px;
	padding-top: 25px;
	color: #FFCC00;
	font-size: 11pt;
	display: block;
	height: 50px;
}

#nav .button1 a:hover {
	width: 52px;
	padding-top: 25px;
	color: #00FF99;
	font-size: 11pt;
	display: block;
	height: 50px;
}

#nav .button2 {
	margin-left: 50px;
	width: 80px;
	color: #FFCC00;
	font-size: 11pt;
	height: 65px;
	display: block;
	padding-top: 8px;
}

#nav .button2 a:link {
	width: 80px;
	padding-top: 4px;
	color: #FFCC00;
	font-size: 11pt;
	display: block;
	height: 65px;
}

#nav .button2 a:visited {
	width: 80px;
	padding-top: 4px;
	color: #FFCC00;
	font-size: 11pt;
	display: block;
	height: 65px;
}

#nav .button2 a:hover {
	width: 80px;
	padding-top: 4px;
	color: #00FF99;
	font-size: 11pt;
	display: block;
	height: 65px;
}

#nav .button3 {
	margin-left: 63px;
	width: 68px;
	padding-top: 10px;
	color: #FFCC00;
	font-size: 11pt;
	height: 65px;
	display: block;
}

#nav .button3 a:link {
	width: 68px;
	padding-top: 10px;
	color: #FFCC00;
	font-size: 11pt;
	display: block;
	height: 65px;
}

#nav .button3 a:visited {
	width: 68px;
	padding-top: 10px;
	color: #FFCC00;
	font-size: 11pt;
	display: block;
	height: 65px;
}

#nav .button3 a:hover {
	width: 68px;
	padding-top: 10px;
	color: #00FF99;
	font-size: 11pt;
	display: block;
	height: 65px;
}

#nav .button4 {
	margin-left: 50px;
	width: 78px;
	color: #FFCC00;
	font-size: 11pt;
	height: 60px;
	display: block;
}

#nav .button4 a:link {
	width: 78px;
	padding-top: 20px;
	color: #FFCC00;
	font-size: 11pt;
	display: block;
	height: 60px;
}

#nav .button4 a:visited {
	width: 78px;
	padding-top: 20px;
	color: #FFCC00;
	font-size: 11pt;
	display: block;
	height: 60px;
}

#nav .button4 a:hover {
	width: 78px;
	padding-top: 20px;
	color: #00FF99;
	font-size: 11pt;
	display: block;
	height: 60px;
}

#nav .button5 {
	margin-left: 9px;
	width: 72px;
	color: #FFCC00;
	font-size: 11pt;
	height: 70px;
	display: block;
}

#nav .button5 a:link {
	width: 72px;
	padding-top: 25px;
	color: #FFCC00;
	font-size: 11pt;
	display: block;
	height: 55px;
}

#nav .button5 a:visited {
	width: 72px;
	padding-top: 25px;
	color: #FFCC00;
	font-size: 11pt;
	display: block;
	height: 55px;
}
 
#nav .button5 a:hover {
	width: 72px;
	padding-top: 25px;
	color: #00FF99;
	font-size: 11pt;
	display: block;
	height: 55px;
}

#nav .button6 {
	margin-left: 48px;
	width: 60px;
	padding-top: 8px;
	color: #FFCC00;
	font-size: 11pt;
	height: 65px;
	display: block;
}

#nav .button6 a:link {
	width: 60px;
	padding-top: 4px;
	color: #FFCC00;
	font-size: 11pt;
	display: block;
	height: 65px;
}

#nav .button6 a:visited {
	width: 60px;
	padding-top: 4px;
	color: #FFCC00;
	font-size: 11pt;
	display: block;
	height: 65px;
}

#nav .button6 a:hover {
	width: 60px;
	padding-top: 4px;
	color: #00FF99;
	font-size: 11pt;
	display: block;
	height: 65px;
}


#content { width: 890px; padding: 5px; margin-left: 50px; margin-right: 50px; background-color: #FFFFFF; text-align: left; border: #cccccc 1px solid; -moz-border-radius: 5px;
	-webkit-border-radius: 5px; }

#content_main { width: 615px; padding: 5px; border-right: solid 1px #cccccc; }

.columns { text-align: center; background-color: #FFF8DC; padding: 5px; border: 1px dotted #FFEBCD; }

.col1 { text-align: center; width: 285px; float: left; padding-left: 10px; padding-top: 5px; padding-botttom: 5px; padding-right: 10px; border-right: 1px solid #5a5a5a; }

.col2 { text-align: center; width: 285px; float: left; padding: 5px; }

.divider { border-top: 1px dashed #CCCCCC; margin-bottom: 30px; margin-top: 30px; }



#sidebar { width: 250px; padding: 5px; }

#ezine_signup_form { text-align: center; border: dotted 1px #cccccc; padding: 5px; background-color: #FFF8DC; -moz-border-radius: 5px;
	-webkit-border-radius: 5px; }

.useful { padding: 15px; }

.useful ul { list-style: none; }

.useful li { font-size: 14pt; font-weight: bold; display: block; }

.useful li a:link {
	color: #666666;
	display: block;
}

.useful li a:visited { color: #333333; display: block; }

.useful li a:hover { color: #00FFCC; display: block; }


#copyright { height: 10px; width:1000px; font-size: smaller; padding-top: 5px; }

#copyright a:link { color: #5a5a5a; }

#copyright a:hover { color: #78ffe4; text-decoration: underline; }

#copyright a:visited { color: #5a5a5a; }

#footer { background-image: url(images/footer_bg.png); height: 120px; }


/* TYPOGRAPHY {} */

H1,H2,H3,H4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-bottom: 15px;
	line-height: 1.5;
}

p {
	margin-bottom: 15px;
	line-height: 1.8;
}

li {
	margin-bottom: 5px;
	margin-left: 15px;
}

blockquote {
	font-family: Garamond, Georgia, serif;
	font-size: 12pt;
	font-weight:bold;
	margin: 15px;
	text-align: center;
	display: block;
	border: 1px solid #5a5a5a;
	background-color: #FFEBCD;
	padding: 10px;
}

cite { font-family: Arial, Helvetica, sans-serif; font-size: 8pt; margin: 15px; text-align: right; margin-top: 5px;}

.dropCap { color:#5a5a5a; font-size:30px; line-height:25px; padding-top:2px; padding-right: 5px; font-family: Times, serif, Georgia; }

.emphasise { font-style: italic; font-family: Times, serif, Georgia; font-size: 18pt; text-align: center; margin-bottom: 20px; margin-top: 20px; }
#twitter_div {
	display: block;
	list-style-type: none;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 10px;
	font-size: 10pt;
	background-color: #ACEEF0;
	border: 1px dotted #CCCCCC;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#twitter_div h3 {
	font-size: 12pt;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #666666;
	border-bottom-color: #666666;
	background-image: url(images/tweeter_32x32.png);
	background-repeat: no-repeat;
	padding-left: 36px;
	height: 27px;
	background-position: left 5px;
	padding-bottom: 4px;
	display: block;
	vertical-align: middle;
	padding-top: 8px;
}
#twitter_div li {
	text-indent: 0px;
	display: block;
	margin: 0px 0px 10px;
	padding: 0px 0px 5px;
	list-style-type: none;
	line-height: 1.5;
	border-bottom: 1px dotted #000000;
}
#testimonials {
	background-color: #FFFFCC;
	padding: 5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}