/*
Theme Name: Gateway Fundraising
Theme URI: www.gatewayci.com/fundraising
Description: Custom site for Gateway Communications Telephone Fundraising site
Version: 1.0
Author: Sebastian Nitu
Author URI: http://sebnitu.com/
Tags: green, texture, two column, custom home, cms

This theme is to be used only for the Gateway Communications Telephone Fundraising website along with all files attached. All rights reserved. If you would like to learn more about having a custom theme built for your website, please visit my website at: www.sebnitu.com
*/


/* ----- global styles ----- */

html { text-align: center; }

hr { border: 0 none; clear: both; height: 0; visibility: hidden; }

a { text-decoration: none; }

#main #page-content a 			{ color: #b9a763; }
#main #page-content a:hover 	{ color: #c8b56f; }

p { margin-bottom: 20px; }

em { font-family: Georgia, serif; font-style: italic; }

img.alignleft { float: left; }
img.alignright { float: right; }

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, Times, serif;
	color: #000000;
	margin-bottom: 15px;
	}
	
h1 { font-size: 48px; line-height: 44px; }
h2 { font-size: 38px; line-height: 36px; }
h3 { font-size: 28px; line-height: 28px; }
h4 { font-size: 24px; line-height: 24px; }
h5 { font-size: 18px; line-height: 18px; }
h6 { font-size: 16px; line-height: 16px; }

/* ----- column styles ----- */

.column-1, .column-2, .column-3, .column-4, .column-5, .column-6, .column-7, .column-8, .column-9, .column-10, .column-11, .column-12, .column-half3
	{ margin-left: 10px; margin-right: 10px; float: left; display: inline; }
	
.column-1	{ width: 60px;  }
.column-2	{ width: 140px; }
.column-3	{ width: 220px; }
.column-4	{ width: 300px; }
.column-5	{ width: 380px; }
.column-6	{ width: 460px; }
.column-7	{ width: 540px; }
.column-8	{ width: 620px; }
.column-9	{ width: 700px; }
.column-10	{ width: 780px; }
.column-11	{ width: 860px; }
.column-12	{ width: 940px; }

.column-6 .column-3 {
	width: 210px;
	}
	
.column-6 .column-half3 {
	width: 95px;
	}

/* ----- structure styles ----- */

body {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	line-height: 19px;
	font-size: 13px;
	color: #505050;
	background: #303030;
	text-align: left;
	}

#bubble-gum {
	background: #dde7b9 url(images/body-background.jpg) no-repeat top center;
	}
	
#wrapper {
	background: url(images/body-background-tile.jpg) repeat-x top;
	min-height: 648px;
	}
	
#footer {
	border-top: 10px solid #000;
	}
	
#main {
	}
	
.container {
	width: 960px;
	margin: 0 auto;
	}
	
/* ----- header styles ----- */

#header {
	height: 220px;
	margin-left: 10px;
	margin-right: 10px;
	overflow: hidden;
	margin-bottom: 25px;
	position: relative;
	}
	
#header h1#logo {
	background: url(images/gateway-logo.png) no-repeat top left;
	height: 140px;
	width: 458px;
	text-indent: -9999px;
	float: left;
	margin-top: 15px;
	margin-bottom: 18px;
	}
	
#header #parent-nav {
	background: url(images/head-nav-parent.png) no-repeat top left;
	height: 38px;
	width: 252px;
	line-height: 38px;
	text-align: right;
	font-size: 13px;
	float: right;
	}
	
#header #parent-nav ul {
	background: url(images/gateway-bug.png) no-repeat 35px 8px;
	}
	
#header #parent-nav ul li {
	margin-right: 35px;
	}
	
#header a {
	color: #fff;
	}

#header a:hover {
	color: #ddd09f;
	}

#header #tag-line {
	background: url(images/gateway-tagline.png) no-repeat top left;
	margin-top: 30px;
	float: right;
	width: 423px;
	height: 38px;
	text-align: right;
	}
	
#header #tag-line p {
	display: none;
	}

/* search form styles */
	
.header-search {
	height: 28px;
	width: 252px;
	float: right;
	margin-top: 18px;
	overflow: hidden;
	}
	
.header-search input#s {
	background: url(images/head-search.png) no-repeat top left;
	border: none;
	float: left;
	width: 190px;
	padding: 7px;
	color: #6c6c6c;
	}
	
.header-search input#search_submit {
	background: url(images/btn-go.png) no-repeat top left;
	font-family: Helvetica, sans-serif;
	border: none;
	float: right;
	width: 47px;
	height: 28px;
	color: #fff;
	font-size: 14px;
	}
	
.header-search input#search_submit:hover {
	background: url(images/btn-go.png) no-repeat bottom left;
	}
	
#re-search {
	margin: 0 50px;
	width: 225px;
	}
	
#re-search .header-search {
	float: none;
	margin-top: none;
	}
	
/* nav styles */

#header #nav {
	background: url(images/head-nav-bar.png) no-repeat top center;
	font-size: 13px;
	height: 46px;
	width: 940px;
	overflow: hidden;
	position: absolute;
	top: 174px;
	}

#header #nav ul {
	border-right: 1px solid #505050;
	float: left;
	margin-left: -1px;
	}

#header #nav ul li {
	float: left;
	line-height: 46px;
	}
	
#header #nav ul li a {
	border-left: 1px solid #505050;
	border-right: 1px solid #000000;
	padding: 16px 25px;
	}
	
#header #nav ul li a:hover {
	background: url(images/head-nav-bar.png) no-repeat bottom center;
	color: #fff;
	}
	
#header #nav ul li a.first:hover {
	background: url(images/head-nav-bar.png) no-repeat bottom left;
	}

/* ----- main content styles ----- */

/* main style */

#main-content {
	padding-bottom: 25px;
	}

#main a 		{ color: #ddd09f; }
#main a:hover { color: #ebe5ce; }

#main .dark-btn {
	background: url(images/btn-dark.png) no-repeat top right;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	}
#main .dark-btn a {
	background: url(images/btn-dark.png) no-repeat top left;
	color: #ffffff;
	display: block;
	height: 28px;
	margin-right: 15px;
	padding-left: 15px;
	}

#main .dark-btn:hover {
	background: url(images/btn-dark.png) no-repeat bottom right;
	}
	
#main .dark-btn a:hover {
	background: url(images/btn-dark.png) no-repeat bottom left;
	}


#main .dark-btn:hover a {
	color: #ffffff;
	}

/* banner styles */

#banner {
	background: url(images/banner-image-01.jpg) no-repeat top center;
	height: 320px;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	}
	
#banner #banner-bar {
	background: #303030;
	position: absolute;
	top: 280px;
	height: 40px;
	width: 940px;
	line-height: 40px;
	text-align: center;
	}
	
#banner #banner-bar ul li {
	display: inline;
	padding: 0 60px;
	}
	
#banner #banner-content {
	font-size: 16px;
	color: #303030;
	position: absolute;
	left: 390px;
	top: 35px;
	width: 500px;
	}
	
#banner #banner-content h2 {
	background: url(images/text-whytelephonefund.png) no-repeat top left;
	text-indent: -9999px;
	height: 45px;
	margin-bottom: 0;
	}
	
#banner #banner-content .banner-btn {
	background: url(images/banner-btn.png) no-repeat top center;
	position: absolute;
	top: 185px;
	left: 370px;
	width: 140px;
	height: 40px;
	text-indent: -9999px;
	float: right;
	overflow: hidden;
	}
	
#banner #banner-content .banner-btn:hover {
	background: url(images/banner-btn.png) no-repeat bottom center;
	}
	
#banner #banner-content .banner-btn a {
	display: block; 
	padding: 11px 20px;
	}

/* bulk content styles */

#home-quote {
	border-bottom: 1px solid #c8b56f;
	padding: 30px 0 25px;
	margin-bottom: 25px;
	position: relative;
	}
	
#home-quote blockquote {
	background: url(images/home-quote.png) no-repeat top left;
	text-indent: -9999px;
	float: left;
	width: 802px;
	height: 69px;
	}
	
#home-quote .dark-btn {
	position: absolute;
	top: 25px;
	right: 0;
	}
	
.column-outside {
	}
	
.column-inside-content {
	background: #303030;
	padding: 20px 0 15px;
	border: 1px solid #000000;
	text-align: center;
	}
	
.column-inside-content img {
	padding-top: 70px;
	width: 135px;
	margin: 0 auto;
	display: block;
	}
	
#no-risk {
	background: url(images/text-norisktrial.jpg) no-repeat top;
	height: 347px;
	text-indent: -9999px;
	}

/* ----- page styles ----- */

#main-content {}
#main-content #page-content {}

#main-content #page-content .postEntry h2 {
	margin-bottom: 5px;
	}
#main-content #page-content .postEntry small {
	font-family: Times, serif;
	font-style: italic;
	color: #000;
	display: block;
	font-size: 18px;
	padding: 5px 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #c8b56f;
	}

/* case study styles */

#page-content .caseStudy {
	background: #F5F1E5;
	float: right;
	margin-left: 15px;	
	margin-bottom: 15px;
	border-left: 1px solid #808080;
	border-bottom: 1px solid #808080;
	}

#page-content .caseStudy tr.odd {
	background: #E8E3D4;
	}

#page-content .caseStudy td {
	border-right: 1px solid #808080;
	}

#page-content .caseStudy td, #page-content .caseStudy th {
	padding: 5px 10px;
	}

#page-content .caseStudy th {
	background: #808080;
	color: #fff;
	font-weight: bold;
	}
	
/* faq styles */

#page-content .faqItem {
	margin-bottom: 20px;
	border-bottom: 1px solid #bed186;
	}

#page-content .faqItem .quest-head, #page-content .faqItem .answer-head { 
	font-family: Georgia, serif; font-size: 24px;
	color: #000000;
	margin-bottom: 10px;
	}
	
#page-content .faqItem .question, #page-content .faqItem .answer
	{ float: left; display: inline; }
	
#page-content .faqItem .question { 
	width: 220px; margin-right: 10px;
	}
	
#page-content .faqItem .answer { 
	width: 359px; margin-left: 10px;
	border-left: 1px solid #bed186;
	padding-left: 20px;
	}

/* testimonials styles */

#page-content .quote {
	width: 300px;
	border-bottom: 1px solid #bed186;
	}
	
#page-content #bill-russell {
	border-bottom: none;
	}

#page-content .test-odd {
	float: left;
	padding-right: 9px;
	border-right: 1px solid #bed186;
	}
	
#page-content .even {
	float: right;
	padding-left: 10px;
	}

#page-content .quote p {
	padding: 10px 20px 0;
	}

#page-content blockquote {
	font-family: Georgia, sans-serif;
	font-style: italic;
	padding: 20px 10px 0;
	}
	
#page-content blockquote p {
	margin-bottom: 0;
	}

#page-content .quote small {
	display: block;
	text-align: right;
	}
	
#page-content .quote small.name {
	font-weight: bold;
	font-family: Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
	}
		
.quote small.position, .quote small.mission, .quote small.location {
	font-family: Georgia, sans-serif;
	font-style: italic;
	font-size: 12px;
	line-height: 16px;
	}

/* testimonials pictures styles */

#page-content .quote img.alignleft {
	border: 5px solid #c8b56f;
	margin: 0 15px 10px 0;
	}

/* contact page */

#page-content .contact {
	min-height: 175px;
	width: 290px;
	}
	
#page-content .contact-odd {
	float: left;
	padding-right: 19px;
	border-right: 1px solid #bed186;
	border-bottom: 1px solid #bed186;
	}
	
#page-content .contact-even {
	float: right;
	padding-left: 20px;
	}

/* person styles */

.contact-odd span {
	display: block;
	}

.contact-odd .person, .contact-odd .address {
	padding: 20px;
	}

.contact-odd .person {
	border-bottom: 1px solid #bed186;
	}

.contact-odd .person span.name, .contact-odd .address span.heading {
	font-family: Georgia, serif;
	font-size: 15px;
	color: #000;
	}

.contact-odd .address span.heading {	
	padding-bottom: 5px;
	}
	
.contact-odd .person span.position {
	font-family: Georgia, serif;
	font-style: italic;
	}
	
.contact-odd .person span.phone {
	font-weight: bold;
	}

/* form styles */

#page-content .contact-even textarea {
	width: 270px;
	border: 1px solid #C1C1C1;
	padding: 5px;
	}
	
#page-content .contact-even input {
	background: #f3f3f3;
	border: 1px solid #c1c1c1;
	padding: 3px 15px;
	color: #6C6C6C;
	margin: 0;
	}
	
#page-content .contact-even input:hover {
	background: #fff;
	}
	
#page-content .contact-even span input {
	width: 270px;
	float: none;
	background: #fff;
	border: 1px solid #C1C1C1;
	padding: 5px;
	color: none;
	margin: 0;
	}

/* ----- sidebar styles ----- */

#main-content #sidebar {
	background: #484848 url(images/sidebar-bottom.jpg) no-repeat bottom center;
	color: #ffffff;
	font-family: Georgia, Times, serif;
	}
	
#main-content #sidebar .sideItem {
	padding: 25px 30px 10px;
	}
	
#main-content #sidebar #sideRisk {
	background: url(images/sidebar-mid-light.jpg) repeat-y center;
	margin-bottom: 15px;
	border-top: 1px solid #6a6a6a;
	}
	
#main-content #sidebar #sideQuote {
	background: url(images/sidebar-mid-dark.jpg) repeat-y center;
	padding-bottom: 20px;
	border-bottom: 1px solid #030303;
	border-top: 1px solid #6a6a6a;
	}

#main-content #sidebar #sideQuote .quote {
	background: url(images/sidebar-quote-bg.png) no-repeat bottom left;
	}

#main-content #sidebar #sideQuote blockquote {
	font-style: italic;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #484848;
	}
	
#main-content #sidebar #sideQuote small {
	display: block;
	text-align: right;
	}
	
#main-content #sidebar #sideQuote small.name {
	font-weight: bold;
	font-family: Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
	}
		
#sideQuote small.position, #sideQuote small.mission, #sideQuote small.location {
	color: #c2c2c2;
	font-style: italic;
	font-size: 12px;
	line-height: 16px;
	}

#main-content #sidebar #sideHeading {
	background: url(images/sidebar-topClient.jpg) no-repeat top center;
	height: 40px;
	text-indent: -9999px;
	border-bottom: 1px solid #030303;
	}

#main-content #sidebar #sideQuote a.btn {
	background: #484848;
	border: 1px solid #636363;
	font-family: Helvetica, sans-serif;
	display: block;
	text-align: center;
	padding: 3px 0;
	margin-top: 15px;
	color: #fff;
	}

#main-content #sidebar #sideQuote a.btn:hover {
	background: #585757;
	}
	
#main-content #sidebar #sideRisk h2 {
	background: url(images/text-norisktrial.png) no-repeat top left;
	text-indent: -9999px;
	height: 55px;
	margin-bottom: 15px;
	}

#main-content #sidebar #sideRisk span.bold {
	font-style: italic;
	display: block;
	padding: 10px;
	background: #303030;
	text-align: center;
	border: 1px solid #6b6b6b;
	}

/* search template */

#main #page-content .hentry {
	margin-bottom: 15px;
	border-bottom: 1px solid #bed186;
	}
	
#main #page-content .hentry h3 {
	margin-bottom: 5px;
	}
	
#main #page-content .hentry small {
	font-family: Georgia, serif;
	font-style: italic;
	margin-bottom: 10px;
	display: block;
	}
	
#main #page-content .hentry a.cont {
	float: right;
	background: #f3f3f3;
	border: 1px solid #c1c1c1;
	padding: 3px 15px;
	color: #6C6C6C;
	margin: 0 20px 20px;
	}
	
#main #page-content .hentry a.cont:hover {
	background: #fff;
	}
	
/* 404 error */

#page-content .error-help {
	min-height: 175px;
	width: 300px;
	border-bottom: 1px solid #bed186;
	}
	
#page-content .error-help-odd {
	float: left;
	padding-right: 9px;
	border-right: 1px solid #bed186;
	}
	
#page-content .error-help-even {
	float: right;
	padding-left: 10px;
	}
	
#page-content .error-help .header-search {
	float: none;
	margin: 0 auto;
	}

/* ----- footer styles ----- */

#footer {
	color: #c3c3c3;
	font-size: 13px;
	}
	
#footer a 		{ color: #ddd09f; }
#footer a:hover { color: #ebe5ce; }

#footer .container {
	margin-top: 15px;
	margin-bottom: 30px;
	}
	
#footer h3 {
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 13px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	border-bottom: 1px solid #484848;
	}
	
#footer #meta-data {
	text-align: right;
	color: #c3c3c3;
	}