/*  
Theme Name: Whiskers
Version: 1.7.1
Description: Designed by <a href="http://handhugs.com">Jessie Matanky</a>.
Author: Hand Hugs Design
Author URI: http://handhugs.com/blog
*/

/* Default styles */
@import "reset.css";

body {
	background:#fff;
}

a { color: #92D3B4; }

/* Containers */

.content { width:950px; margin:0 auto; padding:0;}
#top {	background:url(images/nav_bg.png) repeat-x bottom left; }
#top .content {  }
#main-content { padding:40px 0 25px; }
#footer { background: #A585C1; padding: 25px 0 14px 0; margin-top:25px; color:#FFF;}

/* Header */

#header {
	width: 100%;
	height: 205px;
	padding: 30px 0 5px 0;
	clear: both;
	position: relative;
}

#logo { float:left; margin-bottom:0; }
#logo .site-title, #logo .site-description  { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color: #fefefe; display:none;  }
#logo .site-title a { color:#fefefe; font-size:44px; line-height:40px; text-transform:none; font-weight:bold; letter-spacing:-1px; text-decoration:none; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15)}
#logo .site-title a:hover { text-decoration:underline; }
#logo .site-description { color:#aaa; font:14px Arial, serif; }

/* Page Nav */

#nav { position:relative; z-index:99; }
#nav, #nav ul {padding: 0;list-style: none; line-height: 1; height:40px; clear:both;}
#nav a {font-size:30px;text-transform:uppercase;font-weight:bold;display: block;line-height: 28px;padding: 0 20px;}
#nav a { color: #FFF; padding-top:35px; }
#nav a:hover, #nav li.current_page_item a{ color:#FFF; }
#nav li a { border:none !important; }
#nav li { float: left; }
#nav{margin-top:-35px !important;}
#nav  a.Home:hover, #nav li.current_page_item a.Home{ background:url(images/home.png) no-repeat top center;}
#nav  a.about:hover, #nav li.current_page_item a.about{ background:url(images/about.png) no-repeat top center;}
#nav  a.Services:hover, #nav li.current_page_item a.Services{ background:url(images/services.png) no-repeat top center;}
#nav  a.Resources:hover, #nav li.current_page_item a.Resources{ background:url(images/resources.png) no-repeat top center;}
#nav  a.Testimonials:hover, #nav li.current_page_item a.Testimonials{ background:url(images/testimonials.png) no-repeat top center;}
#nav  a.contact:hover, #nav li.current_page_item a.contact{ background:url(images/contact.png) no-repeat top center;}

/* Style drop down list */

#nav li:hover, #nav li.current_page_item { color:#FFF; }
#nav li ul li:hover, #nav li ul li.current_page_item { border:none; }
#nav li ul { position: absolute; width: 170px; left: -999em; border: 1px solid #2a2a2a; z-index: 99; }
#nav li ul li {	position:relative; z-index:99; background: #FFF; }
#nav li ul li a {  border:none !important; line-height: 25px; font-size: 11px; width: 150px; }
#nav li ul ul {	margin: -26px 0 0 170px; }
#nav li ul ul li a { line-height: 25px; }
#nav li:hover ul, #nav li.sfhover ul { left: auto; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li.current_page_item ul li a{ color:#c0baa5; background:#fff; }
#nav li.current_page_item ul li a:hover, #nav li ul li.current_page_item a:hover { color:#fff; background:#3f3a2b; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }
#nav li:hover, #nav li.hover { position: static; } /* IE7 Fix */


/* Featured / Slider */

#featured { background:url(images/dots.png) repeat-x bottom left;  }
#featured #page-title { position:relative; }
#featured #page-title h2 { padding:25px 0; }
#featured .subscribe { position:absolute; right:0; top:25px; }
#featured .alignright {margin: 5px 0px 8px 20px;float: right;}

#slider-block { overflow:hidden; min-height:320px; }

.container { width:890px; height:320px; overflow:hidden; position:relative; margin-left: 50px;}
.slides { position:absolute; top:0; left:0; }
.slides div.slide { position:absolute; top:0; width:890px; display:none; }

#loopedSlider { width:1000px; margin:0 auto; padding:40px 0;}
#loopedSlider .nav-buttons { list-style-type:none; margin:0; padding:0; position:relative;}
#loopedSlider li#p { position:absolute; top:120px; left:0px; }
#loopedSlider li#n { position:absolute; top:120px; right:0px; }
#featured h1, h1{ color:#606060; font-size:40px; text-transform:uppercase;}

#featured h2 { color:#333; font-size:40px; padding:0 0 10px; line-height:40px; font-weight:normal; letter-spacing:-1px; text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15) }
#featured h4 { font-size:18px; color:#333; font-family:Arial, Helvetica, sans-serif; line-height:22px; letter-spacing:1px; }
#featured p { font-size:14px; color:#333; line-height:20px; text-align:justify;}

.slides ol, .slides ul { line-height: 18px; }
.slides ul { padding-left: 20px; }
.slides ul li { list-style: dot; padding: 3px 0; }
.slides ol { padding-left: 20px; }
.slides ol li { list-style: decimal; padding: 3px 0; }


/* Homepage */
.home h3 { padding: 0; font-size:30px; color:#A585C1; text-transform:uppercase;}
.blurb h3{font-size:30px!important; font-weight:bold !important;}
.home .feature { margin-right:65px; width:215px; }
.home img.home-icon { padding:0; }
.blurb{float:left; margin-right:15px;}
.blurb2{float:left; margin-right:30px; width:220px; height:300px; padding: 15px; border: 1px dotted #76D3B6; margin-bottom:30px;}
.blubr2 h3{padding:0;}
.service{margin-right:70px; width:375px;}
.client-icon{height:165px; margin-top:10px;}

/* Main Content (style) */
.home #main{width:900px; margin-left:65px;}
#main {	width:840px; }
#main.full { width:840px; }
#main p, #main ul, #main ol { font-size:14px; text-align:justify; }
#main a { text-decoration: underline; }
#main a:hover {	text-decoration: none; }
#main h2, #main h3 { }
#main h2 { font-size: 40px;	padding-top:0; }
#main h3 {font-size: 26px; }
#main h4 { font-size: 12px; }
#main ol, #main ul { line-height: 18px; }
#main ul { padding-left: 50px; }
#main ul li { list-style: circle; padding: 3px 0; }
#main ol { padding-left: 57px; }
#main ol li { list-style: decimal; padding: 3px 0; }
#main blockquote {border-left:2px solid #777777;color:#777777;font-style:italic;margin:5px auto 15px;padding:0px 10px;width:85%;}

/* Main Content (post) */
#main .post { padding:0 5px 25px 0; }
#main .post-title {	width: 100%; position: relative; }
#main .post-title h2, #main .post-title p.post-details, #main .post-title h3 { padding-right: 50px; }
#main h2 a, #main h3 a { color: #2A2A2A; text-decoration: none; }
#main h2 a:hover, #main h3 a:hover { text-decoration: underline; }
#main p.post-details { line-height: 18px; margin-top: -10px; position: relative; }
#main p.post-details a { text-decoration: none; }
#main p.post-details a:hover { text-decoration: underline; }
#main p.post-details {
	color: #9F9F9F;
	font-size: 11px;
	padding: 0 0px 0 1px
}
#main .post h4 { margin-top: 1px; clear: both; width: 100%; }
#main .post h4.continue a {
	background: #A8BC70;
	padding: 5px 10px;
	color: #333;
	text-decoration: none;
}
#main .post h4.continue a:hover {background: #9fb26a;}
#main .post img.thumbnail {
	background-color:#EEEEEE;
	border:1px solid #DDDDDD;
	padding:5px;
}
#main .post img.gallery { margin:0 7px 7px 0; }
#main h2.arh {
	border-bottom: #EBEBEB 1px solid;
	margin-top: -10px;
	margin-bottom: 10px;
	position: relative;
}

/* Main Content (advert 468x60) */

#main .advert_468x60 {
	background-color:#EDEDED;
	padding:12px 0;
	margin: 5px 0 25px 0;
	text-align:center;
}
#main .latest .advert_468x60 {margin-left:33px;}

/* Main Content (post>single) */

#main p.tags {
	background:url(images/ico-tag.gif) no-repeat center left;
	padding-left:25px;
	width: 100%;
	clear: both;
}
.single #main .advert_468x60 {margin: 15px 0 0px 0;}
#main .page h2 {padding-top: 5px;}

/* Comments */

#comments h3 { font-size: 20px;	font-weight: normal;padding: 10px 0 20px 0;}
#comments #comments_wrap {padding: 0; position: relative; margin:20px 0;}
#main .post #comments ol, #main .post #comments ul { background:none; border:none; padding:0; }
#comments ol.commentlist li { list-style-type:none; padding:20px; background:none; }
#comments ol.commentlist li.thread-even { background:#f6f6f6; border-top:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; }
#comments ol.commentlist img.avatar { float:right; border:1px solid #e4e4e4; padding:4px; background:#fff; }
#comments ol.commentlist .user-meta { font-size:12px; margin-bottom:10px; }
#comments ol.commentlist .user-meta .name,
#comments ol.commentlist .user-meta .name a { font-size:16px; text-decoration:none;  }
#comments ol.commentlist .comment-entry { padding-right:80px;  }
#comments .comment a { text-decoration: underline; }
#comments .comment a:hover { text-decoration: none; }
#comments .comment small { font-size: 10px;	margin-top: -2px; }
#comments .comment .col-left {width: 110px;}
#comments .comment .col-left img {border: #EDEDED 5px solid;}
#comments .comment .col-left p { padding: 0 0 0 2px; line-height: 19px;}
#comments .comment .col-left .inside{width:110px;float:left;position:relative;overflow:hidden;min-height:70px;}
#comments .comment .col-right{min-height:70px;background:#fff;border:#EDEDED 1px solid;margin-left:100px;float:none;padding:10px 20px;}
* html #comments .comment .col-right{height:100px;}
#comments .comment span.reply{float:right;font-size:11px;padding:3px 3px 0;}
#comments .comment span.reply a{text-decoration:none;color:#aaa;}
#comments ul.children{margin:15px 0 0;padding:0;}
#comments ul.children li{border-top:1px solid #e3e3e3;margin:20px 0 0 0;padding:20px 0 0 25px;}
#comments .navigation .alignright,#comments .navigation .alignleft{margin:0;}
#comments .navigation a{display:block;font-weight:700;margin:15px 0;padding:5px 0;}
#comments .commentlist p{padding:0 0 10px;}
#comments #respond{margin-top:15px;}
#comments .commentlist .children #respond #form_wrap .col-right{float:none;}
#comments .cancel-comment-reply{margin-bottom:10px;}
#comments #respond .input{background:#f6f6f6;border-top:1px solid #bebebe;border-left:1px solid #bebebe;border-bottom:1px solid #f3f3f3;border-right:1px solid #f3f3f3;padding:5px;}
#comments .commentlist .thread-even #respond .input{background:#fff;}
#comments #respond label{padding-left:5px;}
#comments ul.children li ul.children,#comments .commentlist{padding:0;}
#comments #submit {background:transparent url(images/btn-submit.png) no-repeat scroll left top;border:medium none;color:#FFFFFF;font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; cursor:pointer !important;font-weight:bold;height:25px;text-transform:uppercase;width:80px;}


/* Sidebar */

#sidebar{width:300px;overflow:hidden;}
#sidebar h3{border-bottom:1px dashed #ccc;font-weight:bold;text-transform:uppercase;color:#555;letter-spacing:1px;margin:5px 0;padding:0 0 15px;line-height:24px; font-size:24px;}
#sidebar ul{clear:both;}
#sidebar ul li a{font-size:18px; font-weight:bold;}
#sidebar a:hover,#sidebar .current-cat a,#sidebar li.active a{color:#000;}
#sidebar ul li .meta{display:block;font-size:11px;font-family:Arial, Helvetica, sans-serif;color:#878787;font-weight:normal;text-transform:uppercase;}
#sidebar .block{background:#fcfcfc;border:1px solid #e9e8e8;padding:15px;}
#sidebar .block .inside{border:#D5D4D4 5px solid;background:#EDEDED;padding-bottom:5px;}
#sidebar .block .inside ul{padding:0;}
#sidebar .block .inside li{line-height:18px;position:relative;padding:8px 0;}
#sidebar .block .inside li img.thumbnail{border:#A4A4A4 2px solid;float:left;margin-right:10px;}
#sidebar ul,#sidebar .textwidget{clear:both;padding:5px 0;}
#sidebar .widget{margin-bottom:25px;}
#sidebar li{line-height:18px;overflow:hidden;padding:5px 0 0 0px;}
#sidebar ul ul{border:0;margin:3px 0 0;padding:0;}
#sidebar ul ul li{border:0;padding-bottom:0;border-top:1px solid #E2E2E2;}

#sidebar .widget_woo_newswidget h3 { background:url(images/ico-news.png) no-repeat left 3px; padding-left:32px; }
#sidebar .widget_woo_newswidget li {background:url(images/ico-bullet.png) no-repeat left 10px;padding:5px 0 0 15px;}

#sidebar .widget_woo_twitter { font-size:14px; }
#sidebar .widget_woo_twitter li { margin:0 0 10px 0  }

#sidebar .widget_woo_twitter h3 { background:url(images/ico-twitter.png) no-repeat left top; padding-left:32px; }
#sidebar .widget_woo_twitter a { color:#2882c1; font-size:14px; }
#sidebar .widget_woo_twitter .follow { padding:0 0; }
#sidebar .widget_woo_twitter .follow a { font-size:12px; font-style:italic;}

#newsletter h3, .widget_woo_feedburner h3, .widget_campaign_monitor h3 { background:url(images/ico-letter.png) no-repeat left 0px; padding-left:32px!important; }
#newsletter form, .widget_woo_feedburner form, .widget_campaign_monitor form {margin-top:15px;}

#newsletter .field, .widget_woo_feedburner .field, .widget_campaign_monitor .field {background-color:#F2F2F2;border:1px solid #CBD1D2;color:#999; font-size:11px;}
#newsletter .field, .widget_woo_feedburner .field, .widget_campaign_monitor .field {display:block;float:left;height:19px;margin:0 4px 0 0;padding:5px 0 0 5px;width:170px;}
#newsletter .button, .widget_woo_feedburner .button, .widget_campaign_monitor .button {background:transparent url(images/btn-submit.png) no-repeat scroll left top;border:medium none;color:#FFFFFF;font-family:Georgia, "Times New Roman", Times, serif; font-size:11px;}
#newsletter .button, .widget_woo_feedburner .button, .widget_campaign_monitor .button {cursor:pointer !important;font-weight:bold;height:25px;text-transform:uppercase;width:80px;}

#tag_cloud h2{display:block;float:none;}
.textwidget{clear:both;line-height:20px;padding:5px 2px;}
#wp-calendar{width:95%;margin-bottom:15px;clear:both;padding:0;}
#wp-calendar caption{padding:10px;}
#wp-calendar th{color:#fff;}
#wp-calendar th,#wp-calendar td{text-align:center;background:#E7E7E7;color:#9E9E9E;padding:5px;}
#wp-calendar td{background:transparent;}
#wp-calendar td,table#wp-calendar th{padding:3px 0;}
#wp-calendar a{text-decoration:underline;}
#wp-calendar a:hover{text-decoration:none;}
#sidebar .widget_woo_search form div{height:33px;background:#F2F2F2;border:1px solid #CBD1D2;}
#sidebar .widget_woo_search input.field{width:163px;padding:9px;outline:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#777;border:0;background:transparent;z-index:1;}
#sidebar .widget_woo_search input.submit{}

/* Sidebar (flickr) */

.widget_woo_flickr h3 span { color: #0061D8; }
.widget_woo_flickr h3 span span { color: #FF1183; }
.widget_woo_flickr .wrap {	margin-left: -5px;	padding: 0;	position: relative;	}
.widget_woo_flickr a img {	float: left; margin-left: 5px;	margin-bottom: 5px;display: block;	padding: 3px;background: #fff;border: #CECFC6 1px solid; }
.widget_woo_flickr a:hover img {border: #A8AA99 1px solid;}

/* Footer */

#footer img {vertical-align: middle;}
#footer .col-right span {display: none;}
#footer .col-left { width:950px; padding:0; }
#footer h3{ font-size:24px; text-transform:uppercase; color:#FFF;}

/* Misc */

a.button {
    background: url(images/btn-slider-right.png) no-repeat scroll top right; 
	display: block;
	float: left;
	height: 46px; 
	margin-right: 6px;
	padding-right: 13px; 
	text-decoration: none;
	color: #3e3e3e;
	font-family: Georgia;
	font-size:18px;
}
a.button span {
	float:left;
	background: url(images/btn-slider.png) no-repeat; 
	display: block;
	line-height: 46px; 
	padding: 1px 5px 5px 18px;
} 
a.button:hover span{ text-decoration:underline; }
span.middle { float: left; padding: 13px 13px 13px 9px; }

div.hr { background:url(images/hr.png) repeat-x top left; height:1px; margin:15px 0; }
#footer div.hr { background:url(images/hr-footer.png) repeat-x top left; height:1px; margin:15px 0; }
.left{ margin-right:20px;}

.link{float:right; font-size:21px; padding-top:10px;}

.archive #main{width:550px;}

.blogroll img{width:30px; height:30px; float:left; margin-left:10px;}

.post-image-container{ width:550px; height:150px; overflow:hidden;}

.post-image{width:550px; margin: -180px 0 10px 0;}
.post-single-image{width:300px; float:left;}

.quote{background:url(images/quote.png) no-repeat top left; padding-top:60px; padding-left:120px; float:left; width:300px; text-align:left;}