/*
Theme Name: Arizona Dental Foundation
Author: IWS
Author URI: http://workwithiws.com/
Description: Created in 2013
Version: 1.0
Text Domain: azdentalfoundation
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}


/* Structure
----------------------------------------------- */

@font-face {
    font-family: nexa-bold;
    src: url(css/fonts/Nexa_Free_Bold.otf);
    font-weight:normal;
}

@font-face {
    font-family: nexa-light;
    src: url(css/fonts/Nexa_Free_Light.otf);
    font-weight:normal;
}


body {
	background: #e5e5e5;
	font-family: Arial, Helvetica, sans-serif;
}

em {font-style:italic;}
strong {font-weight: bold;}
.cl {clear:both; font-size: 0; line-height: 0; text-indent: -4000px; }
.left {float: left;}
.right {float: right;}

.nexa-bold {font-family: nexa-bold, Arial, Helvetica, sans-serif;}
.nexa-light {font-family: nexa-light, Arial, Helvetica, sans-serif;}

.main-shell {width: 1130px; margin: 0 auto; padding: 0; background: #fff; -moz-box-shadow: 0 0 7px 3px #bababa; -webkit-box-shadow: 0 0 7px 3px #bababa; box-shadow: 0 0 7px 3px #bababa;}


a.btn-blue {background:url(css/images/btn-blue-bg.png) repeat-x 0 0; padding: 10px 20px; margin: 15px 0 0 0; font-size:16px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color:#fff !important; display: block; text-decoration: none !important; text-transform: uppercase; width:180px; text-align: center;  }
a.btn-blue:hover {opacity:0.8; filter:alpha(opacity=80);}

/*
	Header
*/
#header {background: #fff url(css/images/header-gradient.png) repeat-x 0 0; padding:0 margin: 0 2px 2px 2px; position: relative; height: 135px;}
h1#logo { width: 227px; float: left; margin: 0 0 0 54px; position: relative; display:block;}
h1#logo a { display: block; background: url(css/images/logo-top.png) no-repeat 0 top; font-size: 0; line-height: 0; text-indent: -4000px; height: 121px; }

form.short-signup {padding: 50px 0 0 452px; margin: 0 ;}
form.short-signup p {background: url(css/images/icon-email.png) no-repeat 0 1px; font-size: 14px; padding: 0 5px 0 22px; text-transform:uppercase; color: #999; display:inline;}
form.short-signup input { vertical-align: top; height: 42px; margin: -22px 0 0 0;  border: 1px solid #fff; }
form.short-signup input.field {padding: 0px 13px; background:#f3f3f3; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color:#333;  -moz-box-shadow: inset 1px 1px 2px #cecece; -webkit-box-shadow: inset 1px 1px 2px #cecece; box-shadow: inset 1px 1px 2px #cecece;}
form.short-signup input.submit {background: url(css/images/btn-email-submit.png) no-repeat 0 0; margin-left: -15px; width: 80px; height:46px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; border-left:0;}
form.short-signup input.submit:hover {opacity:0.8; filter:alpha(opacity=80);}

/*
	Header Social Icons
*/
#header .socials {position: absolute; top:50px; right:54px;}
.socials a.fb, .socials a.tw, .socials a.yt,  .socials a.ig, .socials a.pt, .socials a.rz {background: url(css/images/sprite-socials.png) no-repeat; width: 22px; height: 30px; font-size: 0; line-height: 0; text-indent: -4000px; display:block; float:left; padding:0 8px;  }
.socials a.fb {background-position: 7px 0;}
.socials a.tw {background-position: -27px 0;}
.socials a.yt {background-position: -64px 0;}
.socials a.ig {background-position: -100px 0;}
.socials a.pt {background-position: -139px 0;}
.socials a.rz {background-position: -178px 0;}

/*
	Main menu-navigation
*/
#menu-navigation {list-style-type:none; position: relative; width: 1127px; padding: 0 ; margin: 0 2px; background: url(css/images/nav-gradient.png) repeat-x 0 0; height: 65px; font-weight:bold;}
#menu-navigation li {display:inline; position: relative; padding-top:24px; height:40px; float: left; font-size: 14px; border-left: 1px solid #70c7e1; border-right: 1px solid #258ba8;}
#menu-navigation li:last-child {border-right:0px;}
#menu-navigation li:hover {background:url(css/images/nav-hover-bg.png) repeat-x 0 0;}
#menu-navigation li a {color:#fff; text-decoration: none; padding: 24px 61px; }

#menu-navigation ul {display:none; position: absolute; z-index:999; top:64px; left: -1px; background: #06546b; width: 93%; padding: 0 8px;}
#menu-navigation ul li {display:block; z-index:999; position: relative; padding-top:24px; float: none; font-size: 14px; border-bottom: 1px solid #70c7e1; border-left:0; border-right:0; text-align:center;}
#menu-navigation ul li:last-child {border-bottom:0px;}
span.arrow {background: url(css/images/nav-arrow-test.png) no-repeat 50% 4px; z-index:999; position: relative; bottom: -12px; display:block;}
#menu-navigation ul li:hover {background:#2192b3;}
#menu-navigation ul li a {color:#fff; text-decoration: none; padding: 0; }



/* End Header
----------------------------------------------- */

/*
	Home Content
*/

/*
	Carousel
*/

#slider {width: 1125px; height: 452px; background:#f5f5f5; padding: 0 2px; overflow:hidden;}
#slider .slide .inv-slide {position: relative; width:1127px; height:420px; overflow:hidden;}
#slider .slide .overlay {background: url(css/images/carousel-text-bg.png) no-repeat 0 0; font-family: nexa-bold, Arial, Helvetica, sans-serif; color:#991f93; text-transform:uppercase; font-size:35px; line-height: 42px; width:409px; height:238px; position:absolute; top:28px; right:38px; z-index:50; padding: 65px 45px 25px 45px; text-align:center;}
#slider .slide .overlay a.btn {background: url(css/images/carousel-more-bg.png) repeat-x 0 0; color:#fff; font-size: 21px; font-family: nexa-bold, Arial, Helvetica, sans-serif; padding:16px 22px; text-decoration:none; border-radius: 10px;}
#slider .pagination {background: url(css/images/pagination-bg.gif) repeat-x 0 0; margin: 2px 0 0 50px; padding: 8px 10px; position: absolute; min-width:10px; }
#slider .pagination a {background: url(css/images/sprite-pagination-nav.png) no-repeat -22px 0; width: 12px; height:12px; font-size: 0; text-indent: -4000px; display: block; float:left; margin: 0 4px; position:relative;}
#slider .pagination a.selected {background-position: 0 0; }
#slider .prev, #slider .next {background:url(css/images/sprite-pagination-arrows.png) no-repeat 0 0; width: 35px; height:27px; font-size: 0; text-indent: -4000px; display: block; float: right; margin-top: 2px;}
#slider .next {background-position: -36px 0; margin:: 0 0 0 2px; padding-right: 50px;}

/*
	Home Bucket Content
*/
.home-bucket-content {padding: 40px 52px;}
.home-bucket-content p {font-size: 13px; line-height:19px; padding: 6px 0;}
.home-bucket-content p a {color:#9a4498; text-decoration:underline; font-weight:bold;}
.home-bucket-content p a:hover {text-decoration:none;}
.home-bucket-content h3 {color: #06546b; text-transform:uppercase; padding: 6px 0 14px 45px; }
.left-col, .right-col {float:left;}
.left-col h2, .right-col h2 {color: #fff; text-transform:uppercase; font-size: 26px; text-align:center; width: 480px; height:45px; font-weight:normal; padding:21px 0 0 0; margin:0;}

/* Left Column */
.left-col {margin-right: 60px;}
.left-col h2 {background-color:#2ea8cb;}
h3.give {background:url(css/images/icon-give.png) no-repeat 0 0;}
h3.events {background:url(css/images/icon-events.png) no-repeat 0 0;}
.left-col .body-1, .left-col .body-2, .left-col .body-3  {padding: 29px 18px; width:444px; }
.left-col .body-1 {background:#eaf6fa;}
.left-col .body-2 {background:#d7eef5;}
.left-col .body-3 {background:#c4e6f1;}

/* Right Column */
.right-col h2 {background-color:#892186;}
h3.find {background:url(css/images/icon-find.png) no-repeat 0 0;}
h3.az {background:url(css/images/icon-az.png) no-repeat 3px 0;}
h3.tooth {background:url(css/images/icon-tooth.png) no-repeat 0 0;}
.right-col .body-1, .right-col .body-2, .right-col .body-3, .right-col .body-4  {padding: 29px 18px; width:444px; }
.right-col .body-1 {background:#f8f5f8;}
.right-col .body-2 {background:#f2ecf2;}
.right-col .body-3 {background:#ece3ec;}
.right-col .body-4 {background:#e5dae6;}

.right-col a.btn-purple {background:url(css/images/btn-purple-bg.png) repeat-x 0 0; padding: 10px 20px; margin-top: 15px; font-size:16px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; color:#fff; display: block; text-decoration: none; text-transform: uppercase; float:left; text-align: center;  }
a.btn-purple:hover {opacity:0.8; filter:alpha(opacity=80);}

/*
	Social Feeds
*/
.social-feeds {padding: 40px 52px; margin: 0 2px; background: #fff url(css/images/social-bg.png) repeat-x 0 0; height: 278px;}
.social-feeds p {font-size: 13px; line-height:19px;}
.social-feeds p a {color:#9a4498; text-decoration:underline; font-weight:bold;}
.social-feeds p a:hover {text-decoration:none;}
.social-feeds h3 {color: #06546b; text-transform:uppercase; padding: 6px 0 14px 45px; }
.social-feeds .left-col, .social-feeds .right-col {float:left; }
.social-feeds .left-col .body, .social-feeds .right-col .body {background:#f2f2f2 url(css/images/feed-bg.png) repeat-y 8px 0; width:400px; position: relative; padding: 20px 20px 20px 60px; height: 100px; overflow:hidden;}
.social-feeds .left-col .banner-end, .social-feeds .right-col .banner-end {background:url(css/images/banner-end.png) no-repeat 11px top; display:block; width: 54px; height:17px;}

.fb-feed, .tw-feed {height: 100px;}

/*Facebook*/
.social-feeds .left-col {margin-right: 60px;}
.social-feeds .left-col span.fb-banner {background: url(css/images/fb-banner.png) no-repeat 0 0; width: 39px; height:131px; display: block; position: absolute; top:0; left: 8px;}
.social-feeds .left-col .body {}
.social-feeds .left-col .facebook-info {background:url(css/images/icon-fb.png) no-repeat 0 0; margin:8px 0 0 0; padding-left: 62px; height: 54px;}
.social-feeds .left-col .facebook-info p, .fb-like {display: inline; position: relative; top: 14px;}
.fb-like {display:block;}
.social-feeds .left-col .facebook-info p a {color:#2aa1c4; text-decoration:none;}


/*Twiiter Banner*/
.social-feeds .right-col span.tw-banner {background: url(css/images/tw-banner.png) no-repeat 0 0; width: 39px; height:131px; display: block; position: absolute; top:0; left: 8px;}
.social-feeds .right-col .twitter-info {background:url(css/images/icon-tw.png) no-repeat 0 0; margin:8px 0 0 0; padding-left: 62px; height: 54px;}
.social-feeds .right-col .twitter-info p, .twitter-follow-button {display: inline; position: relative; top: 14px;}
.twitter-follow-button {top: 19px; margin-left: 8px;}
.social-feeds .right-col .twitter-info p a {color:#2aa1c4; text-decoration:none;}



/* End Home Content
----------------------------------------------- */

/*
	Inside Content
*/

.inside-content {margin: 2px; padding:0 0 45px 0; width: 1127px;}
.inside-content .image-header {height: 175px; margin:0 0 55px 0; background:#f5f5f5; position: relative;}
.inside-content .image-header h2 {background:url(css/images/h2-bg-v3.png) repeat-x 0 bottom; font-size: 51px; color:#fff; position: absolute; top: 65px; left: 63px; font-weight:normal; line-height: 55px; min-height:100px; float:left; text-transform:uppercase; }

.inside-content-2col {padding:0 52px; margin:0;}
.inside-content-1col {padding:0 52px; margin:0; width:1015px;}
.inside-content-2col .left-content {width: 620px; float:left; margin-right: 60px; }
.inside-content-2col .left-content img {max-width:620px; height:auto}
.inside-content-2col h3, .inside-content-1col h3, .inside-content-2col h3 a, .inside-content-1col h3 a {color: #1f8eaf; font-family: nexa-bold, Arial, Helvetica, sans-serif; font-size: 28px; margin:0; padding: 0 0 24px 0; text-transform: uppercase; }
.inside-content-2col p, .inside-content-1col p, .inside-content-2col ol, .inside-content-1col ol, .inside-content-2col ul, .inside-content-1col ul {color:#666; font-size: 14px; line-height: 19px; padding-bottom: 15px;}
.inside-content-2col p a, .inside-content-1col p a, .inside-content-2col ol a, .inside-content-1col ol a, .inside-content-2col ul a, .inside-content-1col ul a {color: #1F8EAF; text-decoration:underline; font-weight: bold;}
.inside-content-2col p a:hover, .inside-content-1col p a:hover, .inside-content-2col ol a:hover, .inside-content-1col ol a:hover, .inside-content-2col ul a:hover, .inside-content-1col ul a:hover {text-decoration:none;}

.inside-content-2col ol, .inside-content-1col ol {}
.inside-content-2col ul, .inside-content-1col ul {list-style-type: disc; padding-left: 2em;}
.inside-content-2col ul li, .inside-content-1col ul li {list-style-type: disc; padding-bottom: 1em;}

/*
	Blog
*/
#blog-list h4 {font-weight:normal; font-size:26px; line-height: 28px;}
#blog-list h4 a {text-decoration: none; color:#1F8EAF; font-weight:normal;}
#blog-list h4 a:hover {text-decoration:underline;}
#blog-list {padding-left:0;}
#blog-list li {padding-bottom: 15px; margin:15px; border-bottom: 1px dashed #E5E5E5; list-style-type:none;}
#blog-list li:last-child {border-bottom:0;}

/*
	WP_Pagenavi
*/
.wp-pagenavi a {color: #1F8EAF !important;}
.wp-pagenavi span {color:#666 !important;}
.wp-pagenavi span.current, .wp-pagenavi span:hover  {border-color: #1F8EAF !important;}


.sponsor-cols {width: 570px; padding: 0 0 0 30px;}
.sponsor-col {width: 243px; padding: 0 8px 0 20px; border-right: 1px solid #d2d2d2; float: left;}
.sponsor-col h4 {font-size: 15px; color: #7d7d7d; font-weight: bold;}
.sponsor-col p {font-size: 13px; color: #7d7d7d;}

.friends-list {width: 620px;}
.friends-list .col {float: left; width: 140px; padding-right: 15px;}
.friends-list .col ul {margin:0; padding:0;}
.friends-list .col ul li {margin:0; padding: 0 0 1em 0; list-style-type:none; font-size: 14px; color: #7d7d7d;}

.wish-list {width: 620px;}
.wish-list .col {float: left; width: 250px; padding-right: 15px;}
.wish-list .col ul {margin:0; padding:0;}
.wish-list .col ul li {margin:0; padding: 0; list-style-type:none; font-size: 14px; color: #7d7d7d;}



/* Sidebar */
.inside-content-2col .right-content {width: 335px; float:left; padding:0; margin:0;}
.inside-content-2col .right-content h3 {color: #1f8eaf; font-family: nexa-bold, Arial, Helvetica, sans-serif; font-size: 20px; margin:0; padding: 0 0 18px 0; text-transform: uppercase; border-bottom: 2px solid #e5e5e5;}
.right-content #sidenav  {list-style-type:none; padding:0; margin:0 0 45px 0; }
.right-content #sidenav li {list-style-type:none; padding: 0!important; background:url(css/images/sidenav-arrow-off.png) no-repeat 10px 16px; border-bottom: 2px solid #f2f2f2;}
.right-content #sidenav li:last-child {border-bottom:0;}
.right-content #sidenav li:hover {background:url(css/images/sidenav-arrow-on.png) no-repeat 10px 16px;}
.right-content #sidenav li a {color: #1f8eaf; padding: 12px 0 12px 2em; text-decoration:none; display: block;}
.right-content #sidenav li a:hover {color: #852083; background:url(css/images/sidenav-hover.png) repeat-x 0 0;}

.right-content #accomplishments {font-size: 12px; padding:0; margin:0; list-style-type:none;}
.right-content #accomplishments li {list-style-type:none; padding: 1em 10px 1em 45px !important; background:url(css/images/icon-checkmark.png) no-repeat 10px 16px; border-bottom: 2px solid #f2f2f2;}
.right-content #accomplishments li:last-child {border-bottom:0;}


/* End Inside Content
----------------------------------------------- */



/*
	Footer
*/

.footer-shell {width: 1050px; margin: 40px auto; padding: 0;}
.footer-shell  .links {padding-bottom: 20px; }
.footer-shell  .links li:first-child {padding-left:0;}
.footer-shell  .links li:last-child {padding-right:0; border-right: 0;}
.footer-shell  .links li {display:inline; float: left; border-right: 1px solid #333; padding: 0 15px; font-size:14px;}
.footer-shell  .links li a {color:#333; text-decoration:none;}

.footer-shell  .links-2 {padding-bottom: 20px; }
.footer-shell  .links-2 li:first-child {padding-left:0;}
.footer-shell  .links-2 li:last-child {padding-right:0; border-right: 0;}
.footer-shell  .links-2 li {display:inline; float: left; border-right: 1px solid #666; padding: 0 10px; font-size:12px;}
.footer-shell  .links-2 li a {color:#666; text-decoration:none;}

.footer-shell  .copyright p {color:#666; font-size:12px; padding: 20px 0; }
.footer-shell  .logos {margin-top: 30px;}


/* End Footer
----------------------------------------------- */