/*
Theme Name: Pinnacle
Theme URI: http://wordpress.org/
Description: Pinnacle Consulting Services
Version:
Author: Wildfrog Studio
Author URI: 
Tags: 
*/



/* ======================================================================

	PINNACLE CONSULTING SERVICES  // pinnacleconsultingservices.com
	(c) 2008-09 Pinnacle Consulting Services, All Rights Reserved.
	
	Stylesheet by Fresh Display Studio // freshdisplay.com for Wildfrog Studio // wildfrogstudio.com

======================================================================== */



/*----------------------------------------------------------------------- 
	COLORS
   
	Page background:				#fff	(white)
	
	Copy:							#333 (dark grey)
	
	Link:							#5e87a1	(blue)
	Link / hover:					#db2519	(red)
	
	h2:								#898989 & #000 (grey & black)
	
	Other copy:						#999	#666	#bbb				
	
	
	Lines:							#cedbe3 (light blue)
------------------------------------------------------------------------ */



/*----------------------------------------------------------------------- 
	Eric Meyer's Reset Reloaded - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
------------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Obviously */
strong { font-weight: bold; }
em { font-style: italic; }


html {-webkit-text-size-adjust:none}



/*----------------------------------------------------------------------- 
	Typography - General
------------------------------------------------------------------------ */
a:link, a:visited		{ 	color: #5e87a1; text-decoration: none; }
a:hover, a:active		{	color: #db2519; }

.upper-case				{	text-transform: uppercase; }

sup						{	line-height: 0; vertical-align: super; }
p sup					{	font-size: 80%; padding-left: 0.1em; }



/*----------------------------------------------------------------------- 
	Layout - General
------------------------------------------------------------------------ */
body					{	background: #fff; text-align: center; 
							font: normal 13px/24px Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana, sans-serif; color: #333; }
body#home-page			{	background: #fff url(_img/b/b-home-page.gif) 0 241px repeat-x; }

#wrapper				{	width: 960px; margin: 0 auto; text-align: left; }

.top					{ 	margin: 20px 0 0 0; height: 106px; 
							border: 1px solid #cedbe3; background: url(_img/b/b-top.gif) 0 0 no-repeat; 
							overflow: hidden; }
							
.content				{	width: 100%; margin: 20px 0 0 0 !important; padding: 5px 0 0 0; overflow: hidden; }
#home-page .content		{	margin: 40px 0 0 0 !important; }

.content .left-col		{	width: 630px; float: left; }
.content .right-col		{	width: 300px; float: right; }

.last-entry				{	margin-bottom: 20px !important; }

.skip-to-content		{	display: none; }



/*----------------------------------------------------------------------- 
	Logo, Contact Details
------------------------------------------------------------------------ */
.top h1					{	float: left; overflow: hidden; width: 345px; height: 106px; }
.top h1 a				{	display: block; width: 345px; height: 106px; text-indent: -9999px; background: url(_img/b/b-logo.gif) 0 0 no-repeat; }

.top .contact-info		{	position: relative; bottom: -55px; right: 15px;
							font-size: 12px; line-height: 18px; font-weight: bold; color: #999;
							text-align: right; }
	.contact-info span	{	color: #333; }



/*----------------------------------------------------------------------- 
	Top Menu
------------------------------------------------------------------------ */
.top-menu				{	width: 100%; margin: 10px 0 0 0; overflow: hidden; }

.top-menu .main-links				{	list-style: none; padding: 0 0 15px 0; overflow: hidden; height: 1%; 
										border: 1px solid #cedbe3; /*background: #fff;*/ }
							
.top-menu .main-links li			{	float: left; }
.top-menu .main-links a				{	display: block; margin: 0 15px; 
										text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 1em; 
										padding: 15px 0 20px 0; border-top: 5px solid #fff; }
.top-menu .main-links a:hover,
.top-menu .main-links a:active		{	border-top: 5px solid #db2519; }


.top-menu .services-links			{	float: left !important; display: inline; position: relative; top: -15px; margin: 0 0 0 15px; 
											border: 1px solid #cedbe3; background: #fff; 
											overflow: hidden; }
							
.top-menu .services-links dt		{	float: left; 
										text-transform: uppercase; letter-spacing: 3px; font-size: 10px; color: #666; 
										padding: 2px 0 1px 15px; }									
							
.top-menu .services-links dd		{	float: left; padding: 0 15px 0 0; overflow: hidden; }
.top-menu .services-links dd li		{	float: left; }
.top-menu .services-links dd a		{	display: block; margin: 0 0 0 15px; padding: 2px 0 1px 0; }



/*----------------------------------------------------------------------- 
	Home Page Intro
------------------------------------------------------------------------ */
.intro					{	margin: 5px 0 0 0; height: 196px; 
							background: #f1f5f4 url(_img/b/b-home-intro.gif) top right no-repeat; 
							overflow: hidden;  }

.intro p				{	margin: 25px 420px 0 15px; 
							font: 17px/28px Georgia, Times, "Times New Roman", serif; }
							
.intro p.more-link		{	margin-top: 15px !important; line-height: 1em; }
.intro p.more-link a	{	text-transform: uppercase; letter-spacing: 4px; font-weight: bold; font-size: 11px; }



/*----------------------------------------------------------------------- 
	Boxes
------------------------------------------------------------------------ */

/*-- Left Side --------------------------------------------------------- */
.left-col .box				{	margin: 0 0 35px 0; overflow: hidden; background: url(_img/b/b-left-box.gif) 0 0 repeat-y; }
.left-col .box .box-top		{	background: url(_img/b/b-left-box-top.gif) left -8px no-repeat; overflow: visible; margin: 0 0 25px 0; }
.left-col .box .box-end		{	height: 10px; background: url(_img/b/b-left-box-bottom.gif) left bottom no-repeat; }

	.left-col h2			{	text-align: center; background: transparent; 
								font-family: Georgia, Times, "Times New Roman", serif; font-size: 24px; font-weight: lighter; color: #898989;
								margin: 0; }
	.left-col h2 .title		{	padding: 0 15px; background: #fff; }
	.left-col .title span	{	font-style: italic; color: #333; }
	
.left-col .copy-wrapper		{	width: 100%; margin: 0; overflow: hidden; height: 1%; }
	
.left-col .box .copy		{	float: right; width: 385px; margin: -5px 20px 0 0; display: inline; clear: both; }
.left-col .box .image		{	float: left;  margin: 0 0 0 25px; padding: 5px !important; border: 1px solid #cedbe3; display: inline; }

.left-col .box p			{	margin: 0 0 12px 0; }

/*
.left-col p + .copy						{	margin-top: 12px !important; }
.left-col p + .copy + .image			{	margin-top: 18px !important; }
*/

.left-col .copy-wrapper > p				{	margin: 0 25px 12px 150px; }
.left-col .copy-wrapper > ul			{	margin: 0 25px 12px 150px; }
	.left-col .copy-wrapper > ul li		{	padding: 0 40px 0 20px; margin: 0; background: url(_img/b/b-list.gif) 0 5px no-repeat; }

.left-col .copy-wrapper > h3			{	margin: 25px 25px 20px 150px; 
											font-family: Georgia, Times, "Times New Roman", serif; /*font-size: 20px; font-weight: lighter; color: #898989;*/ 
											font-size: 18px; font-weight: lighter; font-style: italic; color: #333; }
											
.left-col .copy-wrapper > h3:first-child			
										{	margin: 0 0 12px 150px !important; }


.left-col .copy-wrapper blockquote		{	margin: 0 25px 25px 0; padding: 0 0 0 150px; 
											background: url(_img/b/b-quotes.gif) 1px 7px no-repeat; }
.left-col .copy-wrapper blockquote .signature	
										{	margin-top: -5px; margin-bottom: -10px !important; text-align: right; line-height: 16px; font-style: italic; }
	.signature .client					{	text-transform: uppercase; letter-spacing: 2px; font-weight: bold; font-size: 11px; font-style: normal; }


	.contact-form						{	margin: 0; }
	.contact-form p						{	clear: both; overflow: visible; /*background: #ff0;*/ }
	.contact-form label					{	float: left; width: 115px; margin: 2px 10px 0 -132px; font-weight: bold; font-size: 85%; text-align: right; color: #666; display: inline; }
	
	.contact-form textarea				{	width: 95%; height: 200px; margin: 0; padding: 3px; 
											font-size: 100%; line-height: 140% !important; overflow: hidden;
											background: #f9f9f9; }
	.contact-form textarea:focus		{	background: #e2eaec; }
	
	.contact-form label + input			{	width: 300px; padding: 3px; font-size: 90%; background: #f9f9f9;}
	.contact-form label + input:focus	{	background: #e2eaec; }

	
	.contact-form .form-text			{	font-weight: bold; }
	.contact-form .submit				{	margin-left: 0; }
	



/*-- Home Page News ---------------------------------------------------- */
.left-col .box .news-entry	{	margin: 0 20px 20px 25px; border-bottom: 1px solid #cedbe3; }
	.news-entry h3			{	font-family: Georgia, Times, "Times New Roman", serif; font-size: 18px; font-weight: lighter; font-style: italic; 
								margin: 0 0 12px 0; }
	.news-entry  ul			{	margin: 0 15px 12px 0; }
	.news-entry  li			{	padding: 0 0 0 20px; background: url(_img/b/b-list.gif) 0 5px no-repeat; }
	
	a.news-link				{	text-transform: uppercase; letter-spacing: 2px; font-weight: bold; font-size: 10px; }

.left-col .box p.more-link	{	margin: 15px 0 15px 25px; line-height: 1em; }
	.box a.more-link,
	.box p.more-link a		{	text-transform: uppercase; letter-spacing: 2px; font-weight: bold; font-size: 10px; }

	
/*-- News Page ---------------------------------------------------- */
body.news .copy-wrapper h3	{	font-family: Georgia, Times, "Times New Roman", serif; 
								font-size: 18px; font-weight: lighter; font-style: italic; color: #333; 
								margin: 0 25px 12px 150px; }

body.news .copy-wrapper hr	{	height: 1px; border: 0; margin: 0 25px 20px 150px; color: #cedbe3; background-color: #cddbe3; }



/*-- Right Side --------------------------------------------------------- */
.right-col .box				{	margin: 0 0 35px 0; overflow: hidden; background: url(_img/b/b-right-box.gif) 0 0 repeat-y; }
.right-col .box .box-top	{	background: url(_img/b/b-right-box-top.gif) left -8px no-repeat; overflow: visible; margin: 0 0 20px 0; }
.right-col .box .box-end	{	height: 10px; background: url(_img/b/b-right-box-bottom.gif) left bottom no-repeat; margin: -5px 0 0 0 !important; }

	.right-col h2			{	text-align: center; background: transparent; 
								font-family: Georgia, Times, "Times New Roman", serif; font-size: 24px; font-weight: lighter; color: #898989;
								margin: 0; }
	.right-col h2 .title	{	padding: 0 15px; background: #fff; }
	.right-col .title span	{	font-style: italic; color: #333; }

	.right-col .box p,
	.right-col .box ul		{	margin: 0 15px 12px 15px; }
	
	.right-col .box li		{	padding: 0 0 0 20px; background: url(_img/b/b-list.gif) 0 5px no-repeat; }
	
	
.right-col .box p.more-link	{	margin: 15px 0 15px 15px; line-height: 1em; }


.right-col h3				{	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif; font-size: 18px; font-weight: lighter; color: #333; 
											margin: 0 15px 10px 15px; padding: 0 0 5px 0; }
.right-col .address			{	color: #666;  }
.right-col .phone			{	font-size: 130%; color: #999; }


/*----------------------------------------------------------------------- 
	Bottom Menu, Back to top
------------------------------------------------------------------------ */
.bottom-menu				{	margin: 10px 0 0 0; overflow: visible; }

.bottom-menu .main-links				{	list-style: none; padding: 0 0 15px 0; overflow: hidden; height: 1%; 
											border: 1px solid #cedbe3; background: #fff; }
							
.bottom-menu .main-links li				{	float: left; }
.bottom-menu .main-links a				{	display: block; margin: 0 15px; 
											text-transform: uppercase; font-size: 12px; font-weight: bold; line-height: 1em; 
											padding: 15px 0 20px 0; border-top: 5px solid #fff; }

.bottom-menu .services-links			{	float: left !important; display: inline; position: relative; top: -15px; margin: 0 0 0 15px; 
											border: 1px solid #cedbe3; background: #fff; 
											overflow: hidden; }
							
.bottom-menu .services-links dt			{	float: left; 
											text-transform: uppercase; letter-spacing: 3px; font-size: 10px; color: #666; 
											padding: 2px 0 1px 15px; }									
							
.bottom-menu .services-links dd			{	float: left; padding: 0 15px 0 0; overflow: hidden; }
.bottom-menu .services-links dd li		{	float: left; }
.bottom-menu .services-links dd a		{	display: block; margin: 0 0 0 15px; padding: 2px 0 1px 0; }

.bottom-menu .to-top					{	position: relative; top: -79px; right: -94px; width: 29px; height: 21px; overflow: hidden; background: #f00; }
.bottom-menu .to-top a					{	display: block; text-indent: -9999px; background: url(_img/b/b-back-to-top.gif) 0 0 no-repeat; }
.bottom-menu .to-top a:hover,
.bottom-menu .to-top a:active			{	background: url(_img/b/b-back-to-top.gif) -29px 0 no-repeat; }



/*----------------------------------------------------------------------- 
	Top & Bottom Menus, Active States
------------------------------------------------------------------------ */
body.home .top-menu a.home,
body.about .top-menu a.about,
body.services .top-menu a.services,
body.news .top-menu a.news,
body.clients .top-menu a.clients,
body.contact .top-menu a.contact		{ color: #db2519; border-top: 5px solid #db2519; }

body.home .bottom-menu a.home,
body.about .bottom-menu a.about,
body.services .bottom-menu a.services,
body.news .bottom-menu a.news,
body.clients .bottom-menu a.clients,
body.contact .bottom-menu a.contact		{ color: #db2519; }

body.executive-coaching .top-menu a.services,
body.assessments .top-menu a.services,
body.career-develop .top-menu a.services,
body.coaching-skills .top-menu a.services,
body.group-coaching .top-menu a.services								{ color: #db2519; border-top: 5px solid #db2519; }

body.executive-coaching .bottom-menu a.services,
body.assessments .bottom-menu a.services,
body.career-develop .bottom-menu a.services,
body.coaching-skills .bottom-menu a.services,
body.group-coaching .bottom-menu a.services								{ color: #db2519; }

body.executive-coaching .top-menu .services-links a.executive-coaching,
body.assessments .top-menu .services-links a.assessments,
body.career-develop .top-menu .services-links a.career-develop,
body.coaching-skills .top-menu .services-links a.coaching-skills,
body.group-coaching .top-menu .services-links a.group-coaching		{ color: #db2519; }

body.executive-coaching .bottom-menu .services-links a.executive-coaching,
body.assessments .bottom-menu .services-links a.assessments,
body.career-develop .bottom-menu .services-links a.career-develop,
body.coaching-skills .bottom-menu .services-links a.coaching-skills,
body.group-coaching .bottom-menu .services-links a.group-coaching	{ color: #db2519; }



/*----------------------------------------------------------------------- 
	Footer - Address, Copyright
------------------------------------------------------------------------ */
.footer						{	margin: 10px 0 20px 15px; overflow: hidden; }

.footer .contact-info		{	font-size: 12px; line-height: 20px; font-weight: bold; color: #666; }
	.contact-info span		{	color: #333; }
	
.footer .copyright			{	margin: 20px 0 0 0; font-size: 10px; line-height: 1em; color: #bbb; }



/*----------------------------------------------------------------------- 
	News Page, pagination
------------------------------------------------------------------------ */
.wp-pagenavi				{	width: auto !important; margin: 5px 25px 10px 145px;  }

.wp-pagenavi a:link,
.wp-pagenavi a:visited		{	margin: 0 5px; padding: 5px 10px; border: 1px solid #fff; }

.wp-pagenavi a:hover,
.wp-pagenavi a:active		{	border: 1px solid #ccc;	}

.wp-pagenavi span.current	{	color: #000; padding: 5px 10px; border: 1px solid #ccc; margin: 0 5px; }
