/*
	Theme Name: Impact
	Theme URI: http://frontierkid.net/
	Description: There be dragons here, so look out! 
	Version: 0.1
	Author: FK
	Author URI: http://frontierkid.net/
*/

/*
 * RESET!
 */
* { margin: 0; padding: 0; list-style: none; }
/*div { border: 1px solid black; }*/

/*
 * Generic HTML tags.
 */
body {
	background-color: #fff;
	color: #4d4d4d;
	background-image: url(images/background-circles-3.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-attachment: scroll;
	font: normal 14px Arial, Verdana, sans-serif;
	line-height: 22px;
}

h1, h2, h3, h4, h5 { margin: 10px 0 0; font-weight: normal; }
p { margin: 10px 0; }
strong { font-weight: bold; }

/*
 * Generic magic classes!
 */ 
.clearer { clear: both; height: 0px; overflow: hidden; padding: 0; margin: 0; }


/*
 * Page
 */ 
#page { width: 960px; margin: 0 auto; padding: 0 10px; }


/*
 * Header
 */
#header { margin-top: 44px; }
#header h1 { text-indent: -9001px; }

#logo { height: 51px; width: 273px; float: left; background: url(images/logo-impact.png) no-repeat; }
#logo a { display: block; height: 51px; width: 273px; border: 0; }
#phone { float: right; background-color: #ff2988; color: #fff; padding: 10px 18px; }
#phone p { margin: 0; font-weight: bold; line-height: 19px; }
#phone p span { font-size: 17px; font-weight: normal; }
#phone p a { color: #fff; text-decoration: none; }

#navigation { width: 670px; float: right; text-align: right; margin-top: 43px; }
#navigation ul { float: right; }
#navigation li { float: left; margin: 0; text-align: center; }
#navigation a { font: normal 14px Arial, Verdana, sans-serif; display: block; color: #4d4d4d; text-decoration: none; background-color: #f7f7f7; padding: 22px 0px; float: left; letter-spacing: -0.14px; }
#navigation a:hover { color: #fff; background-color: #ff2988; }
#navigation .page-item-4 a { width: 60px; } /* Home */
#navigation .page-item-2 a { width: 73px; } /* About */
#navigation .page-item-13 a { width: 112px; } /* Team */
#navigation .page-item-15 a { width: 60px; } /* Clients */
#navigation .page-item-17 a { width: 79px; } /* Services */
#navigation .page-item-21 a { width: 136px; } /* Why work with us */
#navigation .page-item-6 a { width: 60px; } /* News */
#navigation .page-item-24 a { width: 90px; } /* Contact */
#navigation .current_page_item a, #navigation .current_page_parent a, #navigation .current_page_ancestor a { color: #fff; background-color: #803689; }

#left-clip { width: 290px; height: 300px; background-color: #ff2988; color: #fff; float: left; }
#left-clip h1 { font-size: 23px; line-height: 28px; padding: 24px 20px 0 20px; margin: 0; font-weight: bold; }
#left-clip p { font-size: 16px; line-height: 22px; padding: 14px 20px 0 20px; margin: 0; font-weight: bold; }
#left-clip h1.double-header { padding-top: 10px; }
#left-clip h2 { font-size: 20px; line-height: 23px; padding: 14px 20px 0 20px; margin: 0; font-weight: bold; }

#right-clip, #right-clip-s { width: 670px; height: 300px; background-repeat: no-repeat; float: right; }
div.rc-welcome { background-image: url(images/welcome.jpg); }
div.rc-about { background-image: url(images/slide-about.jpg); }
div.rc-team { background-image: url(images/slide-team.jpg); }

/*#roundel { text-indent: -9001px; margin: 0; z-index: 10; position: absolute; }
#roundel a { display: block; width: 152px; height: 152px; background-image: url(images/roundel.png); background-repeat: no-repeat; margin-left: 500px; margin-top: 18px; }*/

#roundel { margin: 0; z-index: 10; position: absolute; }
#roundel a { display: block; width: 152px; height: 112px; background-image: url(images/dynamic_roundel.png); background-repeat: no-repeat; margin-left: 500px; margin-top: 18px; text-decoration: none; color: #803689; font-size: 19px; text-align: center; padding-top: 40px; letter-spacing: -0.04em; }
#roundel a:hover { background-image: url(images/dynamic_roundel_over.png); color: #fff; }

/*
 * Content
 */
#content { float: right; width: 640px; margin-right: 10px; margin-top: 20px; min-height: 550px; }
#content h2 { color: #ff2988; font-size: 23px; line-height: 28px; font-weight: bold; width: 480px; letter-spacing: -0.48px; }
blockquote { color: #ff2988; font-weight: bold; text-indent: -0.4em; }
p.author { font: normal 12px Arial, Verdana, sans-serif; line-height: 16px; }
p.hilighted { color: #ff2988; }
#content-left, #team-left { float: left; width: 280px; margin-right: 20px; }
#content-right, #team-right { float: left; width: 280px; }
#content-right p { width: 280px; }


/*
 * Team
 */
div.person { height: 110px; background-repeat: no-repeat; background-position: top left; line-height: 16px; margin-bottom: 20px; }
div.person a { color: #ff2988; border-bottom: 1px dotted #ff2988; text-decoration: none; font: bold 14px Arial, Verdana, sans-serif; }
div.person a:hover { color: #4d4d4d; border-bottom: 1px dotted #4d4d4d; }
div.person div { font-size: 11px; line-height: 16px; margin-top: -6px; }
div.team-image { margin-top: 0px; float: left; width: 120px; }
div.team-image a { border: 0; }
div.team-image a:hover { border: 0; }
div.team-image a img { border: 0; }

/*
 * Individual Profiles
 */
#profile-clip { width: 670px; float: right; }
#profile-left { float: left; width: 280px; padding: 10px 20px; min-height: 590px; }
#profile-left h2 { color: #ff2988; font-size: 23px; line-height: 28px; font-weight: bold; letter-spacing: -0.48px; }
#profile-right { float: left; height: 477px; background-color: #ff2988; }
#profile-right a:hover { color: #4d4d4d; border-bottom: 1px dotted #4d4d4d;  }
#profile-back { font: bold 15px Arial, Verdana, sans-serif; color: #fff; border-bottom: 1px dotted #fff; text-decoration: none; line-height: 38px; margin-left: 18px; }
div.profile-page-clip h1 { padding-bottom: 0px !important; }
div.profile-page-clip p { padding-top: 5px !important; }

/*
 * Clients
 */
#client-clip { width: 670px; float: right; margin-top: 10px; }
div.client-text { padding-left: 20px; padding-right: 10px; }
div.client-text h2, h3 { color: #ff2988; font-size: 23px; line-height: 28px; font-weight: bold; letter-spacing: -0.48px; }
div.client-text h3 { color: #4d4d4d; }
div.client-text h5 { color: #ff2988; font-size: 20px; line-height: 28px; font-weight: bold; letter-spacing: -0.40px; margin-top: 0; }
div.client-text h6 { color: #ff2988; font-size: 14px; line-height: 22px; font-weight: bold; margin-top: 20px; }
div.client-text p { width: 580px; }
#client-table { width: 100%; margin-top: 24px; }
#client-table td { width: 25%; height: 80px; }
hr.client-divider, hr.client-divider-2 { height: 6px; color: #f7f7f7; background-color: #f7f7f7; border: 0; margin: 20px 0; }
hr.client-divider-2 { border-bottom: 2px solid #ff2988; }
div.client-left { float: left; width: 280px; margin-right: 20px; }
div.client-right { float: left; width: 280px; }
div.client-left p, div.client-right p { width: 280px; }
div.client-right blockquote p { width: 340px; }

/*
 * Why Work With Us?
 */ 

div.www-left p.author, div.www-right p.author { color: #ff2988; margin-bottom: 30px; }
div.www-left blockquote p, div.www-right blockquote p { color: #4d4d4d; font-size: 16px; }
div.www-right blockquote p { width: 280px; }
div.www-text h2, div.www-text h3 { margin-bottom: 0px; }

/*
 * Services
 */

#services-clip { width: 670px; float: right; margin-top: 10px; padding-top: 2px; }

div.services-divider { height: 6px; color: #f7f7f7; background-color: #f7f7f7; border: 0; margin-bottom: 0px; margin-top: 0px; line-height: 0; }
div.services-divider-2 { height: 2px; background-color: #ff2988; border: 0; margin-top: 0px; margin-bottom: 12px; padding:0; line-height:0 }
div.services-text { margin-left: 20px; padding-right: 10px; }
div.services-text h2 { color: #4d4d4d; font-size: 23px; letter-spacing: -0.48px; width: 520px; float: left; padding: 0; margin-top: 2px; line-height: 28px; }
div.services-text h3 { color: #4d4d4d; font-size: 23px; font-weight: bold; letter-spacing: -0.48px; }
div.services-text h5 { color: #ff2988; font-size: 20px; font-weight: bold; letter-spacing: -0.40px; margin-top: 0; }
div.services-text h6 { color: #ff2988; font-size: 14px; font-weight: bold; margin-top: 20px; }
div.services-text p { width: 580px; }
div.services-more { float: left; margin-bottom: 2px; height: 38px; }
div.services-more div { width: 75px; float: left; margin-top: 4px; }
div.services-more a img { border: 0; }
div.services-more a { outline: none; }
div.services-more a.text-link { color: #ff2988; text-decoration: none; }
div.services-more a.text-link:hover { border-bottom: 1px dotted #ff2988; }

div.services-details { background-color: #f7f7f7; margin-bottom: 0; padding-bottom: 10px; }
div.services-details p { margin: 0; }
div.sd-left, div.sd-right { width: 280px; float: left; margin-left: 20px; }
div.sd-left { margin-left: 30px; }
div.services-details p { width: 280px; font-size: 11px; line-height: 15px; margin: 10px 0; }
div.services-details ul { margin-bottom: -7px; }
div.services-details li { color: #ff2988; font-size: 14px; list-style: disc; font-weight: bold; margin-top: 10px; margin-bottom: 0px; line-height: 17px; }
div.services-details ul.sublist li { font-size: 11px; margin-left: 20px; margin-top: 0px; margin-bottom: 10px; line-height: 17px; color: #4d4d4d; }
div.services-details ul.sublist li ul li { margin-bottom: 0px; color: #ff2988; font-weight: normal; }

#services-affiliates { margin-top: 20px; margin-bottom: 90px; }
#services-affiliates p { width: 280px; margin-bottom: 20px; }
#services-affiliates p.company { line-height: 16px; margin-bottom: 10px; }
#services-affiliates a { color: #ff2988; text-decoration: none; border-bottom: 1px dotted #ff2988; font-weight: bold; }
#services-affiliates a:hover { color: #4d4d4d; border-bottom: 1px dotted #4d4d4d; }
#services-affiliates span { font-size: 11px; }

#services-back { padding: 0px 20px 0 20px; position: relative; top: 140px; }
#services-back a { font-size: 15px; color: #fff; border-bottom: 1px dotted #fff; text-decoration: none; font-weight: bold; }
#services-back a:hover { color: #4d4d4d; border-bottom: 1px dotted #4d4d4d; }

.affiliates-text { padding-top: 20px; }
#affiliate-left, #affiliate-right { width: 280px; float: left; margin-bottom: 50px; }
#affiliate-left p, #affiliate-right p { width: 280px; }
#affiliate-left { margin-right: 20px; }
#affiliate-left a, #affiliate-right a { color: #ff2988; text-decoration: none; border-bottom: 1px dotted #ff2988; font-weight: bold; }
#affiliate-left a:hover, #affiliate-right a:hover { color: #4d4d4d; border-bottom: 1px dotted #4d4d4d; }

div.services-text ul { width: 240px; }
div.services-text li { margin-left: 15px; color: #ff2988; font-size: 12px; list-style: disc; }


/*
 * News page
 */

.postwrap { }
.post-odd .leftmeta { background-color: #ff2988; }
.post-even .leftmeta { background-color: #803689; }
.post-odd .post-text h3 a { color: #ff2988; }
.post-even .post-text h3 a { color: #803689; }
.first-post { }

.postwrap .leftmeta { float: left; width: 290px; }
.postwrap .meta-pad { padding: 15px 20px; }
.postwrap .meta-pad div { display: inline !important; }
.postwrap .leftmeta p { color: #fff; font-size: 15px; margin: 0; }
.postwrap .leftmeta a { color: #fff; text-decoration: none; border-bottom: 1px dotted #fff; }
.postwrap .leftmeta a:hover { color: #4d4d4d; border-bottom: 1px dotted #4d4d4d; }
.post-even .leftmeta a:hover { color: #ff2988; border-bottom: 1px dotted #ff2988; }

.postwrap .post { width: 670px; float: right; border-top: 4px solid #f7f7f7; }
.first-post .post { border-top: 0; }
.postwrap .post-text { padding: 9px 20px; width: 480px; }
.postwrap .post-text h3 { font-size: 23px; font-weight: bold; letter-spacing: -0.48px; }
.postwrap .post-text h3 a { text-decoration: none; border: 0; }
.postwrap .post-text { font-size: 14px; line-height: 22px; color: #4d4d4d; }
.first-post .post-text { font-size: 16px; line-height: 25px; }
.postwrap .post-text a { color: #ff2988; text-decoration: none; border-bottom: 1px dotted #ff2988; }
.postwrap .post-text a:hover { color: #4d4d4d; border-bottom: 1px dotted #4d4d4d; }
.postwrap .post-text a img { border: 0; }
.postwrap ul li { margin-left: 1em; list-style: circle; }
.postwrap ol li { margin-left: 1.4em; list-style: decimal; }


/*
 * Align stuff
 */

img.centered, .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin-left: 15px; margin-bottom: 10px; display: inline; }
img.alignleft { margin-right: 15px; margin-bottom: 10px; display: inline; }
.alignright { float: right; }
.alignleft { float: left; }

/*
 * Post navigation
 */

#post-navigation { width: 670px; float: right; background-color: #ff2988; margin-bottom: 20px; }
#post-navigation-forward { float: left; width: 360px; padding: 20px; }
#post-navigation-back { float: left; width: 160px; padding: 20px; }
#post-navigation a { color: #fff; font-size: 15px; letter-spacing: -0.03em; text-decoration: none; border-bottom: 1px dotted #fff; font-weight: bold; }
#post-navigation a:hover { color: #4d4d4d; border-bottom: 1px dotted #4d4d4d; }

/*
 * Comments
 */

#comments { margin-bottom: 20px; }
.comment-container { border-top: 4px solid #f7f7f7; margin-bottom: 20px; } 
.comment-container p { font-size: 14px; margin: 2px 0; line-height: 22px; color: #4d4d4d; }
p.comment-metadata { margin-bottom: 8px; font-size: 12px; }
div.comment-content {}

#commentform { }
#commentform p { margin: 10px 0; }
#commentform label { margin-left: 12px; font: normal 14px Arial, Verdana, sans-serif; color: #ff2988; }
#commentform textarea { padding: 5px; border: 2px solid #ff2988; width: 470px; font: normal 14px Arial, Verdana, sans-serif; }
#author { margin-top: 8px; }
.contact-form #author { margin-top: 0; }
#email, #author, #url { width: 172px; padding: 4px; border: 2px solid #ff2988; font: normal 14px Arial, Verdana, sans-serif; }
#commentform p.not-req input, #contact-right p.not-req textarea { border-color: #b3b3b3; }
#commentform p.not-req label { color: #4d4d4d; }
#submit { background-color: #ff2988; color: #fff; padding:10px; font: bold 14px Arial, Verdana, sans-serif; border: 0 !important; }


/*
 * Contact
 */

#download-map { padding: 0px 20px 0 20px; position: relative; top: 90px; }
#download-map a { font-size: 15px; color: #fff; border-bottom: 1px dotted #fff; text-decoration: none; font-weight: bold; }
#download-map a:hover { color: #4d4d4d; border-bottom: 1px dotted #4d4d4d; }

#contact-clip { width: 670px; height: 300px; float: right; }

#contact { float: right; width: 650px; margin-top: 20px; min-height: 400px; }
#contact-left { float: left; width: 280px; }
#contact-right { float: right; width: 350px; }
#contact-left h3, #contact-left h4, #contact-right h3 { color: #ff2988; font-size: 20px; line-height: 23px; font-weight: bold; letter-spacing: -0.40px; margin-top: 0; } 
#contact-right h3 { margin-left: 10px; width: 220px; float: left; }
#contact-left h4 { color: #4d4d4d; margin-top: 7px; }
#contact-left h4 a { color: #4d4d4d; font-size: 19px; text-decoration: none; }
#contact-left h4 a:hover { color: #ff2988; }

#contact-form-divider { height: 6px; color: #f7f7f7; background-color: #f7f7f7; border: 0; margin-bottom: 0px; margin-top: 3px; line-height: 0; }
#contact-form-divider-2 { height: 2px; background-color: #ff2988; border: 0; margin: 0; padding:0; line-height:0; }

#contact-see-more { float: left; width: 120px; margin-top: 10px; }
#contact-see-more div { width: 75px; float: left; margin-top: 4px; }
#contact-see-more a img { border: 0; }
#contact-see-more a { outline: none; }
#contact-see-more a.text-link { color: #ff2988; text-decoration: none; }
#contact-see-more a.text-link:hover { border-bottom: 1px dotted #ff2988; }

#contact-right form { background-color: #f7f7f7; border-bottom: 2px solid #ff2988; padding-top: 20px; margin-bottom: 20px; }
#contact-first {}
#contact-right input, #contact_comment { width: 172px; padding: 4px; border: 2px solid #ff2988; font: normal 14px Arial, Verdana, sans-serif; }
#contact-right label { width: 100px; display: block; float: left; margin-left: 25px; font: normal 14px Arial, Verdana, sans-serif; color: #ff2988; line-height: 18px; margin-top: 4px; }
#contact-right p.not-req input, #contact-right p.not-req textarea { border-color: #b3b3b3; }
#contact-right p.not-req label { color: #4d4d4d; }
#contact_submit { background-color: #ff2988; color: #fff; margin-left: 125px; width: 184px !important; font: bold 14px Arial, Verdana, sans-serif; border: 0 !important; }
#contact-note { font: normal 11px Arial, Verdana, sans-serif; color: #4d4d4d; margin-left: 25px; line-height: 14px; margin-top: 25px; }
#contact-note span { color: #ff2988; }
#contact-outcome { margin-left: 25px; margin-bottom: 30px; }

/*
 * 404
 */

#not-found { width: 670px; height: 600px; float: right; }
#not-found div { padding: 0px 20px; }
#not-found a { color: #ff2988; text-decoration: none; border-bottom: 1px dotted #ff2988; }
#not-found a:hover { color: #4d4d4d; border-bottom: 1px dotted #4d4d4d; }


/*
 * Footer
 */

#footer { clear: both; background-color: #4d4d4d; padding-bottom: 25px; }
#footer-info { height: 42px; background-color: #ff2988; color: #fff; background-image: url(images/footer-info.png); background-repeat: no-repeat; background-position: center center; }
#footer-info p { text-indent: -9001px; text-align: center; }
#footer-detail { width: 940px; margin: 0 auto; margin-top: 25px; }
#footer-tbps { float: left; text-indent: -9001px; width: 160px; height: 94px; background-image: url(images/footer-tbps.png); background-repeat: no-repeat; }
#footer-afc { float: left; text-indent: -9001px; width: 140px; height: 94px; background-image: url(images/footer-afc.png); background-repeat: no-repeat; }
#footer-sitemap { float: left; width: 300px; }
#footer-sitemap h4 { margin: 0; padding: 0; margin-left: 2px; color: #fff; font-size: 12px; font-weight: bold; }
#footer-sitemap li { margin: 0px; line-height: 18px; }
#footer-sitemap a { color: #fff; font-size: 12px; text-decoration: none; padding: 2px; }
#footer-sitemap a:hover { background-color: #ff2988; }
#sitemap-left { float: left; width: 100px; }
#sitemap-left { width: 100px; }
#footer-copy { margin-left: 600px; }
#footer-copy p { color: #fff; font-size: 12px; line-height: 18px; }
#footer-copy a { color: #fff; font-size: 12px; text-decoration: none; padding: 2px; }
#footer-copy a:hover { background-color: #ff2988; }
#footer-c-first { margin-top: 0; }
#footer-c-last { margin-bottom: 0; }


/*
 * Amends
 */

#homequote { width: 340px !important; }