/*
Theme Name:     Dementia Partnerships 2011
Theme URI:      http://www.dementiapartnerships.org.uk/
Description:    Child theme of Twenty Eleven for Dementia Partnerships
Author:         Surepoint
Template:       twentyeleven
Version:        1.0
*/

@import url("../twentyeleven/style.css");

/* Colour palette */
.purple {
	background: #43215E;
	background: rgba(67,33,94,1);
}
.green {
	background: #116570;
	background: rgba(17,101,112,1);
}
.yellow {
	background: #F5CF46;
	background: rgba(245,207,70,1);
}
.blue {
	background: #00769C;
	background: rgba(0,118,156,1);
}
.orange {
	background: #CA4F23;
	background: rgba(202,79,35,1);
}
.red {
	background: #872136;
	background: rgba(135,33,54,1);
}
.grey {
	background: #4B5556;
	background: rgba(75,85,86,1);
}
.brown {
	background: #5A452A;
	background: rgba(90,69,42,1);
}
/* Colour palette 10% opacity */
.purple10 {
	background: #ece8ee;
	background: rgba(67,33,94,0.1);
}
.green10 {
	background: #e8eff0;
	background: rgba(17,101,112,0.1);
}
.yellow10 {
	background: #fdfaed;
	background: rgba(245,207,70,0.1);
}
.blue10 {
	background: #e9f1f4;
	background: rgba(0,118,156,0.1);
}
.orange10 {
	background: #f9ede9;
	background: rgba(202,79,35,0.1);
}
.red10 {
	background: #f2e8eb;
	background: rgba(135,33,54,0.1);
}
.grey10 {
	background: #ededee;
	background: rgba(75,85,86,0.1);

}
.grey5 {
	background: #f6f6f6;
	background: rgba(75,85,86,0.05);
}
.brown10 {
	background: #eeece9;
	background: rgba(90,69,42,0.1);
}

body {
	padding: 0 2em;
}
#page {
	margin: 2.5em auto;
	max-width: 1000px;
}
#branding hgroup {
	margin: 0 5%; 
}


#primary {
	float: left;
	margin: 0 -29% 0 0;  
	width: 100%;
}
#content {
	margin: 0 34% 0 5%; 
	width: 61%; 
}
#secondary {
	float: right;
	margin-right: 5%; 
	width: 21.4%; 
}

/* Header */

#branding {
	border-top: 3px solid #872136;
}
header#branding .header-widget {
	position: absolute;
	top: -2.2em;
	left: 1%;
}	
header#branding .access-widget {
	position: absolute;
	top: -2.5em;
	right: 1%;
}

/* Responsive structure */

@media (max-width: 450px) {

#branding {	margin-top: 4em;}
header#branding .access-widget {	margin-top: -2em;
	position: absolute;
	top: -2.25em;
	left: 1%;}
}
header#branding .access-widget a,
header#branding .access-widget a:hover,
header#branding .header-widget a,
header#branding .header-widget a:hover {
	font-size:1em;
}

header#branding #searchform {
	position: absolute;
	top: 1em;
	right: 1%;
}


header#branding #searchform #s {
	background-color: #695C54;
	border-color: #000;
	color: #fff;
}

header#branding #searchform #s:focus {
	background-color: #D7CABE;
	color: #000;
}
/* Post types */

h1.project {
	margin-bottom: -1em;
}

#project, #resource, #post {
	margin-bottom: 2em;
}
#project .entry-summary,
#resource .entry-summary,
#post .entry-summary {
    padding: 0.25em 0px 0px;
}
#project h2.entry-title {
	background: url(images/icons/project.png) no-repeat center left;
	background-size:25px 25px;
	padding: 0px 0px 0px 28px;
	padding: 0rem 0rem 0rem 2rem;
}
#resource h2.entry-title {
	background: url(images/icons/resource.png) no-repeat center left;
	background-size:25px 25px;
	padding: 0px 0px 0px 28px;
	padding: 0rem 0rem 0rem 2rem;
}
#post h2.entry-title {
	background: url(images/icons/post.png) no-repeat center left;
	background-size:25px 25px;
	padding: 0px 0px 0px 28px;
	padding: 0rem 0rem 0rem 2rem;
}
/* Cookie law info */
#cookie-law-info-bar{
	position: fixed;
	bottom: 0px;
	left: 0px;
	border-top: 2px solid #872136;
}

table.cookielawinfo-classic td.cookielawinfo-column-1, th.cookielawinfo-column-1 {
	width: 10%;
}
table.cookielawinfo-classic td.cookielawinfo-column-2, th.cookielawinfo-column-2 {
	width: 10%;
}
table.cookielawinfo-classic td.cookielawinfo-column-3, th.cookielawinfo-column-3 {
	width: 10%;
}
table.cookielawinfo-classic td.cookielawinfo-column-4, th.cookielawinfo-column-4 {
	width: 70%;
}

/* Social media  */
a.rss {
	background: url(images/icons/rss.png) no-repeat;
	padding-left: 23px;
}
a.twitter {
	background: url(images/icons/twitter.png) no-repeat;
	padding-left: 23px;
}
a.facebook {
	background: url(images/icons/facebook.png) no-repeat;
	padding-left: 23px;
}
a.linkedin {
	background: url(images/icons/linkedin.png) no-repeat;
	padding-left: 23px;
}

/* Menu */
#access {
	background: #872136; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#872136, #7F2033);
	background: -o-linear-gradient(#872136, #7F2033);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#872136), to(#7F2033)); /* older webkit syntax */
	background: -webkit-linear-gradient(#872136, #7F2033);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	clear: both;
	display: block;
	float: left;
	margin: 0 auto 6px;
	width: 100%;
}
#access div {
	margin: 0 2%;
}

#access ul {
	font-size:1em;
}

#access ul ul a {
	font-size:0.9em;
}

#access li a {
	padding: 0pt 0.5em;
}

/* Breadcrumb */

#breadcrumb {
	font-size: 0.9em;
	margin: 0 5%;
	padding-top: 4em;
}

#breadcrumb.hide {
	display: none;
}

#breadcrumb ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#breadcrumb li {
	display: inline;
}

/* Content font sizes */

.featured-posts h1.showcase-heading {
	font-size: 110%;
	}

.featured-posts .entry-title {
	font-size: 160%;
	}
.featured-posts .entry-summary {
	font-size: 110%;
	}
	
article.feature-image.small .entry-summary {
	font-size: 100%;
}
		
.entry-title {
	font-size: 130%;
	}
.entry-meta,
.entry-content h3,
.comment-content h3,
.wp-caption .wp-caption-text,
.gallery-caption,
.widget_twentyeleven_ephemera .comments-link a,
.widget_twentyeleven_ephemera .comments-link > span,
#comments-title {
	font-size: 90%;
}
.widget-area,
.widget ul li,
.comment-meta,
a.comment-reply-link,
#site-generator {
	font-size: 100%;
}

#secondary ul {
	font-size: 95%;
}
.widget-title,
.widget_twentyeleven_ephemera .widget-entry-title  {
	font-size: 105%;
}

.widget a,
.widget ul li a {
	font-weight: normal;
}


.entry-content h1, .entry-content h2, .comment-content h1, .comment-content h2 {
    color: rgb(34, 34, 34);
    color:#222222;
}
/* 2 Columns */

#column-left {
	float: left;
	width: 49%;
	margin-right: 2%;
}
#column-right {
	float: right;
	width: 48%;
}
#columns-clearer {
	clear: both;
}

/* 3 columns */

#col1 {
	float: left;
	width: 31%;
	margin-right: 3%;
}
#col2 {
	float: left;
	width: 31%;
	margin-right: 3%;
}

#col1to2 {
	float: left;
	width: 62%;
	margin-right: 3%;
}

#col3 {
	float: left;
	width: 31%;
}
#col1 div, #col2 div, #col3 div {	
padding: 0.5em;
margin-bottom: 1em;
}
#colclear {
	clear: both;
	margin-top: 5em;
	background: #ffffff;
	height:2em;
}
#col1 h2, #col2 h2, #col3 h2 {
	padding-left: 0.5em;
	padding-bottom: 0.5px;
	color: #fff;
	margin: -0.5em -0.5em 0.5em;
}
#col1 ul, #col2 ul, #col3 ul {
	padding-left: 0.5em;
	margin-left: 0.5em;
}
/* Tables */
table.projectcontact {
	border: none;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
}
table.projectcontact td {
	border-right: 0.1em solid #ffffff;
	border-bottom: 0.1em solid #ffffff;
	border-top: none;
	padding: 0.4em;
}
table.grey td {
	background: #fafafa; 
	padding: 0.4em;
}
table.grey td.hilight {
	background: #FFF8C9;
	}
table.grey thead td {
	color: #fff;
	text-transform: none;
	padding: 0.4em;
	background: #4B5556;
	background: rgba(75,85,86,1);
}
/* Content */

#main {
	clear: both;
	padding: 0;
}

#primary .entry-content h3 {
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight:bold;
	margin-bottom: 1.5em;
}

div.addthis {
	padding-top: 2em;
	clear:both;
}

article.hentry,
article.no-results {
	border-bottom: none;
	}
	
#backtotop {
text-align: right;
margin:0 0 1em 0;
}
/* Sticky posts */

.sticky .entry-header h3.entry-format {
	visibility: hidden;
	}

.blog .sticky .entry-header .entry-meta {
	width:200px;
	clip: rect(0px 200px 200px 0px); /* IE6, IE7 */
	clip:rect(0px,200px,200px,0px); /* overide the clipping mask applied to posted on meta data for featured posts */
	position: relative !important;
}

/* Resources */

#nav-single .nav-next,
#nav-single .nav-previous {
margin-bottom: 3em;
font-weight: bold;
}

/* Dementia route map */

#instructions {
	background: #fbffdf;
	border: 1px solid #006699;
	padding: 5px;
	margin-bottom:5px;
}

#bluebg {
	background: #ecf4fe;
	border: 1px solid #006699;
	padding: 5px;
	margin-bottom:5px;
}


/* Workforce learning library */

a.next {
float:right;
color: #fff;
background-color:#00769C;
padding:0 5px 2px 5px;
margin-bottom: 80px;
margin-top: 30px;
}

a.next:hover {
background-color:#4C5457;
color: #fff;
}

a.learning {
float:left;
color: #fff;
background-color:#00769C;
padding:0 5px 2px 5px;
margin-top: 30px;
}

a.learning:hover {
background-color:#4C5457;
color: #fff;
}


/* Showcase */

.showcase h1.showcase-heading {
	font-size: 1em;
	line-height: 1.2em;
}

/* Showcase home */

.page-template-showcase-home-php #primary {
	margin: 0;
}
.page-template-showcase-home-php #content {
	margin: 0 7.6%;
	width: auto;
}

.page-template-showcase-home-php #main .widget-area1,
.page-template-page-no-sidebar-php #main .widget-area1,
.page-template-default #main .widget-area1,
.page-template-page-dementia-challenge-php #main .widget-area1 {
	float: left;
	margin: 0 -24% 0 0;
	width: 21%;
}

.page-template-showcase-home-php #main .widget-area2,
.page-template-page-no-sidebar-php #main .widget-area2,
.page-template-default #main .widget-area2,
.page-template-page-dementia-challenge-php #main .widget-area2 {
	float: left;
	margin: 0 -48% 0 25%;
	width: 21%;
}

.page-template-showcase-home-php #main .widget-area3,
.page-template-page-no-sidebar-php #main .widget-area3,
.page-template-default #main .widget-area3,
.page-template-page-dementia-challenge-php #main .widget-area3 {
	float: right;
	margin: 0 0 0 0;
	width: 50%;
}

/* Intro */
.pagewide article.intro {
	margin-top: 0;
}

.showcase article.intro {
	margin-top: -0.5em;
}

/* Featured slider */
.featured-posts {
	min-height: 400px;
}

/* Widget area */
.showcase .textwidget h3 {
	margin-bottom: 0.5em;
	line-height: 1.4em;
}
.showcase .textwidget p {
	margin-bottom: 0.5em;
}

/* Page no sidebar */

.pagewide #page {
	max-width: 690px;
}
.pagewide #content {
	margin: 0 5%;
	width: auto;
}
.pagewide #nav-below {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1.625em;
}
.pagewide #secondary {
	float: none;
	margin: 0 5%;
	width: auto;
}
body.single-format-image #secondary {
	visibility: hidden;
	width 0%;
}
body.single-format-image #content {
	margin: 0 5%;
	width: 100%; 
}
article.format-image  {
	max-width: 900px;
}
/* Posts */

/* Post highlighting */
.highlight {
	padding: 0.5em;
	margin-bottom: 0.5em;
	background:#e5b5a5;
}

/* List posts */

.post-list-entry {
	margin-bottom: 1em;
}

.post-list-meta {
	color: #666;
	clear: both;
	font-size: 0.9em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

.post-list-meta a {
}

/* Secondary */


#secondary {
	margin-top: 4%;
}

#secondary ul {
list-style: none;
margin:0 0 1em 0;
}

#secondary li {	
line-height:2em;}

#secondary li a {
border-bottom: 1px solid #dedede;
width: 100%;
display: block; 
padding-left:0.5em}

#secondary .current-menu-item > a,
#secondary.current-menu-ancestor > a,
#secondary .current_page_item > a,
#secondary .current_page_ancestor > a {
	background: #f5f5f5;
	text-decoration:none; 
	color:#000;
	font-weight: bold;
}


#secondary li a:hover {	
background: #f5f5f5;
text-decoration:none; 
color:#000;}

#secondary .widget a {
font-weight: normal;
}

#secondary .widget-title,
#supplementary .widget-title {
	font-size: 1em;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}

#supplementary .widget-title {
margin-left:-2em;
}

.page-right-sidebar {
	padding-top: 1em;
}

.page-left-sidebar {
	float: left;
	margin-left: 4%;
}

/* Lists */

a.word,
a[href$=".doc"],
a[href$=".docx"] {
	background: url(images/icons/word.gif) no-repeat center right;
	padding: 5px 20px 5px 0;
}

a.excel,
a[href$=".xls"],
a[href$=".xlsm"] {
	background: url(images/icons/excel.gif) no-repeat center right;
	padding: 5px 20px 5px 0;
}

a.ppt,
a[href$=".ppt"],
a[href$=".pptx"] {
	background: url(images/icons/ppt.gif) no-repeat center right;
	padding: 5px 20px 5px 0;
}


a.pdf,
a[href$=".pdf"] {
	background: url(images/icons/pdf.gif) no-repeat center right;
	padding: 5px 20px 5px 0;
}

/* 
	a[href$=".pdf"]:after {
	content: " (PDF, " attr(data-size) ")"; 
	color: #666;
	} 
*/