/*
Theme Name: Kameleon
Version: 1.0
Author: Chris Mooney
Author URI: http://themeforest.net/user/ChrisMooney
*/









/* Reset Styles */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	vertical-align: baseline;
	list-style:none outside none;
}
:focus {
	outline: 0;
}
/* Document Body  */
body {
	color:#575757;
	font:13px/1.6 Arial, Helvetica, sans-serif;
}
#wrapper {
	width:980px;
	margin:0 auto;
}
/* Headings  */

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration:none;
	color:#1a1a1a !important;
}
h1 {
	font-weight:bold;
	float:left;
	margin-top:5px;
}
#logo {
	display:inline;
	float:left;
}
h1#logo a {
	display:block;
	height:38px;
}
h2 {
	font-size:26px;
	letter-spacing:-1px;
	font-weight:bold;
}
.ribbon {
	display:inline-block;
	padding:10px 30px;
	position:relative;
	left:-55px;
	border-radius:3px 3px 3px 0px;
	-moz-border-radius:3px 3px 3px 0px;
	-webkit-border-radius:3px 3px 3px 0px;
}
.triangle-ribbon {
	border-style:solid;
	border-width:13px;
	height:0;
	position:relative;
	width:0;
	left:-67px;
	top:-13px;
	z-index:-1;
	margin-bottom:20px;
}
body.ie8 .triangle-ribbon {
	margin-bottom:0
}
.ribbon.full {
	width:890px;
}
.ribbon span {
	font-size:20px;
	font-weight:bold;
	position:absolute;
	right:25px;
	top:15px;
}
h3 {
	font-size:24px;
	font-weight: bold;
	margin-bottom:10px;
	color:#1a1a1a;
}
h3.portfolio {
	font-size:20px;
}

#sidebar h3 {
	border-bottom:4px solid #D9D9D9;
	color:#333333;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	padding-bottom:7px;
	text-transform:uppercase;
	clear:both;
}
h4 {
	color: #1A1A1A;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
#sidebar h4 {
	font-size:13px;
	font-weight: normal;
	margin-bottom:10px;
}
#sidebar h4 a:link, #sidebar h4 a:visited {
	color:#1D94C3 !important;
	text-decoration:underline;
}
h5 {
	font-size:13px;
}
h5.inline {
	float:left;
	margin-right:10px;
}
h6 {
	font-size:12px;
}
/* Header  */
#header {
	margin:25px 0 20px;
	height:50px;
}
/* Logo  */
#logo {
	display:block;
	float:left;
}
/* Nav  */
#nav {
	float:right;
	line-height:100%;
	margin:8px 0 0;
	padding:0;
}
#nav li {
	float: left;
	padding-bottom: 5px;
	position: relative;
	list-style: none;
	z-index:100;
	margin-left:20px;
}
/* main level link */
#nav a {
	font-weight: bold;
	color:#1A1A1A;
	text-decoration: none;
	display: block;
	padding:  8px 12px 9px;
	font-size: 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#nav a:hover {
	background: #000;
	color: #000;
}
/* main level link hover */
#nav .current-menu-item a, #nav li:hover > a {
	background: #e5e5e5;
	color: #444;
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	border-right:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	padding:7px 11px 8px;
	text-shadow:0 1px 0 #FFFFFF;
}
/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	background: #f2f2f2 !important;
	color: #1A1A1A !important;
	padding:10px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
/* dropdown */
#nav li:hover > ul {
	display: block;
}
/* level 2 list */
#nav ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 185px;
	position: absolute;
	top: 35px;
	left: 0;
	background: #fafafa;
	border: solid 1px #d9d9d9;
	z-index:100;
	font-size:13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav ul a {
	font-size:13px;
	font-weight:normal;
	padding:10px !important;
}
#nav ul a:hover {
	font-size:13px;
	font-weight:normal;
	padding:10px;
}
/* level 3+ list */
#nav ul ul {
	left: 185px;
	top: 1px;
}
/* rounded corners of first and last link */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
}
/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}
html[xmlns] #nav {
	display: block;
}
* html #nav {
	height: 1%;
}

/* Footer  */
#footer {
	padding:10px 0;
}
#footer .menu {
	float:right;
}
#footer .menu li {
	display:inline;
	border-right:1px solid #CCCCCC;
}
#footer .menu li:last-child {
	border-right:0;
}
#footer .menu a, #footer .menu a:visited {
	text-decoration:none;
	margin:0 15px;
	color: #191919;
}
#footer li a:hover {
	color:#666666;
	text-decoration:none;
}

/* Homepage */
#feature {
	margin-bottom:40px;
}
.feature-img-left, .feature-img-right {
margin-top:10px;	
margin-bottom:20px;
}
.feature-img-left {
	float:left;
	margin-right:20px;
}
.feature-img-right {
	float:right;
	margin-left:20px;
}
.feature-text {
	margin-left:545px;
}
#feature h2 {
	font-size:240%;
}
#feature h3 {
	font-weight:normal;
	font-size:100%;
	color:#4d4d4d;
	line-height:1.6;
	margin-bottom:25px;
}
.feature-screenshots {
	margin:0;
	list-style:none;
}
.feature-screenshots li {
	float:left;
	margin:	0 20px 10px 0;
}
#feature .gallery img, .feature-screenshots li img  {
    background: #FAFAFA;
    border: 1px solid #CCCCCC;
    padding: 5px;	
	
	box-shadow: 0 0 5px #D9D9D9;
	-moz-box-shadow: 0 0 5px #D9D9D9;
	-webkit-box-shadow: 0 0 5px #D9D9D9;
}
.gallery {
 margin: 0 0 20px !important;
    overflow: hidden;	
}
.gallery p {
margin:0;	
}
.gallery p br {
 display: none;
}
.feature img {
	float:left;
}
#feature-list p {
	margin-left:70px;
}
.scrollable {
	height:110px;
	overflow:hidden;
	position:relative;
	width:100%;
}
.scrollable .items {
	clear:both;
	position:absolute;
	width:20000em;
}
.items div, .items p {
	float:left;
	width:740pxpx;
}
.scrollable img {
	-moz-border-radius:4px 4px 4px 4px;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	float:left;
	height:100px;
	margin:0 4px 0 60px;
	padding:2px;
	width:100px;
}
.scrollable .active {
	border:2px solid #000000;
	cursor:default;
	position:relative;
}
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(img/scrollable.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
	position:absolute;
}
/* right */
a.right {
	background-position: 0 -30px;
	clear:right;
	margin-right: 0px;
	right:25px;
}
a.right:hover {
	background-position:-30px -30px;
}
a.right:active {
	background-position:-60px -30px;
}
/* left */
a.left {
	margin-left: 0px;
	left:25px;
}
a.left:hover {
	background-position:-30px 0;
}
a.left:active {
	background-position:-60px 0;
}
/* up and down */
a.up, a.down {
	background:url(img/scrollable/arrow/vert_large.png) no-repeat;
	float: none;
	margin: 10px 50px;
}
/* up */
a.up:hover {
	background-position:-30px 0;
}
a.up:active {
	background-position:-60px 0;
}
/* down */
a.down {
	background-position: 0 -30px;
}
a.down:hover {
	background-position:-30px -30px;
}
a.down:active {
	background-position:-60px -30px;
}
/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}

#feature-list {
margin-left:-40px;
margin-bottom:20px;
}
#feature-list ul {
list-style:none outside none;
margin:0;
}
#feature-list li {
float:left;
margin-left:40px;
width:272px;
}
#feature-list.Two-col li {
width:429px;
}
#feature-list.Three-col li {
width:272px;
}
#feature-list.Four-col li {
width:194px;
}

#feature-list img {
float:left;
}
#feature-list .text {
margin-left:70px;
}

/* Content  */
#main {
	background: #fff;
	color:#191919;
	border:1px solid #d9d9d9;
	padding:40px;
	position:relative;
	width:898px;
	z-index:1;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
div#main.sidebar-right #main-content {
	float:left;
	padding-right:40px;
	width:598px;
	display:inline;
}
div#main.sidebar-left #main-content {
	float:right;
	padding-left:40px;
	width:598px;
	display:inline;
}
#sidebar {
	overflow:hidden;
	width: 260px;
}
#crumbs {
	margin:0 0 20px;
	list-style:none;	
	padding:10px 15px;
	background:#f2f2f2;
	border:1px solid #D9D9D9;
	font-size:12px;
	color:#333333;
	
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#crumbs a {
	color:#1a1a1a;
}

.category-item {
	border-bottom:1px solid #D9D9D9;
	margin-bottom:25px;
	padding-bottom:20px;
}
.category-content.thumb-left {
	margin-left:190px;
}
.category-content.thumb-right {
	margin-right:190px;
}
.category-content p {
	line-height:1.8;
}
.post-thumb-category_wrap.thumb-left {
	float:left;
}
.post-thumb-category_wrap.thumb-right {
	float:right;
}
.post-thumb-category {
	background: none repeat scroll 0 0 #FAFAFA;
	border: 1px solid #CCCCCC;
	padding:5px;
	box-shadow: 0 0 5px #D9D9D9;
	-moz-box-shadow: 0 0 5px #D9D9D9;
	-webkit-box-shadow: 0 0 5px #D9D9D9;
}
.post-meta {
	background:#F0F0F0;
	color:#808080;
	display:inline-block;
	font-size:12px;
	font-style:italic;
	padding:4px 8px;
	margin-bottom: 5px;
}
.post-meta a:link, .post-meta a:visited {
	color:#808080;
	text-decoration:underline;
}
.post-meta a:hover {
	text-decoration:none;
}
.post-box {
	width:220px;
	float:left;
	margin:0 20px 20px 0;
}
.post-box .post-thumb-small {
}
.post-box .post-meta {
	margin-bottom:5px;
	display:block;
}
#authorbox {
	background:#F0F0F0;
	color: #808080;
	padding: 20px;
	border:1px solid #D9D9D9;
	border-left:0;
	border-right:0;
	margin-bottom:20px;
}
#authorbox img {
	float:left;
}
#authorbox .authorbox-text {
	margin-left:100px;
}




#comments {
	margin:0 0 30px 0;
}
#comments ol.commentlist .message p {
	padding:0 0 20px 0;
}
#comments ol.commentlist {
	list-style:none;
	margin:0;
	border-top:1px solid #DDD;
}
#comments ol.commentlist li {
	padding:20px 0 0 0;
}
#comments .user_wrapper {
	float:left;
	width:110px;
}
.avatar {
	margin: 0 10px 0px 0;
	padding:3px;
	background:#FAFAFA;
	border:1px solid #CCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#comments .comment-reply-link {
	display:inline;
	float:right;
	top:0;
	text-decoration:none;

	margin:0 0 10px 0;
	text-transform:uppercase;
	font-size:10px;
}
#comments .comment-reply-link:focus {
	padding:1px 9px 1px 9px;
}
#cancel-comment-reply-link {
	margin:0 0 20px 0;
	display:inline-block;
}
#comments .message {
	background:#F9F9F9;
	border:1px solid #CCC;
	padding:18px 25px 5px 25px;
	width:420px;
	float:right;
	font-size:13px;
	line-height:20px;
	position:relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#comments .message .c_arrow {
	position:absolute;
	left:-20px;
	top:19px;
}
#comments .comment_user {
	padding:0;
	font-weight:bold;
	font-size:11px;
	margin:0;
}
#comments .comment_date {
	padding:0 0 0 0;
	font-size:11px;
	line-height:15px;
}
#comments ul.children {
	margin:0;
	padding:0 0 0 40px;
	background:url(img/c_reply.png) 10px 60px no-repeat;
}
#comments ol.commentlist ul.children li {
	padding-right:0;
	border:none;
}
#comments ol.commentlist ul.children li .message {
	width:380px;
}
#comments ol.commentlist ul.children ul li .message {
	width:320px;
}
#comments ol.commentlist ul.children ul ul li .message {
	width:280px;
}
#comments ol.commentlist ul.children ul ul ul li .message {
	width:240px;
}
#comments ol.commentlist ul.children ul ul ul ul li .message {
	width:200px;
}
#comments ol.commentlist ul.children ul ul ul ul ul li .message {
	width:160px;
}
#commentform input.txt {
	margin: 0 5px 0 0;
}
#commentform textarea {
	height: 100px;
    width: 400px !important;
}
#commentform input.txt, #commentform textarea {
	background: #F4F4F4;
	width:200px;
	padding: 6px 8px;
	border:1px solid #CCCCCC;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#commentform input.txt:focus, #commentform textarea:focus {
	background:#fff;
}
#commentform p {
margin:0 0 15px;	
}
#commentform {
border-top: 1px solid #ddd; 
padding-top: 20px;	
}

/* Portfolio */
#portfolio {
	list-style:none;
	margin:0 0 0 -40px;
	padding:0;
	width: 936px;
	overflow:hidden;
}
#portfolio li {
	float:left;
	margin-left:40px;
	margin-bottom:20px;
}
#portfolio.twocol {
}
#portfolio.twocol li {
	width:428px;
}
#portfolio.threecol {
}
#portfolio.threecol li {
	width: 272px;
}
#portfolio.fourcol {
}
#portfolio.fourcol li {
	width: 188px;
}


/* Buttons  */

.button {
	cursor:pointer;
	display:inline-block;
	font-size:13px;
	font-weight:700;
	margin:0 5px 15px 0;
	outline:none;
	padding:10px 15px;
	width:auto;
	text-align:center;
	text-decoration:none !important;
	vertical-align:middle;
	background:url('img/grad-grey.gif') repeat-x center top #c3c3c3;
	color:#444444 !important;
	border:1px solid #c3c3c3;
	text-shadow:0 -1px 0 #FFFFFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
.button:hover {
	background:url('img/grad-grey-hover.gif') repeat-x center top #c3c3c3;
	text-decoration:none;
	outline:none;
}
.button:active {
	position:relative;
	top:1px;
	outline:none;
	background:url('img/grad-grey-rev.gif') repeat-x center top #c3c3c3;
}
/* Blue Button */
.button.blue {
	background:url("img/grad-blue.gif") repeat-x center top #166890;
	border:1px solid #11506F;
	color:#FFFFFF !important;
	text-shadow:0 -1px 0 #11506F;
}
.button.blue:hover {
	background:url("img/grad-blue-hover.gif") repeat-x center top #166890;
}
.button.blue:active {
	background:url("img/grad-blue-rev.gif") repeat-x center top #166890;
}
/* Green Button */
.button.green {
	background:url("img/grad-green.gif") repeat-x center top #518f14;
	border:1px solid #406f11;
	color:#FFFFFF !important;
	text-shadow:0 -1px 0 #406f11;
}
.button.green:hover {
	background:url("img/grad-green-hover.gif") repeat-x center top #166890;
}
.button.green:active {
	background:url("img/grad-green-rev.gif") repeat-x center top #166890;
}
/* Red Button */
.button.red {
	background:url("img/grad-red.gif") repeat-x center top #8f1e14;
	border:1px solid #6f1811;
	color:#FFFFFF !important;
	text-shadow:0 -1px 0 #6f1811;
}
.button.red:hover {
	background:url("img/grad-red-hover.gif") repeat-x center top #166890;
}
.button.red:active {
	background:url("img/grad-red-rev.gif") repeat-x center top #166890;
}
/* Purple Button */
.button.purple {
	background:url("img/grad-purple.gif") repeat-x center top #8f146e;
	border:1px solid #6f1156;
	color:#FFFFFF !important;
	text-shadow:0 -1px 0 #6f1156;
}
.button.purple:hover {
	background:url("img/grad-purple-hover.gif") repeat-x center top #166890;
}
.button.purple:active {
	background:url("img/grad-purple-rev.gif") repeat-x center top #166890;
}
/* Black Button */
.button.black {
	background:url("img/grad-black.gif") repeat-x center top #3b3b3b;
	border:1px solid #3b3b3b;
	color:#FFFFFF !important;
	text-shadow:0 -1px 0 #3b3b3b;
}
.button.black:hover {
	background:url("img/grad-black-hover.gif") repeat-x center top #3b3b3b;
}
.button.black:active {
	background:url("img/grad-black-rev.gif") repeat-x center top #3b3b3b;
}
.button.large {
	font-size:15px;
	padding:10px 30px;
}
.button.small {
	font-size:12px;
	padding:5px 10px;
}
/* Pagination */

.pagination {
	text-align: center;
	width: 890px;
}
.pagination a, .pagination span {
	background: url("img/grad-grey.gif") repeat-x center top #C3C3C3;
	border: 1px solid #C3C3C3;
	color: #444444 !important;
	text-shadow:0 1px 0 #fff;
	display: inline-block;
	font-size: 11px;
	margin-right: 4px;
	padding: 2px 8px;
	text-decoration: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.pagination a.current, .pagination span.current {
	background: url("img/grad-grey-rev.gif") repeat-x center top #C3C3C3;
	color: #444444;
}
.pagination a:hover {
	background: url("img/grad-grey-hover.gif") repeat-x center top #C3C3C3;
	color: #444444;
}
/* Misc Classes  */
.fl {
	float:left;
}
.fr {
	float:right;
}
/* Widgets  */
.widget {
	margin-bottom:40px;
}
/* Search  */
#s {
	padding:10px 5px;
	background:#fff url(img/bg-input.gif) repeat-x top;
	border:1px solid #D9D9D9;
	display:inline;
	width:164px;
	margin-right:5px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#searchsubmit {
	background:#fff url(img/grad-grey.gif) repeat-x top;
	border:1px solid #d9d9d9;
	color:#404040;
	display:inline;
	width:auto;
	height:38px;
	line-height:12px;
	font-size:14px;
	font-weight:bold;
	padding:8px 8px 10px;
	text-shadow:0 1px 0 #FFFFFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.screen-reader-text {
	display:none;
}
/* Latest Posts */
.post-widget li {
	border-bottom:1px solid #D9D9D9;
	margin-bottom:10px;
	padding-bottom:10px;
}
.post-widget .post-thumb {
	float:left;
}
.post-widget .post-content {
	margin-left:100px;
}
/* Latest Posts */
.widget_recent_entries ul {
	margin-top:-10px;
}
.widget_recent_entries li a {
	background:url(img/icons/bullet_arrow_right.png) no-repeat center left;
	padding:10px 5px 10px 25px;
	border-bottom:1px solid #D9D9D9;
	padding:10px 5px 10px 25px;
	display:block;
}
.widget_recent_entries li a:hover {
	background-color:#F2F2F2;
}
/* Flickr Widget */

.flickr_badge_image {
	float: left;
	margin-right: 7px;
	margin-bottom: 25px;
	border: solid 2px #d7d7d7;
	height: 75px;
}
/* Twitter Widget */
.twitter_widget ul {
	margin:0 0 40px;
	list-style:none;
}
.twitter_widget li {
	margin-bottom:10px;
	padding-bottom:10px;
	line-height:1.6;
	border-bottom:1px solid #d9d9d9;
}
.twitter_widget li a {
	background:url("img/social/16/twitter.png") no-repeat scroll 10px 50% transparent;
	padding:10px 40px;
	color: #404040;
	text-decoration: none;
}
/* Calendar */

table {
	border: 1px solid #ccc;
	border-collapse: collapse;
}
table th {
	font-size: 12px;
	padding: 4px 12px;
	background-color: #f1f1f1;
	border-right: 1px solid #ccc;
}
table td {
	border: 1px solid #ccc;
	padding: 5px;
	padding-left:13px;
}
table td:hover {
	background-color: #f1f1f1;
}
#calendar_wrap table td {
	text-align: center;
	padding:4px;
}
#calendar_wrap table td.pad:hover {
	background:#fff;
}
#calendar_wrap table td#prev {
	text-align: left;
	padding-left: 15px;
}
p {
	padding:0;
	margin:0 0 20px;
}
.cl {
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* WordPress Required Styles */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	float: left;
	 margin-right: 10px;
}
.alignright {
	float: right;
	 margin-left: 10px;
}
.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-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
.sticky {
	background: #f7f7f7;
	padding: 0 10px 10px;
}
.sticky h2 {
	padding-top: 10px;
}