/*
Theme Name: WorkingTitle
Theme URI: http://www.theworkingtitle.co.uk
Version: 1.0
Author: Ian Atkins
Author URI: http://www.kith-kin.co.uk
Tags: working title


*/
body { font-size:11px; font-family: "Times New Roman", Times, serif; color: #333; text-align: center; margin-top:25px;}

/* brand v1.6 */
body { width:100%; height:100%; margin-top:25px; position:relative;}
#kk-brand {height:25px; background-color:#000000; display:block; width:100%; position:fixed;
top:0; z-index:100; text-align:left; font-size:11px;}
#kk-brand h1 {float:left; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; margin:0px; padding:0px; line-height:24px; clear:both; letter-spacing:normal; text-transform:inherit; text-align:left; font-weight:bold;}
#kk-brand h1 a {color:#FFFFFF; text-decoration:none;}
#kk-brand .container {width:95%; margin-left:auto; margin-right:auto;}
#kk-brand ul {background-color:#FFFFFF; border:0px; font-size:10px; text-transform:uppercase; height:15px; line-height:15px; color:#000000; font-family:Arial, Helvetica, sans-serif; float:right; margin:5px 0px 0px 0px; padding:0px; vertical-align:middle; width:150px; text-indent:3px; position:relative;}
#kk-brand ul li {padding:0px; margin:0px; list-style-type:none; background-image:url(http://www.kith-kin.co.uk/images/brand/more.gif); background-repeat:no-repeat; background-position:top right; cursor:default;}
#kk-brand ul li a {display:block; text-decoration:none; color:#666666; outline:none;}
#kk-brand ul li ul li a { cursor:pointer;} 
#kk-brand ul li a:hover {color:#000000;}
#kk-brand ul li ul {height:45px; overflow:auto; margin:0px; display:none; position:absolute; z-index:100; top:15px; left:0px;}
#kk-brand ul li:hover ul {display:block;}
#kk-brand.active ul li:hover ul {display:none;} /* let jquery fade */
#kk-brand ul li ul li {background-image:none; height:15px; z-index:100;}

/* core */
a {outline:none;}
.clear {clear:both;}
#page {	background-color: white; text-align: left;}
#headerimg 	{ margin: 7px 9px 0; width: 740px;}
#headerimg h1 {border-bottom:1px solid #000000; margin-bottom:0px; padding-bottom:50px;}
#headerimg .description {position:relative; font-size: 12px; text-align: center; line-height:30px; text-transform:uppercase; letter-spacing:2px;}
#headerimg .issues { font-size: 10px; text-align: center; color:#CCCCCC; text-align: center; line-height:30px; text-transform:uppercase; letter-spacing:2px; border-top:1px solid #000000;}
#headerimg .issues span { font-size: 1em; text-align: center; color:#333333; padding-right:15px;}
#headerimg .issues a { color:#000000;}
#content {font-size: 13px;}

.narrowcolumn .entry, .widecolumn .entry {line-height: 1.6em;}
.widecolumn {line-height: 1.6em;}
.narrowcolumn .postmetadata {text-align: center;}

.thread-alt {background-color: #f8f8f8;}
.thread-even {background-color: white;}

.depth-1 {border-bottom: 1px solid #ddd;}
.alt {border-left: 1px solid #ddd;}

#footer {border: none;}
small { font-size: 0.9em; line-height: 1.5em;}



#sidebar h2 {	font-size: 1.2em;	}

#browse {border-top:0px; margin-right:-150px; margin-left:-150px; line-height:50px; margin-bottom:0px;}
#browse .alignright {font-size:1.3em;}
#browse .alignleft {font-size:1.3em;}

.navigation {line-height:30px; display:block; margin-bottom:60px; font-size:10px; letter-spacing:1px;}

.commentlist li, #commentform input, #commentform textarea {font: 1.1em "Times New Roman", Times, serif;}
.commentlist li ul li {font-size: 1em;}
.commentlist li {font-weight: bold;}
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff;}
.commentlist .says {display:none;}
.commentlist cite, .commentlist cite a {font-weight: bold; font-style: normal; font-size: 1.1em;}
.commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;}
#commentform p {}
.commentmetadata {	font-weight: normal;}

#sidebar {font: 1em;}
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {color: #777;}

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

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #06c;
	text-decoration: none;
	}

a:hover {
	color: #147;
	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */

/* decal */
#decal {position:absolute; right:20px; top:-30px; z-index:2;}
#ldf {position: absolute; left: 20px; top:-20px; z-index: 2;}

/* Begin Structure */
body {	margin: 0 0 20px 0;}
#page {	background-color: white; margin: 20px auto;	padding: 0;	width: 760px; padding-top:15px; }
#header { border-bottom:2px solid #000000; margin:0 0 0 1px; padding:0; width:758px; }
#headerimg {margin:0; width: 100%;}


.narrowcolumn {	margin:0 auto 0;padding:0px 0 0px 0px;	text-align:center;	width:450px;	}
.widecolumn {margin-left:auto; margin-right:auto; text-align:center; width:450px;}

.post {	margin: 0 0 75px;	text-align: justify;	}
.post hr {	display: block;	}

.widecolumn .post {	margin: 0;	}
.narrowcolumn .postmetadata {	padding-top: 5px;	}
.widecolumn .postmetadata {	margin: 30px 0;	}
.widecolumn .smallattachment {	text-align: center;	float: left;	width: 128px;	margin: 5px 5px 5px 0px;}
.widecolumn .attachment {	text-align: center;	margin: 5px 0px;}
.postmetadata {	clear: both;}
.clear {	clear: both;}
#footer {	padding: 0;	margin: 0 auto;	width: 760px;	clear: both;	}
#footer p {	margin: 0;	padding: 20px 0;	text-align: center;	}
/* End Structure */

/* issue page */
#content.issue {}
#content.issue ul {margin:0px; padding:0px; margin-top:26px; margin-bottom:26px; border-bottom:1px solid #EFEFEF; clear:both; height:150px;}
#content.issue ul li {width:196px; float:left; line-height:30px;  list-style-type:none;}
#content.issue ul li img {float:left;}
#content.issue ul li.wide {width:350px; font-size:14px; margin-top:16px; line-height:16px;}
#content.issue h2 { font-size:28px; font-weight:normal; margin:0px; margin-right:20px;}

/* category */
#category {text-transform:uppercase; clear:both; font-size:12px; line-height:60px; border-bottom:1px solid #777777; color:#777777;}
#category .left {float:left; width:50%; letter-spacing:2px;}
#category .right {float:right; width:50%; text-align:right; text-transform:capitalize;}

/* event page */
#content.event {padding:26px;}
#content.event .entry {width:450px; margin-left:auto; margin-right:auto; text-align:center; line-height:1.6em;}
.event-issues ul {margin:0px; padding:0px; margin-top:15px; margin-bottom:15px; border-bottom:1px solid #EFEFEF; clear:both; height:150px;}
.event-issues  ul li {width:250px; float:left; line-height:30px; margin-right:26px; list-style-type:square;}
.event-issues  ul li.issue {height:100px; width:120px; margin-right:26px; list-style-type:none;}
.event-issues  ul li.issue h1 {margin:0px; text-align:left; margin-top:5px; font-size:30px; color:#999999;}
.event-issues  ul li h3 {margin:0px; font-size:14px;}
.event-issues  ul li h2 {margin:0px;}

.event-map #map {width:760px; height:300px;}

.event-images img { float:left; margin-right:2px; margin-bottom:1px;}
.event-images {clear:both; margin-bottom:30px;}

/* about page */
#content.about .post {width:450px; margin-left:auto; margin-right:auto; text-align:center; line-height:18px; font-size:14px;}

.about-events ul {width:760px; margin:0px; padding:0px; border-bottom:1px solid #EFEFEF; padding-bottom:26px; clear:both; height:150px;}
.about-events li {width:196px; float:left; list-style-type:none; height:150px;}
.about-events h2, .about-events h3 { margin-right:20px;}
.about-events li.wide {width:350px; margin-top:16px; font-size:13px; line-height:20px;}
.about-events li.wide br {margin-bottom:10px;display:block;}


/* add this */
.addthis {margin-left:auto; margin-right:auto; text-align:center; width:150px;}
.addthis_toolbox addthis_default_style {text-align:center;}

/*	Begin Headers */
h1, h2, h3 {font-weight: normal;}
#header h1 a:hover {text-decoration:none; color:#000000;}
h1 a, h2 a, h3 a {text-decoration:none; color:#000000;}
h1 {font-size:36px;	font-weight:normal;	letter-spacing:10px;	margin-bottom:50px;	margin-top:50px; text-transform:uppercase;color:#000000; text-align:center;}
h2 {margin: 30px 0 0; font-size: 22px;}
h2.pagetitle {	margin-top:0px; line-height:60px; text-align: center; color:#666666; font-size: 18px; font-style:italic;}
body h2.section-heading {line-height:36px; margin-top:36px; text-transform:uppercase; border-bottom:2px solid #000000; display:block; font-size:16px; text-align:center; letter-spacing:3px; margin-right:0px;}
#sidebar h2 {margin: 5px 0 0;padding: 0;}
h3 {font-size:16px; padding: 0;margin: 30px 0 0;	}
h3.comments {	padding: 0;	margin: 40px auto 20px ;}
/* End Headers */

/* Begin Images */
p img {	padding: 0;	max-width: 100%;	}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */
img.centered {	display: block; margin-left: auto; 	margin-right: auto;	}
img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;}
img.alignleft {	padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
/* End Images */
/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}
select {width: 130px;}
#commentform input {	width: 140px;	padding: 2px;	margin: 5px 0px 1px 0;	}
#commentform {margin: 5px 0px 0 0;}
#commentform label {display:block; text-align:center;}
#commentform label span {color:#990000;}
#commentform div.col {float:left; width:155px; text-align:left;}
#commentform div.last {width:140px; float:left;}
#commentform textarea {	width: 100%; padding: 2px;}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {margin: 0 0 5px auto;float: right; }
/* End Form Elements */



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

h3#comments {font-size:1.2em;}
.commentlist { padding: 0; text-align: justify;	}
.commentlist li {margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none;}
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p {margin: 5px 0; }
.nocomments {text-align: center; margin: 0; padding: 0;	}
.commentmetadata { margin: 0; display: block; color:#777777; font-variant:inherit; font-size:0.8em; letter-spacing:1.5px;}
.commentmetadata  a {color:#777777}
/* End Comments */
/* Begin Sidebar */
#sidebar {padding: 20px 0 10px 0; 	margin-left: 545px; width: 190px;}
#sidebar form {	margin: 0; }
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	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;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* footer */
#footer {border-top:1px solid #000000; margin-top:75px;}
#footer ul {float:left; list-style-type:none; font-size:12px; padding:0px; margin:0px; display:block; margin-bottom:50px; border-bottom:1px solid #000000; padding-bottom:15px;}
#footer ul li {float:left; width:196px; font-size:1em;}
#footer ul li.last {width:170px;}
#footer ul li.heading {text-align:center; font-size:1.2em; line-height:30px;  text-transform:uppercase; border-bottom:2px solid #000000; margin-bottom:10px;}
#footer ul li ul, #footer ul li ul li {width:170px; text-align:center; line-height:1.5; margin-bottom:0px; padding-bottom:0px; border:0px;}
#footer ul li ul li input.input {width:170px; margin-top:3px; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-transform:uppercase; text-align:center; margin-bottom:5px;}
#footer .description {border-bottom:1px solid #000000; letter-spacing:2px; line-height:30px; text-transform:uppercase; text-align:center;}
#footer ul li ul li.page_item {padding-bottom:10px;}
#footer ul li ul li.current_page_item {font-weight:bold;}

#searchform {display:none;}
#page .post {text-align:center;}

a.more-link {display:block; font-size:1.4em; padding-top:15px; padding-bottom:0px;}

p.postmetadata {color:#777777; font-size:11px; font-style:italic; letter-spacing:1.5px;}
p.postmetadata a {text-decoration:underline; color:#777777; }
p.KithKin {font-size:9px; font-family:Arial, Helvetica, sans-serif;}
p.KithKin a {color:#000000;}

#content .gallery {margin-top:10px;}
#content .gallery img {border:2px solid #FFFFFF; border-bottom:0px;}
#content .gallery-item {margin-top:0px; margin-bottom:0px; overflow:hidden;}
#content img.size-medium {margin-top:10px;}