/*
Theme Name: Lib Dem Aqua
Theme URI: http://www.grit-oyster.co.uk/
Description: A theme for Liberal Democrat websites using the aqua colour palette.
Version: 1.2
Author: Grit and Oyster Limited
Author URI: http://www.grit-oyster.co.uk/

	Lib Dem Aqua v1.2
	http://www.grit-oyster.co.uk/
	A theme for Liberal Democrat websites using the aqua colour palette. This theme was designed and built by Andy Strange of Grit and Oyster Limited.
*/
@import url('reset.css');
@import url('fonts.css');
@import url('menu.css');
@import url('search.css');
@import url('home.css');
@import url('local.css');
/* =Structure
-------------------------------------------------------------- */
html, body { width: 100%; height: 100%; }
#divContainer {
	clear: none;
	float: none;
	display: block;
	text-align: center;
	min-height: 100%;
}
#BodyTop, #BodyContent, #BodyBottom { width: 100%; display: block; height: auto; }
#PageTop { width: 942px; margin-left: auto; margin-right: auto; }
#divHeader {
	border-width: 0;
	clear: none;
	float: left;
	display: block;
	height: 83px;
}
#divHeaderImg {
	border-width: 0;
	float: left;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 199px;
	height: 77px;
}
#divHeaderSearch {
	border-width: 0;
	float: left;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 199px;
	height: 45px;
}
#divHeaderNav1 {
	float: left;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 743px;
	height: 32px;
}
#divHeaderNav2 {
	border-width: 0;
	float: left;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 544px;
	height: 45px;
}
#divHeaderBorder { float: left; width: 942px; border: 0; height: 6px; }
div#PageContent {
	width: 942px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: left;
	height: auto;
}
#divContentCol1 {
	border-width: 0;
	clear: none;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 682px;
	display: block;
}
#divContentNav {
	border-width: 0;
	clear: none;
	float: left;
	margin: 10px 0 0 0;
	width: 147px;
	display: block;
}
#divContentLoop {
	border-width: 0;
	clear: none;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 535px;
	display: block;
}
#divContentCol2 {
	border-width: 0;
	clear: none;
	float: right;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	width: 250px;
	display: block;
}
#PageBottom {
	width: 942px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	clear: both;
	display: block;
}
#divFooter { padding: 0 0 0 0; }
/* =For full width pages
-------------------------------------------------------------- */
#divContentColFull {
	border-width: 0;
	clear: none;
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
}
#divContentColFull #divContentLoop { width: 795px; }
/* =Background colours
-------------------------------------------------------------- */
html, body { background-color: #f3f3f3; background-image: none; }
#BodyTop, #BodyContent, #BodyBottom { background-color: transparent; }
#PageTop { background-color: transparent; }
div#PageContent { background-color: transparent; }
div#PageBottom { background-color: #e0e0e0; }
#divHeader { background-color: #006677; }
#divHeaderImg, #divHeaderSearch, #divHeaderNav1, #divHeaderNav2 { background-color: #0099aa; }
#divHeaderBorder { background-color: #006677; }
#divContentCol1,  #divContentNav, #divContentLoop { background-color: transparent; }
#divContentCol2 { background-color: transparent; }
/* =Drop Shadow
-------------------------------------------------------------- */
.shadow {
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
	-moz-box-shadow: 3px 3px 4px #999999;
	-webkit-box-shadow: 3px 3px 4px #999999;
	box-shadow: 3px 3px 4px #999999;
}
/* =Content
-------------------------------------------------------------- */
article { display: block; }
article.post, article.page, article.attachment {
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	padding-bottom: 0.5em;
}
#divContentLoop nav { display: block; overflow: hidden; }
#divContentLoop nav .nav-previous { float: left; width: 50%; }
#divContentLoop nav .nav-next { float: right; width: 50%; text-align: right; }
#divContentLoop #nav-above { display: none; }
.paged #divContentLoop #nav-above,
.single #divContentLoop #nav-above { display: block; }
nav#nav-below { margin: 10px; display: block; }
.page-link { margin: 0 0 1em; }
/* 404 page */
.error404 .widget { float: left; width: 33%; }
.error404 .widget .widgettitle,
.error404 .widget ul { margin-right: 1em; }
.error404 .widget_tag_cloud { clear: both; float: none; width: 100%; }
/* Notices */
.post .notice,
.error404 #searchform { padding: 1em; display: block; background: #eeeeee; }
/* Image Attachments */
.image-attachment div.entry-meta { float: left; }
.image-attachment nav { float: right; margin: 0 0 1em 0; width: 100%; }
.image-attachment .entry-content { clear: both; }
.image-attachment .entry-content .entry-attachment {
	margin: 0 0 1em;
	padding: 1em;
	background: #eeeeee;
	text-align: center;
}
.image-attachment .entry-content .attachment { margin: 0 auto; display: block; text-align: center; }
#divPostMeta {
	border-width: 0;
	clear: both;
	float: left;
	margin: 0 0 1em 0;
	width: 100%;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	padding-bottom: 1em;
	display: block;
	color: #585858;
	font-size: 85%;
	text-transform: lowercase;
}
/* =Content navigation style
-------------------------------------------------------------- */
#divContentNav h2 {
	padding: 0 5px 0 5px;
	margin: 0 10px 0 0;
	color: #ffffff;
	background-color: #0099aa;
	height: 29px;
}
#divContentNav li {
	border-top: 1px solid #e0e0e0;
	margin: 0 10px 0 0;
	padding: 5px 0 5px 0;
	list-style: none;
}
#divContentNav li a {
	color: #0099aa;
	font-weight: bold;
	font-size: 93%;
	text-decoration: none;
	text-transform: lowercase;
}
#divContentNav li a:hover { text-decoration: underline; }
#divContentNav li p { font-size: 93%; }
#divContentNav ul { margin: 0 0 10px 0; }
#divContentNav ul li ul { margin: 10px 0 0 0; }
#divContentNav ul li ul li {
	border-top: 1px dashed #e0e0e0;
	margin: 0 0 0 10px;
	padding: 5px 0 5px 0;
	list-style: none;
}
#divContentNav ul li ul li.current_page_item a { text-decoration: underline; }
#divContentNav ul li.current_page_item a { text-decoration: underline; }
#divContentNav ul li.current_page_item ul li a { text-decoration: none; }
/* =Content Column 2 Lists
-------------------------------------------------------------- */
#divContentCol2 ul { margin: 0 0 0 0; }
#divContentCol2 ul li { margin: 10px 0 10px 0; list-style: none; }
#divContentCol2 ul li h2 {
	padding: 5px 5px 0 5px;
	color: #ffffff;
	font-size: 116%;
	min-height: 24px;
}
#divContentCol2 ul li h2 a { color: #ffffff; }
#divContentCol2 ul li h3, #divContentCol2 ul li h4, #divContentCol2 ul li h5, #divContentCol2 ul li h6 { padding: 0 10px 0 10px; }
#divContentCol2 ul li p { padding: 0 10px 0 10px; }
#divContentCol2 ul li p, #divContentCol2 ul li a { font-size: 93%; }
#divContentCol2 ul li select { margin: 0 10px 10px 10px; }
#divContentCol2 ul li table { margin: 0 auto 10px auto; text-align: center; }
#divContentCol2 ul li ul { padding: 0 10px 10px 10px; }
#divContentCol2 ul li ul li {
	margin-bottom: 0;
	margin-top: 0;
	list-style: square inside;
}
#divContentCol2 ul li ul li ul { padding: 0 10px 0 10px; }
#divContentCol2 ul li ul li ul li { list-style: disc inside; }
#divContentCol2 ul li.lda_header_one_widget a, #divContentCol2 ul li.lda_header_two_widget a { padding: 5px 5px 5px 10px; clear: both; display: block; }
#divContentCol2 ul.aqua li { border: 1px solid #0099aa; }
#divContentCol2 ul.aqua li h2{ background-color: #0099aa; }
#divContentCol2 ul.aqua li ul li, #divContentCol2 ul.aquanobrdr li ul li, #divContentCol2 ul.darkaqua li ul li, #divContentCol2 ul.deepred li ul li, #divContentCol2 ul.grey li ul li, #divContentCol2 ul.lightaqua li ul li, #divContentCol2 ul.lightgreen li ul li, #divContentCol2 ul.yellow li ul li { border: none; }
#divContentCol2 ul.aqua, #divContentCol2 ul.aquanobrdr, #divContentCol2 ul.darkaqua, #divContentCol2 ul.deepred, #divContentCol2 ul.grey, #divContentCol2 ul.lightaqua, #divContentCol2 ul.lightgreen, #divContentCol2 ul.yellow { margin: 0 0 0 0; }
#divContentCol2 ul.aquanobrdr li { border: 1px solid #f3f3f3; }
#divContentCol2 ul.aquanobrdr li h2 { background-color: #0099aa; }
#divContentCol2 ul.darkaqua li { border: 1px solid #006677; }
#divContentCol2 ul.darkaqua li h2 { background-color: #006677; }
#divContentCol2 ul.deepred li { border: 1px solid #990022; }
#divContentCol2 ul.deepred li h2{ background-color: #990022; }
#divContentCol2 ul.grey li { border: 1px solid #808080; }
#divContentCol2 ul.grey li h2 { background-color: #808080; }
#divContentCol2 ul.lightaqua li { border: 1px solid #33bbcc; }
#divContentCol2 ul.lightaqua li h2 { background-color: #33bbcc; }
#divContentCol2 ul.lightgreen li { border: 1px solid #cccc33; }
#divContentCol2 ul.lightgreen li h2 { background-color: #cccc33; }
#divContentCol2 ul.yellow li { border: 1px solid #ffbb22; }
#divContentCol2 ul.yellow li h2 { background-color: #ffbb22; }
/* =Images
-------------------------------------------------------------- */
a img { border: none; }
p img {
	margin-bottom: 0.5em; /* a small bottom margin prevents content floating under images */
}
/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
img.alignleft { margin-right: 1em; }
img.alignright { margin-left: 1em; }
.wp-caption { padding: .5em; text-align: center; }
.wp-caption img { margin: .25em; }
.wp-caption .wp-caption-text { margin: .5em; }
span.previous-image { float: left; width: 50%; }
span.next-image { float: right; width: 50%; text-align: right; }
/* =Comments
-------------------------------------------------------------- */
article.comment { display: block; }
#comments { margin-top: 1.5em; }
#respond input[type=text] { float: left; margin: 0 1em 0 0; width: 60%; }
#respond .comment-form-comment label { display: none; }
#respond textarea { margin: 0 1em 1em 0; float: left; width: 80%; }
#respond .form-allowed-tags { clear: both; width: 80%; }
#respond .form-allowed-tags code { display: block; }
img.avatar {
	float: right;
	margin: 5px 5px 5px 10px;
	padding: 5px 5px 5px 5px;
	border: 1px solid #e0e0e0;
	-moz-box-shadow: 3px 3px 4px #999999;
	-webkit-box-shadow: 3px 3px 4px #999999;
	box-shadow: 3px 3px 4px #999999;
}
.comment-author, .says, .fn { color: #585858; font-weight: bold; font-style: inherit; }
.comment-meta {
	margin-bottom: 1em;
	font-size: 77%;
	line-height: 1.465em;
}
ol.commentlist {
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}
/* =Widgets
-------------------------------------------------------------- */
.widget-area { background: #ffc0cb; /* pink */ }
.widget-area ul { padding: 0 1em; list-style: none; }
.widget-area ul ul { padding: 0 0 0 1em; list-style: disc; }
.widget-area .widget_search { overflow: hidden; }
.widget-area .widget_search input { float: left; }
/* =Forms
-------------------------------------------------------------- */
#searchform label { display: none; }
#searchform input#s { width: 60%; }
input[type=text],
input#s { margin: 0 1em 0 0; width: 60%; }
textarea { width: 80%; }
/* Class for labelling required form items */
.required { color: #cc0033; }
/* =WordPress basics
-------------------------------------------------------------- */
.alignleft { float: left; display: inline; }
.alignright { float: right; display: inline; }
.aligncenter {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.wp-caption { padding: .5em; text-align: center; }
.wp-caption img { margin: .25em; }
.wp-caption .wp-caption-text { margin: .5em; }
/* Text meant only for screen readers */
.screen-reader-text { position: absolute; left: -9000em; }
/* 404 page */
.error404 .widget { float: left; width: 33%; }
.error404 .widget .widgettitle,
.error404 .widget ul { margin-right: 1em; }
.error404 .widget_tag_cloud { clear: both; float: none; width: 100%; }
/* Notices */
.post .notice,
.error404 #searchform { padding: 1em; display: block; background: #eeeeee; }
/* Image Attachments */
.image-attachment div.entry-meta { float: left; }
.image-attachment nav { float: right; margin: 0 0 1em 0; width: 100%; }
.image-attachment .entry-content { clear: both; }
.image-attachment .entry-content .entry-attachment {
	margin: 0 0 1em;
	padding: 1em;
	background: #eeeeee;
	text-align: center;
}
.image-attachment .entry-content .attachment { margin: 0 auto; display: block; text-align: center; }