/*
Theme Name: CustomES
Theme URI: http://thecybertramp.com
Description: Custom Theme for EnablingSuccess.com
Version: 2.8
Author: Stella Marshall (Cybertramp Web Design)
Author URI: http://thecybertramp.com
Tags: modern, custom
*/
/*main area*/

* {margin:0; padding: 0; }
body {}
div#container {width: auto; text-align: center;}
div#body-replace {font-family: Geneva, Verdana, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 12pt; color: black; background-image: url("images/logo.jpg"); background-repeat: no-repeat; width: 1140px; margin: auto;}
div#text-fix {text-align: left;}
div#page-wrap {margin: 0 70px  auto 60px; padding-left: 10px; width: 1025px; height: auto; overflow: hidden;}
div#search {float: right; width: 320px; text-align: right; margin-right: 25px;}
div#header {margin: 75px 0 0 0; background-color: rgb(119,39,52); width: 1000px; min-height: 400px; height: auto; -webkit-border-top-left-radius: 150px; -moz-border-radius-topleft: 150px; border-top-left-radius: 150px;  -webkit-border-bottom-right-radius: 150px; -moz-border-radius-bottomright: 150px; border-bottom-right-radius: 150px; color: rgb(255,255,255); background-image: -moz-linear-gradient(top,rgb(119,39,52),rgb(69,23,30)); background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(119,39,52)), to(rgb(69,23,30))); filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#360810', startColorstr='#552128', gradientType='0'); box-shadow: -5px 5px 8px #000000; -webkit-box-shadow: -5px 5px 8px #000000;-moz-box-shadow: -5px 5px 8px #000000;}
div#pagestretch {clear: both; height: 1px;}
div#newsletter {width: 337px; height: 168px; margin: 0 0 0 -15px; background-image: url('images/photo_button_2state2.png'); background-position: 0px 0px;}
div#newsletter:hover {cursor: pointer; width: 337px; height: 168px; margin: 0 0 0 -15px;; background-image: url('images/photo_button_2state2.png'); background-position: 0px -168px;}
div#footer {border: 1px solid #eee; clear: both; height: 75px; width: auto; margin: 0 0 25px 0; padding: 25px; color: black; background-image: url('images/footer_logo.jpg'); background-position: 25px 25px; background-repeat: no-repeat; font-size: 8pt; -webkit-border-top-left-radius: 50px; -moz-border-radius-topleft: 50px; border-top-left-radius: 50px;  -webkit-border-bottom-right-radius: 50px; -moz-border-radius-bottomright: 50px; border-bottom-right-radius: 50px; box-shadow: -5px 5px 8px #000000; -webkit-box-shadow: -5px 5px 8px #000000;-moz-box-shadow: -5px 5px 8px #000000;}
div#details {margin-left: 574px; text-align: right;}
div#post-foot {font-size: 8pt; margin: 25px 0;}
div#respond {}
div.main-content {margin: 0; padding: 45px; width: 585px; float: left;}
.splashPage {width: 1000px;  margin-left: 70px;}
.splashNews {
margin-right: auto; 
margin-left: auto; 
float: right; 
width: 200; 
height: 75; 
background-color: green;
color: white;
display: block;
padding: 5px;
text-align: center;
border: 1px solid #ccc;
border-radius: 80px 0px 80px 0px;
-moz-border-radius: 80px 0px 80px 0px;

-moz-box-shadow: -5px 5px 15px 5px #DDD;
-webkit-box-shadow: -3px 3px 15px 3px #DDD;
box-shadow: -5px 5px 15px 5px #DDD;
/*background-image: url('images/photo_button_2state2.png'); 
background-position: 0px 0px;*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#009933'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#093)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ccc,  #093); /* for firefox 3.6+ */
}
.splashNews:hover {
cursor: hover; 
margin-right: auto; 
margin-left: auto; 
float: right; 
/*width: 337px; 
height: 168px; 
background-image: url('images/photo_button_2state2.png'); 
background-position: 0px -168px;*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#009933', endColorstr='#cccccc'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#093), to(#ccc)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #093,  #ccc); /* for firefox 3.6+ */ 

}

div.story-content, div#questions {margin: auto; padding: 0; width: 565px; clear: left;}
div.sidebar {float: right; width: 320px; margin: 45px 0 0 0; }
div.main {margin-right: 25px;}
p {padding: 0 0 15px 0;}
div#tom {clear: right; webkit-box-shadow: 0px;}
div#header > div#main-content > P {text-shadow: -2px 2px 5px rgba(25,25,25,0.25); font-size: 14pt; font-weight: normal; color: white; padding: 0;}
div.main-content ul {margin: 0 50px; }
div.main-content li {margin-bottom: 15px;  list-style-image: url('images/spot.png');
list-style-type: circle;}
blockquote {width: auto; height: auto; background-color: rgb(245,245,245);  padding: 50px; color: #3d3d3d; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; overflow: visible;}
div#blue, div#green, div#red, div#orange {width: 400px; margin: 15px 0; height: auto; background-color: rgb(245,245,245);  padding: 50px; color: #3d3d3d; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; overflow: visible; box-shadow: -5px 5px 8px #666666; -webkit-box-shadow: -5px 5px 8px #666666;-moz-box-shadow: -5px 5px 8px #666666; clear: left; float: left;}
#blue h3 {color: rgb(42,42,120);}
#green h3 {color: green;}
#red h3 {color: rgb(119,39,52);}
#orange h3 {color: goldenrod;}
div#position-fix {clear: both; height: 20px;}
span#moreInfo {display: none;}
a:hover>span#moreInfo {display: inline; font-size: xx-small; color: white;}
/*navigation*/
a {text-decoration: none;}
a img {border: 0;}
a#pops {border: none; display: block; width: 337px; height: 168px; margin: 0; }
a#home-link {border: none; display: block; width: 550px; height: 50px; position: absolute; top: 10px; left: 0;}
a#home-link span#hidden {display: none;}
div.main-content a img {border: 10px solid white;}
:focus { -moz-outline-style: none; }
div#main-nav ul {list-style-type: none; background-image: -moz-linear-gradient(right,rgba(153,102,102,1),rgba(69,23,30,0)); background-image: -webkit-gradient(linear, right top, left top, from(rgba(153,102,102,1)), to(rgba(69,23,30,0))); }
#main-nav ul li {font-family: "Century Gothic", "Apple Gothic", sans-serif ; font-size: 16pt; text-shadow: -2px 2px 5px rgba(25,25,25,1); line-height: 1.5em; }
#main-nav ul li a {color: white; display: block; font-weight: normal; }
#main-nav ul li a:hover {margin: 0 -25px 0 -25px; text-indent: 25px; font-weight: bold; text-shadow: -3px 3px 5px rgba(50,50,50,0.50); background-color: rgba(228,191,72,1);-moz-border-radius: 50%; -webkit-border-radius: 20px; box-shadow: -2px 2px 5px rgba(25,25,25,1); -webkit-box-shadow: -2px 2px 5px rgba(25,25,25,1);-moz-box-shadow: -2px 2px 5px rgba(25,25,25,1); background-image: -moz-linear-gradient(right,rgba(153,102,102,0.5),rgba(69,23,30,0)); background-image: -webkit-gradient(linear, right top, left top, from(rgba(153,102,102,0.5)), to(rgba(69,23,30,0)));}
#main-nav ul li.current_page_item a {color: rgb(35,35,63); background-color: white; display: block; font-weight: normal; -moz-border-radius: 50%; -webkit-border-radius: 20px; box-shadow: -2px 2px 5px rgba(25,25,25,1); -webkit-box-shadow: -2px 2px 5px rgba(25,25,25,1);-moz-box-shadow: -2px 2px 5px rgba(25,25,25,1); margin: 0 -25px 0 -25px; text-indent: 25px; background-image: -moz-linear-gradient(right,rgba(100,100,100,0.2),rgba(255,255,255,0)); background-image: -webkit-gradient(linear, right top, left top, from(rgba(100,100,100,0.2)), to(rgba(255,255,255,0)));}
#sub-nav {margin-top: 15px; padding: 30px 0; background-color: rgb(250,250,250);  -moz-border-radius-topright: 50px;  -moz-border-radius-bottomleft: 50px;  -webkit-border-top-right-radius: 50px;  -webkit-border-bottom-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px;box-shadow: -2px 2px 5px rgba(25,25,25,0.25); -webkit-box-shadow: -5px 5px 8px rgba(25,25,25,0.25);-moz-box-shadow: -2px 2px 5px rgba(25,25,25,0.25); }
#sub-nav > * {}
#sub-nav ul {margin-bottom: 25px;}
#sub-nav li {list-style-type: none; line-height: 1.5em; padding-left: 50px;}
#sub-nav li:hover {background-color: #fff;}
#sub-nav li a {font-size: 10pt; display: block;}
#sub-nav h4 {border-bottom: 2px solid rgba(25,25,25,0.25); text-indent: 50px;}
a:link {color: rgb(42,42,120); font-weight: bold}
a:visited {color: rgb(153,102,102); font-weight: bold}
a:hover {color: rgb(204,153,0); font-weight: bold}
a:active {color: rgb(119,39,52); font-weight: bold; outline: none;}

#sub-nav li a:link {color: rgb(42,42,120); font-weight: bold}
#sub-nav li a:visited {color: rgb(153,102,102); font-weight: bold}
#sub-nav li a:hover {color: rgb(204,153,0); font-weight: bold; background-color: #fff; border-bottom: 1px solid #eee; }
#sub-nav li a:active {color: rgb(119,39,52); font-weight: bold; outline: none;}
#header .main-content .post a:link {color: rgb(255,255,255); font-weight: bold; }
#header .main-content .post a:visited {color: rgb(200,200,200); font-weight: bold; }
#header .main-content .post a:hover {color: rgb(255,255,255); font-weight: bold; text-decoration: underline; }
#header .main-content .post a:active {color: rgb(119,39,52); font-weight: bold; outline: none;}
/*typography*/
#main-nav h4 {display: none;}
h1, h1 strong {color: rgb(255,255,255); font-family: "Century Gothic", "Apple Gothic", sans-serif ; font-size: 24pt; font-weight: normal; text-shadow: -2px 2px 5px rgba(25,25,25,1);  padding: 20px 0;
}
/*#header .main-content h1 {display: none;}*/

h2, h2 strong, h2 strong em {font-family: "Century Gothic", "Apple Gothic", sans-serif; font-size: 18pt; font-weight: normal; color: rgb(119,39,52); text-shadow: -2px 2px 5px rgba(25,25,25,0.75); padding: 0 0 15px 0;}

/*#header .main-content .post h2 {color: rgb(255,255,255); font-family: "Century Gothic", "Apple Gothic", sans-serif ; font-size: 24pt !important; font-weight: normal; text-shadow: -2px 2px 5px rgba(25,25,25,1) !important;  padding: 20px 0 !important;}*/

h3, h3 strong, h3 strong em {font-family: "Century Gothic", "Apple Gothic", sans-serif; font-size: 14pt; font-weight: normal; color: rgb(119,39,52); text-shadow: -1px 1px 3px rgba(25,25,25,0.75); padding: 0 0 15px 0;}
h4, h4 strong, h4 strong em {font-family: "Century Gothic", "Apple Gothic", sans-serif; font-size: 12pt; font-weight: normal; color: rgb(119,39,52); text-shadow: -1px 1px 2px rgba(25,25,25,0.75); padding: 0 0 15px 0;}
h5, h5 strong, h5 strong em {font-family: "Century Gothic", "Apple Gothic", sans-serif; font-size: 10pt; font-weight: normal; color: rgb(119,39,52); text-shadow: -1px 1px 2px rgba(25,25,25,0.75); padding: 0 0 15px 0;}

em {background-color: rgb(228,191,72); color: white; font-size: 16pt; font-style: normal; font-family: "Century Gothic", "Apple Gothic", sans-serif; text-shadow: -2px 2px 3px rgba(50,50,50,0.50); padding: 10px; display: block; margin: 5px 0; }
div#header h1, div#header h2, div#header h3, div#header h4, div#header h5, div#header strong {color: white;}
strong {font-weight: normal; text-shadow: -1px 1px 1px rgba(25,25,25,0.5); color: #1e1e1e;}

/*images*/
img {float: right; margin: 15px; border: 10px solid white; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: -2px 2px 5px rgba(25,25,25,0.5); -webkit-box-shadow: -2px 2px 5px rgba(25,25,25,0.5);-moz-box-shadow: -2px 2px 5px rgba(25,25,25,0.5); }

/*form*/
form {width: 290px; height: 30px; margin: 0 0 0 30px; background-color: rgb(119,39,52);  -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; box-shadow: -2px 2px 5px rgba(25,25,25,0.5); -webkit-box-shadow: -2px 2px 5px rgba(25,25,25,0.5);-moz-box-shadow: -2px 2px 5px rgba(25,25,25,0.5); }
input {border: 1px solid #666; padding: 5px; width: 210px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; margin: 2px 0 0 0;}
input#searchsubmit {cursor: pointer; width: 60px; background-color: rgb(119,39,52); color: white; text-transform: uppercase; border: none; }
label.screen-reader-text {display: none;}
form#commentform, form.wpcf7-form {width: 400px; height: auto; background-color: rgb(245,245,245);  padding: 50px; color: #3d3d3d; text-transform: lowercase; -webkit-border-top-left-radius: 50px; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 50px; -moz-border-radius-topright: 0; border-top-left-radius: 50px;  border-top-right-radius: 0; -webkit-border-bottom-right-radius: 50px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 50px; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 50px; border-bottom-left-radius: 0; overflow: visible;}
form#commentform input {display: block; border: 2px solid #eee; box-shadow: 2px -2px 5px rgba(25,25,25,0.5); -webkit-box-shadow: 2px -2px 5px rgba(25,25,25,0.5);-moz-box-shadow: 2px -2px 5px rgba(25,25,25,0.5); font-size: normal; color: #727272; text-shadow: 1px -1px 2px rgba(0,0,0,0.25); margin: 10px; }
form#commentform label {line-height: 2em;}
form#commentform textarea, form.wpcf7-form textarea {width: 400px; border: 2px solid #eee; box-shadow: 2px -2px 5px rgba(25,25,25,0.5); -webkit-box-shadow: 2px -2px 5px rgba(25,25,25,0.5);-moz-box-shadow: 2px -2px 5px rgba(25,25,25,0.5);   -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
form#commentform input#submit {cursor: pointer; font-size: large; background-color: white; box-shadow: -2px 2px 5px rgba(25,25,25,0.5); -webkit-box-shadow: -2px 2px 5px rgba(25,25,25,0.5);-moz-box-shadow: -2px 2px 5px rgba(25,25,25,0.5); color: #727272; text-shadow: 1px -1px 2px rgba(0,0,0,0.25); margin: 10px; }

/*this whole section needs looking at*/
form.wpcf7-form p.form_element label {line-height: 2em; cursor: default; font-size: normal;}
form.wpcf7-form p.form_element input {display: block; border: 2px solid #eee; box-shadow: 2px -2px 5px rgba(25,25,25,0.5); -webkit-box-shadow: 2px -2px 5px rgba(25,25,25,0.5);-moz-box-shadow: 2px -2px 5px rgba(25,25,25,0.5); cursor: default; font-size: small;}
form.wpcf7-form p input {cursor: pointer; font-size: large; background-color: white; box-shadow: -2px 2px 5px rgba(25,25,25,0.5); -webkit-box-shadow: -2px 2px 5px rgba(25,25,25,0.5);-moz-box-shadow: -2px 2px 5px rgba(25,25,25,0.5); color: #727272; text-shadow: 1px -1px 2px rgba(0,0,0,0.25); margin: 10px; }
/*this is not working correctly as the submit button has no id*/
form#colorForm {margin: auto; padding: 0; width: auto; height: auto; clear: left; }
form#colorForm h3 {color: white; padding: 15px;}
form#colorForm fieldset {background-color: white;}
form#colorForm ul {}
form#colorForm li {list-style-type: none; list-style-image: none; width: auto; border-bottom: 1px solid #cccccc; background-color: #eeeeee;}
form#colorForm li:hover {background-color: white;}
form#colorForm label {margin: 0 0 0 -100px;}
input#colour-submit {cursor: pointer; font-size: large; background-color: white; box-shadow: -2px 2px 5px rgba(25,25,25,0.5); -webkit-box-shadow: -2px 2px 5px rgba(25,25,25,0.5);-moz-box-shadow: -2px 2px 5px rgba(25,25,25,0.5); color: #727272; text-shadow: 1px -1px 2px rgba(0,0,0,0.25); margin: 10px; }
/*this is for the newsletter widget*/
/*li#wpoi {list-style-type: none;}*/
div.widget {font-size: large; text-shadow: 1px -1px 2px rgba(0,0,0,0.5); padding: 30px;}
span#formatForm form {width: 200px; height: auto; background-color: rgb(245,245,245);  padding: 50px; color: #3d3d3d; text-transform: lowercase; -webkit-border-top-left-radius: 50px; -webkit-border-top-right-radius: 0; -moz-border-radius-topleft: 50px; -moz-border-radius-topright: 0; border-top-left-radius: 50px;  border-top-right-radius: 0; -webkit-border-bottom-right-radius: 50px; -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomright: 50px; -moz-border-radius-bottomleft: 0; border-bottom-right-radius: 50px; border-bottom-left-radius: 0; overflow: visible;}
span#formatForm p {line-height: 2em; cursor: default; font-size: large; color: #727272; text-shadow: 1px -1px 2px rgba(0,0,0,0.25);}
span#formatForm p input, span#formatForm p input#wpoi_email {display: block; cursor: pointer; border: 2px solid #eee; box-shadow: 2px -2px 5px rgba(25,25,25,0.5); -webkit-box-shadow: 2px -2px 5px rgba(25,25,25,0.5);-moz-box-shadow: 2px -2px 5px rgba(25,25,25,0.5); font-size: large; color: #727272; text-shadow: 1px -1px 2px rgba(0,0,0,0.25); margin: 10px; }
*.button {cursor: pointer; font-size: large; background-color: white; box-shadow: -2px 2px 5px rgba(25,25,25,0.5); -webkit-box-shadow: -2px 2px 5px rgba(25,25,25,0.5);-moz-box-shadow: -2px 2px 5px rgba(25,25,25,0.5); color: #727272; text-shadow: 1px -1px 2px rgba(0,0,0,0.25); margin: 10px;}
/*form.wpcf7-form p input {cursor: pointer; font-size: large; background-color: white; box-shadow: -2px 2px 5px rgba(25,25,25,0.5); -webkit-box-shadow: -2px 2px 5px rgba(25,25,25,0.5);-moz-box-shadow: -2px 2px 5px rgba(25,25,25,0.5); color: #727272; text-shadow: 1px -1px 2px rgba(0,0,0,0.25); margin: 10px; }*/
/*had to take this out as there are no selectors again*/


/*comments*/
ol.commentlist > * {list-style-image: none !important; list-style-type: none  !important;}
ol.commentlist li {background-color: rgb(250,250,250);  padding: 25px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; box-shadow: -2px 2px 5px rgba(25,25,25,0.5); -webkit-box-shadow: -2px 2px 5px rgba(25,25,25,0.5);-moz-box-shadow: -2px 2px 5px rgba(25,25,25,0.5); }
div.commentmetadata {font-size: 8pt;}
cite.fn {font-style: normal; font-family: "Century Gothic", "Apple Gothic", sans-serif; font-size: 14pt; text-shadow: -1px 1px 3px rgba(25,25,25,0.75); font-weight: normal;}
div.comment-body em {font-family: "Century Gothic", "Apple Gothic", sans-serif; font-size: 10pt; font-weight: normal; color: rgb(255,255,255); text-shadow: -1px 1px 2px rgba(25,25,25,0.75); padding: 5px;}