/*
Theme Name: KithKin Presents
Theme URI: http://www.kith-kin.co.uk/
Description: Another redesign.
Version: 3.0
Author: Ian Atkins

*/

/* brand v1.6 */
body { width:100%; height:100%; 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;}

body {background-color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0px; padding:0px; width:100%; height:100%;  color: #333;}
img {outline:none; border:0px;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
* {margin: 0; padding: 0;}
p {margin-bottom:15px;}
a, a img {outline:none;  text-decoration:none;}

#footer {font-size:10px; clear:both; display:block; padding:14px; padding-top:100px; padding-left:0px;}
#container {width:894px; margin-left:auto; margin-right:auto; padding-top:25px;}

h1 {	padding-top: 70px;	margin: 0;	}
h3 {	padding: 0;	margin: 30px 0 0;	}
h2 {font-size:12px;}
h2.pad {clear:both;font-size:14px;font-weight:bold;margin-bottom:30px;margin-top:60px;}
h2.comment {clear:both;font-size:14px;font-weight:bold;margin-bottom:0px;margin-top:60px; line-height:30px;}

#content h1 {font-size:11px; color:#000000; padding-top:0px; margin:0px; height:20px;}
#content h1.presents {font-size:20px; margin-top:30px;}
#content h1.presents a:hover {text-decoration:underline}
#content h2.project {font-size:24px; font-weight:normal; margin-bottom:30px;}
#content h2.project span {color:#666666;}
#content h2.nopad {font-size:24px; font-weight:normal; margin-bottom:0px;}
#content h3.nopad {font-size:14px; margin-top:0px; margin-bottom:24px;}


#sidebar {	padding: 0px; float:right; width: 120px; text-align:left; padding-top:110px;}
#sidebar h2 {font-weight:bold; font-size:12px;}
#sidebar ul {margin-bottom:32px;}
#sidebar ul li.title {font-weight:bold; font-size:12px; line-height:30px;}
#container #sidebar ul li {border-top:0px;  border-bottom:1px solid #EFEFEF;}
#container #sidebar ul li.categories {border-bottom:0px solid #EFEFEF;}
#sidebar ul.children {margin-left:14px; margin-bottom:0px;}
#container #sidebar ul.children li {border-bottom:0px;  border-top:1px solid #EFEFEF;}
#container #sidebar ul.nav ul {border-bottom:0px; margin-bottom:0px;}

/* homepage */
#container .presents .info .excerpt{font-size:10px; float:left; width:200px;}
.home #container .presents .info {}
.home #container .presents .homepage .entry {float:left; font-size:12px; line-height:1.3; margin-bottom:30px; padding-bottom:30px; width:360px;}
.home #container .presents .homepage .entry p {margin-right:16px;}

.navigation {border-bottom:1px solid #EFEFEF; border-top:1px solid #EFEFEF; line-height:30px; margin-bottom:30px; height:30px;	}
.post {border-bottom:1px solid #EFEFEF; margin-bottom:40px; padding-bottom:40px; clear:both; }
.post h2 {margin-bottom:0px; font-weight:bold; font-size:12px;}
.post small {margin-bottom:14px; display:block;}
.entry {clear:both; width:420px;}

/* presents */
.current-cat {font-weight:bold;}
.presents #menu {display:none;}
.presents #info {width:120px; float:right;}
.presents #sidebar {padding-top:90px;}
#content.presents {float:left; width:720px; overflow:hidden;}
.presents .post {float:left; width:360px; border-bottom:0px; margin-bottom:0px; padding-bottom:32px; clear:none; position:relative; height:160px; height:160px;}
.presents .post .thumbnail {float:left; margin-right:16px;}
.presents .entry {float:left; width:150px; clear:none;}

/* thumbnail circle */
.presents .post .screen, ul.more .screen {position:absolute; left:0px; top:0px; width:150px; height:150px;}
.presents .post .screen:hover, ul.more .screen:hover {background-color:#000000;}

/* gallery */
.gallery-holder {position:relative; width:400px; height:400px; float:left; margin-right:16px; margin-bottom:40px; overflow:hidden;}
#nav { position:absolute; bottom:15px; right:15px; z-index:99;}
#nav a { display:block; float:left; width:15px; height:15px; margin-left:8px; background-image:url(images/presents/number-white.png); color:#000000; text-align:center; line-height:15px; font-size:9px; text-decoration:none;}
#nav a:hover,#nav a.activeSlide {background-image:url(images/presents/number-black.png); color:#FFFFFF;}

/* institutions page */
.presents .info { border-bottom:0px; margin-bottom:0px; padding-bottom:16px; float:left; width:360px;}
#container .presents .info.full {width:inherit;}
.presents .info .entry{width:340px; float:left; font-size:12px; line-height:1.3; margin-bottom:30px;}
.presents .info .entry p {margin-right:16px;}
.presents .info ul {width:200px; float:left; margin-bottom:32px; margin-left:20px;}
.presents .info ul.logos {float:right; width:140px; margin-left:0px; border:0px;}
#container .presents .info ul.logos li {border-bottom:0px;}

/* presents project */
#container  .presents-project  {width:720px; float:left;}
.presents-project .navigation {display:block; line-height:30px; clear:both;}
.presents-project .post {width:266px; float:left; clear:none; border-bottom:0px;}
.presents-project .post h2 { margin-top:30px;}
.presents-project .post p.tags {font-size:10px;}
.presents-project .entry {clear:none; width:inherit;}
.presents-project #respond {clear:both;}
#container .presents-project .more {margin-right:-60px; clear:both; width:760px; overflow:visible;}
#container .presents-project .more li {float:left; margin-right:40px; margin-bottom:40px; border-bottom:0px; padding:0px; line-height:normal; position:relative;}
.logos {border-bottom:1px solid #EFEFEF; border-top:1px solid #EFEFEF; margin-bottom:30px; margin-top:30px;}
.logos img {margin-right:16px;}
.logos .navigation {border-top:0px; margin-bottom:0px;}

/* contact */
#container .contact {float:left; width:720px;}
.contact  ul {width:250px; float:left;}
#container .contact ul li {margin-right:50px; height:80px; line-height:15px; font-size:10px;}
.contact .post {width:700px;}
.contact ul li a {padding-top:5px; display:block; font-size:11px;}
.contact ul li a.link {color:#333333; padding-top:0px; display:inline; font-size:10px;}
.contact ul.col2 {width:200px;}
#container .contact ul.col2 li { margin-right:0px;}
#container .contact span.person, #container .contact span.remove {display:block;} /* email hide */

/* lists */
#container ul li {list-style-type:none; line-height:25px; border-bottom:1px solid #EFEFEF;}

/* columns */
.col {width:240px; float:left; margin-right:40px;}

/* page */
.page-content {margin-top:62px; border-top:1px solid #EFEFEF; padding-top:30px; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #EFEFEF;}
.page-content .entry {font-size:12px;line-height:1.3;width:340px; clear:both; float:none;}

/* mailing list */
#mailinglist input {margin-bottom:5px; font-size:10px; width:120px; text-indent:2px;}
#mailinglist input.submit {text-indent:inherit; width:inherit;}

.post-edit-link {background-color:#000000; font-size:10px; color:#FFFFFF; margin-top:100px;
padding:2px; display:block; width:75px; clear:both;}

/* press area */
#register div {width:240px; float:left; margin-bottom:5px;  font-size:11px;}
.register label, .register input {width:200px; display:block; margin-bottom:5px;}
.register input.submit {margin-top:5px; width:100px;}
#register textarea {width:200px; height:75px;}
#register {clear:both; margin-top:20px;}
ul.pressreleases {width:200px; float:right;}
ul.pressreleases li.title {font-weight:bold; font-size:12px; line-height:30px;}
.register {width:485px; float:left; font-size:12px;}
.register form {margin-bottom:60px; margin-top:20px;}
.navigation .alignrightpress {float:right; width:200px; text-align:left; font-weight:bold;}
.navigation .alignleftpress {float:left; font-weight:bold;}
label.error {margin-top:-5px; color:#990000;}
label span {color:#990000;}
.downloadList {margin-bottom:32px;}

/* Begin Typography & Colors */
.thread-alt {background-color: #f8f8f8;}
.thread-even {	background-color: white;}
.even, .alt {	border-bottom: 1px solid #EFEFEF;}
small {	font-size: 0.9em; line-height: 1.5em;}
.sticky {background: #f7f7f7;padding: 0 10px 10px;}
.sticky h2 {padding-top: 10px;}
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:hover {
	text-decoration: underline;
	}

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

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

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

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


/* 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 */
.postmetadata ul, .postmetadata li {	display: inline;	list-style-type: none;	list-style-image: none;	}

/* Begin Comments*/
#respond h2 {margin-bottom:10px;}
.alt {margin: 0;padding: 10px;}
.commentlist {padding: 0;  margin-top:-30px;	text-align: justify;}
.commentlist li {padding:32px; list-style: none;}
.commentlist li ul li { margin-right: -5px;	margin-left: 10px;}
.children { padding: 0; }
.nocomments {margin: 0;padding: 0;}
.commentmetadata {margin: 0;display: block;	}
#commentform input {width: 170px;padding: 2px;	margin: 5px 5px 1px 0;}
#commentform textarea {	width: 100%; padding: 2px; font-size:11px; font-family:Arial, Helvetica, sans-serif;}
.commentlist li .avatar { display:none;	}
.commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;	}
.commentlist .says {display:none;}
.commentmetadata {	font-weight: normal; margin-bottom:16px;}	
#commentform #submit {	margin: 0 0 5px auto;	float: right;	}
.comment-author { position:absolute; top:00px; left:0px;}
.comment-meta { position:absolute; top:20px; left:0px;}
.commentlist p {font-weight: normal;line-height: 1.5em;	text-transform: none; width:450px; margin-left:200px;}
.comment-body {position:relative;}
/* End Comments */

/* Begin Calendar */
#wp-calendar {empty-cells: show;	margin: 0px auto 0; width: 120px; line-height:normal; font-size:9px;}
#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 {width: 100%; text-align:right;	}
#wp-calendar td {	padding: 2px 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;}
.screen-reader-text { position: absolute;left: -1000em;}
hr {display: none;}
a img {	border: none;	}


/* End Various Tags & Classes*/