/*
Theme Name: Connect GD
Theme URI: http://www.connectgd.com/
Author: Lisa Butler
Author URI: http://elembee.com
Template: hybrid

*/

/*************************
	1. Import CSS
*************************/

@import url('../hybrid/library/css/reset.css');

@import url('css/webfonts.css');

@import url('css/tooltipster.css');

/*************************
	2. Layout
*************************/

#body-container {
	overflow: hidden;
	width: 1400px;
	margin: 0 auto;
	}

#container {
	overflow: hidden;
	width: 1400px;
	margin: 0 auto;
	}


#content {
	overflow: hidden;
	width: 1130px;
	margin: 0 auto 50px auto;
	}
	
#footer-container {
	clear: both;
	overflow: hidden;
	}

#footer {
	clear: both;
	overflow: hidden;
	}


/*************************
	3. General
*************************/

/* Body */
body {
	background: #ebebeb; 
	font: 16px/1.5em "ProximaNova", "ProximaNovaA", "ProximaNovaS", sans-serif; 
	font-weight: 300;
	color: #56565a;
}
	#body-container {background: #fff; -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .3); box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, .3);}
	
/* Paragraphs */
p {margin-bottom: 12px;}
.no-margin {margin-bottom: 0;}

/* Links */
a {
	color: #BB133E;
	transition: color 0.1s linear;
	-moz-transition: color 0.1s linear;
	-webkit-transition: color 0.1s linear;
	-o-transition: color 0.1s linear;
}
	a:hover {color: #009AA6;}
	a:active {color: #009AA6;}
	
/* Alignment */
.alignleft, .left {float: left; margin-right: 20px;}
.alignright, .right {float: right; margin-left: 20px;}
.aligncenter, .center {display: block; margin: 0 auto;}
.alignnone, .block {clear: both; margin: 0;}
.clear {clear: both;}
img.alignleft, img.alignright {display: inline;}
blockquote.alignleft, blockquote.alignright {width: 33%}

/* Images */
.entry-content img {margin-bottom: 12px;}
	img.wp-smiley {padding: 0; margin: 0;}

.thumbnail {}

.wp-caption {margin-bottom: 12px;}
	.wp-caption img {margin-bottom: 0;}
	.wp-caption p {margin-bottom: 0;}
	
/* Object */
object {margin-bottom: 12px;}

/* Tables */
table {border-collapse: collapse; border-spacing: 0; margin-bottom: 12px;}
th, td {text-align: left;}

/* Forms */
input, textarea {padding: 6px;}
input[type="submit"] {cursor: pointer;}
:focus {outline: none;}
form label {cursor: pointer;}
option {padding: 1px 3px;}



/*************************
	4. Typography
*************************/


/*************************
	4.1. Headers
*************************/

h1, h2 {
	font: 24px/1.25em "Optiscript", sans-serif; 
	font-weight: bold; 
	color: #BB133E;
	text-transform: uppercase;
	margin-bottom: 10px;
}

h3, h4, h5, h6 {
	font: 16px/1.5em "ProximaNova", "ProximaNovaA", "ProximaNovaS", sans-serif; 
	font-weight: 700; 
	color: #BB133E;
	text-transform: uppercase;
}


/*************************
	4.2. Titles
*************************/

.entry-title, .post-title, .page-title, .attachment-title, .error-404-title {
	font: 24px/1.25em "Optiscript", sans-serif; 
	font-weight: bold; 
	color: #BB133E;
	text-transform: uppercase;
}

.entry-title a, .post-title a, .page-title a, .attachment-title a, .error-404-title a {
	color: #BB133E;
}

.post-title {margin-bottom: 0;}

/*************************
	4.3. Other Elements
*************************/

/* Text elements */
strong {font-weight: bold;}
strong strong {font-weight: normal;}
em, cite {font-style: italic;}
em em, cite cite {font-style: normal;}
abbr {cursor: help;}
acronym {text-transform: uppercase; cursor: help;}
big {font-size: 120%}
small, sup, sub {font-size: 80%}
sup {vertical-align: baseline; position: relative; bottom: 0.3em;}
sub {vertical-align: baseline; position: relative; top: 0.3em;}
address {font-style: italic; margin: 0 0 18px 0;}
li address, dd address {margin: 0;}
ins, dfn {font-style: italic; text-decoration: none;}
del {text-decoration: line-through;}

/* Lists */
ol, ul {list-style: none;}
ul {list-style: disc; margin: 0 0 12px 2.5em;}
ol {list-style-type: decimal; margin: 0 0 12px 2.5em;}
	ol ol {list-style: upper-roman;}
		ol ol ol {list-style: lower-roman;}
			ol ol ol ol {list-style: upper-alpha;}
				ol ol ol ol ol {list-style: lower-alpha;}
ul ul, ol ol, ul ol, ol ul {margin-bottom: 0;}

/* Defition lists */
dl {margin: 0 0 12px 3px;}
dl dt {font-weight: bold; margin: 12px 0 0 0;}
dl dd {margin: 6px 0 0 1.5em;}

/* Code */
pre {overflow: auto; font: .9em Monaco, monospace, Courier, "Courier New"; line-height: 1.5em; margin-bottom: 12px; padding: 12px;}
code {font: .9em Monaco, monospace, Courier, "Courier New"}
pre code {font-size: 1em;}




/*************************
	5. Header
*************************/

#header-container {width: 1130px; margin: 40px auto;}

/*************************
	5.1. Site Title and Tagline
*************************/

#site-title {width: 340px; height: 60px; float: left;}
	#site-title a {
		display: block; 
		width: 340px; 
		height: 60px; 
		background: url(images/header.png) no-repeat 0 0
	}
	#site-title a span {display:none;}
#site-description {display:none;}



/*************************
	5.2. Navigation
*************************/

#primary-menu {width: 750px; float: right;}

#social {text-align: right; margin-bottom: 14px;}

#primary-menu ul {margin: 0; text-align: right;}

	#primary-menu li {
		position: relative;
		display: inline-block;
		text-align: right;
		list-style: none;
		padding: 0;
		margin: 0;
		font: 17px "ProximaNova", "ProximaNovaA", "ProximaNovaS", sans-serif; 
		font-weight: 600;
		text-transform: uppercase;
		line-height: normal;
		letter-spacing: -.01em;
	}
	
	#primary-menu li .after {padding: 0 10px;}
	
	#primary-menu li:last-of-type .after {display: none;}
		
	#primary-menu li a {color: #9a989a;}
		#primary-menu li a:hover {color: #009AA6;}
		#primary-menu li a:hover .after {color: #9a989a;}
	
	#primary-menu li.current-menu-item {}
	
	.sf-sub-indicator {display: none;}

	#primary-menu ul.sub-menu {
		display: block;
		width: auto; 
		position: absolute; 
		top: 100%; 
		margin: 0 0 0 -5px; 
		background: #fff; 
		z-index:200; 
		text-align:left; 
		padding-top: 5px;
		font-weight: 400;
	}

		#primary-menu li ul.sub-menu li {padding: 0 0 5px 5px; margin: 0; font-size: 14px; text-align: left;}
		
		#primary-menu li ul.sub-menu li .after {display: none;}

		#primary-menu li ul.sub-menu li a {color: #9a989a;}
			#primary-menu li ul.sub-menu li a:hover {color: #009AA6;}
			#primary-menu li ul.sub-menu li a:hover .after {color: #9a989a;}

	#primary-menu li ul.sub-menu {visibility: hidden;}
	#primary-menu li:hover ul.sub-menu {visibility: visible;}
	
	
	
/*************************
	6. Footer
*************************/

#footer-container {width: 1130px; margin: 0 auto 50px auto; border-top: 2px solid #a4a4a4; padding-top: 4px; font-size: 14px;}

#footer-container a {color: #9a989a;}

.tagline {font-size: 14px; font-weight: 700; text-transform: uppercase; color: #BB133E; float: left;}

.copyright {float: right; color: #9a989a;}



/*************************
	7. Pages
*************************/

/*************************
	7.1 Home
*************************/

.home #content {overflow: visible;}

#slider {width: 1400px; height: 390px; position: relative;}
	#slider ul {margin: 0; padding: 0; list-style-type: none;}
	#slider li {margin: 0; padding: 0; list-style-type: none;}

	.unoSlider, .unoSlider ul, .unoSlider .sliderView {width: 1400px;}
	.unoSlider ul, .unoSlider .sliderView {min-height: 390px;}
	.unoSlider ul {list-style: none; margin: 0; padding: 0; overflow: hidden; position: relative;}

	.unoSlider .sliderView {left: 1000px; opacity: 0; position: absolute; top: 0; z-index: 1;}
	.unoSlider .sliderView.current {left: 0; opacity: 1; z-index: 10;}

#newsletter-container {margin: 40px 0; background: #ebebeb;}
	#newsletter {width: 1130px; margin: 0 auto; padding: 25px 0 15px 0;}
	
	#sign-up-text {width: 790px; float: left; font-size: 26px; font-weight: 600; text-transform: uppercase; line-height: 1.6em; letter-spacing: .09em; margin-top: -9px;}
	#sign-up-text strong {font-weight: 600; color: #BB133E;}
	#sign-up-text p {margin-bottom: 0;}
		.safari #sign-up-text {font-size: 28px; letter-spacing: .071em; line-height: 1.4em;}
	
	#sign-up-form {width: 270px; float: right; padding-left: 40px; border-left: 2px solid #56565a; }
		#sign-up-form input {padding: 3px; width: 262px; border: 1px solid #56565a; font: 14px "ProximaNova", "ProximaNovaA", "ProximaNovaS", sans-serif; font-weight: 300; margin: 0 0 10px 0;}
			input#mce-EMAIL {margin: 0; width: 245px;}
		#sign-up-form input#mc-embedded-subscribe {width: 11px; height: 14px; background: url(images/next.png) 0 0 no-repeat; text-indent: -9999em; border: none; padding: 0; margin: 5px 0 0 0; float: right;}


#sections-container {width: 1160px;}
.section {width: 260px; float: left; margin-right: 30px; font-size: 14px; margin-top: -38px; line-height: 1.7em;}
	
	#intro {font-size: 20px; font-weight: 700; color: #9b9797; line-height: 1.5em; text-transform: uppercase; margin-top: 0;}
		#intro em {font-style: normal; font-weight: 300; font-size: 18px; text-transform: none;}
		
	.section img {display: block; margin: 0 auto 15px auto;}
	.section h3 {text-align: center; font-weight: 600; text-transform: uppercase; font-size: 24px; color: #9a989a; margin-bottom: 15px;}
	
	.section .call-to-action {font-weight: 400; font-size: 16px;}




/*************************
	7.2 Pages
*************************/

#header-image {margin-bottom: 50px;}

.content-container {background: url(images/content-bg.png) repeat-y;}

#info {width: 750px; float: left;}

.info-section {padding-bottom: 25px; margin-bottom: 25px; border-bottom: 2px solid #a4a4a4;}
	.info-section:last-of-type {padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
	.info-section p:last-of-type {margin-bottom: 0;}
	
	.tooltip {font-weight: 700; text-transform: uppercase; cursor: pointer; line-height: 1.25em;}
		.tooltip:hover {color: #009AA6;}
	
	.info-section ul {font-weight: 700; text-transform: uppercase; margin-left:1em;}

#sidebar {width: 360px; float: right; font-style: italic; margin-top: -9px;}
	#sidebar blockquote {font-size: 24px; font-weight: 700; font-style: normal; color: #9b9797; line-height: 1.5em; text-transform: uppercase; margin-bottom: 20px;}
	#sidebar blockquote em {font-style: normal; font-weight: 300; font-size: 22px; text-transform: none;}
	#sidebar strong {font-weight: 700; color: #BB133E; text-transform: uppercase; font-style: normal;}
		#sidebar em strong {font-style: italic;}
		#sidebar input {padding: 6px 3px; width: 352px; border: 1px solid #56565a; font: 14px "ProximaNova", "ProximaNovaA", "ProximaNovaS", sans-serif; font-weight: 300; margin-bottom: 10px;}
		#sidebar input#mc-embedded-subscribe {width: auto; padding: 0; margin: 0; border: none; background: none; font-size: 16px; text-transform: uppercase; font-weight: 700; color: #c4133e;}
	#sidebar p:last-of-type {margin-bottom: 0;}

.page-9 .page-title {display: none;}
.page-9 #sidebar {margin-top: -4px;}
.page-9 #info {margin-top: -4px;}
.page-9 .info-section ul {font-weight: 300;}

.page-11 #sidebar blockquote em {display: block; font-style: italic;line-height: 1.25em !important;}

/*************************
	7.3 Meet the Team
*************************/

#team-intro {width: 750px;}

.bio-meta {width: 360px; float: right;}
	.name {font-size: 24px; font-weight: 700; text-transform: uppercase; color: #9b9797;}
	.position {font-size: 22px; color: #9b9797;}

.bio {width: 750px; float: left; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 2px solid #a4a4a4;}
	.bio p:last-of-type {margin-bottom: 0;}

#additional-links {width: 750px;}




/*************************
	7.4 Contact
*************************/

.wpcf7-form {margin-bottom: 25px;}

.wpcf7-form input, .wpcf7-form textarea {width: 742px; border: 1px solid #56565a; font: 14px "ProximaNova", "ProximaNovaA", "ProximaNovaS", sans-serif; padding: 3px;}

.wpcf7-form input.wpcf7-submit {width: auto; padding: 0; margin: 0; border: none; background: none; font-size: 16px; text-transform: uppercase; font-weight: 700; color: #c4133e;}
	.wpcf7-form input.wpcf7-submit:hover {color: #009AA6;}

.wpcf7-form select { width: 750px; padding: 3px; margin: 0; background: #fff url(images/dropdown.png) right center no-repeat; border: 1px solid #56565a; -webkit-appearance: none; box-sizing: none; -webkit-box-align: none; border-radius: 0; -webkit-border-radius: 0; color: #56565a; font-size: 14px; white-space: normal; font: inherit; line-height:inherit;}

.contact-name {width: 365px; float: left;}
.contact-company {width: 365px; float: right;}
.contact-email {clear: both;}
.wpcf7-form .contact-name input, .wpcf7-form .contact-company input {width: 357px;}




/*************************
	8.1. Blog
*************************/

.blog #container, .singular-post #container, .archive #container, .search #container {width: 1130px; margin: 0 auto; background: url(images/content-bg.png) repeat-y; margin-bottom: 50px;}
.blog #content, .singular-post #content, .archive #content, .search #content {width: 750px; float: left; margin-bottom: 0;}
#blog {width: 360px; float: right;}

.byline {text-transform: uppercase; font-weight: 700; color: #9a989a; line-height: normal;}
.entry-meta {text-transform: uppercase; font-weight: 700;}
	.entry-meta a {color: #9a989a;}

.post {margin-bottom: 50px;}

.archive-info, .author-info, .term-info, .category-info, .tag-info, .date-info, .search-info, .loop-title {display: none;}

.navigation-links {font: 20px "Optiscript", sans-serif; text-transform: uppercase;}
	.navigation-links .previous {float: left;}
	.navigation-links .next {float: right;}



/*************************
	8.2. Comments
*************************/

.singular .entry-meta a {color: #009AA6;}
.singular .post {margin-bottom: 30px;}

#comments-template {padding-top: 30px; border-top: 2px solid #a4a4a4;}

.comments-header {display: none;}

#comments {margin-bottom: 40px;}
#comments ol {list-style: none; margin-left: 0;}


#comments li {}
	#comments li li {padding-left: 20px;}
	#comments li li .comment-text {background: #FAF9F9;}
		#comments li li li {padding-left: 20px;}
		#comments li li li .comment-text {background: #FAF9F9;}
			#comments li li li li {padding-left: 20px; }
			#comments li li li li .comment-text {background: #FAF9F9;}

#comments .comment-author cite {
	font-style: normal; 
	color: #56565a; 
	text-transform: none; 
	font-weight: 700;
	text-transform: uppercase;
}
#comments .comment-meta cite a {color: #56565a}

#comments .comment-date {margin-bottom: 12px;}

a.comment-reply-link {display: block; font-weight: 700; text-transform: uppercase; color: #56565a; margin-bottom: 25px; padding-bottom: 25px; border-bottom: 2px solid #a4a4a4;}

#reply-title {margin-bottom: 25px; font-size: 16px;}

/* Comment form elements */
p#cancel-comment-reply {}
#respond label {display: block;}
#respond input {width: 742px; border: 1px solid #56565a; font: 14px "ProximaNova", "ProximaNovaA", "ProximaNovaS", sans-serif; padding: 3px;}
#respond textarea {width: 742px; border: 1px solid #56565a; font: 14px "ProximaNova", "ProximaNovaA", "ProximaNovaS", sans-serif; padding: 3px;}

.form-author {width: 365px; float: left;}
.form-email {width: 365px; float: right;}
.form-url {clear: both;}
#respond .form-author input, #respond .form-email input {width: 357px;}

#respond input#submit {width: auto; padding: 0; margin: 0; border: none; background: none; font-size: 16px; text-transform: uppercase; font-weight: 700; color: #c4133e;}
	#respond input#submit:hover {color: #009AA6;}



/*************************
	8.3. Sidebar
*************************/

input.search-text {padding: 3px; width: 334px; border: 1px solid #a4a4a4; font: 14px "ProximaNova", "ProximaNovaA", "ProximaNovaS", sans-serif; font-weight: 300; color: #a4a4a4;}
input.search-submit {width: 11px; height: 14px; background: url(images/next.png) 0 0 no-repeat; text-indent: -9999em; border: none; padding: 0; margin: 0;}

#blog img {max-width: 100%; height: auto;}

#blog .widget {margin-bottom: 25px;}

#blog input#mce-FNAME, #blog input#mce-EMAIL {padding: 3px; width: 352px; border: 1px solid #56565a; font: 14px "ProximaNova", "ProximaNovaA", "ProximaNovaS", sans-serif; font-weight: 300; margin-bottom: 10px;}
	#blog input#mce-EMAIL {margin-bottom: 3px;}
#blog input#mc-embedded-subscribe {width: auto; padding: 0; margin: 0; border: none; background: none; font-size: 16px; text-transform: uppercase; color: #c4133e; font: 16px "ProximaNova", "ProximaNovaA", "ProximaNovaS", sans-serif; font-weight: 700;}

#blog ul {margin: 0; padding: 0; list-style-type: none;}
#blog ul li {margin: 0; padding: 0; list-style-type: none;}
#blog ul li a {color: #56565a;}