/*
Theme Name: Jolly Consulting
Theme URI: http://www.jollyconsulting.net
Author: Key Web Concepts
*/


@charset "utf-8";
/* CSS Document */

body {
	background: url(images/bg.gif) top repeat-x fixed #ffffff;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #696a6c;
	}

#wrapper {
	width: 982px;
	margin: 0 auto 0 auto;
	}

/* Header */

#header {
	width: 982px;
	height: 140px;
	float: left;
	position: relative;
	z-index: 100;
	}

#logo {
	position: absolute;
	bottom: 0;
	left: 45px;
	}

/* Nav */

#nav {
	width: 640px;
	height: 30px;
	float: right;
	position: relative;
	margin: 77px 27px 0 0;
	}

#nav ul.menu {
	display: block;
	width: 640px;
	height: 30px;
	float: right;
	position: relative;
	border-bottom: 1px dotted #696a6c;
	padding: 0;
	margin: 0;
	}

#nav ul.menu li {
	display: block;
	height: 29px;
	float: left;
	position: relative;
	padding: 0 5px 1px 5px;
	margin: 0;
	list-style: none;
	list-style-image: none;
	}

#nav ul.menu li a {
	display: block;
	height: 23px;
	margin: 0 0 0 0;
	padding: 6px 11px 0 11px;
	color: #696a6c;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	text-decoration: none;
	}

#nav ul.menu li:hover {
	border-bottom: 2px solid #00aeef;
	}

#nav ul.menu li a:hover {
	color: #00aeef;
	}

#nav ul.menu li.current_page_item, #nav ul.menu li.current-menu-parent {
	border-bottom: 2px solid #00aeef;
	}

#nav ul.menu li.current_page_item a, #nav ul.menu li.current-menu-parent a {
	background: #00aeef;
	color: #ffffff;
	}

#nav ul.menu li ul.sub-menu {
	display: none;
	width: 170px;
	height: auto;
	background: #00aeef;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 3px;
	z-index: 100;
	}

#nav ul.menu li:hover ul.sub-menu {
	display: block;
	}

#nav ul.menu li ul.sub-menu li {
	display: block;
	width: 170px;
	height: auto;
	font-size: 12px;
	line-height: 15px;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #4ecefe;
	}

#nav ul.menu li ul.sub-menu li a {
	display: block;
	width: 156px;
	height: auto;
	padding: 7px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	color: #ffffff;
	}

#nav ul.menu li ul.sub-menu li a:hover {
	background-image: none;
	background: #4ecefe;
	}

/*

#nav {
	width: 640px;
	height: 30px;
	float: right;
	position: relative;
	margin: 77px 27px 0 0;
	z-index: 98;
	}

#nav ul.menu {
	display: block;
	width: 640px;
	height: 30px;
	float: right;
	position: relative;
	border-bottom: 1px dotted #696a6c;
	padding: 0;
	margin: 0;
	}

#nav ul.menu li {
	display: block;
	height: 29px;
	float: left;
	position: relative;
	padding: 0 5px 1px 5px;
	margin: 0;
	list-style: none;
	list-style-image: none;
	}

#nav ul.menu li a {
	display: block;
	height: 23px;
	margin: 0 0 0 0;
	padding: 6px 11px 0 11px;
	color: #696a6c;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	text-decoration: none;
	}

#nav ul.menu li:hover {
	border-bottom: 2px solid #00aeef;
	}

#nav ul.menu li a:hover {
	color: #00aeef;
	}

#nav ul.menu li.current_page_item, #nav ul.menu li.current-menu-parent {
	border-bottom: 2px solid #00aeef;
	}

#nav ul.menu li.current_page_item a, #nav ul.menu li.current-menu-parent a {
	background: #00aeef;
	color: #ffffff;
	}

#nav ul.menu li ul.sub-menu {
	display: none;
	width: 98%;
	height: auto;
	background: #00aeef;
	position: absolute;
	left: 0;
	margin: 0;
	padding: 3px;
	opacity: 0.90;
	filter:alpha(opacity=90);
	z-index: 100;
	}

#nav ul.menu li:hover ul.sub-menu {
	display: block;
	}

#nav ul.menu li ul.sub-menu li {
	display: block;
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	font-size: 12px;
	line-height: 15px;
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #4ecefe;
	}

#nav ul.menu li ul.sub-menu li a {
	width: 87%;
	height: auto;
	padding: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	color: #ffffff;
	padding: 7px;
	float: left;
	position: relative;
	}

#nav ul.menu li ul.sub-menu li a:hover {
	background-image: none;
	background: #4ecefe;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	}

*/

/* Main Body */

p#rss {
	width: auto;
	position: absolute;
	right: 35px;
	top: 0;
	font-size: 13px;
	line-height: 13px;
	}

p#rss a {
	display: block;
	height: 17px;
	float: right;
	background: url(images/subscribe-icon.gif) 100% 50% no-repeat;
	padding: 5px 28px 0 0;
	color: #666666;
	text-decoration: none;
	}
	
p#rss a:hover {
	color: #00aeef;
	}

#main {
	width: 960px;
	float: left;
	position: relative;
	padding: 27px 10px 34px 12px;
	background: url(images/main-bg.png) bottom no-repeat;
	}

.main-section {
	width: 932px;
	float: left;
	position: relative;
	padding: 0 14px 20px 14px;
	background: #ffffff;
	}

.main-section-title {
	width: 932px;
	float: left;
	position: relative;
	padding: 0 14px 10px 14px;
	background: #ffffff;
	}

.content {
	width: 906px;
	float: left;
	position: relative;
	margin: 0px 0 0 0;
	background: url(images/content-bg.gif) top no-repeat;
	padding: 5px 13px 0 13px;
	}

.text-area {
	width: 592px;
	min-height: 250px;
	float: left;
	position: relative;
	background: url(images/text-area-bg.png) top no-repeat;
	padding: 15px 25px 12px 22px;
	}

.text-area-2 {
	width: 592px;
	float: left;
	position: relative;
	background: #ffffff;
	padding: 22px 25px 12px 22px;
	margin: 27px 0 0 0;
	}

.text-area-wide {
	width: 839px;
	float: left;
	position: relative;
	background: #ffffff;
	padding: 22px 35px 12px 32px;
	margin: 27px 0 0 0;
	}

h1.page-title {
	display: block;
	width: 385px;
	min-height: 35px;
	margin: 0 0 25px 0;
	padding: 0 210px 0 0;
	}

.page-title-block {
	width: 932px;
	height: 87px;
	float: left;
	position: relative;
	}

.title-mask {
	width: 932px;
	height: 87px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/title-mask.png) top left no-repeat;
	z-index: 90;
	}

.page-title-text {
	width: 550px;
	height: 87px;
	float: left;
	position: relative;
	padding: 0;
	margin: 0;
	background: url(images/title-text-bg.png) top left repeat-y;
	}

.page-title-text h1 {
	border: 0;
	position: absolute;
	display: block;
	width: 550px;
	bottom: 15px;
	left: 25px;
	font-size: 30px;
	line-height: 30px;
	margin: 0;
	padding: 0;
	color: #ffffff;
	z-index: 90;
	}

.case-type-thumb {
	float: left;
	width: 210px;
	}

.single-case-type {
	float: right;
	width: 609px;
	}

.entry {
	float: left;
	width: 100%;
	margin: 0 0 20px 0;
	}

/* Posts */

#posts {
	width: 639px;
	float: left;
	position: relative;
	}

#posts-wide {
	width: 906px;
	float: left;
	position: relative;
	}
	
.post-title {
	margin: 0 0 15px 0;
	}

h1.post-title {
	display: block;
	font-size: 16px;
	line-height: 19px;
	width: 385px;
	min-height: 23px;
	margin: 0 0 25px 0;
	padding: 2px 210px 10px 0;
	}

.post-title a {
	color: #696a6c;
	text-decoration: none;
	}

.post-title a:hover {
	color: #00aeef;
	text-decoration: none;
	}

p.metadata {
	font-size: 12px;
	margin: 0 0 25px 0;
	}

p.date {
	position: absolute;
	top: 31px;
	right: 22px;
	font-size: 11px;
	margin: 0;
	color: #b5b6b7;
	letter-spacing: 3px;
	}

.text-area-2 p.date {
	top: 11px;
	}

h1.single-post-title {
	margin: 0 0 5px 0;
	}

.page-navigation {
	background: #e7e7e7;
	width: 98%;
	padding: 8px;
	margin: 25px 0 0 0;
	float: left;
	position: relative;
	}

.nav-previous {
	width: 291px;
	padding: 0;
	margin: 0 10px 0 0;
	position: absolute;
	left: 20px;
	bottom: 0;
	}

.nav-next {
	width: 291px;
	padding: 0;
	margin: 0 0 0 0;
	position: absolute;
	right: 20px;
	bottom: 0;
	}

.meta-nav {
	display: block;
	background: #eeeeee;
	width: 269px;
	padding: 8px 11px 8px 11px;
	}

.nav-previous a, .nav-next a {
	text-decoration: none;
	}

.page-navigation {
	text-align: center;
	}

/* Sidebar */

.sidebar {
	width: 256px;
	float: right;
	position: relative;
	}

.sidebar ul {
	display: block;
	width: 256px;
	margin: 0;
	padding: 0;
	}

.sidebar ul li.widget {
	display: block;
	width: 256px;
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	float: right;
	position: relative;
	}

.widget-title {
	width: 209px;
	height: 36px;
	float: left;
	position: relative;
	padding: 15px 25px 0 22px;
	background: url(images/widget-top.png) top no-repeat;
	}

.widget-main {
	width: 222px;
	float: left;
	position: relative;
	padding: 15px 17px 0px 17px;
	background: url(images/widget-bg.gif) repeat-y;
	}

.widget-text {
	width: 192px;
	float: left;
	position: relative;
	padding: 15px 15px 8px 15px;
	background: #0983b2;
	margin: 0 0 15px 0;
	}

.widget-btm {
	width: 256px;
	height: 11px;
	float: left;
	position: relative;
	background: url(images/widget-btm.png) top no-repeat;
	}
	
.sidebar ul li.widget h1, .sidebar ul li.widget h2, .sidebar ul li.widget h3, .sidebar ul li.widget h4, .sidebar ul li.widget h5, .sidebar ul li.widget h6, .sidebar ul li.widget p, .sidebar ul li.widget ul, .sidebar ul li.widget ol, .sidebar ul li.widget li, .sidebar ul li.widget li ul li {
	color: #ffffff;
	margin: 0 0 10px 0;
	float: none;
	width: auto;
	position: static;
	}

.textwidget {
	color: #ffffff;
	}

.sidebar 

.widget-title h2 {
	display: block;
	width: 209px;
	height: 35px;
	margin: 0 0 0 0;
	}

.widget a {
	color: #acdcee;
	text-decoration: underline;
	}

.widget a:hover {
	color: #ffffff;
	}

.widget h4.post-title {
	margin: 0;
	}

.widget p.meta {
	color: #acdcee;
	font-size: 14px;
	}

.widget p {
	font-size: 13px;
	line-height: 14px;
	}

.widget a.more {
	background-image: url(images/more-icon-white.png);
	}
	
.widget ul, .widget ol {
	margin: 0 0 10px 0;
	padding: 0 0 0 15px;
	}

.widget ul li {
	font-size: 14px;
	line-height: 17px;
	color: #696a6c;
	font-weight: normal;
	margin: 0 0 8px 0;
	padding: 0 0 0 6px;
	list-style: url(images/bullet-white.png);
	}

.widget a {
	text-decoration: none;
	}

.widget a:hover {
	color: #ffffff;
	text-decoration: underline;
	}

.widget .post-title a:hover {
	text-decoration: none;
	}

/* Footer */

#footer {
	width: 982px;
	float: left;
	position: relative;
	padding: 15px 0 20px 0;
	}

#footer ul.menu {
	margin: 0;
	padding: 0;
	width: 100%;
	text-align: center;
	}

#footer ul.menu li {
	display: inline;
	border-right: 1px solid #3d6689;
	margin: 0;
	padding: 0 15px 0 15px;
	}

#footer a {
	color: #3d6689;
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: underline;
	}

#footer p#copyright {
	color: #3d6689;
	text-align: center;
	margin: 25px 0 0 0;
	}

/* Text Styles */

h1 {
	font-size: 26px;
	line-height: 28px;
	color: #00aeef;
	font-weight: normal;
	margin: 25px 0 15px 0;
	padding: 0;
	border-bottom: 1px dotted #b4b4b5;
	}

h2 {
	font-size: 22px;
	line-height: 25px;
	color: #696a6c;
	font-weight: normal;
	margin: 20px 0 15px 0;
	padding: 0;
	border-bottom: 1px dotted #b4b4b5;
	}

h3 {
	font-size: 21px;
	line-height: 24px;
	font-weight: normal;
	margin: 20px 0 15px 0;
	padding: 0;
	}

h4 {
	font-size: 18px;
	line-height: 21px;
	color: #9d9d9d;
	font-weight: normal;
	margin: 20px 0 15px 0;
	padding: 0;
	}

h5 {
	font-size: 15px;
	line-height: 18px;
	color: #696a6c;
	font-weight: normal;
	margin: 10px 0 15px 0;
	padding: 0;
	}

h6 {
	font-size: 12px;
	line-height: 15px;
	color: #696a6c;
	font-weight: normal;
	margin: 0 0 10px 0;
	padding: 0;
	}

p {
	font-size: 14px;
	line-height: 17px;
	color: #696a6c;
	font-weight: normal;
	margin: 0 0 15px 0;
	padding: 0;
	}

ul, ol {
	margin: 25px 0 25px 0;
	padding: 0 0 0 30px;
	}

ul li {
	font-size: 14px;
	line-height: 17px;
	color: #696a6c;
	font-weight: normal;
	margin: 0 0 8px 0;
	padding: 0 0 0 6px;
	list-style: url(images/bullet-blue.png);
	}

ul li ul, ol li ul, ol li ul, ol li ol {
	margin: 8px 0 15px 0;
	padding: 0 0 0 15px;
	}

ul li ul li, ol li ul li, ol li ul li, ol li ol li {
	font-size: 12px;
	line-height: 15px;
	color: #696a6c;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0 0 0 3px;
	list-style: url(images/bullet-blue-sm.png);
	}

a {
	color: #00aeef;
	text-decoration: underline;
	}

a:hover {
	color: #696a6c;
	text-decoration: none;
	}

a.more {
	display: block;
	float: left;
	clear: both;
	font-weight: bold;
	text-decoration: none;
	background: url(images/more-icon-blue.png) right no-repeat;
	padding-right: 25px;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	}

hr {
	border: 0;
	border-bottom: 1px dotted #b4b4b5;
	background: none;
	color: none;
	margin: 25px 0 25px 0;
	}

/* Forms */

input {
	width: 282px;
	height: 24px;
	background: url(images/input-bg.gif) top no-repeat;
	border: 0;
	padding: 0 8px 0 8px;
	color: #cdcdd0;
	}

input:focus {
	border: 0;
	outline: 0;
	color: #696a6c;
	}

input.wpcf7-submit {
	width: 96px;
	height: 31px;
	background: url(images/submit.gif) top no-repeat;
	color: #ffffff;
	text-transform: uppercase;
	cursor: pointer;
	}

input.wpcf7-submit:hover {
	background-image: url(images/submit2.gif);
	}

/* Other */

.alignleft {
	float: left;
	margin: 0 25px 25px 0;
	}

.alignright {
	float: right;
	margin: 0 0 25px 25px;
	}

.border {
	padding: 2px 3px 4px 3px;
	border-top: 1px solid #d0d0d0;
	border-right: 2px solid #d0d0d0;
	border-bottom: 3px solid #d0d0d0;
	border-left: 2px solid #d0d0d0;
	}