/*
Theme Name: Hummingbird
Theme URI: 
Description: 
Version: 0.1
Author: Jin Wang
Author URI: http://www.jin.com.au
*/

/*=== Colour Palette ===*/

Bg beige: #bbb2a6
Hot pink: #d2093e
Light Pink: #ea4a73
Blue: #007cb9

/*=== Setup ===*/

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,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

body {
    font-size: 12px;
    font-family: Geneva, Trebuchet MS, Arial, sans-serif;
    background: #bbb2a6 url('images/bg.png') no-repeat center top;
    text-align:center;
    color: #333333;
}

p {
	
}
a {
	color: #007cb9;
}
	a:hover {
	color: #d2093e;
	}

h2 {
	font-size: 16px; 
	color: #d2093e;
}
	h2 a {
	text-decoration: none; 
}	
	.bookSubHead{
		font-size: 12px;
		font-style: italic;
		color:#007CB9;	
	}

h3 {
	margin: 1em 0 0.1em 0;
}

ul {
	color: #666;

}

li {
	margin-left:0;
}

.clear {
    clear: both;
}

.alignleft {
	float: left;
}
.alignright {
	float: right;
}


#wrapper {
    width: 960px;
    margin: 0px auto;
    text-align: left;
}

#header{
	float: left;
    width: 940px;
    height: 132px;
    *height: 127px; /* IE 7 and below */ 
}
#logo {
	margin:10px 0 0 36%;
    display:block;
    width: 274px;
    height:76px;
    background: url('images/logo.png') no-repeat;
    text-indent: -9999px;
}

#nav {
	width: 625px;
    height: 20px;
	margin: 0 auto;;
	letter-spacing: 2px;
}

	#nav ul {
	    list-style-type:none;
	}
	
		#nav ul li {
		    display:block;
		    float:left;
		}
		
			#nav ul li a {
				text-transform: lowercase; /* force text to lowercase */
			    display:block;
			    color: #fff;
			    text-decoration:none;
			    font-size: 18px;
			    margin:0 15px 0 15px;  
			}
				#nav ul li a:hover {
				    color: #ed164f;
				}



/*=== =boxes ===*/
.top {
	height: 10px;
	background: url('images/top.png') no-repeat;
}
.bot {
	height: 10px;
	background: url('images/bot.png') no-repeat;
}
.box {
	display: inline;
	float: left;
	width: 300px;
	background: #fff;
	margin: 0 10px 20px 10px;
}
.container {
	padding:10px 20px 10px 20px; /*padding: 0 10px*/
	min-height: 314px;
}
.container-page{
padding:10px 20px 10px 20px; /*padding: 0 10px*/
}
.container-entry {
	padding:10px 20px 10px 20px; /*padding: 0 10px*/
}
	.container img {
		border-style: none;
	    text-decoration: none; 
	}
	#news-img {
		text-align: center;	
	}
		#news-img img {
			height: 195px;
		}
	.container img.book-cover {
		margin:10px 0;
	}
	.container-entry img {
		margin:0 0 10px 0;
		border-style: none;
	    text-decoration: none; 
	}
	.container ul {
	margin-left:0px;
	padding-left: 25px;
	}
	.container-entry ul {
	margin-left:0px;
	padding-left: 25px;
	}
	.container-entry h3 {
		font-size: 12px;
		color: #d2093e;
		font-style: italic;
		font-weight: normal;
		border-bottom: #ed164f 2px solid;
		padding-bottom: 8px;
	}

/*=== =post ===*/
#posts {
	float: left;
	width: 640px;
}
.post_box {
	float: left;
	width: 300px;
	background: #fff;
	margin: 0 10px 20px 10px;
}
	.post_box .container {
		padding:0 20px 0 20px;
	}
		.post_box .container a img {
		    border-style: none;
		    text-decoration: none; 
		}
		.post_box .container img {
			margin-top:0 0 10px 0; 
			width: 260px;
		}
	
.hero {
	margin-left: 10px;
}

.widget{
	font-size: 11px;
	margin-bottom: 30px;
}
	
	.widget_container {
		/*padding: 10px 20px 0 20px;*/
	}
		.widget_container h2 {
			margin: 8px 0 0 0;
			line-height: 30px;
			border-bottom: #d2093e 2px solid;
		}
		
		.widget_container ul {
			list-style: none;
			margin:0 0 10px 0;
			padding: 0;
			/*padding-left:15px;*/
			text-indent: 0;
		}
		
		.widget_container li {
			line-height: 18px;
			border-bottom: #d2093e 1px solid;
			padding: 5px 0;
		}
			.widget_container li a {
				color: #666;
				text-decoration: none;
			}
				.widget_container li a:hover {
					color: #d2093e;
				}
			
/*=== =meta ===*/
			
#date {
	color: #ea4a73;
	font-style: italic;
	margin:16px 0 5px 0;
}

#meta {
	border-top: #ed164f 1px solid;	
	border-bottom: #ed164f 1px solid;	
	font-size: 10px;
	color: #666;
	line-height: 7px;
	height: 100%;
}
	#meta a{
		color: #666;
		text-decoration: none;
	}
		#meta a:hover{
		color: #d2093e;
		text-decoration: underline;
		}
	#meta h4{
	color: #000;
	font-size: 11px;
	font-weight:100;
	margin:10px 0 8px 0;
	}
	#meta .col {
	float: left;
	width: 85px;
	margin:0 4px 0 0;
	}
		#meta .col a {
			border: none;
			line-height: 18px;
		}
			#meta .col ul {
			list-style: none;
			padding:0 0 5px 0;
			}
				#meta .col ul li {
				border: none;
				padding: 0;
				line-height: 11px;
				}
			
			#meta .col ul.post-categories {
			list-style: none;
			padding:0 0 5px 0;
			}
				#meta .col ul.post-categories li {
				border: none;
				line-height: 11px;
				}
	#meta ul{
		margin-top: 0;
		padding-top: 0;	
	}
#navigation {
	width: 300px;
	*width: 235px; /* IE 7 and below */  
	font-size: 11px;
	margin-top:-8px; 
	*padding-top:0; /* IE 7 and below */  
}
.posts-nav {
	float: right;
	margin-right: 10px;
}
			
/*=== =page ===*/

#sidebar_left {
	float: left;
	width: 320px;
}
	#sidebar_left .spacer {
	display: block;
	height: 1px;
	width: 300px;
	background: #bbb2a6;
	margin: 0 10px 20px 10px;
}

.sidebar_left_blog {
	float: left;
	width: 300px;
	padding: 10px;
}

#sidebar_right {
	float: right;
	width: 320px;
}

#sidebar_right_blog {
	float: right;
	width: 300px;
	padding: 10px;
}

/*=== =Comments ===*/
#comments-top {
	height: 40px;
	background: url('images/comments-top.png') no-repeat;
}
#comments-box{
	padding:10px 20px 20px 20px;
}
	#comments-box h3{font-size: 12px;}

ul {
	margin: 0;
	padding: 0;
}
.container-entry ul.commentlist {
	list-style: none;
	margin: 0;
	padding:0;
}
	.commentlist li {
	margin: 30px 0;
	border-bottom: #ed164f 1px solid;
	color: #333;
	list-style: none;
	}
.comment-author vcard{
	float: left;
}
.avatar {
	float: left;
	margin-right: 5px;
}
.comment_author {
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	margin-bottom: 10px;
	color: #D2093E;
}
.date{
	font-size: 10px;
	padding-bottom: 8px;
}

/* Wordpress Default - Begin Form Elements */
#commentform textarea {
	width: 250px;
	padding: 2px;
	}
#commentform #submit {


	margin: 0 0 5px auto;
	float: right;
	}
		/* End Wordpress Default Form Elements */
	
/*=== =Contact form ===*/

.wpcf7 {
	padding-top: 20px;
}
.wpcf7-mail-sent-ok{
	color: green;
}
.your-message textarea {
	padding: 5px;
	}
/*=== =footer ===*/
#footer {
	padding: 0 10px 0 10px;
	color: #ea4a73;
	border-top: #ed164f 1px solid;
	line-height: 30px;
}
#copy {
	float: left;
}
#credit {
	float: right;
}
#jinandco a {

    display:block;
    margin-left: 5px;
    width: 70px;
    height:20px;
    background: url('images/jinandco_logo.png') no-repeat ;
    text-indent: -9999px;
}
	#jinandco a:hover {
    	background: url('images/jinandco_logo.png') no-repeat -70px;
	}