/*
Theme Name: ConnectingShropshire
Theme URI: http://connectingshropshire.co.uk
Description:
Version: 1.1
Author: Martin Wright, Sophie Ewan-Roberts
Tags:
*/

@import url(css/reset.css);
@import url(css/base.css);



body {
	background-repeat: no-repeat;
	background-position: center 145px;
}

.inner {
       width: 1066px;
       margin: 15px auto;
       overflow: hidden;
}	

.wrapper {

}

header {
       padding: 10px 0;
       overflow: hidden;
}

header a {
       color: #fff;
       text-decoration: none;
}

nav a {
       font-weight: bold;
}

header h1.logo {
       width: 75px;
       height: 67px;
       float: left;
       margin-bottom: 0;
}

header h1.logo a{
       float: left;
       text-indent: -9999px;
       background: transparent url(img/cs-logo-v-small.png) no-repeat;
       display: block;
       width: 75px;
       height: 67px;
}

header nav {
       float: right;
       padding: 0;
}

header nav ul {
       list-style: none outside none;
       margin-bottom: 0;
}

header nav ul li {
       display: inline;
       margin: 0 10px;
       overflow: hidden;
       float: left;
       padding-bottom: 3px;
       border-top: 1px solid transparent;
}

header nav ul li a {
       color:  #982479;
       float: left;
       padding: 7px 17px;
       border-top: 1px solid transparent;
}

nav li.current-menu-item a:active, nav li.current-menu-item a:focus, 
nav li.current-menu-item a:hover, nav li.current-menu-item {
    background: #2d2d2d none repeat scroll 0 0;
    border-radius: 7px;
    box-shadow: 0 0 1px #4b6377;
}

nav li.current-menu-item a:active,
nav li.current-menu-item a:focus,
nav li.current-menu-item a:hover {
       text-decoration: none;
       border-top: 1px solid transparent;
       -webkit-box-shadow: none;
       -moz-box-shadow: none;
       -o-box-shadow: none;
       box-shadow: none;
}

.survey {
       overflow: hidden;
       width: 936px;
       background: rgba(0, 0, 0, 0.1);
       border: 1px solid #4c98c0;
       border: 1px solid rgba(255, 255, 255, 0.2);
       padding: 10px 20px;
       margin: 50px auto 5px;
       -moz-border-radius: 5px;
       -webkit-border-radius: 5px;
       -o-border-radius: 5px;
       border-radius: 5px;
       -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
       -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
       box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.survey hgroup {
       width: 50%;
       float: left;
}

.survey h3 {
       font-size: 1.4em;
       font-weight: bold;
       margin-bottom: 0;
       -webkit-text-shadow: 0 1px 2px #1b5574;
       -moz-text-shadow: 0 1px 2px #1b5574;
       -o-text-shadow: 0 1px 2px #1b5574;
       text-shadow: 0 1px 2px #1b5574;
}

.survey h4 {
       font-size: 0.9em;
       margin-bottom: 0;
       opacity: 0.7;
}

.survey .button {
  font-weight: bold;
  color: #356584;
  font-size: 1.2em;
  padding: 10px 20px;
  float: right;
  margin: 10px 0 0 20px;
}

.survey a:active.button,
.survey a:focus.button,
.survey a:hover.button {
  color: #000;
  text-decoration: none;
}



.page-content {
  min-height: 250px;
  background: #fff;
  color: #2c2c2c;
  padding: 40px;
  width: 900px;
  margin-top: 170px;
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0, 0.1);
  -moz-box-shadow: 0 3px 9px rgba(0,0,0, 0.1);
  -o-box-shadow: 0 3px 9px rgba(0,0,0, 0.1);
  box-shadow: 0 3px 9px rgba(0,0,0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.audience {
   float: right;
   width: 100%;
   margin-top: 40px;
   border-bottom: 1px solid #D0D0D0;
}

.audience ul {
    float: left;
    width: 100%;
    text-align: center;
}
	       
.audience ul li{
     display: inline-block;
	   float: left;
}
.audience  .home{
     background: url(img/home.png) no-repeat;
     display: block;
	   height: 85px;
	   width: 145px;
	   margin: 0 0px;
}
 .audience  .business{
     background: url(img/business.png) no-repeat;
     display: block;
	   height: 85px;
	   width: 145px;
	   margin: 0 5px 25px 55px;
}

.audience  .everyone{
     background: url(img/everyone.png) no-repeat;
     display: block;
	   height: 85px;
	   width: 145px;
	   margin: 0 0 25px 45px;
}

.page-content .content {
		margin-right: 25px;
		margin-top: 5px;
		width: 60%;
}

.page-content .informed {
		margin-left: 30px;
		margin-top: 5px;
		font-size: 0.85em;
		border-bottom: 1px solid #D0D0D0;		
}

.page-content .informed:last-of-type {
  border-bottom: none;
}

.page-content .news {
		margin-left: 30px;
		margin-top: 5px;
		font-size: 0.85em;
		/*border-bottom: 1px solid #D0D0D0;*/
		width: 100%;
}

.page-content .benefits {
		padding-top: 5px;
		margin-left: 30px;
		margin-top: 5px;
		font-size: 0.85em;
		border-top: 1px solid #D0D0D0;
		border-bottom: 1px solid #D0D0D0;
}

.page-content .support {
		margin-left: 30px;
		margin-top: 5px;
		font-size: 0.85em;
}

.page-content .enabled {
		margin-left: 30px;
		margin-top: 5px;
		font-size: 0.85em;
		list-style: none outside none;
		border-bottom: 1px solid #D0D0D0;
}

aside {
	 width: 30%;
	 float: left;
	 margin-right: 30px;
}

.page-content h1 {
       font-size: 24px;
       color: #414c5f;
}

.page-content h2 {
       font-size: 18px;
       color: #414c5f;
}

.home .page-content div {
       float: left;
}
.home .searchbox-topbar .pad{
  float: none;
}

.home .page-content  div.about {
      /* margin-left: 30px;*/
		margin-top: 15px;
}

.home .problem ul {
       margin-bottom: 0.5em;
}

.home .problem li {
       margin-left: 15px;
}

.home .support ul {
       list-style: none outside none;
       margin-bottom: 0.5em;
}
.home .support li span {
       display: block;
}

.home .support li strong {
       display: block;
       font-size: 18px;
}

.home .support li {
       border-bottom: 1px dotted #ccc;
       margin-bottom: 5px;
}

.home .support li  a {
      color: #2c2c2c;
      padding-left: 60px;
      display: block;
	  margin-top: 15px;
}
  
.home .support li  a:hover,
.home .support li  a:focus,
.home .support li  a:active {
       color: #007ca8;
}

.support .facebook {
       background: transparent url(img/facebook.png) 0 5px no-repeat;
}

 .support .twitter {
       background: transparent url(img/tweet.png) 0 5px no-repeat;
}

.read-more {
       text-align: right;
       font-size: 12px; 	
}


footer {
       font-size: 0.875em;
       padding-top: 35px;
       overflow: hidden;
}

footer a {
       color: #007ca8;
       text-decoration: none;
}

footer a:focus,
footer a:active,
footer a:hover {
       color: #000;
}

.footer {
       overflow: hidden;
}

footer .social-media {
       color: #2c2c2c;
       float: left;
       width: 210px;
}

.social-click {
       float: left;
       display: block;
       width: 220px;
       margin-bottom: 5px;
}

footer .footer-nav {
       list-style: none outside none;
       float: right;
       margin-right: 10px;
}

footer .newsletter {
       width: 450px;
       float: right;
       color: #2c2c2c;
       position: relative;
}

.newsletter label {
       display: none;
}
 
.newsletter p {
       margin-bottom: 0.5em;
}


.investorlogos {
       float: left;
	   width: 480px;
	   margin-bottom: 25px;
	   }

.investorlogos ul {
		float: left;
		width: 100%;
		text-align: center;
		padding: 6px 0;
}
	       
.investorlogos ul li{
       display: inline-block;
	   float: left;
}
.investorlogos .sc{
       background: url(img/SC-logo.jpg) no-repeat;
       display: block;
	   height: 32px;
	   width: 100px;
	   margin: 20px 15px 0 10px;
}
.investorlogos .dcms{
       background: url(img/DCMS-new-logo.png) no-repeat;
       display: block;
	   height: 65px;
	   width: 226px;
}
.investorlogos .me{
     background: url(img/midlands-engine-logo.jpg) no-repeat;
     display: block;
     height: 65px;
     width: 173px;
     background-size: 125px;
     margin-top: 7px;
}
.investorlogos .mlep{
     background: url(img/marcheslep-logo.jpg) no-repeat;
     display: block;
     height: 65px;
     width: 144px;
     background-size: 125px;
}


footer .legalese {
       margin: 0 auto;
	   float: left;
	   width: 100%;
       font-size: 12px;
}

footer .legal {
       color: #555;
       text-align: center;
}

footer h2 {
       font-size: 1.4em;
       border-bottom: 1px solid #ccc;
       margin-bottom: 0.5em;
       color: #2c2c2c;
}

.footer {
       margin-bottom: 10px;
       overflow: hidden;
	   float: left;
	   width: 100%;
}

.button {
       line-height: 1;
       padding: 8px 12px;
       background: #f4f4f4;
       -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
       -o-border-radius: 5px;
       border-radius: 5px;
       background: -webkit-gradient(
               linear,
               left bottom,
               left top,
               color-stop(0.21, rgb(221,221,221)),
               color-stop(0.61, rgb(255,255,255))
       );
       background: -moz-linear-gradient(
               center bottom,
               rgb(221,221,221) 21%,
               rgb(255,255,255) 61%
       );
       color: #333;
       text-decoration: none;
       cursor: pointer;
       display: inline-block;
       text-align: center;
       -webkit-text-shadow: 0px 1px 1px rgba(255,255,255,1);
       -moz-text-shadow: 0px 1px 1px rgba(255,255,255,1);
       -o-text-shadow: 0px 1px 1px rgba(255,255,255,1);
       text-shadow: 0px 1px 1px rgba(255,255,255,1);
       -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
       -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
       -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
       box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

#mce-success-response {
       padding: 6px 0 0 28px;
       background: transparent url(img/tick.png) top left no-repeat;
       margin-top: 5px;
}

div.mce_inline_error,
#mce-error-response {
       padding: 6px 0 0 28px;
       background: transparent url(img/cross.png) top left no-repeat;
       margin-top: 5px;
}


/*************
BLOG
****/

.a-post {
       border-bottom: 5px solid #e0e0e0;
       padding-bottom: 20px;
       margin-bottom:40px;
}
.meta {
    color: #767676;
    font-size: 13px;
}

h3.meta,
h2.meta {
    border-bottom: 1px solid #2c2c2c;
    padding-bottom: 10px;
}

span.meta {
    display: block;
    padding: 12px 0;
}

.categories {
    border-bottom: 1px solid #ddd;
    margin-bottom: 24px;
}

#campaigns {
    width: 100%;
    overflow: hidden;
    margin-bottom: 24px;
}

#campaigns .news-list {
    width: 280px;
    float: left;
    margin-right: 40px;
}

#campaigns img {
    width: 270px;
    height: 150px;
}

#campaigns p {
    font-size: 14px;
}

.content-page .section-title {
    border-bottom: none;
        font-weight: bold;
        color: #385e7a;
}

.content-page {
       
}

.content-page .sidebar {

}

.content-page .content {
       width: 63%;
       margin-right: 5%;
       float: left;
}


.page .content-page .section-title  {
       float: left;
       width: 100%;
}

.page-template-blog-template-php  .content-page .section-title {
       background: transparent;
       padding-bottom: 0;
}

.page .content-page {
       width: 100%;
}

.page .content-page h1+p {
       font-size: 1.2em;
       line-height: 1.7em;
       color: #666;
}

.page-template-blog-template-php  .content-page p:first-of-type {
       font-size: 1em;
       color: #2c2c2c;
       line-height: 1.5em;
}

.page .content-page p,
.page .content-page ul,
.page .content-page ul {
       max-width: 620px;
}

.page-template-blog-template-php  .content-page,
.content-page {
    width: 100%;
    float: left;
}

.content-page img.right {
    float: right;
    padding: 5px 0 5px 15px;
}

.content-page img.left{
    float: left;
    padding: 5px 15px 5px 0;
}


.content-page h1 {
    font-size: 24px;
}

.content-page ol,
.content-page ul {
       margin-left: 18px;
       list-style-position: outside;
}

.sidebar {
    width: 100%;
    font-size: 13px;
    font-weight: bold;
    float: right;
    margin-bottom: 48px;
}

.sidebar ul {
    list-style: none outside none;
    margin: 0;
}

.sidebar ul li {
    margin-bottom: 24px;
    
}

.sidebar.page-menu ul li {
  border-bottom: 1px solid #e1e1e1;
  list-style: outside none none;
  margin-bottom: 0;
  padding: 0.333em 0;
}
/*.sidebar.page-menu ul li:last-of-type {
  border-bottom: none;
}

.sidebar ul li ul li {
    margin-bottom: 0;
    font-weight: normal;
    font-size: 13px;
}

.sidebar ul li ul{
    list-style: disc outside none;
    margin-bottom: 0;
}*/

.sidebar h3.widget-title {
    font-size: 18px;
    margin-bottom: 7px;
    padding-bottom: 5px;
}


/*
* sharing
*/
.share {
    float: left;
    width: 100%;
    overflow: hidden;

}

.share div {
    min-width: 120px;
    float: left;
}

.share h2 {
    font-size: 18px;
    font-weight: bold;
}

/*
* Comments
*/

.comments {
    overflow: hidden;
    margin: 40px 0;
    float: left;
    width: 100%;
}

.comments h3 {
    font-size: 18px;
    margin-bottom: 20px;
}

.comments ol {
    list-style: none outside none;
    margin-left: 0;
}

.comments ol li {
    list-style: none outside none;
    overflow: hidden;
}

.comments ol li:nth-child(even) {
    background: #fafafa;
}

.comments ol li ul {
    margin-left: 25px;
}

.comment_container {
    padding: 8px 0;
    overflow: hidden;
    position: relative;
    border-bottom: 1px solid #e9e9e9;
}

.comment-meta {
    width: 100%;
    clear: both;
    float: left;
    padding: 10px;
}
.commentmetadata a {
    color: #666;
    font-size:13px;
}

.comment-avatar img {
    float: left;
    margin-right: 10px;
    margin-left: 6px;
}

.comment-author cite {
    font-weight: bold;
    text-transform: capitalize;
}

.comment-body {
    margin-right: 20px;
    clear: both;
    padding: 0 10px;
    margin-left: 66px;
    font-size: 14px;
}

.comment-body p {
    margin-bottom: 16px;
}

em.comment-mod {
    color: #792c2c;
    font-weight: bold;
}

.form-label {
    display: block;
}

.field-information {
    display: block;
    font-size: 13px;
    color: #666;
}

#respond {
    float: left;
    padding: 20px 0 0 0;
}

#respond h3 {
    font-size: 18px;
    font-weight: bold;
}

.sidebar input,
#respond input,
#respond textarea {
    padding: 4px;
    font-size: 18px;
}

#respond textarea {
    font-family: 'Helvetica Neue', Arial, Helvetica, 'Segoe UI', sans-serif;
}

.sidebar input {
    font-size: 14px
}

#searchform label {
    display: none;
}

#respond .required {
    font-size: 24px;
    color: #DD3900;
}


/**
 * the problem
 */
 
.page-template-the-problem-php iframe.map {
       width: 980px;
       margin-left: -40px;
       margin-top: -40px;
}



/* wordpress styles */
.alignleft {
       float: left;
       padding: 0 10px 10px 0;
}

.alignright {
       float: right;
       padding: 10px 0 10px 10px;
}

blockquote {
       font-size: 1.1em;
       font-weight: bold;
       border-top: 3px solid #ddd;
       border-bottom: 3px solid #ddd;
       width: 280px;
       float: right;
       padding: 20px 20px 0;
       margin: 10px 0 10px 30px;
       color: #4a4a4a;
}

blockquote p {
       margin-bottom: 1em;
}


blockquote:before {
       content: '\201C';
       font-size: 2.5em;
       color: #ccc;
       line-height: 0.25em;
       font-weight: bold;
}

blockquote:after {
       content: '\201D';
       font-size: 2.5em;
       color: #ccc;
       line-height: 0.25em;
       font-weight: bold;
       float: right;
}

.wp-caption {
       color: #555;
       font-size: 0.875em;
       width: 100% !important;
}
.wp-caption.alignleft img {
    height: auto;
    width: 60%;
} 
.map-info {
       width: 100%;
       float: left;
}

.map-desc {
       width: 420px;
       float: left;
}
div.key  {
   width: 420px;
   overflow: hidden;
       float: right;
}

.key div {
       width: 188px;
       padding: 10px;
       float: left;
       background: #f4f4f4;
       margin: 0 1px 1px 0;
}

.key div span {
       display: block;
       float: left;
   margin-left: 10px;
       width: 130px;
       color: #5D5D5D;
}

.key div span.color {
   text-indent: -9999px;
   height: 20px;
   width: 20px;
       border: 1px solid #fff;
}

.red {
   background-color: #f99592;
}

.dark-red {
   background-color: #fdc893;
}

.dark-orange {
   background-color: #fbe997;
}

.orange {
   background-color: #ebfa96;
}

.yellow {
   background-color: #cafa98;
}

.green {
   background-color: #9ef897;
}



/*
 * AVAILABILITY
 */

 #availability-title {
		margin-top: 32px;
		float: left;
       width: 100%;
		}
		
#availability-text {
		float: left;
		}
 
#availability {
       width: 100%;
       background-color: transparent;
       background-repeat: no-repeat;
       background-position: 50% bottom;
       margin-bottom: 2px;
}

#availability fieldset {
       float: left;
       width: 100%;
       padding: 16px 0 45px;
       margin-bottom: 0;
	   border-bottom: 1px solid #D0D0D0;
}

#availability-label {
       float: left;
       width: 20%;
       text-align: right;
       padding-right: 2%;
}

#availability-label label {
       font-size: 1.286em;
       line-height: 1.778em;
}

#availability-field {
       float: left;
       width: 65%;
}

#availability-field #postcode {
       float: left;
       width: 200px;
       height: 22px;
       font-size: 1.286em;
       color: #2c2c2c;
       border: 1px solid #ccc;
       padding: 4px 8px;
       border-radius: 4px 0 0 4px;
       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
       outline: none;
}

#availability-field #postcode-submit {
       float: left;
       height: 32px;
       font-size: 1.286em;
       color: #333;
       background-color: #ddd;
       background: -moz-linear-gradient(top, #fff 0%, #ddd 100%);
       background: -webkit-linear-gradient(top, #fff 0%, #ddd 100%);
       background: -o-linear-gradient(top, #fff 0%, #ddd 100%);
       background: linear-gradient(top, #fff 0%, #ddd 100%);
       border: 1px solid #ccc;
       padding: 3px 8px;
       margin-left: -1px;
       border-radius: 0 4px 4px 0;
       box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
       text-shadow: 0 1px 1px #fff;
}

#availability-field #postcode:focus,
#availability-field #postcode:focus + #postcode-submit {
       border: 1px solid #73c4e1;
       box-shadow: 0 0 2px #007ca8;
}

#availability-field #postcode-submit:hover,
#availability-field #postcode-submit:focus,
#availability-field #postcode-submit:active {
       background-color: #eee;
       background: -moz-linear-gradient(top, #fff 0%, #ccc 100%);
       background: -webkit-linear-gradient(top, #fff 0%, #ccc 100%);
       background: -o-linear-gradient(top, #fff 0%, #ccc 100%);
       background: linear-gradient(top, #fff 0%, #ccc 100%);
}

#availability-field span{
      clear: both;
      float: left;
      margin-left: 130px;
      margin-top: 5px;
}

#availability .message {
       float: left;
       width: 93%;
       border-width: 1px;
       border-style: solid;
       padding: 10px 20px;
       margin-bottom: 53px;
       border-radius: 4px;
}

#availability .message.success {
       background-color: #e5ffd9;
       border-color: #c2f2aa;
}

#availability .message.notification {
       background-color: #d9efff;
       border-color: #aad4f2;
}

#availability .message.warning {
       background-color: #fff9d9;
       border-color: #f2e6aa;
}

#availability .message.error {
       color: #7e0c0c;
       background-color: #ffd9d9;
       border-color: #f2aaaa;
}

#availability .message p {
       margin-bottom: 16px;
}

#availability .message p a {
       color: #00739C;
}

/****** Homepage - availability checker ******/

.searchbox-topbar-wrap {
  border-bottom: 1px solid #d0d0d0;
  margin-bottom: 0.675em;
}

#form-connecting-shropshire {
	float: left;	
}

.searchbox-topbar {
	margin: 0 0 1em;
}

.searchbox-topbar h3 {
	color: #007ca8;
	margin-bottom: 0;
  padding-top: 10px;
}

#form-connecting-shropshire {
	float: left;	
}

.postcode-av-label {
	font-weight: 600;
}

.text-lightest {
	font-size: 0.9em;
	font-weight: 500 !important;
}

#check-area {
  background: #007ca8;
  border-radius: 0.5em;
  color: #FFFFFF;
  font-size: 1.2em;
  height: 1.8em;
}

/* INPUT */
input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  border: 1px solid #DDDDDD;
  padding:0.3em;  
}
 
input[type=text]:focus, textarea:focus {
  box-shadow: 0 0 5px #009EE6;
  border: 1px solid #009EE6;
}

/*#check-area:focus, #check-area:hover {
	background-color: #4fac47;
    border-left: 2px solid #c2c2c2;
    border-top: 2px solid #c2c2c2;
    box-shadow: 0 0 1em #4fac47;
}*/

#check-area:focus, #check-area:hover {
  background-color: #3d8536;
      border-left: 2px solid #c2c2c2;
      border-top: 2px solid #c2c2c2;
      box-shadow: 0 0 10px #3d8536;
}

/* HIDE STUFF */
div.header-wrapper, div.footer-wrapper, div.toolbar {
	display: none;
}
/****** END Homepage - availability checker ******/