/*
Theme Name: Cornerstone (git)
Description: Custom theme for Cornerstone, implemented as a child theme of WP Skeleton Plus
Author: Peter Coles - Kuroi Web Design and Development
Version: 1.0
Template: wp-skeleton-plus
License: GNU General Public License
*/

body {background:#374648 url(images/cs_bg_dgreen.png);}
h1, h2, h3, h4, h5, h6 {font-family: arial,verdana,sans-serif;}
h1 {font-size:200%; color:#545f61; text-transform:capitalize; letter-spacing:1px; font-weight:normal; line-height:1.3em;}
h2 {font-size:100%; color:#545f61; font-weight:bold; line-height:1.3em; margin-bottom:0}
h3 {font-size:90%; color:#666; font-weight:bold; line-height:1.3em; margin-bottom:0}
h4 {font-weight:bold;}
h5 {font-size:100%; font-weight:bold; line-height:1.3em; margin-bottom:5px;}

header {background: #fff url(images/cs_bg_white.png)}
header .container {background-color:#fff;}
header .columns {position:relative; height:125px;}
#breadcrumbs {position: absolute; top:5px; left:0; font-size:80%; color:#878d8d;}
#address {color:#f05aa0; position: absolute; bottom:20px; right:0; font-size:85%; font-weight:bold; text-align:right; line-height:1.5em;}
#address span {font-size:220%;}
#logo {position: absolute; bottom:20px; left:0}
#tagline {font-size: 160%; position: absolute; bottom:20px; right:0; margin-bottom:0; color:#666}
.period {font-size:120%; color:#f05aa0}

nav#primary {background-color:#000;}
#menu-primary-navigation {margin:0; font-weight:bold; color:#fff;}
#menu-primary-navigation li {float:left; font-size:1.1em; line-height:2em; padding-right:16px;margin-bottom:0}
#menu-primary-navigation li a {font-weight:bold; color:#fff; text-transform:capitalize; text-decoration:none}
#menu-primary-navigation li a:hover, #menu-primary-navigation li.current-menu-item a, #menu-primary-navigation li.current-page-ancestor a {color:#f05aa0}

footer {background:#374648 url(images/cs_bg_dgreen.png); color:#878d8d; font-size:90%;}
footer .container {background-color:#374648; padding-top:20px; line-height: 1.4em;}
footer a, footer a:visited {text-decoration:none; color:#878d8d;}
footer a:hover {text-decoration:underline; color:#878d8d;}
#menu-secondary-navigation li {display:inline; padding-left:10px; background: url(images/small-pink-bullet.png) no-repeat 2px 8px;}
#menu-secondary-navigation li.first-menu-item {padding-left:0; background: none;}
#menu-secondary-navigation li a {text-decoration:underline; font-size:90%; font-weight:bold; white-space:nowrap;}
footer h4 {color:#f05aa0; font-size:110%; line-height:1.3em; margin:0; padding:0; text-transform:none;}
footer .last {text-align:right}
footer .last img {float:left}

address {float:left; width:150px;}

/* search block */
#search {position:absolute; top:0; right:-10px; padding:10px; background-color:#5f6b6b; width:250px;}
#search form#text-search {border:1px solid #ddd; position:relative; background-color:#fff; width:250px}
#search.no-buttons {width:220px}
#search.no-buttons form#text-search {border:1px solid #ddd; position:relative; background-color:#fff; width:220px}
#search span {color:#878d8d; margin-bottom:6px; font-size:14px; font-weight:bold; line-height:1.3em; display:block;}
#search form { margin-bottom:0;}
#search select {margin-bottom:6px; display:inline; color:#374646; background-color:#eceeee;}
a.button, button, input[type="submit"], input[type="reset"], input[type="button"] {line-height:12px; padding:4px; margin-bottom:0;}
.home #search {background-color:#fff}
.home #search h3 {color:#374646;}
input#s {width:190px; padding:2px 5px; margin-bottom:0; display:inline; border:none;}
input#search-submit {display:inline; position:absolute; top:3px; right:1px;}

/* Home Page */
#nav.pagination {background:#eceeef url(images/cs_bg_grey.png);}
#main {background: url(images/cs_bgrd.png) repeat-x;}
#main .container {background: url(images/cs_container_bgrd.png) repeat-x; position:relative;}
#main #top-content {position:relative; height:380px; background-color: #eceeef;}
#main #barrister {position:absolute; bottom:20px; right:10px; background:#374646 url(images/big-pink-bullet.png) no-repeat 95% 90%; padding:10px;}
#main #barrister h4 {color:#fff; font-size:90%; line-height:1.3em; margin-bottom:0;}
#main #barrister .barrister-details {font-size:80%; margin:0;}
#main #barrister .barrister-details li {width:45%; margin-right:4%; clear:none}
#main #barrister .barrister-details li.read-more {clear:both;}
#main #barrister a, #main #barrister a:visited, #main #barrister a:hover {float:left; clear:both; font-size:80%; color:#fff}
#main #bottom-content {padding:15px 0;}
#main #bottom-content h4 {color:#f05aa0; text-transform:capitalize; font-size:100%; display:block; border-bottom:1px dotted #666; width:90%; margin-left:5%;}
#main #bottom-content div.text-wrap {width:90%; margin-left:5%; overflow:hidden; font-size:90%; line-height:1.3em; padding-bottom:10px; margin-top:10px; border-bottom: 1px dotted #333}
#main #bottom-content div.text-wrap p {margin-bottom:5px; color:#666}
#main #practice-areas ul {padding:5px 15px 0; float:left; width:100%;}
#main #practice-areas li {font-size:90%; margin-bottom:0; padding-left:10px; background: url(images/small-pink-bullet.png) no-repeat left 5px; line-height:1.3em}
#main #practice-areas li a, #main #practice-areas li a:visited {text-decoration:none;}
#main #practice-areas li a:hover {color:#f05aa0;}
#main blockquote {border-left:none; font-style:normal; font-size:100%; color:#333; line-height:1.3em; margin-bottom:0; padding:0; width:80%; margin-left:5%;}
#main p.source {font-size:80%; color:#878d8d; width:80%; margin-left:5%; line-height:1.3em}
#main #cases, #main #news {background-color:#fff; padding-bottom:10px; margin-bottom:20px;}
#main #quote {background-color:#fff; padding-bottom:5px;}
#main #practice-areas {background-color:#fff; width:100%; margin-bottom:20px;}
#main #bottom-content div.six {line-height:10px;}
#main #cases dl {display:block; margin:10px;}

#main #mc_signup {background-color:#fff; width:100%; margin-top:20px;}
#main #mc_signup #csweb_mailchimp {margin: 1em}

/*  AC: April 2015 - new widgetized area(s) home page */
#main .widget-area {background-color:#fff; width:100%;  margin-bottom: 20px;  }
#main #bottom-content-wide-widget .widget-area { margin-bottom: 0  }
#main #bottom-content .widget-area {  margin-bottom: 20px;  }
#main .widget-area p, #main #bottom-content-wide-widget p { /*padding-left: 15px;*/}
#main #bottom-content .widget-area img { width: 90%;}
#main #bottom-content-wide-widget { padding: 15px 0 0}
#main #bottom-content-wide-widget h4 {color:#f05aa0; text-transform:capitalize; font-size:100%; display:block; border-bottom:1px dotted #666; width:90%; margin-left:2%;}
/* end AC April 2015 */

#csweb_mailchimp label {margin-bottom: .25em;}
#csweb_mailchimp input.submit-button {margin: 1em auto}
#csweb_mailchimp .hidden {display:none;}

#barmark {position:absolute; top:165px; right:20px;}
#homepage-message {position:absolute; top:20px; left:20px; width:220px; height:360px; color:#eee; font-size:130%; font-weight:bold;}

/* Search Results */
#search-results {}
#search-results .container {background-color: #eceeef; min-height:400px}
#search-results h1 {line-height:4em; border-bottom:3px dotted #374646;}
#search-results article {margin-top:20px; padding-bottom:10px; border-bottom:1px dotted #374646;}
#search-results article a h2 {font-size:150%;}
#nav-below {line-height:3em;}
.nav-previous {float:left;}
.nav-next {float:right;}

/* Barrister List */
#barrister-list {background:#eceeef url(images/cs_bg_grey.png);}
#barrister-list .container {background-color: #eceeef; min-height:400px}
#barrister-list h2 {margin-bottom:16px}

/* Barrister */
#barrister-head {background: #374648 url(images/cs_bg_dgreen.png); height:180px; color:#fff; font-size:80%; line-height: 1.35em}
#barrister-head .container {padding-top:20px; background-color: #374648; height:160px; position:relative;}
#barrister-head .portrait {line-height:0}
#barrister-head .barrister-details {display:block; height:110px;}
#barrister-head p {margin:0}
#barrister-head p.source {color:#878d8d;}
#barrister-head h1 {margin-bottom:0;}
#barrister-head #name a {margin-top: 15px; font-size: 2.5em; text-decoration:none;}
#barrister-head a, #barrister-head a:visited, #barrister-head a:hover {color:#fff}
#barrister-head p.quote {font-size:120%; line-height:120%; margin-bottom:5px; color:#f05aa0; height:90px; overflow:hidden;}
#barrister-search {margin-top: -20px}
#barrister-nav {height:30px; background:#5f6b6b url(images/cs_bg_pgreen.png);}
#barrister-nav .container {background-color:#5f6b6b; height:30px;}
#barrister-main {background-color:#e1e3e4;}
#barrister-main #practice-areas {background-color:#fff; min-height:400px;}
#barrister-body {background:#eceeef url(images/cs_bg_grey.png);}
#barrister-body .container {background-color: #eceeef}
#barrister-body #practice-areas {/*height:400px;*/ background-color:#fff;}
#barrister-body #sub-areas {margin-top:90px;}
#barrister-body #sub-areas ul {padding-top:10px;}
#barrister-body #directory-logos {text-align:center;}
#barrister-body #directory-logos img {max-width:65px; max-height:87px; margin-right:5px; border:1px solid #999;}
#barrister-body #barrister-info #directory-logos {position:absolute; left:10px; bottom:5px;}
#barrister-info {position:relative; height:400px; padding-right:20px}
#profile {position:absolute; bottom:0; right:0; background-color:#374648; opacity:.8; font-size:110%;}
#profile div {font-size:80%; color:#fff; line-height:1.4em; margin:10px; max-height:300px; overflow:hidden;}
#profile a, #profile a:visited {float:right; color:#fff; font-size:80%; margin:0 10px 10px;}
/* #profile #pupil_content {overflow-y: scroll;overflow-x: hidden;} */
#filter {height:75px; padding-top:5px; border-bottom: 3px dotted #374646; margin-bottom:10px}
#barrister-body #practice-areas h3 {margin-top:60px; margin-left:10px; height:20px}
#barrister-body #practice-areas ul {margin-top:10px; border-top:3px dotted #333; font-size:90%; padding:10px;}
#barrister-body #practice-areas li {color:#666; text-transform:capitalize; padding:0; line-height:1.2em; margin-bottom:5px}
#barrister-detail {margin-left: 20px} /* corrects for going off grid for nav columns */
#barrister-detail h1 {margin-top:10px; height:40px;}
#barrister-detail h2 {margin-top:10px; font-size:200%; color:#545f61; text-transform:capitalize; letter-spacing:1px; font-weight:normal; line-height:1.3em;}
#barrister-detail h3 {font-size:120%; color:#333;}
#barrister-detail h4 {font-size:100%; color:#333; font-weight:bold;}
#barrister-detail ul {list-style:outside;}
#barrister-detail ul.hnav {list-style:none;}
#barrister-detail li {margin-left:18px;}
#barrister-detail ul.hnav li {margin-left:0;}
#barrister-detail #news .text-wrap {margin:10px 0; padding-bottom:8px; border-bottom:1px dotted #999;}
#barrister-detail nav.pagination {margin-left:0}
#barrister-detail .rss {margin-left:0;}
.barrister-details li {float:left; clear:both; color:#fff; margin-bottom:0}
.barrister-details span {color:#878D8D; padding-right:4px}
.publication {margin-bottom:15px; border-bottom:1px dotted #333;}
.publication h2, .publication h3 {margin-bottom:8px;}
#name h1 {text-transform:none; font-size:100%}

/* Practice Areas */
#practice-area-head {background: url(images/cs_bgrd.png);}
#practice-area-head .container {background-color: #374648; position:relative;}
#practice-area-head #banner {position:relative; height:200px;}
#practice-area-head #testimonial {position:absolute; width:300px; padding:10px; left:20px; bottom:10px; background: #374648; opacity: .8;}
#practice-area-head #testimonial blockquote {border-left:none; color:#fff; font-style:normal; font-size:100%; line-height:1.2em; margin:0; padding:0; font-weight:bold;}
#practice-area-head #testimonial .source {font-size:80%; color:#ccc; margin:0; font-weight:bold;}
#practice-area-main {background:#eceeef url(images/cs_bg_grey.png);}
#practice-area-main .container {background: #eceeef url(images/col-bg-960.gif)}
#practice-area-main #parents li {color:#666; text-transform:capitalize; padding:0; line-height:1.2em; margin-bottom:5px}
#practice-area-main #descriptions {min-height:400px}
#practice-area-main #news {padding-bottom:36px; margin-bottom:20px;}
#practice-area-main #cases {padding-bottom:10px; margin-bottom:20px;}
#practice-area-main h4 {font-size:80%; padding-left:10px; border-bottom: 1px dotted #333}
#practice-area-main .practice-area {line-height:1.3em; color:#666; border-bottom:1px dotted #999; padding-bottom:5px; margin-bottom:5px;}
#practice-area-main .practice-area h2 {margin:10px 0}
#practice-area-main .practice-area a:link, #practice-area-main .practice-area a:visited {font-size:90%; color:#666}
#practice-area-main #description {font-size:90%; color:#666; line-height:1.3em;margin-bottom:20px}
#practice-area-main #description p {margin-bottom:12px}
#practice-area-main #barrister-list {background: #aaa; padding-bottom:10px; margin-bottom:20px; width:100%;}
#practice-area-main #barrister-list h4 {color: #fff; border-bottom-color:#fff; font-size:90%;}
#practice-area-main #barrister-list ul {margin:10px; width:100%;}
#practice-area-main #barrister-list li {width:30%; float:left; margin-right:3.3%; margin-bottom:2px; white-space:nowrap; font-size:90%}
#practice-area-main #barrister-list li a, #practice-area-main #barrister-list li a:visited {color:#eceeef; text-decoration: none;}
#practice-area-main #barrister-list li a:hover {color: #f05aa0;}
#cases dl {border-bottom:1px dotted #999; padding-bottom:8px; margin-bottom:8px; font-size:90%}
#practice-area-main #cases dl {display:block; margin:10px 0; font-size:100%;}
#cases dt {color:#000; font-weight:bold; display:block; margin-bottom:12px;}
#cases dd {color:#666; line-height:1.3em;}
#cases dd p {margin-bottom:10px;}
#practice-area-main .single #cases nav {margin-left:0}
#practice-area-main #news {font-size:90%}
#practice-area-main #news .text-wrap {margin:10px 0; padding-bottom:8px; border-bottom:1px dotted #999;}
#practice-area-main .rss {margin-left:5px;}
#practice-area-main nav.pagination {margin-left:0}
.page #practice-area-main #news, .page #practice-area-main #cases {background-color:#fff; margin:0 5px 10px;}
.page #practice-area-main #news .text-wrap, .page #practice-area-main #cases dl {margin:10px 5px;}
.page #practice-area-main #news h4, .page #practice-area-main #cases h4 {font-size:100%;}

/* Clerks */
#clerks {border-top: 3px dotted #374646; padding-top:20px;}
#clerks h2 {margin-bottom:8px;}

/* News */
#news-list .content {border-bottom:none;}
#news-list nav.pagination {margin-left:0;}
#news-list article {padding-bottom:15px; border-bottom:1px dotted #999; margin-bottom:15px;}
#news-list h2 {font-size:150%;}
#news-item h1 {text-transform:none;}
#news p {margin-bottom:5px;}
#news a {word-break:break-all;}
a.heading {text-decoration:none; font-size:140%;}

/* Pagination */
nav.pagination {margin-left:5%; display:block; height:12px; margin-top:10px;}
nav.pagination a {float:left; width:8px; height:8px; background: url(images/cs_pagination_dot.png) 0 8px; text-decoration:none; margin-right:8px;}
nav.pagination a.active {background: url(images/cs_pagination_dot.png) 0 0;}

/* @todo originally styled for about pages, but should be generalised */
.content {padding-bottom:5px; border-bottom: 1px dotted #999; margin-bottom:30px; font-size:90%; color:#666; line-height:1.35em;}
.content h1 {height:75px; margin-top:5px; border-bottom: 3px dotted #333;}
.content ul {font-size:100%; color:#666; list-style:outside; margin-left:15px; margin-top:5px;}
.content li {margin-bottom:5px;}

/* Contact */
#contact-details .container {padding-bottom:50px; font-size:90%;}
#contact-details .boxes {border-top:3px dotted #374646; padding-top:10px;}
#contact-details h1 {margin-top:10px;}
#contact-details p {line-height:1.4em; color:#666;}
#contact-details h4 {color:#f05aa0; font-size:110%; line-height:1.3em; margin:0; padding:0; text-transform:none; font-weight:normal}
#contact-details form label {color:#f05aa0; float:left; clear:both; width:60px; font-weight:normal;}
#contact-details form input, #contact-details form textarea {float:left; margin-bottom:10px;}
#contact-details form input[type="submit"] {background-color:#374648; color:#fff; border:none; text-shadow:none}
#details {background-color:#fff;}
#details h4 {color:#666; padding:5px 10px; border-bottom: 1px dotted #333; font-weight:bold;}
#details ul {padding:5px 10px;}

/* Person Blocks */
.person {float:left; margin: 0 20px 20px 0; background-color:#fff; padding:10px; width:140px; height:252px;}
.person li {font-size:90%}
.person li.name {font-size:100%}
.person a, .person a:visited {color:#374646}
.person-details li {float:left; clear:both; color:#374646; margin-bottom:0}
.person-details span {color:#666; padding-right:4px}

/* Useful Links */
#useful-links .content {border-bottom:none}
#useful-links h2 {font-size:130%; font-weight:normal; text-transform:capitalize;}
.useful-link {padding-bottom:15px; border-bottom:1px dotted #333; margin-bottom:15px;}
.useful-link h3 {font-size:110%; margin:1em 0;}

/* Publications */
#publications #title {border-bottom:3px dotted #333;}
#publications .row {margin-bottom:15px; border-bottom:1px dotted #333;}
#publications h2 {margin-bottom:8px; font-size:130%}
#publications h3 {margin-bottom:8px; font-size:120%}
#publications h3 a, #publications h3 a:visited {text-decoration:none; color:#666;}
#publications h3 a:hover {text-decoration:underline;}
#publications nav {margin-left:0; margin-bottom:20px;}

/* Page not found */
#page-not-found {min-height:400px;}
#page-not-found .container {padding-top:50px; font-size:120%;}
#page-not-found .container label {font-size:100%;}
#page-not-found h1 {border-bottom:none; height:2em; text-transform:none;}

/*/ Utility */
.main {background:#eceeef url(images/cs_bg_grey.png);}
.main .container {background-color: #eceeef}
.main-with-col {background: #eceeef url(images/col-bg-960.gif)}
.rounded {-moz-border-radius:8px; border-radius:8px;}
.bottom-rounded {-moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; border-bottom-left-radius:8px; border-bottom-right-radius:8px;}
.strip {height:30px; background:#5f6b6b url(images/cs_bg_pgreen.png);}
.strip .container {background-color:#5f6b6b; height:30px;}
.strip .three {height:30px; background-color:#878d8d}
#title {padding:10px 0; min-height:60px}
.content, .pcontent {border-top:3px dotted #333; padding-top:15px}
.post-date {font-size:130%; color:#374646;}
.row {margin-bottom:10px;}
.wrapper {margin:7px 0 20px; padding-top:20px; border-top: 3px dotted #333}
.placeholder {margin:10px}
.submenu h3 {margin-top:60px; margin-left:10px; height:20px}
.submenu ul {font-size:90%; padding:20px 10px; border-top:3px dotted #333;}
.submenu li {color:#666; text-transform:capitalize; padding:0; line-height:1.2em; margin-bottom:5px;}
.submenu a, .submenu:visited {color:#666; text-decoration:none;}
.submenu a:hover {color: #f05aa0;}
.submenu li.active a {color:#f05aa0;}
article .date {font-weight:bold; font-size:110%; color:#545f61; margin-top:.5em;}
article ul {list-style:outside;}
article li {margin-left:18px;}
.page-count {text-align:center;}
em {font-weight:bold; color:#666; font-style:normal;}

#level-two-nav {height:25px; margin:0; padding-top:5px; text-transform:capitalize;}
#level-two-nav li {float:left; margin-right:20px; margin-bottom:0;}
#level-two-nav a, #level-two-nav a:visited {color:#fff; text-decoration:none; font-size:120%}
#level-two-nav a:hover, #level-two-nav li.active a {color:#f05aa0;}

ul.hnav {margin-top:10px; margin-bottom:0; height:20px; display:block; list-style:none;}
.hnav li {float:left; margin-right:20px;}
.hnav select {float:left; margin-right:5px}
.hnav input {float:left; margin-top:-7px}
.hnav li a, #filter li a:visited {color:#374646; text-decoration:none; font-size:120%;}
.hnav li.active a, .hnav li.active a:visited, .hnav li a:hover, #filter li.active a {color:#f05aa0;}
.response {border: 1px solid #f00; background-color:#fbc; padding:6px;}

.rss {float:left; margin:10px 0 0 16px;}
li .rss {margin-left:0}

#staff-testimonial {margin-top:30px; float:right;}
#staff-testimonial .quote {font-weight: bold;}
#staff-testimonial .source {}

/* clearfix */
.clearfix:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/* debug areas */
#peter {color:black; background-color:white}
#adrienne {display:none; color:black; background-color:white}

#contact-details form input.captcha {width:100px;float:right;}

.twitter:hover, .linkedin:hover {color:#f05aa0;}

body.postid-8126 h1 {text-transform: none;}



.date-ordinal {vertical-align:super; font-size:smaller;}
.event-list-item {margin-bottom: 5em; border-bottom: 3px dotted #333;}
.map-pic {padding-bottom: 2em;}