/*
THEME NAME: Thought Bubble
THEME URI: http://pacwebco.com
DESCRIPTION: Useability, Functionality, and Aesthetic
AUTHOR: Pacwebco
AUTHOR URI: http://pacwebco.com
*/

@font-face {
	font-family: VAGRounded;  
	src: url(fonts/VAGRoundedStd-Light.otf) format('opentype');  
} 

@font-face {
	font-family: VAGRounded;  
	src: url(fonts/VAGRoundedStd-Bold.otf) format('opentype');
	font-weight: bold;
} 

/* Global */

html, body, span,
h1, h2, h3, h4, h5, h6, 
p, a, img, ul, li {
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: none;
	text-decoration: none;
	font-family: VAGRounded, Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;	
	vertical-align: baseline;
	outline: none;
}

html {
	background: #fff;
}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
		margin-left: -512px; }
}

/* Global Typography */
p, a, ul, ol, li {
	font-weight: normal;
	font-style: normal;
	font-size: 13px;
	line-height: 18px;
	list-style-image: none;
	list-style-type: none;
	color: #58595B;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
	font-family: VAGRounded, Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;	
}

h2.entry-title a {
	font-size: 18px;
	font-weight: bold;
}

h3 {
	font-size: 18px;
}

.entry-meta p, .entry-meta p a {
	font-size: 10px;
	line-height: 12px;
}

.blue-style span.highlight {
	color: #64BCD3;
}

.yellow-style span.highlight {
	color: #F6D11D;
}


input, textarea {
	font-family: VAGRounded, Arial, Helvetica, Verdana, "Lucida Grande", sans-serif;	
	font-size: 13px;
	line-height: 18px;
}

/* Link Styles */

.blue-style a {
	color: #64BCD3;
}

.yellow-style a {
	color: #F6D11D;
}


a img {
	border: none;
}

a:hover {
	text-decoration: underline;
}


/* Page Container */

.container {
	width: 976px;
	margin: 0px auto;
	position: relative; 
}

/* START Header */

.header {
	float: left;
	width: 976px;
}

.header-top {
	min-height: 170px;
	height: auto !important;
	height: 170px;
	float: left;
	width: 976px;
}

/* Newsletter */
.newsletter {
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 220px;
	font-size: 12px;
}

.newsletter .mc_custom_border_hdr {
	font-size: 14px;
	cursor: pointer;
	text-align: center;
	width: 200px;
	height: 27px;
	padding-top: 2px;
	background: url(images/newsletter-tab.png);
}

.yellow-style .newsletter .mc_custom_border_hdr:hover {
	color: #F6D11D;
}

.blue-style .newsletter .mc_custom_border_hdr:hover {
	color: #64BCD3;
}


.newsletter .mc_form_inside {
	float: left;
	display: none;
	padding: 0px 20px;
}

.newsletter #mc_signup_form {
	padding: 0px;
}

.newsletter .mc_merge_var {
	float: left;
	margin-right: 10px;
	padding-bottom: 4px;
}

.newsletter #mc_signup_form .mc_var_label, .newsletter #mc_signup_form .mc_input {
	margin: 0px;
}

.newsletter #mc_mv_EMAIL {
	width: 136px;
}

.newsletter #mc_mv_FNAME, .newsletter #mc_mv_LNAME {
	width: 60px;
}

.newsletter .mc_signup_submit {
	clear: both;
	padding: 0px;
	text-align: left;
}

.newsletter .mc_signup_submit input {
	cursor: pointer;
	float: left;
	text-indent: -99999px;
	border: none;
	width: 44px;
	height: 18px;
}

.yellow-style .newsletter .mc_signup_submit input {
	background: url(images/signup-button-yellow.png);
}

.blue-style .newsletter .mc_signup_submit input {
	background: url(images/signup-button-blue.png);
}

.newsletter .mc_signup_submit input:hover {
	background-position: 0px 18px;
}

.newsletter strong.mc_success_msg {
	font-size: 11px;
	line-height: 12px;
	font-weight: normal;
}

#mc-indicates-required {
	float: left;
	padding-bottom: 4px;
}

/* Social Links */
.social-links, .thoughtbubble-tweet-holder {
	float: right;
	clear: both;
}

.social-links {
	padding-top: 13px;
}

.social-links ul#socialGrid.mini li a, .social-links ul#socialGrid.mini li {
	width: 17px;
	height: 17px;
}

.social-links ul#socialGrid.mini li.twitter a {
	background: url(images/twitter-icon-header.png);
}

.social-links ul#socialGrid.mini li.facebook a {
	background: url(images/facebook-icon.png);
}

.social-links ul#socialGrid.mini li.linkedin a {
	background: url(images/linkedin-icon.png);
}

.social-links ul#socialGrid.mini li.vimeo a {
	background: url(images/vimeo-icon.png);
}

.social-links ul#socialGrid.mini li.youtube a {
	background: url(images/youtube-icon.png);
}

.thoughtbubble-tweet-holder {
	width: 215px;
	text-align: right;
	padding: 10px 0px 18px;
}

.blue-style .thoughtbubble-tweet-holder h3 {
	font-size: 13px;
	color: #64BCD3;
}

.yellow-style .thoughtbubble-tweet-holder h3 {
	font-size: 13px;
	color: #F6D11D;
}

.blue-style h1.blog-title {
	width: 111px;
	height: 70px;
	margin: 42px auto 0px;	
}

.yellow-style h1.blog-title {
	width: 69px;
	height: 94px;
	margin: 42px auto 0px;	
}

h1.blog-title a {
	font-size: 30px;
	font-weight: bold;
	float: left;
	text-indent: -99999px;
}

.blue-style h1.blog-title a {
	width: 111px;
	height: 70px;
	background: url(images/home-logo.png);	
}

.yellow-style h1.blog-title a {
	width: 69px;
	height: 94px;
	background: url(images/thoughtbubble-logo.png);	
}


.blog-description {
	display: none;
}

.menu {
	padding-bottom: 18px;
}

.menu, .menu ul {
	float: left;
	width: 100%;
}

.menu ul li {
	float: left;
	padding: 4px 32px 0px;
}

.menu ul li a {
	font-size: 21px;
	font-weight: bold;
	color: #000;
}

.blue-style .menu ul li a:hover, .blue-style .menu ul li.current_page_parent a, .blue-style .menu ul li.current_page_item a {
	color: #64BCD3;
	text-decoration: none;
}

.blue-style .menu ul li a:hover span, .blue-style .menu ul li.current_page_parent a span, .blue-style .menu ul li.current_page_item a span {
	color: #000;
}

.yellow-style .menu ul li a:hover, .yellow-style .menu ul li.current_page_parent a, .yellow-style .menu ul li.current_page_item a {
	color: #F6D11D;
	text-decoration: none;
}

.yellow-style .menu ul li a:hover span, .yellow-style .menu ul li.current_page_parent a span, .yellow-style .menu ul li.current_page_item a span {
	color: #000;
}

.blue-style .menu ul li a span {
	color: #64BCD3;
}

.yellow-style .menu ul li a span {
	color: #F6D11D;
}


.menu ul li.page-item-71 {
	float: right;
	padding: 4px 10px 0px 0px;
}

.menu li.home-link {
	padding-top: 0px;
}

.home .menu li.home-link a {
	background-position: 0px 30px;
}

.menu li.home-link a {
	float: left;
	width: 24px;
	height: 30px;
	text-indent: -999999px;
	background: url(images/home-icon.png) 0px 0px;
}

.menu li.home-link a:hover {
	background: url(images/home-icon.png) 0px 30px;
}

/* END Header */


/* START Content */

.content {
	position: relative;
	float: left;
	width: 976px;
	height: 517px;
	padding: 10px;
}

.blue-style .content {
	background: url(images/page.png);
}

.yellow-style .content {
	background: url(images/page-tb.png);
}

/* Specific Work Backgrounds */
.pageid-412.yellow-style .content, .s-category-global.yellow-style .content {
	background: url(images/page-global.png);
}

.pageid-414.yellow-style .content, .s-category-science.yellow-style .content {
	background: url(images/page-science.png);
}

.pageid-416.yellow-style .content, .s-category-politics.yellow-style .content {
	background: url(images/page-politics.png);
}

.pageid-418.yellow-style .content, .s-category-health.yellow-style .content {
	background: url(images/page-health.png);
}

.pageid-420.yellow-style .content, .s-category-environmental.yellow-style .content {
	background: url(images/page-environmental.png);
}

.pageid-422.yellow-style .content, .s-category-commercial.yellow-style .content {
	background: url(images/page-commercial.png);
}

.pageid-424.yellow-style .content, .s-category-non-profit.yellow-style .content {
	background: url(images/page-nonprofit.png);
}

.content-left, .content-right {
	width: 448px;
	height: 517px;
}

.content-left {
	float: left;
	padding-right: 40px;
}

.content-right {
	float: right;
	padding-left: 40px;
}

.entry-meta {
	padding-bottom: 13px;
}

.entry-content p {
	padding: 0px 0px 13px 1px;
}

/* Content Header  */

.content-header {
	width: 448px;
	height: 100px;
}

.rss-article {
	float: left;
}

.rss-article a {
	width: 17px;
	height: 16px;
	float: left;
	text-indent: -999999px;
	background-position: 0px 0px;
	background: url(images/rss-icon.png);
}

.rss-article a:hover {
	background-position: 0px 16px;
}

h2.page-title {
	float: right;
	margin: 40px 34px 0px 0px;
	font-size: 36px;
}

.no-search h2.page-title {
	margin: 40px 186px 0px 0px;	
}

.container .search {
	width: 153px;
	height: 76px;
	float: right;
}

.container .search h3 label {
	width: 16px;
	height: 15px;
	text-indent: -99999px;
	float: left;
	background: url(images/search-icon.png);
}

.text-input {
	width: 100px;
	height: 16px;
	padding: 0px 4px;
	margin: 0px 4px;
	float: left;
	border: none;
	background: url(images/search-input.png);
}

.submit-button {
	border: none;
	text-indent: -99999px;
	float: right;
	cursor: pointer;
	background-position: 0px 0px;
}

.blue-style .submit-button {
	width: 19px;
	height: 18px;
	background: url(images/search-button.png)
}

.blue-style .submit-button:hover {
	background-position: 0px 18px;
}

.yellow-style .submit-button {
	width: 19px;
	height: 18px;
	background: url(images/search-button-yellow.png)
}

.yellow-style .submit-button:hover {
	background-position: 0px 18px;
}



/* Post Content */
.post {
	float: left;
	width: 430px;
	padding-bottom: 26px;
}

img.tag-icon {
	margin: 4px 4px 0px 0px;
	float: left;
}

.comments-link {
	padding: 0px 0px 6px;
	float: left;
	width: 976px;
}

.comments-link a {
	font-weight: bold;
}

.comments-link img {
	margin: 5px 4px 0px 0px;
	float: left;
}

/* Custom Scrollbar */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	right: 0;
	top: 0;
	height: 493px;
	cursor: pointer;
	background: url(images/scroll_bg.png);
}

.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	width: 15px;
	height: 15px !important;
}

.blue-style .jScrollPaneDrag {
	background: url(images/drag_grab.png) no-repeat;
}

.yellow-style .jScrollPaneDrag {
	background: url(images/drag_grab-yellow.png) no-repeat;
}


.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.scroll-pane {
	height: 400px;
	overflow: hidden;
}

/* Navigation */
.navigation {
	float: left;
	width: 100%;
	height: 60px;
}

.nav-left {
	float: left;
	width: 45%;
}

.nav-right {
	float: right;
	width: 45%;
	text-align: right;
}

/* START Comments */

/* END Comments */

.comments-holder {
	float: left;
	padding-bottom: 24px;
}

.comments-holder h3 {
	padding-left: 1px;
}

.comments h4 {
	font-size: 13px;
}

span.comment-rss {
	float:left;
	height:16px;
	text-indent:-999999px;
	width:17px;
	margin: 1px 4px 2px 0px;
	background:url("images/rss-icon.png") repeat scroll 0 0 transparent;
}

.comments ol {
	padding: 0px;
}

li.comment {
	float: left;
	padding-bottom: 13px;
}

li.comment img.commenter-avatar {
	float: left;
}

li.comment p {
	float: left;
	padding: 0px 0px 13px 13px;
	width: 375px;
}

li.comment p.comment-author {
	font-size: 11px;
	line-height: 14px;
	padding: 0px 0px 0px 13px;
	color: #8A8A8A;
}

li.comment p.comment-author a {
	font-size: 11px;
}

li.comment p br {
	margin: 13px 0px;
}

.form-label label, .form-label span {
	font-size: 13px;
	padding: 13px 0px;
	color: #58595B;
	font-weight: bold;
}

.form-input input {
	padding: 4px;
	width: 110px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
	background: #E6E7E8;
	border: none;
}

textarea#comment {
	width: 252px;
	height: 133px;
	padding: 5px 10px;
	margin: 16px 0px 10px;
	color: #58595B;
	font-size: 13px;
	border: none;
	background: url(images/comment-bg.png);
}

#submit {
	border: none;
	background: #231F20;
	color: #fff;
	margin-left: 218px;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; 
}

/* END Content */


/* START About Page */

.content-left.about-page {
	padding-top: 78px;
}

.content-left.about-page .post {
	float: left;
	width: 132px;
	height: 130px;
	padding: 0px 7px;
	margin-bottom: 24px;
}

h3.about-name {
	float: right;
	width: 132px;
	text-align: right;
}

h3.about-name a {
	font-size: 13px;
	text-align: right;
	font-weight: bold;
}

h3.about-name a span {
	color: #000;
}

p.about-role {
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	text-align: right;
	padding: 0px;
}

.about-single p.about-role {
	text-align: left;
	padding-left: 1px;
}

.about-image {
	position: relative;
}

.about-hover {
	display: none;
	position: absolute;
	width: 14px;
	height: 13px;
	float: left;
	text-indent: -99999px;
	right: 4px;
	top: 4px;
	background: url(images/about-hover.png);
}

.about-hover.visible {
	display: block;
}

.about-image a {
	float: right;
}

ul.about-icons {
	float: right;
	clear: both;
	margin-top: 4px;
}

ul.about-icons li, ul.about-icons li a {
	float: left;
}

ul.about-icons li {
	margin-left: 4px;
	position: relative;
}

ul.about-icons li a {
	width: 14px;
	height: 13px;
	text-indent: -99999px;
	background-position: 0px 0px;

}
a.about-twitter {
	background: url(images/twitter-icon.png);
}

a.about-email {
	background: url(images/email-icon.png);
}

a.about-email:hover, a.about-twitter:hover {
	background-position: 0px -13px;
}

.no-twitter-blurb {
	position: absolute;
	left: -40px;
	bottom: -64px;
	-moz-border-radius:10px 10px 10px 10px;
	-moz-box-shadow:10px 10px 10px #C9C9C9;
	background:none repeat scroll 0 0 #FFFFFF;
	border:1px solid #F1F1F1;
	padding:10px;
	width:200px;
	z-index:1000;
	display: none;
	cursor: pointer;
}

.no-twitter-blurb.visible {
	display: block;
}

ul.about-icons li .no-twitter-blurb a {
	text-indent: 0px;
	height: auto;
	width: auto;
	float: none;
}

.entry-content .no-twitter-blurb h4 {
	float: left;
	padding: 0px 4px 0px 0px;
}

.entry-content .no-twitter-blurb p {
	padding: 0px;
}
.entry-content h4 {
	padding-bottom: 13px;
	color: #64BCD3;
}

.entry-content h4 span {
	color: #000;
}

.about-single h2.entry-title {
	color: #64BCD3;
	font-size: 18px;
	padding-left: 1px;
}

.about-single h2.entry-title span {
	color: #000;
}

.about-single img:first-child {
	display: none;
}

/* END About Page */


/* START Work Page */

ul.work-tabs {
	position: absolute;
	top: -23px;
	right: 12px;
	float: right;
	height: 30px;
}

ul.work-tabs li {
	position: relative;
	float: left;
	height: 13px;
}

ul.work-tabs li a {
	float: left;
	width: 63px;
	height: 13px;
	padding: 6px 10px;
	margin: 0px -12px;
	background: url(images/work-tab.png);
	text-align: center;
	z-index: 0;
	font-size: 11px;
	font-weight: bold;
	z-index: 0;
	color: #000
}

ul.work-tabs li a:hover, ul.work-tabs li.current_page_item a, .pageid-154 ul.work-tabs li.page_item.all-work a {
	color: #F6D11D;
	text-decoration: none;
}

ul.work-tabs li a:hover span, ul.work-tabs li.current_page_item a span, .pageid-154 ul.work-tabs li.page_item.all-work a span {
	color: #F6D11D;
}

ul.work-tabs li:hover, ul.work-tabs li a:hover {
	z-index: 2000;
}

ul.work-tabs li.current_page_item a, ul.work-tabs li.current_page_item, .pageid-154 ul.work-tabs li.page_item.all-work, .pageid-154 ul.work-tabs li.page_item.all-work a {
	z-index: 1000;
}

.content-right.work-page .post {
	float: left;
	width: 104px;
	padding: 0px 18px;
	margin-bottom: 24px;
}

.content-right.work-page .entry-content p {
	font-weight: bold;
	font-size: 11px;
	padding: 0px;
}

h3.work-name, h3.work-name a {
	font-size: 13px;
	line-height: 14px;
	text-align: left;
	font-weight: bold;
}

h3.work-name a span {
	color: #000;
}

.work-image {
	position: relative;
}

.work-image, .work-image a {
	float: left;
}

.work-hover {
	position: absolute;
	display: none;
	top: 4px;
	left: 4px;
	width: 14px;
	height: 13px;
	float: left;
	text-indent: -99999px;
	background: url(images/work-hover.png);
}

.work-hover.visible {
	display: block;
}

p.work-blurb {
	width: 250px;
}

/* WORK Single Page */

.entry-content.work-single img:first-child {
	display: none;
}

/* END Work Page */


/* START Default Page */

.entry-content strong {
	font-size: 18px;
}

/* END Thoughtbubble Page */


/* START Sidebar */

/* #quotebub Twitter feed */
.quotebubble {
	position: relative;
}

a.quotebubble-trigger {
	position: relative;
	float: left;
	text-indent: -99999px;
	width: 27px;
	height: 26px;
	z-index: 1000;
}

.blue-style a.quotebubble-trigger {
	background: url(images/quotebubble-trigger.png);
	background-position: 0px 0px;
}

.blue-style a.quotebubble-trigger:hover {
	background-position: 0px -26px;
}

.yellow-style a.quotebubble-trigger {
	background: url(images/quotebubble-trigger.png);
	background-position: 0px -26px;
}

.yellow-style a.quotebubble-trigger:hover {
	background-position: 0px 0px;
}

.quotebubble-tweet {
	position: absolute;
	top: 16px;
	left: 16px;
	width: 250px;
	padding: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 10px 10px 10px  #c9c9c9;
	-moz-box-shadow: 10px 10px 10px #c9c9c9;
	box-shadow: 10px 10px 10px #c9c9c9; 
	border: 1px solid #f1f1f1;
	z-index: 0;
	display: none;
	background: #fff;
}

.quotebubble-tweet.visible {
	display: block;
}

.quotebubble .tb_tweetlist, .quotebubble .tb_tweet {
	border: none;
	padding: 0px;
}

.quotebubble .tb_tweet {
	min-height: inherit;
}

.quotebubble .tb_msg {
	font-size: 13px;
	color: #58595B;
	background: none;
	border: none;	
}

.quotebubble .tb_tweet-info {
	display: none;
}

.quotebubble-tweet p {
	font-size: 11px;
	padding-top: 13px;
}

.blue-style .quotebubble-tweet p span {
	color: #64BCD3;
}

.yellow-style .quotebubble-tweet p span {
	color: #F6D11D;
}

.quotebubble .tb_footer {
	margin: 0px;
}

/* Sidebar Widget Area */
.sidebar {
	float: right;
	padding-top: 88px;
	text-align: right;
}

.sidebar li.widget {
	padding-bottom: 26px;
}

/* END Sidebar */


/* START Search Page */

.yellow-style .search-everything-highlight {
	color: #F6D11D;
}

.blue-style .search-everything-highlight {
	color: #64BCD3;
}

/* START Footer */

.footer {
	float: left;
	width: 976px;
}

.footer p {
	text-align: center;
	padding: 13px 0px;
	color: #000;
}

/* END Footer */