/*
Theme Name: koh
Theme URI: http://www.kohactive.com
Version: 2.0
Author: kohactive
Author URI: http://www.kohactive.com

*/

/* global */
html, body {
	width:100%;
	padding:0; margin:0;
	background: #fff url(images/bg.gif) repeat-x top left;
	font-family:Lucida Sans, Helvetica, Arial, sans-serif;
}
a, a:active {
	color:#9e469a;
	text-decoration:none;
}
a:hover {
	color:#333;
}
h1 {
	color:#9e469a;
	font-family: Lucida Sans, Arial, Helvetica, sans-serif;
	font-size:36px;
	font-weight:normal;
	margin-bottom:10px;
}
h2 {
	font-size:23px;
	color:#4e4e4e;
	margin-bottom:15px;
}
h2.big {
	font-size:31px;
	margin:25px 0 15px 0;
}
h2.intro {
	text-transform:none;
	font-size:17px;
	font-weight:100;
	color:#6d6d6d;
	line-height:25px;
}
h3, h3 a, h3 a:visited {
	font-size:15px;
	font-weight:600;
	color:#333;
	margin-bottom:8px;
	line-height:19px;
}
h3 a, h3 a:visited , #sidebar h3 {
	color:#9e469a;
}
h3 a:hover {
	color:#333;
}

h4 {
	color:#9e469a;
	font-size: 12px;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:15px;
	margin-top:10px;
}
h4.black {
	color:#333;
	margin:0px;
	margin-top:25px;
}
p, p a, span, span a, ol, ul, li, tr, td {
	font-size:13px;
	line-height:21px;
	color:#707070;
	margin-bottom:20px;
}
p a, p a:active, span a, span a:active {
	color:#9e469a;
}
.right {
	float:right;
}
span.datestamp {
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
span.koh {
	color:#9e469a;
}
span.stronger {
	font-weight:700;
	color:#333;
}
ol, .post ol {
	list-style-type: decimal;
	margin:0 0 20px 20px;
	clear:both;
}
ol li, ul li {
	margin:0px 0px 10px 15px;
	padding:0px 0px 0px 10px;
}
.post ol.sub_list {
	list-style-type: lower-latin;
	margin-bottom:10px;
}
.post ol.sub_list li {
	margin:0 0 0 15px;
	padding:0 0 0 5px;
	
}


/* main content structure */
#container {
	width:960px;
	margin: 0 auto;
}
#content, #content_work {
	width:920px;
	padding:0px 20px;
	padding-top:20px;
}
#content_work {
	width: 960px;
	padding:0px;
}
.wide_c {
	width:960px;
	padding:0;
	padding-top:20px;
}


/* header */
#header {
	width:100%;
	height:96px;
}
h1.logo {
	float:left;

}
h1.logo span {
	display:none;
}
ul#nav {
	list-style:none;
	display:inline;
	width:580px;
	float:right;
	margin-top: 32px;
	text-align:left;
}
ul#nav li {
	display:inline;
	float:left;
}
ul#nav li a {
	display:block;
	width:60px;
	height:30px;
	background: #181616 url(images/nav.gif) no-repeat;
	text-indent: -9999px;
}

/* normal state */
ul#nav li a#gbnav_work { width:90px; background-position: 0 0; }
ul#nav li a#gbnav_about { width:55px; background-position: -125px 0; }
ul#nav li a#gbnav_expertise { width:85px; background-position: -217px 0; }
ul#nav li a#gbnav_think { width:65px; background-position: -335px 0; }
ul#nav li a#gbnav_labs { width:50px; background-position: -430px 0; }
ul#nav li a#gbnav_contact { width:85px; background-position: -510px 0; }

/* hover state */
ul#nav li a#gbnav_work:hover, ul#nav li a#gbnav_work_current { width:90px; background-position: 0 -34px; }
ul#nav li a#gbnav_about:hover, ul#nav li a#gbnav_about_current  { width:55px; background-position: -125px -34px; }
ul#nav li a#gbnav_expertise:hover, ul#nav li a#gbnav_expertise_current  { width:85px; background-position: -217px -34px; }
ul#nav li a#gbnav_think:hover, ul#nav li a#gbnav_think_current  { width:65px; background-position: -335px -34px; }
ul#nav li a#gbnav_labs:hover, ul#nav li a#gbnav_labs_current  { width:50px; background-position: -430px -34px; }
ul#nav li a#gbnav_contact:hover, ul#nav li a#gbnav_contact_current { width:85px; background-position: -510px -34px; }


/* header sections */
/* flash */
#flash {
	width:960px;
	height:395px;
	background-color:#000;
}
/* page header */
#labs_header, #think_header, #about_header, #expertise_header, #contact_header, #legal_header, #work_header {
	width:960px;
	height:250px;
	clear:both;
}
#labs_header h1, #think_header h1, #about_header h1, #expertise_header h1, #contact_header h1, #legal_header h1, #work_header h1 {
	text-indent: -9999px;
}
#labs_header { background: url(images/labs_head.gif) no-repeat; }
#think_header { background: url(images/think_head.gif) no-repeat; }
#about_header { background: url(images/about_head.gif) no-repeat; }
#expertise_header { background: url(images/expertise_head.gif) no-repeat; }
#contact_header { background: url(images/contact_head.gif) no-repeat; }
#legal_header { background: url(images/boring_head.gif) no-repeat; }
.page_section {
	margin-bottom:55px;
}
#exp_overview {
	height:375px;
}
#introduction { /*beneath flash on homepage */
	width:920px;
	border-bottom:1px solid #cccccc;
	padding-bottom:20px;
	margin-bottom:30px;
}

/* section headers and titles */
h1.sec_head {
	height:50px;
	margin-bottom:10px;
	background: url(images/headers.gif) no-repeat;
	text-indent:-9999px;
}
h1#the_short { background-position: 0 -100px; }
h1#the_long { background-position: 0 -150px; }
h1#capabilities { background-position: 0 -50px; }
h1#expertise { background-position:0 0px; }
h1#follow { background-position: 0 -200px; }
h1#find { background-position: 0 -250px; }
h1#privacy_policy { background-position: 0 -300px; }
h1#terms { background-position: 0 -350px; }


/* contact page */
.con_item {
	width:210px;
	float:left;
	margin-right:20px;
}
table#contact_info {
	float:right;
}
table#contact_info h2 {
	font-weight:200;
	font-size:21px;
	line-height:30px;
	text-transform:none;
}
table#contact_info h3 {
	color:#707070;
}
table#contact_info td {
	padding:1px 0px;
}
#map {
	float:left;
	width:345px;
	height:235px;
	border:1px solid #707070;
}


/* expertise page */
#slider_nav {
	width:960px;
	float:left;
	margin-bottom:40px;
}
ul#work_options {
	float:left;
	margin:0; padding:0;
	list-style:none;
	width:960px;
	clear:both;
	text-align:left;
}
ul#work_options li {
	margin:0; padding:0;
	margin-right:30px;
	display:inline;
	float:left;
	text-align:left;
}
ul#work_options li a {
	display:block;
	text-transform:uppercase;
	color:#707070;
	font-weight:bold;
	padding-bottom:10px;
}
ul#work_options li a:hover {
	color:#9e469a;
}
ul#work_options li a.current {
	color:#9e469a;
}
#slides {
	width:780px;
	height:305px;
	float:left;
	overflow:hidden;
	position:relative;
}
#scroll_container {
	width:99999px;
	height:305px;
	position:absolute;
	margin:0px 15px;
}
#scroll_container .slide {
	width:750px;
	height:305px;
	float:left;
	padding:15px;
}
.right_arrow a, .left_arrow a {
	width:50px; height:50px;
	float:left;
	text-indent: -9999px;
	background: url(images/slide_arrows.gif) no-repeat;
	margin-top:45px;
}
.left_arrow a { background-position: 0 -50px; }
.right_arrow a { float:right; background-position: 0 0; }
.left_arrow a:hover { background-position: -50px -50px; }
.right_arrow a:hover { background-position: -50px 0; }

.slide h3 {
	font-size:27px;
	color:#9e469a;
	font-weight:500;
	margin-bottom:20px;
	text-transform:uppercase;
}
.slide p {
	font-size:16px;
	line-height:23px;
}
ul#skills_list {
	list-style-type:none;
	margin:0; padding:0;
	border-top:1px solid #ccc;
}
ul#skills_list li {
	margin:0; padding:0;
	width: 220px;
	margin-right:13px;
	padding:10px 0px;
	border-bottom:1px solid #ccc;
	float:left;
	font-size:14px;
	color:#333;
}
ul#skills_list li.last_skill {
	margin: 0px;
}

/* about page */
.page_section h2.about_large {
	color:#707070;
	font-size:37px;
	line-height:45px;
	text-transform:none;
	font-weight:lighter;
}
.columns {
	-moz-column-count:2;
	-moz-column-gap:3em;
}

.about .columns h3 {
	font-size:17px;
	text-transform:uppercase;
	color:#9e469a;
}

/* work page */
#work_header {
	background: url(images/work_header.gif) no-repeat;
}
.work_item {
	width:960px;
	float:left;
	height:400px;
	border-bottom: 1px solid #e1e1e1;
	padding-bottom:45px;
	margin-bottom:45px;
}
.work_item img {
	margin-bottom:8px;
}
.work_item .wi_left {
	width:500px;
	float:left;
	margin-right:75px;
}
.work_item .wi_right {
	float:right;
	width: 385px;
}
.work_item span.w_identifier {
	width:125px;
}
.work_item .item_footer {
	background: url(images/post_footer.gif) no-repeat;
	width:378px;
	height:34px;
	margin-top:15px;
	padding:3px 7px 0 0;
}


/* recent posts section */
#recent_posts {
	float:left;
	width:545px;
	margin-right:30px;
	padding-right:30px;
	border-right:1px solid #cccccc;
}
.post {
	float:left;
	width: 535px;
	clear:both;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #cccccc;
}
.post span.post_update {
	display:block;
	background-color:#efd7ee;
	padding:5px 10px;
	color:#333;
}
.last {
	border:none;
}
.ender {
	border-bottom:none;
}
.noline {
	border:none;
}
.post_header {
	clear:both;
	margin-bottom:10px;
}
.post img {
	clear:both;
	margin-bottom:8px;
}
.posts_nav {
	float:right;
}
.post_footer {
	float:left;
	display:block;
	width:515px;
	background-color: #ebebeb;
	border-bottom:2px solid #9e469a;
	padding:5px 10px;
}
.post_footer_left {
	width: 340px;
	float:left;
}
.post_footer_right {
	width:155px;
	float:right;
}
span#prevBtn a, span#nextBtn a{
	border:1px solid #dedede;
	height:17px;
	padding:4px 7px 3px 19px;
	margin-left:3px;
	font-size:10px;
	text-transform:uppercase;
	font-weight:300;
}
span#prevBtn a {
	background: #ececec url(http://assets.kohactive.net/koh/media/common/prev_btn.png) no-repeat top left;
	text-align:left;
}
span#nextBtn a {
	background: #ececec url(http://assets.kohactive.net/koh/media/common/next_btn.png) no-repeat top right;
	text-align:right;
	padding:4px 19px 3px 7px;
}
span#prevBtn a:hover {
	background-position:0 -20px;
	color:#fff;
	background-color:#9e469a;
}
span#nextBtn a:hover {
	background-position:right -20px;
	color:#fff;
	background-color:#9e469a;
}
a.more_btn {
	float:right;
	background: #9e469a url(http://assets.kohactive.net/koh/media/common/more_arrow2.gif) no-repeat top right;
	height:16px;
	padding:4px 20px 0px 8px;
	color:#fff;
	text-align:right;
	font-size:12px;
	text-transform:uppercase;
	font-weight:300;
}
a.more_btn:hover {
	background-position: right -21px;
	background-color:#333;
	color:#fff;
}

/* comments */
#respond {
	width:545px;
	float:left;
}
#post_comments {
	width:545px;
	float:left;
	margin-bottom:20px;
}
.comments {
	width:125px;
	float:left;
	padding-top:2px;
}
ol.commentlist, ol.commentlist li {
	padding:0; margin:0;
	list-style-type:none;
}
ol.commentlist li {
	float:left;
	width:545px;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom: 1px solid #cccccc;
}
ol.commentlist .avatar {
	width:55px;
	float:left;
	margin-right:15px;
	padding-top:5px;
}
ol.commentlist .avatar img {
	border:2px solid #ccc;
}
ol.commentlist .comment_text {
	float:left;
	width:420px;
}
ol.commentlist li p {
	margin:0; padding:0;
}
ol.commentlist li p.light {
	color:#959595;
}
#respond input {
	width:535px;
	padding:5px;
	margin-bottom:5px;
}
#respond textarea {
	width:535px;
	padding:5px;
	height:105px;
	margin-bottom:5px;
}
#respond #submit {
	width:75px;
}

/* sidebar */
#sidebar {
	float:right;
	width: 310px;
}
.sidebar_item {
	float:left;
	width:310px;
	margin-bottom:15px;
	padding:10px 0 25px 0;
	border-bottom: 1px dotted #ccc;
}
.sidebar_header {
	width:250px;
	height:50px;
	background: url(images/sidebar_headers.gif) no-repeat;
}
.sidebar_header h2 {
	text-indent: -9999px;
}
#sidebar #socialize { background-position:0 0; }
#sidebar #recent_tweets { background-position:0 -50px; }
#sidebar #archives { background-position:0 -100px; }
#sidebar #recent_posts_sb { background-position:0 -150px; }
#sidebar #about_think { background-position:0 -200px; }
#sidebar #about_labs { background-position:0 -250px; }

#sidebar h3, #sidebar h3 a {
	font-size: 19px;
	margin-bottom:20px;
}
input.signup_txt, input.big, textarea.tarea, #newsletter_signup input[type="text"], #newsletter_signup input#mce-EMAIL {
	background-color: #f1f1f1;
	border:1px solid #c4c4c4;
	padding:3px;
	width:250px;
	color: #6d6d6d;
}
input.signup_btn {
	width:80px;
	padding:1px;
	border: 1px solid #231f20;
	background-color:#575757;
	color: #f1f1f1;
	font-size:14px;
}
#newsletter_signup input[type="text"], #newsletter_signup input#mce-EMAIL {
	width:235px;
	padding:5px;
}

/* follow icons */
ul#sidebar_social_list {
	list-style:none;
	width:250px;
	margin:0; padding:0;
	clear:both;
}
ul#sidebar_social_list li {
	display:inline;
	width:50px;
	float:left;
	margin:0; padding:0;
	margin-right:15px;
}
ul#sidebar_social_list li a {
	display:block;
	width:50px;
	height:50px;
}
ul#sidebar_social_list li a {
	background: url(images/follow_icons.jpg) no-repeat;
	text-indent:-9999px;
}
ul#sidebar_social_list li a#facebook { background-position: 0 0; }
ul#sidebar_social_list li a#twitter { background-position: -50px 0; }
ul#sidebar_social_list li a#rss { background-position: -100px 0; }


/* newsletter signup */
#newsletter_signup {
	float:left;
	width:300px;
	clear:both;
	margin:10px 0px;
}
#newsletter_signup .s_btn {
	background-color:#fff;
	border:none;
	padding:5px 0px;
	color:#9e469a;
	cursor:pointer;
	font-size:15px;
}
#newsletter_signup .s_btn:hover {
	color:#333;
}


/* sidebar categories */
ul.cats {
	margin:0; padding:0;
}
ul.cats li {
	margin:0; padding:0;
	padding-bottom:3px;
	list-style:none;
}

/* related posts */
.yd_rp_excerpt {
	color:#707070;
}

/* twitter update */
ul#twitter_update_list {
	margin:0; padding:0;
}
ul#twitter_update_list li {
	display:block;
	font-family: Lucida Sans, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	line-height:21px;
	margin:0 0 30px 0;
	padding:0px;
	color: #6d6d6d;
}
ul#twitter_update_list li span a {
	color:#9e469a;
	text-decoration:none;
	display:inherit;
	text-align:left;
	border:none;
}
ul#twitter_update_list li a {
	color:#9e469a;
	text-decoration:none;
	text-align:right;
}
ul#twitter_update_list li a:hover {
	text-decoration:underline;
}
span.follow_us {
	float:right;
	height:22px;
	background-image: url(http://assets.kohactive.net/koh/media/common/twitter_bird.gif);
	background-repeat:no-repeat;
	background-position: center left;
	margin:0; padding:0;
	padding-left:45px;
}
span.follow_us a {
	font-size:12px;
}


/* social media buttons */
.share {
	width:100%;
	height: 43px;
	padding-top:4px;
	background: url(images/post_footer.gif) no-repeat;
}
.social_media {
	width:400px;
	float:right;
	text-align:right;
}
ul.social_icons {
	list-style:none;
}
ul.social_icons li {
	margin:0; padding:0;
	width:23px;
	padding:0px 5px;
	display:inline;
}
ul.social_icons li a {
	display:inline;
	float:right;
	width:23px;
}

#related_posts {
	float:left;
	width: 545px;
	border-bottom:1px solid #cccccc;
	padding-bottom:20px;
}
#related_posts #recent_posts_sb {
	background-position: 0 -150px;
}
#free_your_mind {
	background-position:0 -300px;
}
.related_post_item, .related_post_item_last {
	width: 165px;
	float:left;
	margin-right:20px;
}
.related_post_item_last {
	margin:0;
}


/* post sharing */
.social_media {
	width:155px;
	float:right;
	height:26px;
	padding-top:10px;
}
.social_media ul.sm_share {
	list-style-type:none;
	float:right;
	width:155px;
}
.social_media ul.sm_share li {
	display:inline;
	float:left;
	margin:0; padding:0;
	width:25px;
	margin-left:5px;
}
ul.sm_share li a {
	display:block;
	width:25px;
	height:25px;
	text-indent: -9999px;
	background: url(images/share_icons.gif) no-repeat;
}
/*normal state*/
.social_media ul.sm_share li a.sm_twitter { background-position: 0 0; }
.social_media ul.sm_share li a.sm_facebook { background-position: -28px 0; }
.social_media ul.sm_share li a.sm_delicious { background-position: -56px 0; }
.social_media ul.sm_share li a.sm_digg { background-position: -82px 0; }
.social_media ul.sm_share li a.sm_stumble { background-position: -109px 0; }
/*hover state*/
.social_media ul.sm_share li a.sm_twitter:hover { background-position: 0 -24px; }
.social_media ul.sm_share li a.sm_facebook:hover { background-position: -28px -24px; }
.social_media ul.sm_share li a.sm_delicious:hover { background-position: -56px -24px; }
.social_media ul.sm_share li a.sm_digg:hover { background-position: -82px -24px; }
.social_media ul.sm_share li a.sm_stumble:hover { background-position: -109px -24px; }



/* footer */
#footer {
	border-top:6px solid #ccc;
	float:left;
	width:960px;
	margin:35px 0px;
}
#footer_container {
	margin:0 auto;
	width:940px;
	padding:10px;
}
#footer_container h4 {
	color:#333;
	margin-top:35px;
}
.footer_content  {
	width:200px;
	margin-right:20px;
	padding:0px 10px;
	float:left;
}
#footer_container .last {
	margin-right:0px;
}
.footer_copy {
	width:100%;
	float:left;
	padding:10px 0px;
	text-align:right;
	margin-top:55px;
}
pre {
	font-size:12px;
	overflow:auto;
	width:515px;
	margin:10px 0px;
	padding:10px;
}