/*   
Theme Name: sharonmcl.com
Theme URI: http://greenturtle.com.au/
Description: designed for Sharon Mclaughlin.
Author: Green Turtle Web Design
Author URI: http://greenturtle.com.au/
Version: 1.0

*/


/*Reset default browser CSS
-------------------------------------------------------------- */

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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}
*{
	font-family:Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4 {
	font-family:Garamond, Times News Roman, serif;
}



.clear {clear:both;}

/*structure*/

body.page-id-21, body.page-id-18, body.page-id-71 {
	background-color:#FFF;
	background-image:url(red-bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}

body.page-id-4 {
	background-color:#FFF;
	background-image:url(orange-bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}

body.page-id-24, body.page-id-173 {
	background-color:#FFF;
	background-image:url(yellow-bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}


body.page-id-2480, body.page-id-110 {
	background-color:#FFF;
	background-image:url(green-bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}


body.page-id-6, body.page-id-110 {
	background-color:#FFF;
	background-image:url(blue-bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}

body.page-id-10, body.post-type-archive-testimonial {
	background-color:#FFF;
	background-image:url(dkpurp-bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}

body.page-id-14, body.post-type-archive-reflections, body.single, body.search, body.category-coaching, body.category-creating, body.category-connecting, body.category-training, body.category-celebrations  {
	background-color:#FFF;
	background-image:url(dkpurp-bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}

body.page-id-16 {
	background-color:#FFF;
	background-image:url(ltpurp-bg.jpg);
	background-position:center center;
	background-repeat:no-repeat;
}

#wrapper {
	margin: 0 auto;
	width: 940px;
}

#header {
	width:100%;
	height:90px;
	background-image:url(head-grad.png);
	background-repeat:no-repeat;
	background-position:top;
	position:relative;
	z-index:20;
}

#logo {
	width:480px;
	float:left;
}

#social {
	float:right;
	width:400px;
	text-align:right;
	margin-top:8px;
}

#social img {
	display:inline-block;
}
#social a {
	display:inline-block;
}

#slides {
	position:relative;
	width:940px;
	height:301px;
	z-index:10;
	top:-30px;
}

#mini-bar {
	position:relative;
	width:940px;
	height:100px;
	z-index:10;
	top:-30px;
	margin-bottom:-30px;
}

#menu {
	width:940px;
	position:relative;
	z-index:10;
	background-color:#FFF;
	height:45px;
	-webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.25);
-moz-box-shadow:    0px 5px 10px rgba(0, 0, 0, 0.25);
box-shadow:         0px 5px 10px rgba(0, 0, 0, 0.25);


}

#top {
	width:100%;
	background:url(divider.jpg);
	height:2px;
}

#bottom {
	width:100%;
	background:url(divider.jpg);
	height:2px;
}


#menu ul {
	width:100%;
}

#menu li {
	display:inline-block;
	list-style:none;
	margin-left:-4px;
}


#menu li a {
	display:inline-block;
	height:21px;
	padding:10px 23px 10px 22px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#000;
	text-decoration:none;
}

#menu li a:hover {
	text-decoration:none;
}


#menu-item-27 a:hover {
	color:#fc1828;
}
#menu-item-27 li.current-page-item {
	color:#fc1828;
}
#menu-item-33 a:hover {
	color:#fd983c;
}
#menu-item-26 a:hover {
	color:#fedc55;
}
#menu-item-2497 a:hover {
	color:#63b537;
}
#menu-item-32 a:hover {
	color:#2c8fd3;
}
#menu-item-31 a:hover {
	color:#561370;
}
#menu-item-30 a:hover {
	color:#56146f;
}
#menu-item-90 a:hover {
	color:#56146f;
}
#menu-item-29 a:hover {
	color:#8830a7;
}
#menu-item-28 a:hover {
	color:#e75d95;
}


#container {
	width:100%;
	min-height:600px;
	background-color:#FFF;
	position:relative;
	z-index:5;
overflow:hidden;
	
}

#primary {
	float:left;
	overflow:hidden;
	width:580px;
	margin-left:10px;
	margin-right:10px;
	padding-top:30px;
}

#primary h1 {
	float:left;
	width:100%;
	margin-top:10px;
}

#primary h2 {
	float:left;
	width:100%;
	margin-top:10px;
}

#primary p {
	width:100%;
	float:left;
	margin-top:10px;
	margin-bottom:15px;
	font-size:13px;
	color:#333;
	line-height:1.3em;
	text-align:justify;
}

#primary li {
	font-size:13px;
	color:#333;
	line-height:1.3em;
	float:left;
}

#primary a {
	color:#666;
	text-decoration:none;
	border-bottom:1px dashed #2b8fd4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}
#primary a:hover {
	color:#333;
	border-bottom:1px solid #2b8fd4;
}

#reflections a {
	color:#666;
	text-decoration:none;
	border-bottom:1px dashed #2b8fd4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}
#reflections a:hover {
	color:#333;
	border-bottom:1px solid #2b8fd4;
}

#primary img {
	margin:3px;
	padding:3px;
	border: solid #CCC 1px;
}

#paged a {
	color:#2b8fd4;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}
#paged a:hover {
	color:#333;
}


#primary hr {
	float:left;
	width:100%;
	color:#279bcb;
	background-color:#279bcb;
	height:2px;
	border:0;
}


#secondary {
	float: right;
	overflow: hidden;
	width: 320px;
	margin-left:10px;
	margin-right:10px;
	min-height:400px;
}

#fb-feed {
	margin-top:50px;
	margin-left:20px;
	text-align:center;
	border:2px solid #279bcb;
	position:relative;
	z-index:40;
	width:290px;
}

#fb-feed h3 {
	width:100%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:14px;
	position:relative;
	top:-35px;
}
	

#fb-flat {
	width:51px;
	height:51px;
	background-image:url(fb-flat.png);
	position:relative;
	z-index:50;
	top:-20px;
	left:-15px;
}

#fb-like {
	width:100%;
	position:relative;
	top:-30px;
}

#youtube {
	margin-top:50px;
	margin-left:20px;
	text-align:center;
	position:relative;
	z-index:40;
	width:290px;
}

#celebrant-contact {
	width:290px;
	margin-top:50px;
	margin-left:40px;
	font-size:13px;
}
#celebrant-contact p{
	margin-top:10px;
}

#celebrant-contact input[type=text], #celebrant-contact input[type=email], #celebrant-contact input[type=tel], #celebrant-contact textarea{
	padding:7px;
	border:1px solid #666;
	margin-top:3px;
	margin-bottom:3px;
	width:250px;
	margin-right:15px;
	background-color:#ebebeb;
	border-radius: 3px;
}
#celebrant-contact input[type=submit]{
	margin-right:23px;
}

#email-signup {
	width:100%;
	margin-top:20px;
	margin-bottom:20px;
	margin-left:5px;
	margin-right:5px;
}
#email-signup h2 {
	font-size:30px;
	margin-left:30px;
}
#keys {
	color:#999;
	font-size:13px;
	margin-left:30px;
	font-family:Arial, Helvetica, sans-serif;
}
#email-signup input[type=email]{
	padding:7px;
	border:1px solid #666;
	margin-top:3px;
	margin-bottom:3px;
	width:272px;
	margin-left:20px;
	margin-right:15px;
	background-color:#ebebeb;
	border-radius: 3px;
}

input[type=submit] {
display:inline-block;
float:right;
margin-right:12px;
margin-top:5px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(top, #eeeeee, #cccccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
border-radius: 3px;
color: #152494;
font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
padding: 5px 10px 5px 10px;
text-align: center;
text-shadow: 0 1px 0 #eee;
}

input[type=submit]:hover {

    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd; }
input[type=submit]:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

#foot-container {
	float:left;
	width:100%;
	overflow:hidden;
}

#divider {
	float:left;
	width:100%;
	height:5px;
	overflow:hidden;
	margin-top:20px;
	margin-bottom:20px;
	background-image:url(divider.jpg);
	background-position:center;
	background-repeat:no-repeat;
}


#foot-credits {
	width:100%;
	margin-top:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	font-size:11px;
	margin-bottom:50px;
}
#foot-credits a {
	display:inline;
	margin-left:20px;
	color:#000;
	text-decoration:underline;
}

#about {
	float:left;
	min-height:200px;
	width:300px;
	margin-right:10px;
	margin-left:10px;
	margin-bottom:30px;
}

#about h2 {
	font-size:22px;
	margin-bottom:15px;
}

#about img {
	margin:5px 3px 5px 0px;
	padding:3px;
	border: solid #CCC 1px;
}
#about p {
	color:#333;
	margin-top:5px;
	margin-bottom:15px;
	font-size:14px;
}

#border{
	text-align:right;
	margin-top:15px;
	color:#666;
	text-decoration:none;
	border-bottom:1px dashed #2b8fd4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

#border:hover {
	color:#333;
	border-bottom:1px solid #2b8fd4;
}

#contact {
	float:left;
	min-height:200px;
	width:260px;
	margin-left:10px;
	margin-right:20px;
	margin-bottom:30px;
}

#contact input[type=text], #contact input[type=email], #contact textarea {
padding: 7px;
border: 1px solid #666;
margin-top: 3px;
margin-bottom: 3px;
width: 220px;

background-color: #ebebeb;
border-radius: 3px;
}
#contact p {
	font-size:12px;
	margin-top:10px;
}

#contact input[type=submit] {
display:inline-block;
float:right;
margin-top:5px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(top, #eeeeee, #cccccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
border-radius: 3px;
color: #152494;
font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
padding: 5px 10px 5px 10px;
text-align: center;
text-shadow: 0 1px 0 #eee;
}

#contact input[type=submit]:hover {

    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd; }
#contact input[type=submit]:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

#main-contact {
	min-height:200px;
	width:100%;
	margin-left:10px;
	margin-right:20px;
	margin-bottom:30px;
}

#main-contact input[type=text], #main-contact input[type=email], #main-contact textarea {
padding: 7px;
border: 1px solid #666;
margin-top: 3px;
margin-bottom: 3px;
width: 400px;

background-color: #ebebeb;
border-radius: 3px;
}
#main-contact p {
	font-size:12px;
	margin-top:10px;
}

#main-contact input[type=submit] {
display:inline-block;
float:right;
margin-right:150px;
margin-top:5px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
background-image: linear-gradient(top, #eeeeee, #cccccc);
border: 1px solid #ccc;
border-bottom: 1px solid #bbb;
border-radius: 3px;
color: #152494;
font: bold 11px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
padding: 5px 30px 5px 30px;
text-align: center;
text-shadow: 0 1px 0 #eee;
}

#main-contact input[type=submit]:hover {

    background-color: #dddddd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dddddd), color-stop(100%, #bbbbbb));
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(top, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd; }
#main-contact input[type=submit]:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee; }

#testimonials {
	float:left;
	min-height:200px;
	width:300px;
	margin-left:10px;
	margin-bottom:30px;
}
#testimonials h2{
	font-size:22px;
	margin-bottom:15px;
}

#testimonials p {
	color:#333;
	margin-top:5px;
	margin-bottom:15px;
	font-style:italic;
	font-size:14px;
}

#disclaimer {
	width:800px;
	text-align:center;
	float:left;
	margin-bottom:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	margin-left:70px;
	font-size:11px;
}

#sitemap {
	width:100%;
	float:left;
}

#sitemap ul {
	width:100%;
	text-align:center;
}

#sitemap li {
	display:inline-block;
	list-style:none;
	height:50px;
	width:200px;
}
#sitemap li a {
	color:#666;
	text-decoration:none;
	border-bottom:1px dashed #2b8fd4;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}
#sitemap li a:hover {
	color:#333;
	border-bottom:1px solid #2b8fd4;
}

#sitemap:after {
  content: '';
  width: 100%; /* Ensures there are at least 2 lines of text, so justification works */
  display: inline-block;
}

#search{
	margin-top:30px;
}

#search input[type=text]{
	display:inline-block;
	padding:7px;
	border:1px solid #666;
	margin-top:5px;
	margin-bottom:3px;
	width:220px;
	margin-left:20px;
	margin-right:5px;
	background-color:#ebebeb;
	border-radius: 3px;
}

#searchsubmit {
	display:inline-block;
    width:30px;
    height:30px;
    background: url("search.png") top left no-repeat;  
    border: none; 
}

.screen-reader-text {
    display:none;
}

#categories {
	margin-top:30px;
	margin-left:20px;
}
#categories a{
	color:#666;
	text-decoration:none;
}


.nodisplay {
	display:none;
}

.cat-item {
	display:block;
	list-style:none;
	margin-right:50px;
	text-align:right;
	margin-top:5px;
}

.form-allowed-tags {
	display:none;
}
p.logged-in-as {
	display:none;
}

#reply-title {
	margin-bottom:10px;
	margin-top:10px;
}

#comment {
	width:400px;
}

#comment li {
	list-style:none;
}
li.commentlist {
	list-style:none;
}

li.comment {
	list-style:none;
	display:inline-block;
	width:430px;
	margin:5px;
	padding:5px;
	border: solid #CCC 1px;

}

#comments-title {
	margin-bottom:15px;
	margin-top:15px;
}

#comments-title em {
	font-family:Garamond, Times New Roman, serif;
	font-weight:bold;
}


p.mc4wp-alert{ font-size:10px; margin-left:20px; margin-top:20px; }
div.wpcf7-mail-sent-ok {
border: 0;
}