@charset "utf-8";

/*

THEME NAME: kllck

THEME URI: http://www.kllck.com/

DESCRIPTION: Custom theme for KLLCK LLP

AUTHOR: <a href="http://www.peacefulmedia.com/">Peaceful Media</a>

AUTHOR URI: http://www.peacefulmedia.com/

DATED: 2010

*/



@import url(css/typo.css);

@import url(css/reset.css);



/* POST STYLES */

.post-multi {

	margin:10px 0 15px 0;

	padding:10px 0;

}	

.post .entry-date {

	border-bottom:1px #e1e1e1 solid;

	color:#666;

	font-size:12px;

	letter-spacing:2px;

	margin:0 0 1em 0;

	font-family:Georgia, "Times New Roman", Times, serif;

}

.post-multi h2,

.post-multi h2 a {

	color:#017778;

	text-decoration:none;

	margin:1em 0 1.1em 0;

	padding:0;

	line-height:1.2em;

}

.post-multi h2 a:hover {

	color:#000;

	text-decoration:underline;

}

.post-multi .entry-content {

	padding:0;

}

.post-single h1 {

	color:#017778;

	text-decoration:none;

	margin:1em 0 .5em 0;

	padding:0;

	line-height:1.2em;

	font-size:1.2em;

}

.entry-meta,

.entry-meta span {

	color:#666;

	font-size:12px;

	line-height:1em;

	padding:0;

	margin:0;

}

.entry-meta a {

	color:#999;

	font-size:11px;

	line-height:1em;

	padding:0;

	margin:0;

}

.entry-meta a:hover {

	color:#017778;

}



/* Input/Form Styles */

input {

	height:18px;

	padding-top:2px;

	vertical-align:center;

	color:#666;

	font-size:12px;

}

input.send_btn {

	background:url(../../../images/send_btn.png) no-repeat center top transparent;

	display:block;

	cursor:pointer;

	width:100px;

	height:30px;

	overflow:hidden;

	border:none;

	padding-top:30px;

}

input.send_btn:hover {

	background-position:center bottom;

}



/* Sidebar Styles */

.sidebar ul.xoxo {

        margin:20px 0;

}

.sidebar ul.xoxo li {

        list-style-type:none;

        list-style-image:none;

        margin:20px 0;

}

.sidebar ul.xoxo li#search {

margin-top:-20px;

}

.sidebar ul.xoxo li ul li {

list-style-position:outside;

list-style-type:circle;

margin:0.5em 0 0.5em 15px;

}

form#searchform input#s {

        width:130px;

        height:18px;

}

form#searchform input.button,

input.button {

height:23px;

padding-bottom:2px;

padding-top:0;

}

.sidebar .widget_search h3 label {

display:none;

}

.sidebar .widget h3.widgettitle {

margin-bottom:3px;

padding-bottom:2px;

border-bottom:1px #e1e1e1 solid;

color:black;

}

.sidebar .widget_search h3.widgettitle {

border-bottom:none;

}



/* Theme Defaults */

.pad-15 {padding:15px;}

.bold {font-weight:bold;}

.relative {position:relative;}

.small {font-size:.8em;font-family:inherit;}

.tiny {font-size:.6em;font-family:inherit;}

.white {color:#ffffff;}

.teal {color:#017778;}

.adios {display:none;}

.ast {font-size:1em;color:#C00;}

img.right {float:right;margin:0 0 8px 15px;border:3px #e1e1e1 double;}

img.left {float:left;margin:0 15px 8px 0;border:3px #e1e1e1 double;}

span, p, .p, li, label, dd {

	font-size:.75em;

	color:#333;

}

p, li, label, div, dd, span {

	font-family:"Lucida Sans Unicode", Tahoma, Helvetica, sans-serif;

}

p {

	line-height:1.4em;

	margin-bottom:1.2em;

}

h1,h2,h3,h4,h5,h6 {

	font-family:Georgia, "Times New Roman", Times, serif;

}

a {

	color:#017778;

	text-decoration:underline;

	font-size:inherit;

	font-family:inherit;

}

a:hover, a.active, li a.active, select {

	color:#1c9494;

}

a img {

	border:none;

}

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

	}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* End hide from IE-mac */



.clearBoth {

	clear: both;

}

ul.no-list li {

	list-style-image: none;

	list-style-type: none;

}

h1 {

	margin:0;

	padding:0;

	line-height:1em;

	color:#017778;

	font-size:22px;

}

h1.standalone {

	text-align:center;

	text-transform:uppercase;

	margin-bottom:1em;

	letter-spacing:2px;s

}

span.llp {

	font-size:.7em;

	color:#017778;

	font-family:inherit;

}



/* Theme Framing Styles */

body {

	background:url(../../../images/bg-repeat-x.jpg) repeat-x #130f0a top left;

	margin:0;

	padding:0;

	text-align:center;

}

#wrapper {

	width:100%;

	height:100%;

	padding:0;

	margin:0;

	background:url(../../../images/bg-diagonal-pattern.png) repeat left top;

	position:relative;

	z-index:2;

}

#watermark {

	width:960px;

	height:911px;

	position:absolute;

	top:0;

	left:0;

	z-index:1;

	background:url(../../../images/bg-kllck-logo_v2.jpg) no-repeat left top;

}

#page {

	width:960px;

	position:relative;

	z-index:3;

	height:auto;

	margin:-30px auto 0 auto;

	text-align:left;

}

#shadows {

	background:url(../../../images/bg-maincontainer-just-shadows-repeat-y.png) repeat-y center top;

	width:960px;

	padding:0 70px;

	position:relative;

	left:-70px;

	top:0;

	height:auto;

	z-index:3;

}

#maincontainer {

	width:960px;

	position:relative;

	background:url(../../../images/bg-maincontainer-no-shadows.jpg) repeat-y center top;

	z-index:4;

	height:auto;

}

#header {

	width:960px;

	height:250px;

	position:relative;

	z-index:6;

	margin-bottom:30px;

	top:-15px;

}

#logo {

	width:200px;

	height:214px;

	position:absolute;

	z-index:6;

	top:30px;

	left:53px;

}

#klck_logo {
	display: block;
    height: 230px;
    left: 16px;
    position: absolute;
    top: 25px;
    width: 236px;
    z-index: 6;
}

#carousel {

	background:#d7d7d7;

	position:relative;

	z-index:5;

	left:252px;

	top:52px;

	z-index:6;

}



#carousel #overlay {

	position:absolute;

	left:-5px;

	top:6px;

	z-index:8;

	width:700px;

	height:164px;

	background:url(../../../images/slider-shadow-overlay.png) no-repeat left top transparent;

}

.stepcarousel {

	position: relative; /*leave this value alone*/

	overflow: scroll; /*leave this value alone*/

	width: 695px; /*Width of Carousel Viewer itself*/

	height: 170px; /*Height should enough to fit largest content's height*/

	padding:6px 0 0 0px;

}



.stepcarousel .belt {

	position: absolute; /*leave this value alone*/

	left: 0;

	top: 0;

	background:url(../../../images/bg-carousel_v2.jpg) repeat left top #d7d7d7;

	width:695px;

	height:164px;

	z-index:7;

}

.stepcarousel .panel {

	float: left; /*leave this value alone*/

	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/

	margin: 6px 0 0 0px; /*margin around each panel*/

	width: 695px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}





#sidebar-L {

	background:url(../../../images/bg-sidebar-L.jpg) no-repeat left top transparent;

	width:230px;

	height:906;

	float:left;

	min-height:906px;

	position:relative;

	z-index:5;

	margin-top:-295px;

}

#nav {

	text-align:right;

	position:absolute;

	z-index:6;

	width:230px;

	height:auto;

	left:0;

	top:280px;

}

#nav ul.menu {

	margin:0;

	padding:0;

	width:238px;

}

#nav ul.menu li {

	text-indent:0;

	margin:0 0 20px 0;

	list-style-type:none;

	padding:0 30px 0 0;

	text-transform:uppercase;

	font-family:Arial, Helvetica, sans-serif;

	font-weight:bold;

	font-size:16px;

	color:#fff;

}

#nav ul.menu li a,

#nav ul.menu li ul li a,

#nav ul.menu li.active ul li a {

	text-decoration:none;

	color:#fff;

}

#nav ul.menu li.active a, 

#nav ul.menu li a:hover,

#nav ul.menu li ul li a:hover ,

#nav ul.menu li ul li.active a {

	color:#000;

}

#nav ul.menu li.active {

	background:url(../../../images/icons/active-arrow.png) no-repeat right 4px transparent;

}

#nav ul.menu li ul {

	margin:0;

	padding:0;

	width:238px;

}

#nav ul.menu li ul li {

	margin:0;

}

#nav ul.menu li ul li a {

	list-style-type:none;

	text-indent:0;

	margin:0 0 8px 0;

	color:#f1f1f1;

	font-size:12px;

	font-family:Arial, Helvetica, sans-serif;

	padding:0 12px 0 0;

	text-align:right;

	background:url(../../../images/icons/list-square-bullet.jpg) center right no-repeat transparent;

	text-transform:none;

	line-height:1em;

}

#nav ul.menu li ul li.active {

	background:none;

}

#nav ul.menu li ul li.active a,

#nav ul.menu li ul li a:hover {

	background:url(../../../images/icons/list-square-bullet_active.jpg) center right no-repeat transparent;

}

#topper {

	background:url(../../../images/bg-top-corners-shadow.png) no-repeat left top;

	width:1110px;

	height:84px;

	margin:0;

	padding:0;

	position:relative;

	top:0;

	left:-70px;

	z-index:4;

}

#content {

	float:left;

	margin:-18px 258px 20px 23px;

	clear:none;

	width:436px;

	height:auto;

}

#content h2 {

	margin-bottom:1.5em;

}

#content h3 {

	margin-bottom:.4em;

	font-size:1.2em;

	color:#000;

	border-bottom:1px solid #d7d7d7;

	padding-bottom:2px;

}

#sidebar-R {

	float:left;

	clear:none;

	margin:-16px 12px 0 -226px;

	width:226px;

	height:auto;

}

#sidebar-R #container {

	background:url(../../../images/bg-sidebar-R-container.png) no-repeat top center transparent;

	padding:14px;

	min-height:300px;

	text-align:center;

}

#sidebar-R #container h3 {

	font-size:13px;

	font-weight:bold;

	margin-bottom:15px;

	letter-spacing:1px;

}

#sidebar-R #container h4.faint {

	font-size:10px;

	font-style:italic;

	font-weight:normal;

	margin-bottom:15px;

}

#sidebar-R #container h4 {

	font-weight:normal;

	margin-bottom:15px;

	font-size:12px;

}

#sidebar-R #container h4.role {

	font-style:normal;

	color:#666;

	font-style:italic;

	font-size:13px;

}

ul#contact-list {

	margin:20px 0;

	padding:0;

}

ul#contact-list li {

	margin:0 0 8px 35px;

	list-style-type:none;

	font-family:Georgia, "Times New Roman", Times, serif;

	text-align:left;

	font-size:11px;

	letter-spacing:1px;

}

#footer {

	background:url(../../../images/bg-btm-corners-footer-shadow.png) no-repeat left bottom;

	width:1100px;

	height:114px;

	position:relative;

	z-index:4;

	left:-70px;

}

#btm-nav {

	position:absolute;

	z-index:4;

	width:1100px;

	height:auto;

	text-align:left;

	top:48px;

	left:75px;

}

#btm-nav #menu {

	margin:0;

	padding:0;

}

#btm-nav #menu li {

	list-style-type:none;

	display:inline-block;

	float:left;

	margin-right:7px;

	border-right:1px solid #000;

	padding-right:7px;

	color:#666;

	font-size:10px;

	font-family:Georgia, "Times New Roman", Times, serif;

	line-height:1em;

}

#btm-nav #menu li.last {

	border-right:none;

}

#btm-nav #menu li a {

	text-decoration:none;

	color:#666;

}

#btm-nav #menu li a:hover {

	text-decoration:underline;

	color:#017778;

}

.return-btm {

	margin-top:20px;

}

#directory .listing {

	background:url(../../../images/bg-directory-listing.jpg) no-repeat center center transparent;

	width:396px;

	height:65px;

	display:block;

	position:relative;

	clear:left;

	padding:3px 20px 0 20px;

	margin-bottom:10px;

}

#directory .listing p {

	font-family:"Lucida Sans Unicode",Tahoma,Helvetica,sans-serif;

	font-size:12px;

	line-height:1em;

	margin:0 0 5px 0;

	padding:0;

	color:#333;

}

#directory .listing .left h2,

#directory .listing .right .role {

	font-size:14px;

	font-family:Georgia, "Times New Roman", Times, serif;

	margin:0 0 9px 0;

	line-height:1em;

	padding:0;

	color:black;

}

#directory .listing .right .role {

	font-style:italic;

	font-size:12px;

}

#directory .listing .left .links,

#directory .listing .left .links a {

	color:#017778;

	text-decoration:none;

}

a.vcard {

	background:url(../../../images/icons/card-address.png) no-repeat left top transparent;

	padding-left:19px;

}

#directory .listing .left .links a:hover {

	color:#1c9494;

	text-decoration:underline;

}

#directory .listing .right {

	position:absolute;

	right:20px;

	top:5px;

	text-align:right;

	height:68px;

	width:auto;

}



/* Images */

img.alignright {float:right; margin:0 0 1em 1em}

img.alignleft {float:left; margin:0 1em 1em 0}

img.aligncenter {display: block; margin-left: auto; margin-right: auto}

a img.alignright {float:right; margin:0 0 1em 1em}

a img.alignleft {float:left; margin:0 1em 1em 0}

a img.aligncenter {display: block; margin-left: auto; margin-right: auto}



/* Image Captions */

.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -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;

   color:#666;

}





/* CHANGES */		



span.quiz-254 .wpcf7-quiz-label {

	font-size:12px;

	color:#007777;

}