/*
Theme Name: A Wider Circle
Theme URI: 
Author: CEG Philadelphia
Author URI: 
Description: A custom theme for a Wider Circle
Version: 1.0
Tags: 
*/

		*, html, body {margin: 0; padding: 0; border: 0; outline: none; vertical-align: baseline; background: transparent;}
		body {font-size: 100%; font-family: Arial, Helvetica, sans-serif;}
		.wrap, .page .title h1  {width: 940px; margin: 0 auto;}
		.clear {clear:both;}
		img {max-width: 100%; height: auto;}
		hr {border-bottom: 1px solid #ccc; margin: 20px auto;clear:both;}
		
		p {margin: 10px 0;}
		
		
		/* fonts 
		@font-face {font-family: QuickSand; src: url(font/Quicksand-Regular.ttf); font-weight:100;}
		@font-face {font-family: QuickSandBold; src: url(font/Quicksand-Bold.ttf); font-weight:bold;}
		*/
		
		/* grid */
		.col {float:left; padding: 10px 0;}
		.col + .col {padding: 10px 0 10px 2.127659574%;} /* 20 */
		
		/* 60px col / 20px gutter */
		
		.g1		{width: 6.382978723%;}	/* 60 */
		.g2		{width: 14.893617021%;}	/* 140 */
		.g3		{width: 23.404255319%;}	/* 220 */
		.g4		{width: 31.914893617%;}	/* 300 */
		.g5		{width: 40.425531914%;}	/* 380 */
		.g6		{width: 48.936170212%;}	/* 460 */
		.g7		{width: 57.44680851%;}	/* 540 */
		.g8		{width: 85.957446808%;}	/* 620 */
		.g9		{width: 74.468085106%;}	/* 700 */
		.g10	{width: 82.978723404%;}	/* 780 */
		.g11	{width: 91.489361702%;}	/* 860 */
		.g12	{width: 100%;}			/* 940 */
		
		
		/* header */
		header, #twitter-feed {position:relative; width: 100%; min-width: 940px; font-family:'QuickSand', sans-serif; font-weight:100;}
		header {border-bottom: 10px solid #4f97d6; padding: 15px 0; background:#fff;}
		header .col {margin: 0!important; padding: 0;}
		header .col + .col {padding:0 0 0 2.127659574%;}
		header ul {float:right;}
		.mobile ul {float:left;}
		header ul li, .mobile ul li {display:inline;}
		header .logo {margin: 0 0 0 0;}
		header .logo2 {margin: 0; float:right; margin: -15px 0 30px 0;}
		
		.super {padding: 0 0 40px 0;}
		
		.eyebrow  {float:right;}
		.eyebrow ul {text-align:center; font-weight:bold; font-size: 110%;} /* 63dbbc */
		.eyebrow a {background: #4f97d6; padding:10px; color: #fff; text-decoration:none; text-transform: uppercase;}
		.eyebrow a:hover {text-decoration:underline;}
		.eyebrow li + li:before {content:" "; color: #fff;}
		.eyebrow ul li:nth-child(3) a {color: #f7ff7f; font-weight:bold;}

		
		/* social*/
		footer ul {margin: 0!important; padding: 0;}
		footer ul li {display:inline;}
		.em a, .fb a, .tw a, .yt a, .wp a, .ng a {width:35px; height:35px; display:inline-block; text-decoration:none;}
		.em a {background: url(img/ico_email.png) 0 0 no-repeat;}
		.fb a {background: url(img/ico_fb.png) 0 0 no-repeat;}
		.tw a {background: url(img/ico_tw.png) 0 0 no-repeat;}
		.yt a {background: url(img/ico_yt.png) 0 0 no-repeat;}
		.wp a {background: url(img/ico_wp.png) 0 0 no-repeat;}
		.ng a {background: url(img/ico_ng.png) 0 0 no-repeat;}
		.fb a:hover {background: url(img/ico_fb_hover.png) 0 0 no-repeat;}
		.tw a:hover {background: url(img/ico_tw_hover.png) 0 0 no-repeat;}
		.yt a:hover {background: url(img/ico_yt_hover.png) 0 0 no-repeat;}
		.wp a:hover {background: url(img/ico_wp_hover.png) 0 0 no-repeat;}
		.ng a:hover {background: url(img/ico_ng_hover.png) 0 0 no-repeat;}
		
		/* primary nav */
		.primary {font-family:'QuickSand', sans-serif; text-transform: uppercase; position:relative; top: 170px;}
		.primary a {color: #000; text-decoration:none;}
		.primary a:hover {color: #666;}
		.primary .current-menu-item a, .poverty .current_page_item a, .current-page-ancestor a, .stories .help a {color: #c79739;}
		.primary ul:first-child {font-weight:700;}
		.primary :not(li) > ul > li + li:before {content:" / "; font-weight:100; color: #acacac;}
		.primary ul li ul li {font-weight:100; color: #acacac;}
		.primary ul li:nth-child(n+2) ul li {margin-left: 9px;}
		
		/* twitter feed */
		#twitter-feed {background: #363636; padding: 10px 0; height: 30px; display:none}
		#twitter-feed .twico {background: url(img/ico_twitter_big.png) 0 0 no-repeat; display:block; float:left; width:40px; height:32px; margin: 0 10px 0 0;}
		#twitter-feed .mtphr-dnt-twitter-content {background: #4f97d6; font-family: arial, sans-serif; padding: 5px 15px; font-size: 87.5%; border-radius: 5px;}
		#twitter-feed a {color: #000; font-family:Arial, sans-serif; font-weight:700; text-decoration:none; padding: 0 5px 0 0;}
		
		/* widgets */
		.widget-title {display:none;}
		
		/* hero */
		#hero {background: #000; height: 290px; width: 100%; min-width: 940px;}
		.intro {color: #fff; padding: 30px 0 0 0; line-height: 1.3;}
		.intro h1 {font-weight:normal; font-size: 300%; font-family:'QuickSand', sans-serif; font-weight:100!important;}
		
		/* home page */
		.slider_container {background: #142445; padding: 30px 0 30px 0; min-width: 940px; max-height: 375px; border-bottom: 10px solid #4f97d6;  overflow:hidden;}	
		#hpslider {z-index: 2; max-width: 940px; margin: 0 auto; overflow: hidden}
			.sliderpaint {position:absolute; display:block; overflow:hidden;}	
		.slider_container .sliderpaint {background: url(http://awidercircle.org/wp-content/themes/awc/img/SliderPaint.png) no-repeat center; 
						top: 350px; width: 100%; height: 435px; left: -9999px; right: -9999px; margin: 0 auto;}


		.page {text-align:right; height: auto; max-height: 800px; overflow: hidden; display:block;}
		.page4 {text-align:left;}
		.page + .page + .page {text-align:right;}
		.page_container {padding: 400px 0 0 0; min-width: 940px; margin: 0 auto;}
		
		.caption {color: #fff; z-index: 10; padding: 20px 0; height: auto; display:block;}
		
		.mobile {display:none;}
		
		.catheader {position: relative; margin: -100px 0 -100px 0; left: 3%; text-transform: capitalize; font-weight:normal; text-align:left; color: #fff!important; z-index: 11; float:left; font-size: 300%;}
		.page + .page .catheader {display:none;}
		.page .caption {background: #1b305c;} /* 15244b */
		.wrap-caption {position: relative; width:40%; display:block; float:right;}
		.page + .page .caption .wrap-caption {float:left;}
		.page + .page + .page .caption .wrap-caption {float:right;}
		.page + .page .caption {background: #4f97d6; text-align:left;} /* 75addc */
		.page + .page + .page .caption {background: #c79739; text-align:right;} /* f8a700 */
		
		.title { padding: 10px 0;}
		.main.hp {padding: 0; width: 100%; min-width: 940px; font-family:'QuickSand', sans-serif; font-weight:100;}
		.title h1 {color: #fff!important; font-weight:100;}
		.page .title {background: #142445;} /* 05102c */
		.page + .page .title {background: #3b71a1; text-align:left;} /* 4286cf */
		.page + .page + .page .title {background: #95712a; text-align:right;} /* eea000 */

		.paint {position:relative; z-index: 1; display:block;}
		.page .paint {background: url(img/Paint1.png) 0 0 no-repeat; top: -150px; left: -5%; width:940px; height:841px; margin: 0 0 -841px 0; float:left; }
		.page + .page .paint {background: url(img/Paint2.png) 0 0 no-repeat; top: -120px; left: 45%; width:940px; height: 1107px; margin: 0 0 -1107px 0; float:right;}
		.page + .page + .page .paint {background: url(img/Paint3.png) 0 0 no-repeat; top: -150px; left: -15%; width: 940px; height:990px; margin: 0 0 -990px 0;float:left;}
		
		/* tabs */
		#tabs {background: #ebebeb; padding: 15px 0 0px 0; margin: 20px 0;width: 100%; min-width: 940px;}
		#tabs li a {text-decoration:none; color: #bfbfbf;}
		#tabs li {height: 60px; width: 150px; display:block; text-align:center; display:table-cell; vertical-align:middle; font-size: 112.5%; font-family:'QuickSand', sans-serif; font-weight:700; text-transform:uppercase; }
		#tabs li {border-right: 1px solid #acacac;}
		#tabs li.current_page_item, #tabs li.current-menu-item {background: #fff; border-right: none; position:relative; left: -1px; border-left: 1px solid #fff;}
		#tabs li.current_page_item a, #tabs li.current-menu-item a {color: #4f97d6;}
		
		/* alternate homepage */
		#althome {background: url(img/alt-paint.png) bottom center no-repeat #142445; color: #fff; padding: 20px 0 180px 0;}
		#althome a {color: #fff;}
		#althome a:visited {color: #fff;}
		#althome h1, #althome h2, #althome h3, #althome h4 {color: #4f97d6; font-weight: 100;}
		#althome h1 {font-size: 333.333333%;}
		.altintro {font-size: 127.5%;}
		.altintro h1 {font-size: 218.181818182%!important;}
		.althero {margin: 20px auto; padding-top: 50%; position:relative; float:none;}
		.althero iframe {position:absolute; left: 0;top: 0; width: 100%; height: 100%;}
		#althome .cta p {text-align:center; display:block;}
		#althome .cta a {width: 75%; margin: 0 auto; padding: 10px 0; background: #4f97d6; color: #fff; display:block; text-align:center; text-decoration:none; border-radius: 5px; cursor: pointer; font-size: 115%; text-transform: uppercase;}
		#althome table {border: none!important; margin: 80px 0 0 0;}
		#althome table td {vertical-align: middle; border: none!Important;}
		#althome .cta a:hover {background:#95c1e6;}
		#althome .detail {font-size: 115%; line-height: 1.5;}
		
		#althome table td img {max-width: 95%;}
		
		/* content */
		#crumbs {font-size: 75%; color: #666;}
		.main {padding: 20px 0; line-height: 1.5;}
		.main a {color: #4f97d6; text-decoration:none;}
		.main h1 {font-family:'QuickSand', sans-serif; font-weight:100; color: #4f97d6;}
		.main a.btn {width: 75%; margin: 0 auto; padding: 10px 0;}
		.main ul, .main ol {margin: 10px 0 10px 30px;}
		blockquote {margin: 20px 100px;font-style:italic; font-family:"Times New Roman", Times, serif; color: #666; font-weight:normal; font-size: 125%;}
		.pag {text-align:center;}
		.small {font-size: 90%;}
		
		/* tables */
		table {width: 100%; font-size: 90%; border-collapse: collapse; font-family: Arial, Helvetica, sans-serif;}
		th {background: #eee; text-align:center; font-weight:bold; vertical-align:middle;}
		th, td {padding: 3px; border: 1px solid #ccc;}
		td {vertical-align:top;}
		td ul {margin: 5px 0 5px 0;}
		
		/*forms */
		form {margin: 10px 20px;}
		form p {clear:both; border-bottom: 1px solid #ccc; margin: 10px 0;}
		form label {font-size: 80%; padding: 10px;}
		form input[type="text"] {padding: 10px; width: auto;}
		form input[type="select"] {padding: 10px;}
		form textarea {border: 1px solid #ccc;}
		
		/* images */
		.wp-caption img {border: 1px solid #ccc;}
		.alignleft {float:left; margin: 0 10px 10px 0;}
		.alignright {float:right; margin: 0 0 10px 10px;}
		.wp-caption-text {font-size: 80%; color: #666;}

		/* press */
		.press {margin: 10px 0; border-bottom: 1px solid #ccc; padding: 10px 0; font-size: 87.5%; font-family: Arial, Helvetica, sans-serif;}
		
		/* events */
		.events {margin: 10px 0; border-bottom: 1px solid #ccc; padding: 10px 0; font-size: 87.5%; font-family: Arial, Helvetica, sans-serif;}
		.events .date {text-transform: uppercase; color: #666;}
				
		/* staff */
		.item {font-size: 85%; font-family: Arial, Helvetica, sans-serif;}
		.item .title {color: #4f97d6; padding:0; font-style:italic;}
		
		/* careers */
		.company {display:none!important;}
		.job_listings .meta .date {display:none!important;}
		
		/* accordion overrides */
		.ui-state-default .ui-icon {background: url(img/accordion_arrow_inactive.png) center center no-repeat!important;}
		.ui-state-active .ui-icon {background: url(img/accordion_arrow.png) center center no-repeat!important;}
		.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #363636!important; border:none!important; color: #fff!important;}
		.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {background: #4f97d6!important; border:none!important; color: #fff!important;} 
		.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {border-radius: 0!important;}
		.ui-widget-content a {color: #4f97d6!important;}
		.ui-accordion .ui-accordion-content {padding:5px 10px!important;}
		
		/* bottom cta */
		#bottom {padding: 50px 0 0 0 ;  color: #363636;font-family:'QuickSand', sans-serif; font-weight:100;}
		#bottom .btn, .application_button {width: 100%; padding: 20px 0; }
		form input[type="submit"] {width: 50%; padding: 10px 0; margin: 0 auto;}
		#bottom .btn, .application_button, form input[type="submit"], a.btn {background: #4f97d6; color: #fff; display:block; text-align:center; text-decoration:none; font-size: 140.625%; border-radius: 5px; cursor: pointer;}
		#bottom .btn:hover, .application_button:hover, form input[type="submit"]:hover, a.btn:hover {background:#95c1e6;}
		.vr {background: url(img/vr.png) top center repeat-y;}
		.vr .page {text-align:left!important;}
		#bottom h1 {font-weight: 100;}
		#bottom h2 {font-size:150%; font-weight:100; margin: 10px 0;}
		#bottom a { color: #363636; text-decoration:none;}
		
		/* footer */
		footer {background: #444444; margin: 0; padding: 20px 0 0 0; color: #fff; font-size: 80%; width: 100%; min-width: 940px;font-family:Arial, sans-serif; font-weight:100;}
		footer h2 {font-family: 'Quicksand', san-serif;}
		footer .g1 {background: url(img/footer_line.png) center top repeat-y; min-height: 170px;}
		footer .small {font-size: 10px;}
		footer .privacy {padding: 0 0 0 10px; float:right;}
		footer a {color: #fff!important;}
		footer .footer {background: #363636; padding: 20px 0;}
		footer .footer .textwidget {display:inline;}
		footer .imgctr img {vertical-align: baseline; margin: 0 0 0 15px;} 
		
		footer .textwidget img {vertical-align: middle;}
		footer .textwidget a + a img {margin: 0 0 0 10px;}
		
		
		/* IE hacks */
		.ie7 .twico {display:none!important;}
		.ie7 #tabs li {float:left;}
		.ie7 .paint {display:none;}