/*
Theme Name: NOBIDAN
Theme URI: http://nobidan.org
Description: Theme for the National Organization of Blacks in Dietetics and Nutrition
Version: 1.0
Author: Consult X2
Author URI: http://consultx2.com
Tags: fruit, vegetables, transparency, black, greys
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";


/***************************************************************************************************
*                                                                                                  *
* General                                                                                          *
*                                                                                                  *
***************************************************************************************************/


a{color:#880000;text-decoration:none}
a:hover{text-decoration:underline}
body{background: #DFC1C1 url(style/images/header_bg.jpg) repeat-x left top;font: 13px Tahoma, Geneva, sans-serif}
h1{color:#000000;font:bold 20px "Times New Roman", Times, serif}
h2{color:#000000;font:bold 16px Tahoma, Geneva, sans-serif}
p{margin:0 0 10px 0;padding:0 0 10px 0}

.clear{float:both}
.content{min-height:400px;padding:10px 10px 10px 10px;width:960px}
.fade{background:url(style/images/fade.png) repeat left top}
.left{float:left}
.wrap{float:left;margin:0 auto;width:100%}
.wrap-960{background:#FFFFFF;margin:0 auto;padding:10px;width:960px}
.wrap-980{margin:0px auto;width:980px}


/***************************************************************************************************
*                                                                                                  *
* Title and Menu                                                                                   *
*                                                                                                  *
***************************************************************************************************/


#header{background:url(style/images/header_bg_2.jpg) repeat-x left top;height:240px}
#footer ul.menu{font:14px Tahoma, Geneva, sans-serif;text-align:center;width:970px}
#footer ul.menu a{color:#880000;padding:0 10px}
#footer ul.menu li{display:inline;line-height:40px;text-align:center}
#header ul.menu{font:14px Tahoma, Geneva, sans-serif;width:970px}
#header ul.menu a{color:#FFFFFF;padding:0 10px}
#header ul.menu li{display:inline;float:left;line-height:40px;text-align:center}
#logo{margin:10px}
#searchform input:focus{outline: none}
#searchform input#s{
	background: #F1F1F1;
	border: none;
	line-height: 18px;
	margin: 0px 5px 0px 5px;
	width: 292px;
}
#searchform input#searchsubmit{
	border: none;
	background: url(style/images/search.png) no-repeat left top;
	height: 20px;
	margin: 0px 0px 0px 10px;
	width: 57px;
}
#searchform input#searchsubmit:hover{
	background: url(style/images/search-green.png) no-repeat left top;
	cursor: hand;
	cursor: pointer;
}
.title{
	height: 200px;
	width: 980px;
}

.title ul.menu li{display:inline;float:left;line-height:40px;text-align: center}
.title ul.menu li.current_page_item a{
	color: #77FF77;
}
.title ul.menu li.current_page_item:hover a{
	cursor: default;
}
.title ul.menu li#form-s{
	margin: 11px 0px 0px 10px;
}
.title ul.menu li#form-searchsubmit{
	margin: 10px 0px 0px 0px;
}

.title ul.menu li:hover a{color: #77FF77}
#wrap-header{height:240px}


/***************************************************************************************************
*                                                                                                  *
* Two Column Page                                                                                  *
*                                                                                                  *
***************************************************************************************************/


#content{overflow:hidden;width:960px}
#content h1{border-bottom:5px solid #999999;font:bold 26px "Times New Roman", Times, serif;margin:0 0 14px 0;padding:0 0 10px 0}
#content h2{margin:14px 0}
#left-column{margin:0 10px 0 0;width:630px}
#right-column{margin:0 0 0 10px;width:300px}
.image p{text-align:center}
.block-item{
	background: #FFFFFF url(style/images/block-item.png) repeat-x left top;
	border: 1px solid #DEDEDE;
	float: left;
	padding: 9px 9px 9px 9px;
}
#block-item-left{
	float: left;
	width: 320px;
}
#block-item-left{
	float: left;
	width: 320px;
}
.page-two-column{
	background: #F1F1F1;
	float: left;
	margin: 0px -10px 0px -10px;
	padding: 0px 10px 0px 10px;
}
.page-two-column p{
}
.page-two-column-left{
	float: left;
	margin: 0px 5px 10px 0px;
	width: 640px;
}
.page-two-column-left h1{
	border-bottom: 5px solid #999999;
	font: bold 26px "Times New Roman", Times, serif;
	margin: 0px 0px 14px 0px;
	padding: 0px 0px 7px 0px;
}
.page-two-column-right{
	float: left;
	margin: 0px 0px 0px 5px;
	width: 310px;
}
.university{height:200px;margin:0 5px;text-align:center;width:200px}


/***************************************************************************************************
*                                                                                                  *
* Sidebar (members.php, officers.php, sidebar.php, tip-of-the-day.php)                             *
*                                                                                                  *
***************************************************************************************************/


.fb-like{margin:10px 0 20px 0}
.sidebar-item{float:left;margin:0 0 10px 0}

#sidebar{float:left;margin:14px 0 0 0}
#sidebar-all-articles{max-width:290px;margin:0 0 10px 0;width:290px}	

.sidebar-item ul{
	margin: 14px 0px 0px 0px;
}
.sidebar-links{
	max-width: 290px;
	margin: 0px 0px 10px 0px;
	width: 290px;
}
#sidebar-member-articles{
	max-width: 290px;
	margin: 0px 0px 10px 0px;
	width: 290px;
}
#sidebar-members{
	max-width: 290px;
	margin: 0px 0px 10px 0px;
	width: 290px;
}
#sidebar-officers{
	max-width: 290px;
	margin: 0px 0px 10px 0px;
	width: 290px;
}
#sidebar-tips{
	max-width: 290px;
	margin: 0px 0px 10px 0px;
	width: 290px;
}
	

/***************************************************************************************************
*                                                                                                  *
* Careers (careers.php)                                                                            *
*                                                                                                  *
***************************************************************************************************/


.college-image{
	border: 1px solid #999999;
	margin: 0px 24px 0px 24px;
	width: 100px;
}
.colleges{
	float: left;
	height: 140px;
	padding: 5px 5px 5px 5px;
	text-align: center;
	width: 150px;
}


/***************************************************************************************************
*                                                                                                  *
* Home Page (home-page.php)                                                                        *
*                                                                                                  *
***************************************************************************************************/


#home-ada-blog{
	margin: 0px 0px 10px 5px;
	max-width: 295px;
	width: 295px;
}
#home-ada-events{
	margin: 0px 5px 0px 0px;
	max-width: 295px;
	width: 295px;
}
#home-ada-news{
	margin: 0px 5px 10px 0px;
	max-width: 295px;
	width: 295px;
}
#home-ada-tips{
	margin: 0px 0px 0px 5px;
	max-width: 295px;
	width: 295px;
}
#home-facebook{
	height: 60px;
	max-width: 290px;
	margin: 0px 0px 10px 0px;
	height: 235px;
	width: 290px;
}
#home-facebook-like-box{
	margin: -10px -10px -10px -10px;
	height: 255px;
	width: 310px;
}
#home-member-articles{
	height: 280px;
	max-width: 290px;
	margin: 0px 0px 10px 0px;
	width: 290px;
}
#home-message{
	margin: 0px 0px 10px 0px;
	width: 620px;
}
#home-page{
	
}
#home-page h2{
	
}
#membership{
	height: 60px;
	margin: 0px 0px 10px 0px;
	width: 620px;
}
.slideshow{
	background: #FFFFFF;
	border: 1px solid #DEDEDE;
	color: #EEEEEE;
	float: left;
	height: 298px;
	margin: 0px 0px 10px 0px;
	position: relative;
	width: 639px;
}
.slideshow div.fade{
	bottom: 0px;
	padding: 10px 9px 10px 9px;
	position: absolute;
	width: 620px;
}
.slideshow h2{
	color: #FFFFFF;
}


/***************************************************************************************************
*                                                                                                  *
* See Our Work (our-work.php)                                                                      *
*                                                                                                  *
***************************************************************************************************/


#our-work h2{
	margin: 0px 0px 14px 0px;
}


/***************************************************************************************************
*                                                                                                  *
* Single Article Page (single.php)                                                                 *
*                                                                                                  *
***************************************************************************************************/


#single p{
	margin: 0px 0px 14px 0px;
}
#facebook-like{
	margin: 0px 0px 10px 0px;
}


/***************************************************************************************************
*                                                                                                  *
* Tip of the Day (tip-of-the-day.php)                                                              *
*                                                                                                  *
***************************************************************************************************/


#tip-of-the-day h2{
	margin: 14px 0px 14px 0px;
}


/***************************************************************************************************
*                                                                                                  *
* Who We Are Page (about.php)                                                                      *
*                                                                                                  *
***************************************************************************************************/


#about p{
	margin: 14px 0px 0px 0px;
}


/***************************************************************************************************
*                                                                                                  *
* Contact Us (contact-us.php)                                                                      *
*                                                                                                  *
***************************************************************************************************/


.commentsError{
	color: #900;
	font-weight: bold;
	margin: 13px 0px 13px 105px;
	width: 400px;
}
#contact-us p{
	margin: 0px 0px 14px 0px;
}
#contact-us ul{
	margin: 0px 0px 14px 0px;
}
#contactForm button{
	font: 13px Arial, Helvetica, sans-serif;
	line-height: 30px;
	margin: 0px 0px 0px 100px;
	width: 120px;
}
#contactForm button:hover{
	cursor: hand;
	cursor: pointer;
}
#contactForm ol.forms li{
	margin: 0px 0px 13px 0px;
}
#contactForm ol.forms li.inline{
	margin-left: 100px;
}
#contactForm ol.forms li label{
	float: left;
	width: 100px;
}
#contactForm input.requiredField{
	width: 200px;
}
#contactForm select{
	width: 204px;
}
#contactForm textarea{
	height: 6em;
	width: 400px;
}
.error{
	color: #990000;
	font-weight: bold;
}
.screenReader{ 
	left: -9999px; 
	position: absolute; 
	top: -9999px;
}


/***************************************************************************************************
*                                                                                                  *
* Archive (archive.php)                                                                            *
*                                                                                                  *
***************************************************************************************************/


.archive-post{
	margin: 0px 0px 10px 0px;
}


/***************************************************************************************************
*                                                                                                  *
* Footer (footer.php)                                                                              *
*                                                                                                  *
***************************************************************************************************/


#footer{background:#D8D8D8;height:225px;padding:10px}
#footer-copyright{
	float: left;
	margin: 19px 0px 0px 0px;
	text-align: center;
	width: 920px;
}
#footer-dietitian{
	float: left;
	margin: 0px 10px 0px 10px;
	width: 440px;
}
#footer-membership{
	background: url(style/images/download.png) no-repeat left top;
	float: left;
	height: 140px;
	margin: 0px 10px 0px 10px;
	width: 140px;
}
#footer-membership:hover{
	cursor: hand;
	cursor: pointer;
}
#footer-logo{
	background: url(style/images/logo.png) no-repeat left top;
	float: left;
	height: 141px;
	margin: 0px 10px 0px 10px;
	width: 160px;	
}
#footer-logo:hover{
	cursor: hand;
	cursor: pointer;
}
#post-meta{
	float: left;
	margin: 0px 0px 0px 10px;
	width: 150px;
}
#wrap-footer{background:#C8ADAD}