@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.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;
}
#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.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;
}