/*
Theme Name: Pippa Craggs
Theme URI: http://www.simplethemes.com/wordpress-themes/theme/skeleton
Description: Skeleton Child Theme. Use this child theme to safely make modifications to the existing theme. Using a child theme ensures that you do not lose the modifications with theme updates.
Version: 2.0.1
Author: Simple Themes
Author URI: http://www.simplethemes.com
Template: smpl-skeleton
License: GPLƒ
License URI: http://www.opensource.org/licenses/gpl-license.php
*/



@import url("../smpl-skeleton/style.css");

body {font-family: 'Josefin Sans', sans-serif;
	  background:#FFFFFF;
	  background-image: url("images/menu-bg.png");
    background-position: center top;
    background-repeat: repeat-x;
    color:#444444;
    }

#header {
    clear: both;
    margin: 0px;
}


#header .inner {
    padding-bottom: 20px;
    padding-top: 0px;
    margin:0px;
}

#navigation {		font-family: 'Muli', sans-serif;
    text-transform:uppercase;
    clear: both;
    margin-bottom: 0px;
    margin-top: 0px; margin-left: 24px;

}
#navigation ul, #navigation ul li {
    float: left;
    margin: 0;
    padding: 0;
    box-shadow:none;
}
#navigation ul {
    background: none repeat scroll 0 0 #00516B;
    border: medium none;
    border-radius: 0;
    position: relative;
    margin-left:1px;
}
#navigation ul li {
    background: none repeat scroll 0 0 #00516B;
    border: medium none;
    margin-right: 30px; 
    position: relative;
}
#navigation ul li a {
    background-image: none;
    border: medium none;
    color: #fff;
    display: block;
    font-weight: normal;
    padding: 11px 15px;
    text-decoration: none;
    text-shadow: none;
}
#navigation ul li:hover a, #navigation ul li a:hover {
    background: none repeat scroll 0 0 #3EB1C8;
    border: medium none;
    color: #fff;
}
#navigation ul li:hover li a {
    background: none repeat scroll 0 0 #3EB1C8;
    color: #fff;
    font-weight: normal;
}
#navigation ul li.active a {
    background: none repeat scroll 0 0 #3EB1C8;
    border-bottom: medium none;
    color: #fff;
    text-shadow: none;
}
#navigation ul.sub-menu, #navigation ul.children {
    border-style: none;
}
#navigation ul.sub-menu li, #navigation ul.children li {
    border: medium none;
}
#navigation ul.sub-menu li a, #navigation ul.children li a {
    background: none repeat scroll 0 0 #3EB1C8;
    border-bottom: medium none;
    border-radius: 0;
    font-size: 1.1em;
    height: 32px;
    line-height: 32px;
    min-width: 210px;
    padding: 5px 10px 5px 24px;
    position: static;
    z-index: 10;
}
#navigation ul.sub-menu li a:hover, #navigation ul.children li a:hover {
    background: none repeat scroll 0 0 #00516B;
    border-bottom: medium none;
    color: #fff;
}



#outer2 { }
#inner2 { width: 900px; margin: 0 auto; }


#sidebar {margin-top:30px;}
#sidebar h3 {font-size:1.8em; text-align:center;}

strong {color:initial;}



#base-logo {}

.one_half img {border:4px solid #FFF;}


#tag {}



h1 {color:#00516C; font-weight: normal;}
h2 {color:#00516C; font-weight: normal; padding-top:34px; font-weight:1.75em;}
h3 {color:#00516C; font-weight: normal; padding-top:16px;}
h4 {color:#00516C; font-weight: normal; padding-top:24px;}

.entry content h2 {color:#00516C; font-weight: normal; font-size:1.3em;}

blockquote {background-image: url("images/quote.png");
    background-position: left top;
    background-repeat: repeat-x;
  font-size: 1.2em; padding-left:10%; padding-right:10%}


.more a:link, .more a:visited {
    background: #00516B;
    color: #ffffff;
    font-weight: normal;
    padding: 12px;
    text-decoration: none;

}
.more a:hover {
    background: #D86C00;
}


#contact-footer {background:#3EB1C8; padding:20px; text-align:center; color:#FFF;}
#contact-footer h2 {color:#FFF;}  
 
#site-title, .site-desc {display:none;}

#base-footer {
background: none repeat scroll 0 0 #00516C;
color: #FFF;
padding: 40px 0 40px 0;
text-align: center;
width: 100%;
min-height:140px;
}

#base-footer-pic {
 background-image: url("images/fade2-bg-footer.png");
    background-position: center top;
    background-repeat: repeat-x;
width: 100%;
min-height:120px;
}



#footer .themeauthor {display:none;}

.text-4 {text-align:right; font-size:1.3em;}
.text-4 h3.widget-title, #header span.site-desc {font-size:1.5em;}
.text-4 a {color:#FFF; text-decoration:none;}
.text-4 a:hover { text-decoration:underline;}

body.sidebar-right #wrap #sidebar  {padding-top:20px; font-size:1.2em;}
body.sidebar-right #wdg_specialrecentpostsfree-2 {background:#eee; padding:12px; font-size:0.85em; line-height:1.2em;}
#sidebar  h3 {margin-top:0px; padding-top:0px;}
#sidebar  h4 {margin-top:0px; padding-top:0px;}
.srp-content-box .srp-post-stringbreak-link {
    margin: 0px;
}
.blog h2{font-size:2.2em;}

body.sidebar-right #wrap #sidebar a {}
body.sidebar-right #wrap #sidebar a {font-size:1.1em;}
.srp-post-title {font-size:1.1em;}
.srp-post-date { font-size:0.7em; text-transform:uppercase;}
.srp-content-box .srp-post-content, .widget-area .widget .srp-post-content {}
.srp-post-stringbreak-link {display:block; margin: 10px 0;}
.orange {color: #d86c00;}
.turquoise{color: #3EB1C8;}
.blue{color: #00516c;}
.grey{color: #555;}
#smaller  {line-height:1.2em; margin-top:30px; color: #555; font-size:0.8em;}

.page-id-11 #content {text-align:left;}
.post-15 label, legend {font-size:0.9em}

body.sidebar-right #text-5 {background-image: url("images/Yanley-Court-sidebar.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    padding-bottom:100px;}

/* form */
.gform_wrapper .left_label .gfield_label {
    float: left;
    text-align:right;
    font-weight: normal;
    margin: 0 15px 0 0;
    width: 29%;
}
label, legend {
    display: inline-block;
    font-size: 1.1em;
    font-weight: normal;
}


button, input[type="submit"], input[type="reset"], input[type="button"], .button a {
  background: -moz-linear-gradient(center top , #666 0%, #AAA 100%) repeat-x scroll 0 0 rgba(0, 0, 0, 0);}
  
  .gform_wrapper .gsection .gfield_label, .gform_wrapper h2.gsection_title, .gform_wrapper h3.gform_title {
    font-size: 1.3em;
    font-weight: normal;
}

button, input[type="submit"], input[type="reset"], input[type="button"], .button a {
    background: none repeat scroll 0 0 #00516B;
    border: medium none;
    border-radius: 0;
    box-shadow: none;
    color: white !important;
    display: inline-block;
    font-size: 1em !important;
    font-weight: normal;
    line-height: 1.5em;
    margin-bottom: 0 !important;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0.5em;
    padding: 0.5em 1em !important;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    vertical-align: middle;
    white-space: nowrap;
}
button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, a.button:hover {
    background: none repeat scroll 0 0 #D86C00;
}


/* form */

.gform_wrapper {padding-left:20px; padding-top:10px;}
.home .gform_wrapper {margin-top:80px;}
#footer{display:none;}
#base-footer a {color:#FFF; text-decoration:none;}

body .gform_wrapper .gform_body .gform_fields .gfield input[type=text],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=email],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=url],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=number],
body .gform_wrapper .gform_body .gform_fields .gfield input[type=password],
body .gform_wrapper .gform_body .gform_fields .gfield select,
body .gform_wrapper .gform_body .gform_fields .gfield textarea {
	padding:7px;
font-size:1em;border-radius:0px;
}


.fullwidth{
    margin: 0;
    padding: 0;
    width: 100%;
}
#content-home {margin-top:10px; text-align:center; font-size:1.2em;}
#content {margin-top:10px; text-align:center; font-size:1.2em;}
#content2 {margin-top:10px; text-align:center; font-size:1.2em;}
#content3 {margin-top:10px; text-align:center; font-size:1.2em;}
.entry-content {}
#content-narrow {padding-left:15%; padding-right:15%;}
#content-wide {padding-left:8%; padding-right:8%; }
.span16, .sixteen.columns {}

.container-extra		{ width: 100%;  padding:0; margin:0;}
.container-extra .sixteen.columns { width: 100%; padding:0; margin:0;}
.container-extra #content {margin-top:0px; padding-top:0px; text-align:center; font-size:1.2em;  }
.container-extra #content2 {margin-top:0px; padding-top:0px; text-align:center; font-size:1.2em;  }
.container-extra #content3 {margin-top:0px; padding-top:0px; text-align:center; font-size:1.2em;  }
#logo {padding-top:20px;}
#logohome {padding-top:10px; height:70px;}
#logo-light {padding-top:30px; height:150px;  margin-top:-10px; background-image: url("images/fade2-bg.jpg");
    background-position: center top;
    background-repeat: repeat-x;}
    
 #flowers-stream {
background-image: url("images/tmp.png");
    background-position: center top;
    background-repeat: no-repeat;
    width:100%;height:329px;
}

 #flowersstream {
background-image: url("images/tmp.png");
    background-position: center top;
    background-repeat: no-repeat;
    width:100%;height:329px;
}


#pippaquote{
color:#FFF; font-style:italic; font-style:italic; font-weight:bold; padding-top:65px;
}
    
#pippaquote a, #pipplink a {color:#D86C00; font-style:normal; font-size:0.9em; text-decoration:none;}  
#pippaquote a:hover, #pippalink a:hover {text-decoration:underline; color:#FFF;} 

#pippalink {text-align:center; margin-top:-30px; z-index:10} 

#grey {
    background: none repeat scroll 0 0 #ddd;
    margin-top: 10px;
    padding-bottom: 50px;
    padding-top: 40px;
}


#main-content {
    margin: 0 auto;
    position: relative;
    width: 968px;
}

#content blockquote::before {
    color: #D7EFF4;
   
}

.single-post #content, .blog #content{text-align:left}

.single-post #content h1, .blog #content h1 {line-height: 110%;padding-top:30px;}

#content blockquote {font-family: 'Josefin Sans', sans-serif; line-height:1.6em; font-size:3.2em;
border-left: 0px solid #3EB1C8;   box-shadow:none; background:none; text-align:left;   padding: 15px 20px 2px 55px;}
  
 blockquote p  {line-height:1.4em; font-family: 'Josefin Sans', sans-serif; font-size:0.45em;     color: #3EB1C8}
 #quotee {text-align:right; text-transform :uppercase; color: #3EB1C8; font-size:0.85em;}

/* Tabs */
 ul.tabs {
    margin-bottom: 10px;
    margin-top: 10px;
}

ul.tabs li a {}
ul.tabs li a {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    font-size: 0.9em;
    padding: 12px 12px 8px 12px;
}
ul.tabs li a.active {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
position:initial; padding-top: 12px;
background:#3EB1C8; color:#FFF; border:none;
}


ul.tabs li:first-child a {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
ul.tabs li:last-child a {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}
ul.tabs li {
    height: auto;
}
ul.tabs-content {
    padding: 30px;  margin:0px; background:#f1f1f1; margin-bottom:50px;
}
ul.tabs-content p, ul.tabs-content ul {text-align:left;}

#images {width:100%}

.st-callout.white h4.st-callout-title {
    background-color: #fff;
    background-image: none !important;
    border-bottom: none;
    color: #3EB1C7;
    text-shadow: 1px -1px 0 #fff;
}
.st-callout.white h2 {padding-top:0px;}
.st-callout.orange strong {color:#fff}
.st-callout.darkblue strong {color:#fff}
.page-template-home-page .st-callout.darkblue {font-size:1.4em; text-align:center; line-height:1.3em;}
.page-template-home2-page .st-callout.darkblue {font-size:1.4em; text-align:center; line-height:1.3em;}

.page-id-553 .st-callout.white blockquote p  {color:#00516b; font-size:0.35em;}
.page-id-553 .st-callout.darkblue blockquote p  {color:#fff;  font-size:0.35em;}
.page-id-553 .st-callout .inside {
    padding: 6px;
}
.page-id-553 #quotee {margin-top:-30px;}
.page-id-553  blockquote p {font-size:0.35em; color:#00516b;}

.st-callout.center {text-align:center}

.st-callout.orange blockquote {padding: 5px 10px 2px 55px;}
/* .st-callout.white {background-image: url("images/fade2-bg.png");
  background-position: right top;}*/


.st-callout.hastitle .inside  {text-align:center;}


.st-callout.darkblue h4.st-callout-title {
    background-color: #00516B;
    color: #ffffff;
    text-shadow: 0 1px 1px #005589;
}

.st-callout.darkblue {
    background: #00516B;
    border:none;
    border-radius:0px;
    color: #ffffff;
    text-shadow: 0 -1px 0 #004e75;
}

.st-callout.orange h4.st-callout-title {
    background-color: #D86C00;
    color: #ffffff;
    text-shadow: 0 1px 1px #B25900;
}

.st-callout.orange {
    background: #D86C00;
    border:none;
    border-radius:0px;
    color: #ffffff;
    text-shadow: 0 -1px 0 #B25900;
}

.st-callout.turquoise {
    background:  #3eb1c8;
    border:none;
    border-radius:0px;
    color: #ffffff;
    text-shadow: 0 1px 1px  #004e75;
}


.st-callout.turquoise a {color:#FFF; text-decoration:underline}
.st-callout.turquoise h2 {color:#FFF}

.st-callout.darkblue a {color:#FFF;}
.st-callout.orange a {color:#FFF;}


div.button { font-size:1.2em; display:inline;   margin: 0.5em 0.2em 1.0em 0.2em;}

a.button.darkblue {
    background: #00516B;
    border-radius:0px;
 }
    
button.darkblue:hover {
    background: #d86c00 none repeat scroll 0 0;
}

  
.st-callout.orange blockquote p {color:#fff; font-size:0.35em;}
.st-callout.orange #quotee {color:#fff; font-size:0.8em; padding-right:12px; padding-bottom:12px;}
#orange .st-callout .inside {padding:0px; margin:0px; padding-top:0px; margin-top:0px;}
#orange #content blockquote {padding: 0px; margin:0px;}
#orange  blockquote::before {color: #fff; top:0px;}
  
  /* page overrides  */  
.home .entry-title {display:none;}
.page-template-home2-page .entry-title  {display:none;}
.page-template-home2-page h1 {margin-top:30px;}
.page-template-faq-page-php h2,.page-template-default-page-php h2
{color:#D86C00; font-style:italic; font-size:1.6em;}
.page-template-faq-page-php #contentleft {text-align:left;margin-top:10px; font-size:1.2em;}


.page-template-home-page-php h3  {padding-top: 0px; padding-bottom: 24px;}
.page-template-home-page-php .one_half {padding-top: 30px; width: 47%; }

#home-cols {background-image: url("images/line.png");
    background-position: center top;
    background-repeat: repeat-y;}
    
/* more page overrides 

body.home {	background-image: url("images/home-bg.png");
    background-position: center top;
    background-repeat: repeat-x; }
    

.home h2{display:none;}


.home #content {margin-top:0px;}

#home-p {width:125px; padding-right:10px; padding-left:10px;  float:left; line-height:1.0em; text-align:center; height:220px}
#home-p img {border:1px solid #EEE;}
#home-p a {text-decoration:none; color: #5f6065; text-transform:uppercase; font-size:0.8em; text-align:center;}
#home-p a:hover {text-decoration:underline; color: #83286e;}
*/



.credit {font-size:0.7em; font-style:italic}
#zen {font-size:1.6em; font-style:italic}

/* iPad Portrait/Browser */
	@media only screen and (min-width: 768px) and (max-width: 991px) {
	
    
  #navigation  {background:none; width:100%; margin-left: 30px;}
	#navigation ul {border-radius:0px;}
	#navigation ul li a {}
	#navigation ul {min-width: 700px;}
	#navigation ul li {margin-right: 10px; margin-right: 10px;}
	#content-narrow { padding-left: 8%;padding-right: 8%; }
}

p.trigger {margin-top:20px;}

/* Mobile/Browser */
	@media only screen and (max-width: 767px) {
		

body {background-image: none; }	
    
#navigation  {background:#00516B; padding:10px;}
#navigation {margin: 0px;}
#navigation ul li:hover li a {color: #FFF; font-weight: normal;}

#navigation ul li:hover li a:hover {color: #EEE;}
#content-narrow { padding-left: 5%;padding-right: 5%;}
.more a:link, .more a:visited    {display:block;}
#home-cols {background:none;}
}