
/*
Theme Name: Infant Nutrition Council
Theme URI: http://infantnutritioncouncil.com.au
Description: Custom theme for Infant Nutrition Council
Version: 1
Author: Teresa Watts
Author URI: http://teresawatts.com
Tags: inc

*/



/* --------------------------------------
USUAL TAGS 
--------------------------------------*/

body {
	font-size: 12px;	
	font-family: Arial, verdana,  'Lucida Grande',  Sans-Serif;
	background: #0a4453 url(images/body_bg.gif) top center;	
	color: #515054;
	text-align: left;
	line-height: 1.3;
	margin: 0px;
	padding: 0px;
	}
	

h1 {
	font-size: 1.9em;
	margin: .2em 0em;
	color: #e0684b;
	font-family: avant garde, century gothic, arial, sans-serif;
	font-weight: normal;
	}	
	
h2 {
	font-size: 1.2em;
	margin: 1.5em 0em .1em;
	font-weight: bold;
	}
	
h3 {
	font-size: 1em;
	margin: 20px 0px 5px;
font-weight: bold;
	}

h3.pagetitle {
	font-size: 1.8em;
	margin-bottom: 0px;
	margin-top: 45px;
	}

h4 {
	font-size: 1em;
	margin: 20px 0px 5px;
font-weight: bold;
	}
	
p {margin: 1em 0em;}

a, h2 a:hover, h3 a:hover {	color: #000000;	}

a:hover {	color: #636363;	}	
	
code {	font: 1.1em 'Courier New', Courier, Fixed;	}	

acronym, abbr, span.caps
{
	font-size: 0.9em;
	cursor: help;
	}

acronym, abbr {	border-bottom: 1px dashed #999;	}

blockquote {
	margin: 1em 1em 1em 1em;
	padding-left: 20px;
	font-style: italic;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

a img {	border: none;	}

.entry p a:visited {color: #000000;}

hr {
	height: 1px;
	border: 0px;
	color: #e5ddd5;
	background-color: #e5ddd5;
	}

ol, ul {
margin-left: 2em;
}

li {margin: 1em 0em .5em}

form, input {margin: 0px; padding: 0px;}


/* --------------------------------------
SMALL CLASSES
--------------------------------------*/
.postmetadata {	clear: both;}
.clear {clear: both;}	
.center {text-align: center;}
.left {float: left;}
.right {float: right;}
.hidden {display: none;	}
.link-list a {text-decoration: none;}
.link-list a:hover {text-decoration: underline;}

/* --------------------------------------
SECTIONS
--------------------------------------*/

#container{
	margin: 0px auto;
	width: 935px;
	padding: 0px;
	}
	
#header {
	background: url(images/header_bg.png) no-repeat;
	padding: 31px 17px 0px 17px;
	}	

#logo {
	border: 0px;
	float: left;
	margin-top: 40px;
	margin-left: 45px;
	margin-bottom: 40px;
height: 62px;
width: 382px;
/* background: url(images/logo.gif) no-repeat; */
	}
	
	

#animated-logo object {
background: white;
height: 62px;
width: 382px;
border: 0px;
}

div#animated-logo {
	float: left;
padding: 40px 0px 40px 45px;
	}

#hero {float: right; margin-right: 1px}

#search {
	clear: both;
	text-align: right;
	padding: 9px 15px 33px 680px;
	}

#main {background: url(images/content_bg.png) repeat-y;}

#menu {
	width: 185px;
	float: left;
	margin-left: 30px;
	margin-top: 15px;
	}

#content {
	width: 570px;
	float: left;
	padding: 0px 65px;
	font-size: 1.3em;
background: #FFE9E5;
	}

#footer {
	padding: 17px 17px 0px 217px;
	clear: both;
	background: url(images/content_bottom.png) top left no-repeat;
	color: #FFC4B8;	
	}

#footer .left {
	background: #FF6848;
	padding: 5px 15px 16px;
	width: 340px;
	font-size: .9em;
height: 40px;

	}

#footer .right {
	background: #FF6848;
	padding: 10px;
	width: 311px;
	margin-bottom: 20px;
height: 41px;
	}

#footer .right ul#lower-menu,
#footer .right #logo-zoo {float: right; }


#footer .right ul#lower-menu {margin: 0px;}

#footer .right ul#lower-menu li {display:inline}

#footer .right ul#lower-menu li a {
	float: left;
	padding: 10px;
	font-size: 1.2em;
	text-decoration: none;
	color: #f3c3b7;
	}

#footer .right ul#lower-menu li a:hover {color: #fff;}

#logo-zoo {margin: 13px 10px 0px;}

/* home page */

#content .home-content {
	color: #003d4c;
	font-family: avant garde, century gothic, arial, sans-serif;
	letter-spacing: -.03em;
	width: 350px;
	float: left;
	padding-top: 15px;
	}
		
.sidebar {
	background: url(images/grad_bg.jpg) top left no-repeat;
	width: 186px;
	float: right;
	padding: 10px 15px;
	margin-right: -63px;
	margin-top: 12px;
	display: inline;
	}

.sidebar h3 {
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	margin: 0 0 10px 0;
	line-height: 1.2;
	text-transform: uppercase;
	}

.sidebar p {
	margin: 0;
	padding: 0;
	font-size: .9em;
	color: #515054;
	}

.sidebar .news-list {
	margin: 15px 0 0 15px;
	font-size: .9em;
	font-weight: bold;
}

.sidebar .news-list a {
	text-decoration: none;
	color: #003B4B;
	}
	
.sidebar .news-list a:hover {
	text-decoration: underline;
}

.sidebar .more-news {
	margin: 15px 0 5px 0;
}

.sidebar .more-news a {
	text-decoration: none;
	color: #636363;
}

.sidebar .more-news a:hover {
	text-decoration: underline;
}

#login {
	width: 170px;
	margin-left: 30px;
	height: 10px;
	display: block;
	padding: 5px 15px 13px 0px;
	background: #003443 url(images/menu_bg_selected.gif) bottom left no-repeat; 
}

#login a {
	color: #fff;
	text-transform: uppercase;
	color: #ffffff;
	font-size: 13px;
	text-decoration: none;
	font-family: avant garde, century gothic, arial, sans-serif;;
	text-transform: uppercase;
	text-align: right;
	display: block;
	}

#login img {vertical-align: middle; margin-left: 38px;}

/* --------------------------------------
MENU
--------------------------------------*/

#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}

#menu ul li {margin: 0px;}

#menu ul a {
	color: #ffffff;
	font-size: 13px;
	text-decoration: none;
	font-family: avant garde, century gothic, arial, sans-serif;;
	text-transform: uppercase;
	height: 10px;
	display: block;
	padding: 5px 0px 13px 15px;
	background: #FF6848 url(images/menu_bg.gif) bottom left no-repeat;
	border-bottom: 1px solid #fff;
}


#menu ul li.current_page_item a,#menu ul li.current_page_ancestor a, #menu ul a:hover { 
	background: #003B4B url(images/menu_bg_selected.gif) bottom left no-repeat;

	}

#menu ul li.current_page_item ul li a {

}

/* submenu */
#menu ul ul {	
background: #FFD4CD url(images/menu_sub_bottom.gif) bottom left no-repeat;;
	padding-bottom: 12px;
	width: 170px;
	margin-left: 15px;
	border-bottom: 1px solid #fff;
	}
		

#menu ul ul a, #menu ul li.current_page_item ul li a, #menu ul li.current_page_ancestor ul li a  {
	background: #FFD4CD url(images/menu_sub_bg.gif) right repeat-y;
	color: #515054;
	border: 0px;
	padding: 10px 5px 8px 15px;
height: auto;
display: block;
	}

#menu ul ul a:hover, #menu ul ul li.current_page_item a,
 #menu ul li.current_page_item ul li a:hover,
 #menu ul li.current_page_ancestor ul li a:hover,
 #menu ul li.current_page_ancestor ul li.current_page_item a {
	background: #FFD4CD url(images/menu_sub_bg.gif) right repeat-y;
	color: #9b1e00;
	}



/* --------------------------------------
SEARCH FORM
--------------------------------------*/
#searchform {
}


#searchform .button {
	background: #FF6848;
	padding: 4px 8px;
	float: left;
	margin-left: 3px;
	}

#searchform input#s {
	border: 1px solid #e27256;
	color: #000;
	text-transform: none;
	font-size: 1.1em;
	width: 156px;
	font-weight: normal;
	padding: 6px;
	float: left;
	}

/* --------------------------------------
BLOG ENTRIES
--------------------------------------*/

.navigation  {
	display: block;
	font-size: .8em;
	margin: 10px 0px 50px;
	}

.post h2.post-title a {color: #003B4B; text-decoration: none;}

.post {
	margin: 0 0 20px 5px;
	text-align: left;
	line-height: 1.4;
	clear: both;
	}

.cat {
	font-size: .8em;
	margin: 0em 0em 1em
	}

/*##### News posts #####*/

.read-more a:hover {
	text-decoration: underline;
}


/* --------------------------------------
IMAGES
--------------------------------------*/

.entry img {
	border: 4px solid #fff;
	}

.entry img.wp-smiley {border: 0px;}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {	float: right;	}

.alignleft {	float: left;	}
	
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.banner {
	float: right;
	margin: 5px 0;
	width: 216px;
	float: right;
	padding: 0;
	margin-right: -63px;
	margin-top: 12px;
}
