/*
Theme Name: Afia WordPress Theme
Theme URI: http://www.citronadedesign.com
Description: A theme for Afia, Inc. by <a href="http://www.citronadedesign.com">Adrienne Klum</a>.
Version: 1
Author: Adrienne Klum
Author URI: http://www.citronadedesign.com
*/


/********************************************************************
GLOBAL RESET 
********************************************************************/
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, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
ol, ul {
	list-style: none;
	}


/* remember to define focus styles! */
:focus {
	outline: 0;
	}
body.mceContentBody {
  background-color:#FFF !important;
  background-image: none;
  text-align: left;
	}
body {
	color: #333; /*DARK GRAY*/	
	font:normal 80%/150% "Trebuchet MS",Tahoma,Verdana,Arial,'Lucida Grande',Helvetica,sans-serif;
	text-align: center;
	background:#FFFFFF url(images/body_bg.gif) left top repeat-x;
	border-top:3px solid #4f6E96; /*DARK BLUE*/
	}
#container {
	margin:0 auto;
	text-align: left;
	font-size: 1em; /* 10px baseline */
	background-color:#FFFFFF;
	padding:0 20px;
	width:887px;
	position:relative;
	}

/********************************************************************
LINKS 
********************************************************************/
a:link, a:visited {
	color: #4f6E96; /*DARK BLUE*/
	text-decoration: none;
	}
a:focus, a:hover, a:active {
	color: #6D90BD; /*GRAY BLUE*/
	text-decoration: underline;
	}
h1 a:link, h1 a:visited {
	color: #4f6E96; /*DARK BLUE*/
	}
h1 a:focus, h1 a:hover, h1 a:active {
	color: #6D90BD; /*GRAY BLUE*/
	}
h2 a:link, h2 a:visited {
	color: #6D90BD; /*GRAY BLUE*/
	}
h2 a:focus, h2 a:hover, h2 a:active {
	color: #4f6E96; /*DARK BLUE*/
	}
h3 a:link, h3 a:visited {
	color: #4f6E96; /*DARK BLUE*/
	}
h3 a:focus, h3 a:hover, h3 a:active {
	color: #6D90BD; /*GRAY BLUE*/
	}
h4 a:link, h4 a:visited {
	color: #333; /*DARK GRAY*/	
	}
h4 a:focus, h4 a:hover, h4 a:active {
	color:#be9c2a; /* DARK YELLOW */	
	}
a.pdf {
	padding-left:18px;
	padding-top:1px;
	background:transparent url(images/file.png) left top no-repeat;
	}
/********************************************************************
TYPOGRAPHY 
********************************************************************/
p {
	font-size:95%;
	line-height:150%;
	}
p, ul, ol {
	margin-bottom:15px;
	}
ul.bullet li {
	background: transparent url(images/blue_bullet.gif) left .5em no-repeat;
	padding-left:15px;
	}
ol {
	list-style:decimal;
	padding-left:25px;
	font: italic 170% Georgia, Times, serif;
	color: #ccc; /*LIGHT GRAY*/
	}
ol p {
	font:normal 55%/90% "Trebuchet MS",Tahoma,Verdana,Arial,'Lucida Grande',Helvetica,sans-serif;
	color: #333; /*DARK GRAY*/	
	}
	
/***** COMMENT STYLING *****/
ol.commentlist .comment-author, ol.commentlist .comment-meta {
	font:normal 75%/140% "Trebuchet MS",Tahoma,Verdana,Arial,'Lucida Grande',Helvetica,sans-serif;	
	color: #333; /*DARK GRAY*/	
	}
ol.commentlist p {
	line-height:150%;
	}
	
p img, .sidebar_content ul { 
	margin: 0; 
	}
h1, h2, h3, h4 {	
	font-weight:bold;
	}
h1 {
	font-size:160%;
	line-height:120%;
	padding-bottom:10px;
	color: #4f6E96; /*DARK BLUE*/
	}
h2 {
	font-size:130%;
	line-height:120%;
	padding-bottom:5px;
	color: #6D90BD; /*GRAY BLUE*/
	}
.sidebar h2 {
	color: #333; /*DARK GRAY*/	
	font-size:130%;
	line-height:120%;
	background-color:#b2c4db; /* LT GRAY BLUE*/
	padding:6px 0 5px 10px;
	border-bottom:5px solid #6D90BD; /*DARK BLUE*/
	height:20px;
	margin-bottom:10px;
	}
.sidebar_content p, .sidebar_content h3, .sidebar_content h4, .sidebar_content ul li ul {
	padding-left:10px;
	padding-right:10px;
	}
.sidebar_content ul li ul {
	padding-bottom:10px;
	}
h3 {
	font-size:110%;
	padding-bottom:3px;
	}
h4 {
	font-size:110%;
	padding-bottom:3px;
	}
.wp-caption-dd {	
	display:none;
	}
.wp-caption-text {
        font-size:8px;
        vertical-align:top;
        padding-top:1px;
}
strong {
	color: #4f6E96; /*DARK BLUE*/
	font-size:1.1em;
	}
/********************************************************************
TOP NAVIGATION 
********************************************************************/
#nav {
	width:650px;
	}
#nav ul {
	padding:15px 0 0 0;
	margin:0;
	}
#nav li {
	float:left;
	display:block;
	background:none;
	}
#nav li a {
	padding:0 15px 0 20px;
	background:transparent url(images/nav-divider.gif) left top no-repeat;
	font-size:130%;
	line-height:260%;
	color:#666666;
	font-weight:bold;
	display: block;
	}
#nav li a.first {
	background:none;
	padding-left:0;
	}
#nav li#current a {
	color:#be9c2a; /* DARK YELLOW */
	cursor:default;
	}
#nav li a:hover {
	color:#be9c2a; /* DARK YELLOW */	
	text-decoration: none;
	}
	
#logo {
	position:relative;
	top:84px;
	left:20px;
	display:block;
	z-index:99;
	}
#logo h1 {
	padding-bottom:0;
	}
#logo a {
	text-indent: -200em;
	display: block;
	width: 164px;
	height: 53px;
	background: transparent url(images/logo.png) top left no-repeat;
	}
#hero {
	position:relative;
	margin-bottom:25px;
	height:120px;
	width:887px;
	border-bottom: 8px solid #6D90BD; /*GRAY BLUE*/
	}
/********************************************************************
SECONDARY NAVIGATION 
********************************************************************/
#nav_secondary {
	position:absolute;
	top:0;
	right:20px;
	margin-bottom:15px;
	font-size:90%;
	}
#nav_secondary ul {
	margin-bottom:0;
	}
#nav_secondary ul li {
	padding:2px 15px;
	background-color:#6D90BD; /*GRAY BLUE*/
	}
#nav_secondary ul li#current {
	background-color:#be9c2a; /* DARK YELLOW */	
	}
#nav_secondary li a {
	color: #FFFFFF;
	text-decoration:none;
	font-size: 1.1em;
	font-weight: bold;
	}
#nav_secondary li a:hover, #nav_secondary ul li#current a {
	color: #333; /*DARK GRAY*/	
	}
#nav_secondary ul li#current a {
	cursor:default;
	}
/********************************************************************
FOOTER NAVIGATION 
********************************************************************/
#footer {
	clear: both;
	border-top: 1px solid #ccc;
	padding-top:10px;
	}
#footer ul#social {
	float:right;
	padding-bottom:3px;
	}
#footer ul {
	padding:0;
	margin-bottom:3px;
	}
#footer li {
	display:block;
	float:left;
	font-size:90%;
	line-height:100%;
	color:#999;
	border-left:1px solid #999;
	padding:0 7px;
	background:none;
	}
#footer li.first {
	border:none;
	}
#footer li a {
	color:#999;
	text-decoration: underline;
	}
#footer li a:hover {
	color:#666666;
	}

div.sidebar_content li.current_page_item a {
	/* waiting for code to determine current page! */
	}
/********************************************************************
CORE STRUCTURE 
********************************************************************/
#content {
	float:left;
	display:block;
	width:585px;
	margin-bottom:15px;
	}
.sidebar {
	float:right;
	display:block;
	clear:right;
	width:282px;
	margin-bottom:15px;
	}
.sidebar_content {
	background-color:#FFFFFF;
	border: 1px solid #b2c4db; /* LT GRAY BLUE*/
	border-top:none;
	padding-bottom:15px;
	}
.sidebar_content ul li a {
	font-size:110%;
	line-height:150%;
	}
/********************************************************************
MANIPULATION 
********************************************************************/
.left, .alignleft {
	float:left;
	display:block;
	}
.alignleft {
	margin-right:10px;
	}
.right {
	float:right;
	display:block;
	}
.clear {
	clear:both;
	}
.center {
	text-align:center;
	}
.margin-right {
	margin-right:20px;
	}
.margin-left {
	margin-left:20px;
	}
.margin-top {
	margin-top:20px;
	}
.margin-bottom {
	margin-bottom:20px;
	}
.spacer {
	clear:both;
	}
.border {
	border: 1px solid #4f6E96; /*DARK BLUE*/
	}
.rule {
	border-top:1px solid #ccc;
	padding-top:20px;
	margin-top:15px;
	}
.content_third {
	width:175px;
	float:left;
	padding:0 10px;
	}
/********************************************************************
ICONS 
********************************************************************/
.rss-mini, .twitter-mini, .facebook-mini {
	height:16px;
	display:block;
	padding:2px 0 0 20px;
	}
.rss-mini {
	background: url(images/rss-mini.png) no-repeat left top;
	}
.twitter-mini {
	background: url(images/twitter-mini.png) no-repeat left top;
	}
.facebook-mini {
	background: url(images/facebook-mini.png) no-repeat left top;
	}
.twitter-large a, .facebook-large a {
	height:35px;
	display:block;
	padding-top:20px;
	}
.twitter-large a {
	padding-right:135px;
	_width:95px;
	margin-right:60px;
	background: url(images/twitter-large.gif) no-repeat right center;
	}
.facebook-large a {
	padding-right:135px;
	_width:160px;
	background: url(images/facebook-large.gif) no-repeat right center;
	}
/********************************************************************
BLOG 
********************************************************************/
div.post-date {
	width:50px;
	margin-right:10px;
	text-align:center;
	float:left;
	}
div.month {
	background-color:#806e31; /* GOLD */
	height:25px;
	padding-top:3px;
	color: #ffffff;
	text-transform:uppercase;
	}
div.day {
	background-color: #eed14e; /*LIGHT YELLOW*/
	height:1.3em;
	font: italic 220% Georgia, Times, serif;
	}
div.year {
	background-color: #eed14e; /*LIGHT YELLOW*/
	height:1.5em;
	font: italic 100% Georgia, Times, serif;
	}
p.postmetadata {
	font-size:85%;
	}
li#recent-posts-4 ul li, li#recent-posts-5 ul li {
	padding-left:20px;
	padding-bottom:3px;
	background:transparent url(images/voice.gif) left 4px no-repeat;
	}
/********************************************************************
COMMENTS 
********************************************************************/
#comments, #zero-comments {
	margin-top:20px;
	}
.font-size:85%;
.commentmetadata a {
	font-size:75%;
	line-height:100%;
	}

/********************************************************************
GOOGLE CALENDAR 
********************************************************************/
div#wpng-cal-widget-events {
	padding:0 10px;
	}
.wpng-widget-date-title {
	font-weight:bold;
	font-size:110%;
	padding-bottom:3px;
	}
td.wpng-page-list-head {
	border-bottom:1px solid #ccc;
	padding-top:20px;
	font-size:130%;
	line-height:120%;
	padding-bottom:5px;
	color: #6D90BD; /*GRAY BLUE*/
	}
.sidebar_content ul li a.thickbox {
	display:block;
	padding-left:20px;
	font-size:90%;
	padding-bottom:2px;
	background:transparent url(images/event.gif) left top no-repeat;	
	}
td.wpng-page-list-time {
	width:100px;
	padding-top:0px;
	}
/********************************************************************
GOOGLE MAP 
********************************************************************/	
.gm-map {
	padding-left:10px;
	}
div#gmap_info {
	text-align:left;
	}

/********************************************************************
FORMS 
********************************************************************/
form#searchform {
	padding: 0 10px;
	}
form#searchform label {
	display:none;
	}
select, textarea, input {
	padding:3px;
	border:1px solid #ccc;
	color:#999;
	background-color:#FFFFFF;
	font:normal 140%/120% "Trebuchet MS",Tahoma,Verdana,Arial,'Lucida Grande',Helvetica,sans-serif;
	}
form#searchform input#s {
	width:185px;
	float:left;
	display:block;
	height:20px;
	}
input#searchsubmit, input.submit, input#submit {
	background-color: #eed14e; /*LIGHT YELLOW*/
	border-left:none;
	cursor:pointer;
	color:#333;
	padding:4px;
	font:bold 100%/140% "Trebuchet MS",Tahoma,Verdana,Arial,'Lucida Grande',Helvetica,sans-serif;
	}