/*   
Theme Name: Artsblog
Theme URI: www.kilroyjames.co.uk/artsblog
Description: The default ArtsBlog theme for 2009. Clean code and 100% valid output (XHTML and CSS): accessible enough to use as a Public-Sector website. Works with Wordpress 2.7
Author: Kilroy Kames Ltd
Author URI: http://www.kilroyjames.co.uk
Version: 1.0
.
Released under a Creative Commons share and share-alike license.
.
*/

/********** DOM styles **********/

* { 	padding:0; margin:0; } /* keep it all tight */

body {	font: 79% 'lucida sans unicode',verdana,sans-serif;
	background: #000;
	color: #fff;
	text-align: center;
	position:relative;
	margin: 0;
	padding: 0 0 2em 0;
	z-index:1;
}

h1 {}
h2 {	
  font-size: 2.5em;
	font-family: "arial", sans-serif;
	letter-spacing:-1px;
	font-weight: normal;
	padding-top: 20px;
}
#content.category h2.page-title{
	margin-bottom:1em;
}
	
h3 { 	font-family: arial, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
}
p+h3 {
	margin-top:1em;
}
h4 { 	font: bold 0.9em 'lucida sans unicode',verdana,sans-serif; 
	margin-top: 1em;
	color: #005eac;
}
h4+p{
	margin-top: 0em; 
}


h5 { 	font: normal 1.1em 'lucida sans unicode',verdana,sans-serif; 
	text-transform: uppercase; 
	margin-top: 0; 
}
h5.breadcrumbs {
	font-size:1em;
	text-transform:none;
	margin-top:20px;
	
}
h5.breadcrumbs a {
	color: #e70033;
}
h5.breadcrumbs a:hover {
	color: #e70033;
	text-decoration:none;
}

a, a:active {	color: #11a7a3; text-decoration: none; }
a:visited {	color: #0c7976;	text-decoration: none; }
a:hover { 	color: #0af; text-decoration: underline; }


h1 a, h1 a:hover, h1 a:visited, {
	color: #000;
}

h3#comments {
	text-decoration:underline;
	font-size:1.4em;
}
h4 a, h4 a:visited { 
	padding: 0 .2em;
	display:block;
}
h4 a:hover { 
	color: #2282ed; 
}

img  {	border: 0; }

p {	margin-top: 1em; 

}
p.first {
	margin-top:0;
}

p img {
	padding: 0;
	max-width: 100%;
}

code {	font: 1.1em 'Courier New',fixed; }

acronym, abbr {
	font-size: 0.9em;
	letter-spacing: .07em;
}
em {	font-family: georgia,serif; }

ul, ol { 
	margin: 1em 0 0 2em; 
}
#content.faq li{
	margin-bottom:20px;
}

ol.archive { 
	color: #888; 
	line-height:2em;
}
ol.archive li{ 
	margin-left:1em
}

li ul, li ol { margin-top:0em; }




blockquote, strike { 
	color: #777;
}

acronym, abbr {
	cursor: help;
	border-bottom: 1px dashed #999;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

hr {
	display: none;
}

table.normal{
	border-collapse:collapse;
	border:1px solid #666;	
}
table.normal caption{
	text-align:left;
	font: bold 1.3em arial,sans-serif;
	background: #eee;
	padding: .5em;
	margin-bottom:.2em;
}
table.normal td, table.normal th{
	padding:.5em;
	vertical-align:top;
	border:1px solid #666;
}


/***** Main structural blocks *****/

#wrapper{
	width:960px;
	margin: 0 auto;
	overflow:hidden;
	position:relative;
	z-index:3;
	color: #444;
	background: #fff url(images/footer-bg.png) no-repeat left bottom;
}

#page {
	text-align: left;
	margin:20px 30px 30px 30px;
	overflow:hidden;
	position:relative;
	z-index:3;
}
#header {
	overflow:hidden;
	position:relative;
	z-index:3;
	margin: 0;
}

#header:after {
	content: ".";
	display: block;
	line-height: 0em;
	font-size: .1px;
	clear: both;
	height:.1px;
}

.logotype {
	font: 3em 'georgia',arial,helvetica,sans-serif;
	letter-spacing:-3px;
	word-spacing:-.2em;
	line-height:1em;
	margin: 0;
	padding:0;
}

.description{
	font-weight:normal;
	font-size:1.1em;
	margin:5px 0 0 20px;
}

#header .nav {
	padding:0;
	margin:7px 30px 0 0;
	font:normal 1.2em arial,sans-serif;
	overflow:hidden;
	clear:left;
}

#header .nav #online-quote {
	float:right;
	padding: 5px 24px 6px 24px;
	text-decoration: none;
	color:#fff;
	display:block;	
	background: #0c7976;
	margin-right:5px;
	-webkit-border-radius: .4em;
	-moz-border-radius: 2%;
}
#header .nav #online-quote:hover {
	background: #11a7a3;
}

#header .nav #online-quote.active, #header .nav #online-quote.active:hover {
	background: #ccc;
}


#header .nav ul{ 
	margin:0;
	padding: 0;
	overflow: hidden;
	background: #000 url(images/bg-nav.png) 100% 50% no-repeat;
	width: 66%;
	float:left;
}
#header .nav li {
	list-style-type: none;
	display:inline;
	float:left;
}

#header .nav li a { 
	padding: .3em 1.5em;
	text-decoration: none;
	color:#fff;
	display:block;
	/*background: #6d95e0;*/
}

#header .nav a:hover { 
	background: #aaa;
	color: #fff;
}
#header .nav li.current_page_item a, #header .nav li.current-cat a, #header .nav li.current-cat-parent a {
	background: #ddd;
	color: #444;
	cursor:default;
}
#header .nav li.current-cat a:hover, #header .nav li.current-cat a:hover, #header .nav li.current-cat-parent a:hover{
	cursor:default;
}



#header #searchform {
	margin:4em 1em 0 0;
	padding: 5px 0 0 0;
	float: right;
}
#header #searchform #label {
	visibility:hidden;
	font-size:.1px;
}
#header #searchform input[type=text] {
	width: 12.4em;
	font-size:1.2em;
}
#header #searchform label {
}
#header #searchform #searchsubmit {
	padding: 1px .5em 2px .5em;
	margin: 0 0 0 2px;
	border:1px solid #fff;
	background: #464646;
	color: #fff;
	-moz-border-radius: 5%;
	vertical-align:top;
}
#header #searchform #searchsubmit:hover {
	border:1px solid #e70033;
}
#header #searchform #searchsubmit:active {
	border:1px solid #f00;
	background:  #e70033;
	color: #000;	
}


#content {
	position:relative;
	float:left;
	z-index:3;
	margin:0;
	width: 65%;
}



/* Homepage divs */
#content.home {
	width: 100%;
}
#content.home h4{
	font: 2em "lucida sans unicode","lucida grande", sans-serif;;
	margin: 10px 0;
	letter-spacing: -1px;
}

#content.home .promo{
	float:left;
	margin-right: 20px;
}




/* footer */


#footer {
	clear: both;
	position:relative;
	text-align:left;
	margin:0 30px;
	overflow:hidden;
	padding:0;
	border-top: 3px solid #333;
}
#footer ul{
	margin:38px auto 0 auto;
	padding:0;
	overflow:hidden;
}
#footer li {
	margin:0;
	float:left;
	list-style:none;
}
#footer li a{
	display:block;
	padding: 5px 20px;
	margin-right:10px;
	text-decoration:underline;
	color: #444;
}
#footer li a:hover{
	background: #ddd;;
}


#footer img.footer-logo {
	float:left;
	margin:10px 30px 30px 0;
}

div.credit {
	margin:20px auto 20px auto;
	text-align:right;
	width:920px;
	color: #fff;
	visibility: hidden;
}
div.credit a, div.credit a:visited{
	color: #06f;
}


/* category.php, archive.php and index.php styles */
.tagged { 
	padding: 0 0 4px 0; 
	font-size: 0.85em; 
	line-height: 1.4em; 
	color: #888; 
	clear: both; 
	border-bottom: 1px solid #E2E2E1; 
	text-transform: uppercase;
	margin-top:2em; 
}
.tagged a, .tagged a:visited { 
	padding: 0 1px; 
	color: #888; 
}
.tagged a:hover { 
	color: #fff; 
	background: #C0C0C0; 
}

.read-more-link  { 
	display: block; 
	font-weight: normal; 
	float: right;
}
.read-more-link a, .read-more-link a:visited { 
	color: #000; 
	background: #c0c0c0;
	padding:0 .5em;
}
.read-more-link a:hover { 
	color: #fff; 
	background: #00c; 
}

.services-text {
	width: 50%;
	background: #ddd;
	padding:1em;
	margin-top:1em;

}

.services-image {
	background: #000;
	width:45%;
  float:right;
  margin-top:1em;

}
.cctv {
	background: url('images/cctv.jpg') no-repeat 0% 0;
	height:30em;
}
.jetting {
	background: url('images/jetting.jpg') no-repeat 0% 0;
	height:40em;
}
.repairs {
	background: url('images/repairs.jpg') no-repeat 0% 0;
	height:31em;
}
.lining {
	background: url('images/lining.jpg') no-repeat 0% 0;
	height:60em;
}
.tankers {
	background: url('images/lining.jpg') no-repeat 0% 0;
	height:60em;
}
.map {
	background: url('images/map.png') no-repeat 0% 0;
	height:420px;
}




.post { margin: 0 1em 0em 0;
	overflow:hidden;
	position:relative;
	z-index:3;
}
.post li { 
	line-height:2em;
}

.post a.more-link {
	font-weight:bold;
}
.post .bookmark {
	float:right;
	margin-left:1em;
	margin-top:.75em;
	vertical-align:bottom;
}
.post h3 a[rel=bookmark] {
	float:none;
	margin-left:0;
}


.postmetadata {
	clear: left;
	color: #777;
}
.postmetadata.alt { border-top:1px dotted #ddd; }
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}






/* comment formatting */
.commentlist {
	padding: 0;
	margin-right:-1em;
}
.commentlist cite, .commentlist cite a {
	font-weight: normal;
	font-style: normal;
	font-size: 1.1em;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	clear:both;
	display:block;
	margin: 10px 5px 10px 0;	
}

.commentlist li {
	margin: 15px  0 3px 0;
	padding: 5px 10px 3px 0;
	list-style: none;
}
.commentlist .comment-author{
	float:left;
	overflow:hidden;
}
.commentlist .comment-meta{
	float:right;
	overflow:hidden;
	font-weight: normal;
	font-size:.9em;
	line-height:2em;
	margin:1.4em 0 0em 0;	
}
.commentlist .reply {
	font-weight: bold;
}

#commentform {
	width: 95%;
	margin-right:0;
	overflow:hidden;
}
#commentform input {
	width: 50%;
	padding: 2px;
	margin: 5px 5px 1px 0;
}
#commentform textarea {
	width: 98%;
	padding: 2px;
}

#commentform #submit {
	margin: 0;
	float: right;
}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}



/* sidebar */
#sidebar {
	float:right;
	width: 175px;
	position:relative;
	margin:2em 5px 3em 0;
}
#sidebar.gallery {
	float:right;
	width: 250px;
	position:relative;
	margin:2em 5px 3em 0;
}



#sidebar h2 {
	font: bold 1em/1em 'lucida sans unicode',sans-serif;
	margin: 0;
	padding: 1px  0 0 0;
	letter-spacing:normal;
}
#sidebar ul, #sidebar ol {
	margin: 0 0 0 1em;
	padding: 0;
}
#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 1em 0;
	padding: 0;
}

#sidebar li {
	list-style-type: none;
	overflow:hidden;
	padding:.2em 0;
}
#sidebar .current_page_item {
	background: url('images/icons/arrow.gif') no-repeat 0 2px;
	background: url('images/icons/sel-1.png') no-repeat 0 2px;
	padding-left: 1em;
	font-size:1em;
	color: #11a7a3
}
#sidebar a, #sidebar a:visited {

}
#sidebar .current_page_item a {

}

#sidebar .widget_slideshow {
	margin-top:1em !important;
	font-size:.9em;
}
#sidebar .slideshow-widget {
	margin-top:.5em !important;	
}

#sidebar .ngg-widget img{
	float:right;
	margin-bottom: 20px;
	padding: 5px;
	border-color: #666;
}
#sidebar .ngg-widget img:hover{
	background-color: #ddd;
}


/* Begin Form Elements */
form .submit{
	padding: 1px .5em 2px .5em;
	margin: 0 0 0 2px;
	border:1px solid #fff;
	background: #464646;
	color: #fff;
	-moz-border-radius: 5%
}
form .submit:hover {
	border:1px solid #e70033;
}
form .submit:active {
	border:1px solid #f00;
	background:  #e70033;
	color: #000;	
}


#sidebar #searchform #s {
	width: 100px;
	padding: 2px;
	font: normal 10px/13px 'lucida grande','lucida sans unicode',verdana,sans-serif;
	color: #333; 
}
#sidebar #searchsubmit {
	padding: 1px 2px 0 2px;
	margin: 0 0 0 2px;
	font: normal 10px/13px 'lucida grande','lucida sans unicode',verdana,sans-serif;
	background: #B8B8B8;
	color: #fff; 
}




/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
}



/* Begin Various Tags & Classes */

span.caps {
	cursor: help;
}

.post hr {
	display: block;
}

.center {
	text-align: center;
}

.navigation {
	margin: 2em 0;
	font-size: 0.8em; 
	color: #888; 
	text-transform: uppercase;
	clear:both;
	overflow:hidden;
}
.navigation .list {}
.navigation a, .navigation a:visited, .navigation a:hover {
	text-decoration: none; 
	display:block;
	padding: .3em .5em !important;
}
.navigation a, .navigation a:visited {
	color: #464646;
	background: #eee;
}
.navigation a:hover { 
	color: #fff; 
	background: #666;
}
.older-entries, .newer-entries {
	overflow:hidden;
	float:left;
}
.older-entries {
	border-right:4px solid #aaa;
}
.newer-entries {
	border-left:4px solid #aaa;
	margin-left: 1em;
}


.navigation.top {
	margin:-12px -26px 0 0;
	float:right;
}
.navigation.top a, .navigation.top a:visited, .navigation.top a:hover {
	display:block;
	padding: .5em 1em;
	margin:0;
}
.navigation.top .pagebar{
	margin:0;
	padding:3px 3px;
	background: #f6f6f6;
	white-space:nowrap;
	-moz-border-radius: 0 0 2% 2%;
	overflow:hidden;
}
.navigation.top .pagebar a{
	float:left;
	background: #fff;
	border: 1px solid #464646;
	-moz-border-radius: 5%;
	margin:0 2px;
	padding:3px 9px;
	color: #464646;
}
.navigation.top .pagebar a:hover{
	background: #fff;
	border: 1px solid #e6db55;
}

.navigation.top .pagebar span.this-page{
	display:block;
	float:left;	
	padding: 3px 9px;
	color: #464646;
	background: #fff;
	text-align:center;
	border: 1px solid #e6db55;
	-moz-border-radius: 5%;
	margin:0 2px;
	font-weight:bold;		
}


.page-date{
	float:right;
	margin-top:0;
}



/*** SEARCH PAGE **/

div.search-results{
	clear:both;
	margin-top:2em;
}
.search-results dt{
	margin-bottom:0;
	border-bottom:1px solid #ccc;
}
.search-results dd {
	font:normal 1em/1.4em verdana,sans-serif;
	margin: 0em 0 2em 0;
}
.search-results dd p {
	margin-top: 0;
}
.search-results h4 {
	margin:0 0 1.5em 0;
}
.search-results dt a {
	font-size:1em;
	font-weight:bold;
}
.search-results dt span.date {
	font:normal .85em verdana,sans-serif;
}
.search-results .permalink{
	font:normal 1em/1.4em verdana,sans-serif;
	margin: 0em 0 0 0;
	color: #888;
}

/*** PAGEBAR **/
div.pagebar {
	margin: 2em 0 1em 0;
	padding: 1em 0;

}
div.pagebar a{
	padding: .3em .5em;
	border: 1px solid #ccc;
	font-weight:bold;
	background: #36393A;
	color: #fff;
}
div.pagebar a:hover{
	background: #666;
	text-decoration:none;
}
div.pagebar .this-page{
	background: #2282ed;
	color: #fff;
	padding: .3em .5em;
	font-weight:bold;
	border: 1px solid #00f;
}


#content.gallery {
	margin-bottom: 3em;
}
#content.gallery div {
	margin-right: 1em;
}

#content.gallery h3{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0;
}
#content.gallery h3+p{
	margin-top:0;
}
#content.gallery h5{
	margin-top: 3em !important;
	font-size:1.1em;
	color: inherit;
	text-transform: none;
	font-weight:bold;
	border-bottom: 1px dotted #ccc;
	width: 480px;
}



/*** nextgen gallery styles ***/
.ngg-compact-album {
	float:left;
	margin-right:2em;
	text-align:left;
	width:25%;	
}
.ngg-compact-album strong{
	display:block;	
}
.ngg-compact-album strong+p{
	margin-top:0;	
}











/*

*/