/*
Theme Name: The Diabetes Resource
Author: Chuck Lin
Version: 1.0
*/


/* =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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
/*
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*/
a img {
	border: none;
}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
p { clear:both; margin-bottom:1em;}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}
/*
@font-face {
    font-family: 'HelveticaNeueLightRegular';
    src: url('webfonts/helvnl__-webfont.eot');
    src: url('webfonts/helvnl__-webfont.eot?#iefix') format('embedded-opentype'),
         url('webfonts/helvnl__-webfont.woff') format('woff'),
         url('webfonts/helvnl__-webfont.ttf') format('truetype'),
         url('webfonts/helvnl__-webfont.svg#HelveticaNeueLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/
body {
    font-family: 'helvetica';
    font-size:13px;
    color:#465e2b;
}
a {
    font-size:13px;
    color:#465e2b;
    text-decoration:none;
}
#wrapper {
    width:1040px;
    margin:48px auto;
}
#masthead {
    width:100%;
}
#branding {
    float:left;
    width:402px;
    height:114px;
}
#access {
    float:right;
    text-align:right;
    background:url(images/leaf1.png) no-repeat right 95px;
}
#access ul {
    float:right;
    margin-top:106px;
    margin-right:30px;
}
#access ul li {
    float:left;
    text-transform:uppercase;
    border-right:1px solid #939598;
    padding-right:10px;
    margin-right:10px;
}
#access ul li a {
    color:#939598;
    font-size:12px;
}
#nav-add-listing {
    margin:0!important;
    padding:0!important;
    border:0!important;
}
#nav-add-listing a {
    color:#66873a!important;
    font-weight:bold;
}
#header {
    margin-bottom:47px;
}
#left-column {
    float:left;
    width:160px;
    padding:0 10px;
    min-height:400px;
}
#content {
    float:left;
    min-height:400px;
    width:630px;
    margin-left:10px;
    position:relative;
}
#right-column {
    float:left;
    min-height:400px;
    width:182px;
    margin-left:20px;
}
strong {
    font-weight:bold;
}
h1 {
    color:#5c7233;
    font-size:20px;
}
#content h1 {
    padding:0 10px;
    line-height:24px;
}
#directory-nav {
    text-align:center;
    margin-top:30px;
    padding-bottom:20px;
    margin-bottom:10px;
    border-bottom:1px solid #d4dac3;
    width:100%;
}
#directory-nav li {
    float:left;
    width:96px;
    margin: 0 4px;
}
#directory-nav li a {
    padding-top:60px;
    font-size:11px;
    display:block;
    width:96px;
    color:#939598;
    background-position:20px 0;
    cursor:pointer;
}
#general {
    background:url(images/general_icon.png) no-repeat;
}
#medical {
    background:url(images/medical_icon.png) no-repeat;
}
#parents {
    background:url(images/parents_icon.png) no-repeat;
}
#state {
    background:url(images/state_icon.png) no-repeat;
}
#health {
    background:url(images/health_icon.png) no-repeat;
}
#social {
    background:url(images/social_icon.png) no-repeat;
}
#search-bar {
    height:50px;
    line-height:50px;
    background:#4a6a31;
    color:#fff;
    font-size:16px;
    padding-left:10px;
    position:relative;
}
#search-bar input[type=text] {
    color:#939598;
    font-size:11px;
    border:1px solid #709653;
    height:18px;
    margin-left:10px;
    width:150px;
    position:absolute;
    right:50px;
    top:13px;
}
#search-bar input[type=image] {
    position:absolute;
    right:10px;
    top:5px;
}
#secondary-add-listing {
    text-align:right;
    padding:10px 20px;
}
.grey {
    color:#939598;
}
.featured-listing-head {
    height:31px;
    font-size:18px;
    padding-top:7px;
    background:url(images/leaf2.png) no-repeat;
    background-position:180px 0;
}
.listing-head, .listing-head a {
    height:31px;
    font-size:18px;
    padding-top:7px;
}
#featured-listing {
    width:100%;
}
#featured-listing li{
    width:100%;
    margin-bottom:20px;
}
.featured-image-frame {
    width:162px;
    float:left;
}
.featured-image-frame img {
    width:162px;
}
.featured-details {
    float:right;
    width:437px;
    line-height:16px;
}
.featured-image-frame h3 {
    font-size:13px;
    font-weight:bold;
}
.featured-details .address {
    margin-top:1em;
}
.featured-details a {
    font-weight:bold;
}
.dropdown-container {
    background:url(images/dropdown-bg.png) repeat-y;
    min-height:200px;
    border-bottom:1px solid #d4dac3;
    z-index:200;
    position:absolute;
    width:347px;
    display:none;
}
.dropdown-top {
    width:347px;
    height:9px;
    background:url(images/dropdown-top.png) no-repeat;   
    position:relative;
}
.arrow-down {
    background:url(images/arrow-down.png) no-repeat;   
    position:absolute;
    width:13px;
    height:9px;
    top:0;
}
#general-dropdown {
}
#health-dropdown {
}
#medical-dropdown {
    left:103px;
}
#parents-dropdown {
    left:206px;
}
#social-dropdown {
    right:0;
}
#state-dropdown {
    right:0;
}

#general-dropdown .arrow-down {
    left:44px;
}
#health-dropdown .arrow-down {
    left:149px;
}
#medical-dropdown .arrow-down {
    left:149px;
}
#parents-dropdown .arrow-down {
    left:149px;
}
#social-dropdown .arrow-down {
    right:160px;
}
#state-dropdown .arrow-down {
    right:50px;
}
.dropdown-bottom {
    padding:10px;
    width:327px;
}
.list {
    width:120px;
    margin-bottom:10px;
}
.list h4 {
    font-weight:bold;
}
.list, .list a, .wide-list, .wide-list a {
    color:#939598;
}
.list a:hover, .wide-list a:hover {
    color:#d4dac3;
}
.col {
    width:155px;
    float:left;
}
.col-r {
    width:155px;
    float:right;
}
.wide-list {
    width:100%;
}
.wide-list li {
    width:150px;
    float:left;
    margin-right:10px;
}
.nav-previous {
    width:40%;
    float:left;
}
.nav-next {
    width:40%;
    float:right;
    text-align:right;
}
.entry {
    color:#5e5555;
    line-height:1.4em;
}
.entry img {
    display:block;
    clear:both;
    margin: 0 auto;
}
h2.title {
    margin-bottom:20px;
}
#listing-meta li {
    margin-bottom:1em;
}

#listing_form_table {
    margin-bottom:20px;
}
#listing_form_table td {
    padding: 4px 10px;
    vertical-align:top;
}
#listing_form_table label {
    line-height:24px;
    float:right;
}
.third-col {
    float:left;
    margin-right:10px;
    height:90px;
    margin-top:20px;
}
#listing_form_table textarea ,
#listing_form_table input[type=text] {
    width:350px;
    border:1px solid #465E2B;
    padding:2px 4px;
    margin:2px;
}
#listing_form_table textarea {
    height:5em;
}
.widget {
    margin-bottom:20px;
}
.widget h3, .widget-container h3 {
    color:#fff;
    background-color:#4a8d97;
    padding:5px 8px;
    vertical-align:middle;
    font-weight:bold;
    font-size:13px;
    text-transform:uppercase;
}
.eventcal-head {
    background: #4a8d97 url(images/cal-icon.png) no-repeat 154px 0!important;
}
.widget h3 a {
    color:#fff;
}
.widget-content, .widget-container ul {
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
    padding:10px;
}
.widget-container li {
    margin-bottom:1em;
}
.widget_EVENTCAL .date {
    font-size:14px;
    color:#aeb0b0;
    width:30px;
    float:left;
}
.widget_EVENTCAL .event-content {
    float:right;
    width:120px;
}
.widget_EVENTCAL .date .day {
    font-size:22px;
}
.widget_EVENTCAL li {
    clear:both;
    margin-bottom:10px;
    padding:10px 0;
    border-bottom:1px solid #ccc;
    width:100%;
}
.widget_EVENTCAL li:last-child {
    border:0;
    padding-bottom: 0;
}
.event-content h4  {
    margin-bottom:4px;
}
.event-content h4 a {
    color:#4a8d97;
    font-weight:bold;
}
.event-content {
    color:#a2a0a1;
    font-size:12px;
}
.user-profile_pic {
    float:left;
    margin:5px;
    width:35px;
}
.user-content {
    float:right;
    margin:5px;
    width:80px;
}
.user-content a {
    font-weight:bold;
    font-family:helvetica;
    color:#8e8f8f;
    font-size:12px;
}
h3.listing-category {
    background:transparent;
    font-weight:bold;
    font-size:12px;
    color:#ccc;
    padding:0;
    text-transform:none;
    padding:0;
}
h3.listing-category-general-diabetes-resources-2 {
    color:#9aae3d;
}
li.latest-listing  {
    margin-bottom:20px;
}
li.widget_latest-listing h4 a {
    color:#838587;
}
h3.listing-category-your-diabetes-health {
    color:#c4bd31;
}
h3.listing-category-medical-professionals {
    color:#4f6884;
}
h3.listing-category-parents-kids {
    color:#cf4669;
}
h3.listing-category-social-media {
    color:#487ec0;
}
.latest-listing-head {
    background-color:#9abb84!important;
}
.contributors-head {
    background-color:#aeb0b3!important;
}
#footer {
    margin-top:20px;
    margin-bottom:40px;
    padding:20px;
    color:#575555;
}
#footer, #footer a {
    color:#575555;
}
.footer-sections a {
    font-family:arial;
    font-size:12px;
    color:#575555;
}
.footer-sections {
    float:left;
    font-size:12px;
    color:#575555;
    margin-right:50px;
}
.footer-sections:last-child {
    margin-right:0;
}
.footer-sections h2 {
    font-size:16px;
    font-weight:bold;
    margin-bottom:12px;
}
.footer-resources {
    width:160px;
}
.footer-events {
    width:160px;
}
.footer-states {
    width:268px;
}
.footer-company {
    width:260px;
}
.footer-sub li {
    margin-bottom:5px;
}
#footer-main {
    border-bottom:1px solid #ccc;
    padding-bottom:16px;
    margin-bottom:20px;
}
.copyright {
    float:left;
}
#footer-bottom {
    float:right;
}
#footer-bottom li {
    float:left;
    text-align:right;
    border-right:1px solid #ccc;
    padding-right:.5em;
    margin-right:.5em;
}
#footer-bottom li:last-child {
    border:0;
    padding:0;
    margin:0;
}
#footer-bottom a {
    font-family:arial;
    font-size:12px;
}
.footer-company .footer-sub li {
    float:left;
    width:120px;
    margin-right:10px;
}
.footer-states .footer-sub li {
    float:left;
    width:85px;
}
.search-states-ul {
    width:300px;
    margin-right:10px;
    float:left;
}
.search-states-ul li {
    margin-bottom:10px;
}
#breadcrumb {
    margin-bottom:20px;
}
#breadcrumb li {
    float:left;
    color:#9aae3d;
    height:28px;
    line-height:28px;
    background-repeat:no-repeat;
}
#breadcrumb li:first-child {
    background-size:28px 28px;
    -moz-background-size:28px 28px;
    padding-left:34px;
}
#breadcrumb li a {
    font-size:14px;
    color:#9aae3d;
}
a.root-category {
    font-weight:bold;
}
.listing-container h3, .listing h3 {
    background:url(images/regular-listing.png) no-repeat;
    padding-left:36px;
    margin-bottom:10px;
    min-height:36px;
}
.listing h3 {
    font-size:17px;
    font-face:helvetica;
    font-weight:bold;
}
.listing-container h3.sponsored, .listing h3.sponsored {
    background:url(images/sponsored-listing.png) no-repeat;
}
.listing-container li {
    width:600px;
    border:1px solid #ccc;
    padding:10px;
}
.listing-container li:last-child {
margin-top:-3px;border-top:0;
}
#listing .featured-details {
    color:#597032;
    font-size:14px;
    float:right;
    width:417px;
    line-height:16px;
    font-family:arial;
}
.listing-type {
    text-align:right;
    text-transform:uppercase;
    margin-top:20px;
    color:#ab9e9e;
}
.post {
    padding:10px;
}
.entry-left {
    float:left;
    width:290px;
    line-height:16px;
    padding-right:10px;
}
.entry-right {
    float:right;
    width:300px;
}
h4.single-listing-type {
    text-transform:uppercase;
    color:#ab9e9e;
    font-size:12px;
}
.single-categories, .single-categories a {
    font-size:11px;
    color:#6c6b6b;
}
#map_canvas {
    width:300px;
    height:200px;
    margin-bottom:20px;
}
.alignleft {
    float:left;
    margin: 5px!important;
}
.alignright {
    float:right;
    margin: 5px!important;
}
.aligncenter {
    text-align:center;
    margin:0 auto;
}
#tdr-recent-posts li {
    line-height:1.3em;
}
.xoxo>li {
    margin-bottom:10px;
}