/*
Theme Name: Clear Effective v1.0
Theme URI: http://www.cleareffective.com.au/
Description: Simple, clean theme.
Version: 1.0
Author: <a href="http://www.cleareffective.com.au/">Tim Jordan</a>
Author URI: http://www.cleareffective.com.au/
License: This is mine. All mine.
*/



@font-face {
    font-family: 'ThonReg';
    src: url('fonts/thonburi-webfont.eot');
    src: url('fonts/thonburi-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/thonburi-webfont.woff') format('woff'),
    url('fonts/thonburi-webfont.ttf') format('truetype'),
    url('fonts/thonburi-webfont.svg#ThonburiRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ThonBold';
    src: url('fonts/thonburibold-webfont.eot');
    src: url('fonts/thonburibold-webfont.eot?#iefix') format('embedded-opentype'),
    url('fonts/thonburibold-webfont.woff') format('woff'),
    url('fonts/thonburibold-webfont.ttf') format('truetype'),
    url('fonts/thonburibold-webfont.svg#ThonburiBold') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* load 960 framework 
@import url("library/960/960.css");*/

/* @group Normalize */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
margin: 0;
padding: 0;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
}
ol,ul, li {
list-style: none;
list-style-type: none;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-weight: normal;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
caption,th {
text-align: left;
}
q:before, q:after {
content: '';
}

hr {
	height: 1px;
	border: 0.5;
	color:#CECCCA;
}
/* @end */



/* =Global
-------------------------------------------------------------- */
html { overflow-y: scroll; }
html,body {
	margin: 0;
	margin-top: 0px;
	padding: 0;
	background-color: #EAE9E8;
	font: 15px Helvetica, Arial, Sans-Serif;
	color: #444;
	/*overflow-x: hidden; */
}
a:link, a:visited {
	color: #6A686D;
	text-decoration: none;
}
a:hover {
	color: #ff9933;
	border-bottom: none;
}
#wrapper {
	width: 1040px;
	margin: 0 auto;
	position: relative;
	background-color: #fff;
	top: -59px;
}

.thonBold 
{
	font-family: "ThonBold";
}

.thonReg

{
	font-family: "ThonReg";
}

a:link.topBanner, a:visited.topBanner {
	color: #FBB040;
	text-decoration: none;
	font-family: "ThonBold";
}

a.topBanner:hover {
	color: #000000;
	text-decoration: none;
	font-family: "ThonBold";
}

/* =Header
-------------------------------------------------------------- */
#tinyTopStrip {
	position: relative;
	width: 100%;
	height: 4px;
	background-image:url('images/topBanner.png');
}


#logo
{
	position: relative;
	width: 339px;
	height: 199px;
	top: 0px;
	left: 20px;
	background-image:url('images/logoTop.png')
}

#topBannerContactUs {
	text-align: right;
	margin-right: 50px;
	position: relative;
	margin-top:-180px;
	font-size: 12px;
}

.phoneLarge {
	
	font-size: 18px;
	color: #6A686D;
}

#header {
	z-index: 11;
	width: 1040px;
	height: 190px;
	margin: auto;
	/*margin-right: 15%;*/
	background-color:#ffffff;
}

#slider {

	width: 1040px;
	height: 330px; 
	margin:-40px auto 60px auto;
	position: relative;

}



/* =Nav
-------------------------------------------------------------- */
/*
#nav {
	position: relative;
	padding: 5px;
	padding-bottom: 10px;
	margin-left: 47%;
	margin-top:70px;
	width: 500px;
	height: 25px;
	z-index:12;
}

#nav a {
	font-family: Helvetica;
	font-weight:bold;
	font-size: 14px;
	
}


#dropmenu, #dropmenu ul {margin:5px;  padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:80; font: 15px "Plant", Times, serif; font-weight:normal;}
#dropmenu a {display:block; padding: 5px; padding-left: 15px; text-decoration:none;color: #6D6E71;}
#dropmenu a:hover {color:#ff9933;}
#dropmenu li.current_page_item a {color:#ff9933;}
#dropmenu li {float:right; position:relative;}
#dropmenu ul {position:absolute; display:none; width:14em; top:1.7em; left:0px;}
#dropmenu ul a {background:#ccc; color:#fff;}
#dropmenu ul a:hover {background:#999;}
#dropmenu li ul {width:10em;}
#dropmenu li ul a {width:10em; height:auto; float:left;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:14em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}

*/
.menu {
	position: relative;
	padding: 5px;
	padding-bottom: 10px;
	margin-left: 47%;
	margin-top:70px;
	width: 500px;
	height: 25px;
	z-index:12;
}

.menu a {
	font-family: Helvetica, Arial;
	font-weight:bold;
	font-size: 14px;
	text-transform: uppercase;
}

.menu a:visited,.menu a:hover {
	font-family: Helvetica, Arial;
	font-weight:bold;
	font-size: 14px;
	text-transform: uppercase;
}

.menu, .menu ul {margin:5px; margin-left:32%;  padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:80; font: 15px "Plant", Times, serif; font-weight:normal; color: #6D6E71; width:500px;}
.menu a {display:block; padding: 5px; padding-left: 15px; text-decoration:none;}
.menu a:hover {color:#ff9933;}
.menu li.current_page_item a {color:#ff9933;}
.menu li {float:right; position:relative;}
.menu ul {position:absolute;  width:500px; top:70px; left:0px;}
.menu ul a {color: #6D6E71;}
.menu li ul {width:10em;}
.menu li ul a {width:10em; height:auto; float:left;}
.menu ul ul {top:auto;}
.menu li ul ul {left:14em; margin:0px 0 0 10px;}
.menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul ul {display:none;}
.menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li li li li:hover ul {display:block;}

/* =Content
-------------------------------------------------------------- */
#main {
	margin-top: 0px;
	left: 0px;
	position: relative;
	width: 1040px;
}
#content {
	margin-top: 60px;
	left: 0px;
	position: relative;
	width: 1040px;
}

/* = Home page
-------------------------------------------------------------*/


#tagLine {
	width: 1040px;
	height: 83px;
	background-color:#353338;;
	margin:auto;	
}

#tagLineText {
	position: relative;
	margin-left: 51%;
	font-family: "ThonBold";
	font-size: 14px;
	line-height: 1.5;
	padding-top: 10px;
	padding-right: 10px;
	color: white;
	text-align: right;
	width: 445px;
}

#quote {
	margin: auto;
	margin-top: -12px;
	background-image:url('images/quote.png');
	width:1040px;
	height: 80px;  
}


#clientQuotesHome
	{
		margin-top: 30px;	
}
		

#bottomHalf {
	width: 1000px;
	height: auto;
	background-color: #353338;
	padding: 20px;
}

#bottomHalfLeft {
	width: 100%;
	height: auto;
	
}


#blogs {
	
	position: relative;
	display: none;

}

#blogPlaceholder {
	margin-top: 10px;
	/*background-image: url('images/blogPlaceHolder.png');*/
	width: 760px;
	height: 113px;
}

#learningCurve {
	
	margin-top: 15px;
	background-repeat: no-repeat;
	width: 480px;
}


#thisIsMotion {
	
	margin-left: 490px;
	margin-top: -110px;
	/*background-image: url('images/thisIsMotion_cap.png');*/
	background-repeat: no-repeat;
	width: 480px;
}

#thisIsMotionImage {
	float: left;
	border: solid;
	border-width: medium;
	border-color: #5D5B5F;
	margin-right: 10px;
}


#thisIsMotionImage:hover {

		border-color: #FFAE4F;
}

#bottomHalfDivider {

	background-color:#6D6E71;
	width: 765px;
	height: 1px;
	margin-top: 5px;
}

#customerFeedback {

	padding-top: 10px;
	font-family: Times New Roman;
	line-height: 1.5;
	font-size: 16px;
	font-weight:lighter;
	font-style: italic;
}


#feedback1 {
	
	color: white;
	width: 220px;
	height: 75px;
	margin-top: 5px;
}

#feedback1Src {
		
		color: #999;
}

#feedback2 {
	margin-left: 280px;
	margin-top: -74px;
	color: white;
	width: 240px;
	height: 75px;
}

#feedback2Src {
	margin-top: 0px;
	color: #999;
}

#feedback3 {

	margin-left: 550px;
	margin-top: -74px;
	color: white;
	width: 220px;
	height: 75px;
}

#feedback3Src {
		margin-top:0px;
		color: #999;
}

#bottomHalfRight {
	float: right;
	display:none;
}

#followUsTwitter {
	
	background-image: url('images/followUs_Twitter.png');
	width: 130px;
	height: 42px;
	margin-bottom: 10px;
	margin-right: 30px;
	margin-top: 150px;
	margin-left: 10px;
}

#twitterFeed {
	margin-top: 15px;
	background-color:#5D5B5F;
	/*opacity: 0.2;*/
	width: 160px;
	height: 145px;
	-moz-box-shadow: 5px 5px 5px #000;
	-webkit-box-shadow: 5px 5px 5px #000;
	box-shadow: 5px 5px 5px #000;
	margin-right: 35px;
}

#actualTweets {
	
	margin-left: 40px;
}


/*Twitted*/

.twitted {
	width: 150px;
	margin-bottom: 1.5em;
	margin-left: -37px;
	
}

.twitted h2 {
	margin: 0;
	padding: 0.3em 0.8em;
	font-size: 1em;
	color: #fff;
	background-color: #888;
}

.twitted p.preLoader {
	margin: 0;
	padding: 1em 1em 1em 3em;
}

.twitted ul#twitter_update_list {
	margin: 0;
	padding: 0.4em 0.9em;
	list-style-type: none;
	list-style:none;
}

.twitted ul#twitter_update_list li {
	margin: 0;
	padding: 0.5em 0 0.3em 0;
	/*border-bottom: 1px solid #ccc;*/
	background:none;
	list-style:none;
}

.twitted ul#twitter_update_list li span {
	/* tweet content */
	font-size: 12px;
	display: block;
	line-height:18px;
	list-style:none;
	color: white;
}

.twitted ul#twitter_update_list li span a {
	/* links in tweet content */
	display:inline;
	color: #ffffff;
}

.twitted ul#twitter_update_list li a {
	/* timestamp link */
	font-size: 10px;
	}

.twitted ul#twitter_update_list li .time {
		font-size: 10px;
		color: #cccccc;
}

.twitted ul#twitter_update_list li.firstTweet {
	
	list-style:none;	
}

.twitted ul#twitter_update_list li.lastTweet {
	list-style:none;
	border-bottom: none;
}

.twitted p.profileLink {
	display: block;
	margin: 0;
	padding: 0.3em 1em;
	color: #fff;
	background-color: #ddd;
}


/* =Page Content styles - new
-------------------------------------------------------------- */

#pageHeading {

	background-color: #353338;

}

#pageContent {
	background-color: #414042;
	color: white;
	padding-top: 60px;
	padding-bottom: 40px;
	padding-left: 35px;	
}

.whiteContentText {
	color: white;
}

#bottomStrip {
	
	height: 29px;
	width: 1040px;
	background-color: #FBB040;

}

#bottomQuotes {

	background-color: #353338;
	height: 160px;
	width:1040px;	
}

#learningQuotes {

	padding-top: 45px;
}

#writingQuotes {

	padding-top: 30px;
}

#aboutImage {
	padding-top: 80px;
	padding-right: 120px;
	padding-left: 100px;
	padding-bottom: 10px;
}

#eLearningImage {
	padding-top: 20px;
	padding-right: 50px;
	padding-left: 90px;
	padding-bottom: 10px;
}

#aboutELearningImage {
	padding-top: 20px;
	padding-right: 60px;
	padding-left: 90px;
	padding-bottom: 70px;
}


#writingImage {
	padding-top: 5px;
	padding-right: 50px;
	padding-left: 60px;
	padding-bottom: 60px;

}

#aboutWritingImage

{
	padding-top: 80px;
	padding-right: -15px;
	padding-left: 60px;
	padding-bottom: 60px;

}


/* =Content styles - existing
-------------------------------------------------------------- */

#content p {
	margin-bottom: 0px;
	margin-left: 25px;
	padding-right: 70px;
	line-height: 1.5;
}
#content strong {
	font-weight: bold;
}
#content ul li { 
	margin-left: 40px;
	padding-right: 120px;
	list-style:inside; 
	margin-bottom: 10px;
}
#content ol li { 
	list-style:inside;
	padding-right: 120px;
	margin-left: 30px;
	margin-bottom: 20px; 
	margin: 0 0 5px 20px; 
}
#content h1 {
	margin-left: 25px;
	padding-top: 5px;
	margin-bottom: 20px;
	color: #6D6E71;
	text-decoration: none;
	font-family: Helvetica;
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	}

#content h2 {
	margin-left: 2px;
	padding-top: 0px;
	margin-bottom: 0px;
	color: #6D6E71;
	text-decoration: none;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	}
	
#pageContent h2 {
	margin-left: 25px;
	padding-top: 0px;
	padding-bottom: 7px;
	margin-bottom: 0px;
	color: #ffffff;
	text-decoration: none;
	font-family: Helvetica;
	font-size: 16px;
	font-weight: bold;
	font-style: normal;
	}

#content h3 {
	font-weight: bold;
	font-size: 24px;
	text-transform: none;
}

#content h4 {
	font-weight: bold;
	font-size: 24px;
	text-transform: none;
	font-family: Helvetica, Arial Black, Arial, Sans serif;
	text-transform: uppercase;
	color: #FBB040;
	padding-bottom: 20px;
	padding-top: 20px;
	margin-left: 60px;
}

#sampleLogin {
	margin-top: 50px;
	font-weight: bold;
	font-size: 18px;
	text-transform: none;
	font-family: Helvetica, Arial Black, Arial, Sans serif;
	color: #666666;
	padding-bottom: 20px;
}

/* =Request login
-------------------------------------------------------------- */

#loginContactForm {

	margin-left: 35px;
	margin-top: 10px;
	margin-bottom: 100px;
	
}

#requestLogin {
	
	font-weight: bold;
	font-size: 18px;
	text-transform: none;
	font-family: Helvetica, Arial Black, Arial, Sans serif;
	color: #666666;
	padding-bottom: 20px;
}


/* =Login div
-------------------------------------------------------------- */

#logout {
	
	margin-left: 90%;
	padding-top:10px;
	padding-bottom: 10px;
	font-weight: 600;
}

#logout a:hover {
	color: #666;
}

#loginForm {
	position: absolute;
	left: 600px;
	top: 155px;
	margin-bottom: 40px;
	padding-bottom: 40px;
	z-index: 5;
	color:white;
	/*margin-bottom: 100px;
	padding: 0px;
	margin-left: 60%;*/ 
}

.login-username {

	margin-top: 5px;
	margin-left: 0px;

}

#user_pass {
	margin-left: 3px;
}

#wp-submit {
	margin-top: 10px;
	margin-left: 0px;	
}

#wp-submit:hover {
	color:gray;
	cursor: pointer;	
}

/* = Samples
-------------------------------------------------------------- */

#samples {

	width:800px;
	margin: auto;
}

#samplesPadding {

	padding-left: 10px;
}

#samplesPadding h2{
	
	margin-left: 25px;

}

#lessonsLearnt {

	margin-top: 20px;
	padding-left: 15px;
}

#AQISCap {

	margin-top: 30px;
	padding-bottom: 10px;
}

#samplesPostContent
{
	position: relative;
	margin-left: 20px;
	margin-top: 100px;
	
}

#requestLoginForm {

	margin-left: 0px;
	padding-top: 10px;
	padding-bottom: 50px;
	width: 600px;
}


/* =Contact form
-------------------------------------------------------------- */

#contactForm {

	margin-left: 30px;
	padding-top: 10px;
	padding-bottom: 50px;
	width: 600px;
}




/* = Form
-------------------------------------------------------------- */

input,textarea {-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;font-size: 12px;-webkit-border-radius: 5px;border: none;padding:6px; background: #D8D6D4;line-height: 1;margin-top: 5px;}
textarea {font-family: "Lucida Sans"}
#submit {font-weight: bold; padding: 5px 10px;border:1px solid #aaa;margin-top: 5px;}




/* =Post
-------------------------------------------------------------- */
#post h2 {
	font-weight: bold;
	font-size: 18px;
	color: #d60084;
	text-transform: none;
	border-top: 10px solid #eee;
	margin-top: 5px;
}
#post strong {
	font-weight: bold;
}
#post em {
	font-style: italic;
}

.page-title {
	font-weight: bold;
	font-size: 30px;
	text-transform: none;
	color:#4d902a;
	padding: 0px 0px 20px 0px;
}
.left {
	float: left;
}

img.alignright {float:right; margin:0 0 5px 5px}
img.alignleft {float:left; margin:0 6px 0px 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}




/* =Widget Areas
-------------------------------------------------------------- */
.widget-title {margin-bottom:7px;font-size: 12px;font-weight: bold}
.widget-area ul li {display: block;list-style:none;margin:0;padding:8px 0;text-align: left;}
.widget-area ul li a {display: block;border: none;font-weight: bold;}
.widget-area dt {font-weight: bold;float:left;width:80px;padding-bottom:7px;clear:left}
.widget-area dd {padding-bottom:7px;}
.widget-container {
	margin: 0;
}
.xoxox {
	margin-left: -1em;
	margin-top: -1em;
}
.status_press {
	font: 12px "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	border-top: 1px solid #ccc;
}
.status-time {
	font: 10px "Helvetica Neue", Helvetica, Arial, Sans-Serif;
	margin-top:0;
}

/* =Footer
-------------------------------------------------------------- */

#footer {
	background-color: black;
	color: black;
	width: 1040px;
	height: 100px;
	position: relative;
	margin: 0 auto;
	margin-top: -59px;
}

#footerLogo {
	background-image: url('images/footerLogo.png');
	width:204px;
	height: 26px;
	position: relative;
	margin-left: 30px;
	top: 50px;
}

#footer a:link, a:visited {
	color: #FBB040;
	text-decoration: none;
	font-family: "ThonBold";
	font-size: 12px;
}
#footer a:hover {
	color: #fff;
	border-bottom: none;
}

#footerContact {
	margin-left: 922px;
	margin-top: 0px;
}

#copyright {
	position: relative;
	margin-top:30px;
	margin-left:805px;
	color: #6A686D;
	font-family: "ThonReg";
	font-size: 11px;	
}




/* =Search
-------------------------------------------------------------- */
#search_form {
width: 15px;}
.search_input {
width: 5px;}