/*
THEME NAME: Karebou v3.0
VERSION: 3.0
AUTHOR: <a href="http://karebou.com/">Karen Rubado</a> 
AUTHOR URI: <a href="http://karebou.com/">Karebou Web Design Studio</a> 
*/

TOC ............................................
>1: RESET
>2: DEFAULT CLASSES
>3: ACCESSIBILITY
>4: DEFAULT STYLES
>5: LAYOUT STYLES
>6: GENERAL STYLES
>7: FORM STYLES
>8: PAGE SPECIFIC STYLES
	>8a: Home page
	>8b: Category Page
	>8c: Product Page
>9: SNIPPETS

*/

/* >1: RESET ............................................  */
body {color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sup,sub {line-height:-1px;vertical-align: text-top;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
a{outline: none;}

/* >2: DEFAULT CLASSES ............................................ */
.center { text-align: center; }
.right { text-align: right !important; }
.left { text-align: left !important; }
.large{ font-size: 1.1em;}
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em !important; }
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }
.hide { display: none; }
.teal {color:#0e92b5;}
.green {color:#8ca33a;}
.blue {color:#04497d;}

/* >3: ACCESSIBILITY  ............................................ */
.skip-link {
	position: absolute;
	left: -9999px;
	font-size: small;
}
/* >4: @FontFace  ............................................ */
@font-face {
	font-family: 'Colaborate-ThinRegular';
	src: url('colaborate-fontface/ColabThi-webfont.eot');
	src: local('☺'), url('colaborate-fontface/ColabThi-webfont.woff') format('woff'), url('colaborate-fontface/ColabThi-webfont.ttf') format('truetype'), url('colaborate-fontface/ColabThi-webfont.svg#webfontcrb0Yhf3') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'ColaborateLightRegular';
	src: url('colaborate-fontface/ColabLig-webfont.eot');
	src: local('☺'), url('colaborate-fontface/ColabLig-webfont.woff') format('woff'), url('colaborate-fontface/ColabLig-webfont.ttf') format('truetype'), url('colaborate-fontface/ColabLig-webfont.svg#webfontrw6WOifO') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate-RegularRegular';
	src: url('colaborate-fontface/ColabReg-webfont.eot');
	src: local('☺'), url('colaborate-fontface/ColabReg-webfont.woff') format('woff'), url('colaborate-fontface/ColabReg-webfont.ttf') format('truetype'), url(colaborate-fontface/'ColabReg-webfont.svg#webfont7n8htCD6') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Colaborate-MediumRegular';
	src: url('colaborate-fontface/ColabMed-webfont.eot');
	src: local('☺'), url('colaborate-fontface/ColabMed-webfont.woff') format('woff'), url('colaborate-fontface/ColabMed-webfont.ttf') format('truetype'), url('colaborate-fontface/ColabMed-webfont.svg#webfontpFO0A3fx') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'MiamaRegular';
	src: url('miama-fontface/Miama-webfont.eot');
	src: local('☺'), url('miama-fontface/Miama-webfont.woff') format('woff'), url('miama-fontface/Miama-webfont.ttf') format('truetype'), url('miama-fontface/Miama-webfont.svg#webfontkYpGafVz') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* >5: DEFAULT STYLES............................................ */
body {
	background:url(images/bg-trees.jpg) no-repeat top left fixed;
	padding:0;
	margin:0;
	width:100%;
	font:62.5%/1.4 Helvetica, Arial, sans-serif;
	color:#333;
	letter-spacing:.01em;
}

h1 {
	color:#000;
	font:40px 'Colaborate-ThinRegular', Arial, sans-serif;
}

h2 {
	font:20px 'Colaborate-ThinRegular', Arial, sans-serif;
	color:#000;
}

h2 a {}

h3 {
	font:17px 'Colaborate-ThinRegular', Arial, sans-serif;
	color:#568a03;
}

a {color:#568a03;}

a:hover {text-decoration:none;}

p {margin:0 0 1em 0;}

strong {font-weight:bold;}


/* >5 LAYOUT STYLES............................................ */
div#wrapper {
	width:971px;
	margin:0 auto;
	background:#f2f1f1 url(images/bg-pattern-white.png) repeat;
	font-size:15px;
}

div#header {
	background:#000 url(images/bg-header.png) no-repeat top left;
	height:171px;
}

div#container {width:971px;}

div#breadcrumbs {padding:5px 0 0 20px;font-size:12px;}

div#breadcrumbs ul li {float:left;}

div#content {
	font-size:14px;
	line-height:1.6em;
	padding:10px 20px 20px;
	color:#424242;
	float:left;
	}

div.sidebar {
	width:229px;
	float:right;
	margin:87px 20px 0 0;
}

div#secondary {margin-top:20px;}

div#footer {
	clear:both;
	height:132px;
	background:#000 url(images/bg-footer.png) no-repeat top left;
	padding:10px 20px;
	color:#fff;
}
/* >6 HEADER STYLES............................................ */
img.logo {
	margin:15px 0 0 22px;
	float:left;
	width:231px;
	height:142px;
	}
	
div#header-info {
	float:right;
	text-align:right;
	margin:80px 79px 0 0;
	position:relative;
}

div#tagline {
	color:#fff;
	font:25px 'Colaborate-ThinRegular', Arial, sans-serif;
}

img.green-bird {
	float:right;
	margin-left:10px;
	position:absolute;
	z-index:999;
	top:22px;
}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
		img.green-bird {left:380px;}
	}

div#tagline span {
	color:#83b436;
	font:40px 'MiamaRegular', Arial, serif;
}

div#menu {position:relative;}

div#menu ul {
	position:absolute;
	top:18px;
	left:-170px;
	width:615px;
	}

div#menu ul li {
	float:left;
	background:url(images/nav-left.png) no-repeat top left;
	height:33px;
	display:block;
	padding-left:5px;
	margin-right:3px;
}

div#menu ul li:hover {background:url(images/nav-left.png) no-repeat bottom left;}

div#menu ul li a {
	background:url(images/nav-right.png) no-repeat top right;
	height:25px;
	display:block;
	padding:8px 15px 0 10px;
	color:#fff;
	text-decoration:none;
	font:17px 'Colaborate-ThinRegular', Arial, sans-serif;
}

div#menu ul li a:hover {
	background:url(images/nav-right.png) no-repeat bottom right;
}

div#menu ul li.page-item-2, div#menu ul li.page-item-26 {display:none;}

div#menu ul li.page-item-10 {
	margin-top:-0;
	z-index:500;
	}


/* >7 HOMEPAGE STYLES............................................ */
body.home div#content {
	width:auto;
	float:none;
	padding:20px!important;
}

div#slideshow {
	background:#fff;
	height:381px;
}

div#intro {	
	background:url(images/brackets.png) no-repeat;
	height:83px;
	margin:20px;
	padding:13px 0 0 35px;
}

div#intro h1 {
	color:#000;
	font-size:27px;
}

.slidedeck div.slide-content {
	width:215px;
	float:left;
	margin-top:10px;
}

.slidedeck div.slide-content2 {
	width:215px;
	position:absolute;
	margin-top:10px;
	left:44px;
	top:0;
}

.slidedeck h2 {color:#fff;font-weight:lighter;line-height:1.1em;margin-bottom:20px;font-size:40px;letter-spacing:-.03em;}

dd.slide_1 h2 {font-size:45px;}

dd.slide_2 h2 {line-height:1.0em;}

dd.slide_3 h2 {font-size:32px;}

dd.last h2 {letter-spacing:0;}

.slidedeck h3 {color:#375c01;font-weight:lighter;font-size:30px!important;line-height:0.9em;margin-bottom:10px;}

.slidedeck h4 {margin:15px 0;}

.slidedeck h4 a {color:#121212;font-weight:lighter;font-size:15px;}

.slidedeck div.slide-content div.info, .slidedeck div.slide-content2 div.info {
	background:url(images/paper.png) no-repeat;
	width:195px;
	padding:15px 10px;
	margin-top:20px;
	line-height:1.3em;
	height:380px;
	font-size:13px;
	}
	
dd.slide_3 div.slide-content div.info {margin-top:0px;}

dd.slide_2 div.slide-content div.info {margin-top:25px;}

.slidedeck img {
	width:647px;
	height:367px;
	margin-top:2px;
	overflow:hidden;
	}
	
.slidedeck img.slide-img {
	width:647px;
	height:367px;
	position:absolute;
	margin-top:2px;
	right:0;
	}

.skin-default dl.slidedeck dd.slide p, .skin-default dl.slidedeck dd.slide p a {
	width:640px;
	float:right;
}

.skin-default dl.slidedeck dd {
	background:url(images/bg-gradient-green.png) no-repeat!important;
	background-color:none!important;
}

div#content #home-blog, div#content #info-box1, div#content #info-box2 {
	width:259px;
	background:#fff;
	border:1px solid #d4d3d3;
	float:left;
	margin-right:20px;
	padding:18px;
}

body.home div#content h2 {
	background:url(images/bird-h2.png) no-repeat 0 6px;
	padding-left:25px;
}

img.divider {margin:2px 0 5px 0;padding:0;}

div#content #info-box2 {margin-right:0;}

div.blog-notes {font-size:12px;border-top:1px dotted #b2b2a6;}

/* >8 PAGE STYLES............................................ */
body.page div.entry-content, div#blog-content {
	background:#fff;
	border:1px solid #d4d3d3;
	padding:20px;
}

div#blog-content {width:891px;}

	body.page div.pricing {width:640px;}

body.page div.page h1, body.blog h1, body.single h1 {
	margin-top:20px;
	margin-bottom:15px;
}

body.page div.page h2, body.blog h2 {font-size:24px;padding-top:20px;}

.example, .bg-image {
	float:right;
	width:250px;
	background:#f1f1f1;
	border:1px solid #ccc;
	padding:20px;
	margin:0 0 20px 20px;
}

.bg-image {width:256px;}

.example img, .bg-image img, ul.project li img {border:1px solid #ccc;}

.example p, .bg-image p {margin:10px 0 0;}

ul.three-column li {
	width:270px;
	float:left;
	margin-right:39px;
}

ul.three-column li.last {margin-right:0;}

ul.three-column li div.example {
	float:none;
	width:250px;
	padding:10px;
	margin-left:0;
}

ul.project {width:891px;margin-bottom:20px;}

ul.project li {
	float: left;
	margin:0 46px 25px 0;
	width:224px;
	background:#f1f1f1;
	padding:20px;
	border:1px solid #ccc;
}

ul.project li.last {margin-right:0;}

ul.project li p em {line-height:1.2em;font-size:13px;}

ul.project h3 {margin-bottom:10px;font-size:19px;margin-top:8px;}

p.role {
	border-top:1px solid #ccc;
	padding-top:10px;
	margin-bottom:0;
	font-weight:normal;
	}
	
.highslide-maincontent a {
	background:url(images/bird-h2.png) no-repeat 0 1px;
	padding-left:25px;
}

.highslide-container div {padding-left:3px;}

div#post-26 ul li {
	border-bottom:1px dotted #83B436;
	padding:8px 0;
}


/* >9 SIDEBAR STYLES............................................ */
#primary, #secondary {
	background:#fff;
	border:1px solid #d4d3d3;
	padding:20px;
	font-size:13px;
	line-height:1.4em;
}

#primary p, #secondary p {margin-bottom:20px;}

#primary h3, #secondary h3 {
	font-size:20px;
	color:#000;
	font-weight:lighter;
	margin-bottom:10px;
	background:url(images/bird-h2.png) no-repeat 0 2px;
	padding-left:25px;
}

#primary ul li, #secondary ul li {
	padding-bottom:10px;
}

/* >10 BLOG STYLES............................................ */
div.blog-content {
	float:right;
	width:760px;
	padding-bottom:20px;
}

div.entry-date {
	float:left;
	background:url(images/datestamp.jpg) no-repeat;
	height:48px;
	width:54px;
	padding:9px 0 0 46px;
	color:#fff;
	line-height:1.2em;
	margin-top:20px;
}

div.entry-meta {
	font-size:11px;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
	padding:10px 0;
	}
	
div#comments, div#respond {margin-top:20px;}

div#comments h3 {
	background:url(images/bird-h2.png) no-repeat 0 2px;
	padding-left:25px;
	color:#000;
}

span.subscribe {
	font-size:14px;
	background:url(images/rss.png) no-repeat 0 8px;
	float:right;
	padding-left:18px;
	margin-top:-35px;
}
span#sharethis_0 {font-size:14px;}

a.rss {
	background:url(images/rss.png) no-repeat 0 0;
	padding-left:18px;
}

body.home a.rss {
	background:url(images/rss.png) no-repeat 5px 3px;
}

.formcontainer {
	background:#f1f1f1;
	border:1px solid #ccc;
	padding:20px;
	width:554px;
	margin-top:15px;
}

#commentform ol {
	margin:0;
	padding:0;
}

#commentform ol li {
	border-bottom:1px dotted #333;
	margin:0;
	padding:15px 0;
	line-height:1.3em;
	list-style:none;
}

#commentform label {
	width:116px;
	display:inline-block;
	margin:4px 10px 0 0;
	width:90px;
	vertical-align:top;
	}
	
#commentform input, #commentform textarea {
	width:419px;
	background:#f9f9f9;
	border:1px solid #888;
	padding:3px;
}

#commentform input#submit {
	background:url(images/button-bg.gif) repeat-x 0 top;
	border:0;
	color:#fff;
	cursor:pointer;
	font-size:15px;
	height:33px;
	margin:10px 9 9 5px;
	padding:5px;
	width:130px!important;
	margin-left:100px;
	letter-spacing:.03em;
}

#commentform input#submit {
	background:url(images/button-bg.gif) repeat-x 0 bottom;
	}
	
#comments-list li {
	border-bottom:1px solid #B4DF6F;
	padding:10px 0;
}
	
	
/* >11 FOOTER STYLES............................................ */
div#footer #column1, div#footer #column2, div#footer #column3 {
	width:295px;
	float:left;
	margin-right:20px;
}

div#footer #column3 {
	margin-right:0;
	text-align:right;
	padding-top:16px;
	}
	
div#footer #column2 {
	text-align:right;
	padding-top:72px;
	line-height:1.3em;
	font-size:13px;
}

div#footer #column1 ul {float:none;}

div#footer #column1 ul li {
	float:left;
	padding-right:10px;
}

div#footer #column1 p {
	line-height:1.3em;
	padding-top:20px;
	font-size:14px;
	}
	
a.credit {
	color:#fff;
	text-decoration:none;
}