/*  
Theme Name: hummingbird
Description: 
Version: 1.0
Author: Helen Johnson
Author URI: http://www.helenjohnson.com.au
*/

body {
	font: 75%/150% "Trebuchet MS", Tahoma, Arial;
	color: #333333;
	background-color: #15053d; 
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
background-position: 50% 0;
	padding: 0;
margin: 0;
text-align: center;
}

#wrap {
	margin: 0px auto;
width: 770px;
padding: 0;
text-align: left;
}

/* header */

#header {
width: 770px;
	height: 100px;
margin: 133px 0 0 0;
padding: 0;
}

#headerimg {
background: url(images/helenjohnson.jpg) no-repeat;
width: 115px;
height: 24px;
margin: 0 0 0 20px;
position: relative;
top: 20px;
padding: 0;
}

#headerimg h1 {
display: none;
}

#headerimg .description{
display: none;
}

/* nav */

#nav {	
	margin: 0;
height: 26px;
padding: 0 0 0 1px;
position: relative;
top: 50px;
}
#nav ul {
margin: 0;
padding: 0;
list-style: none;
}
#nav li {
	float: left;
	margin: 0 2px 0 0;
padding: 0;
}
#nav li a span {
	display: none;
}
#nav #nav-home a {
	background: url(images/nav-home.gif) no-repeat;
	display: block;
width: 65px;
height: 26px;
padding: 0;
margin: 0;
}
#nav #nav-home a.current {
	background: url(images/nav-home-selected.gif) no-repeat;
	display: block;
width: 65px;
height: 26px;
}

#nav #nav-about a {
	background: url(images/nav-about.gif) no-repeat;
	display: block;
width: 69px;
height: 26px;
padding: 0;
margin: 0;
}
#nav #nav-about a.current {
	background: url(images/nav-about-selected.gif) no-repeat;
	display: block;
width: 69px;
height: 26px;
}

#nav #nav-portfolio a {
	background: url(images/nav-portfolio.gif) no-repeat;
	display: block;
width: 92px;
height: 26px;
padding: 0;
margin: 0;
}
#nav #nav-portfolio a.current {
	background: url(images/nav-portfolio-selected.gif) no-repeat;
	display: block;
width: 92px;
height: 26px;
}

#nav #nav-contact a {
	background: url(images/nav-contact.gif) no-repeat;
	display: block;
width: 86px;
height: 26px;
padding: 0;
margin: 0;
}
#nav #nav-contact a.current {
	background: url(images/nav-contact-selected.gif) no-repeat;
	display: block;
width: 86px;
height: 26px;
}

/* page */

#page {
background-image: url(images/content-bg.gif);
background-repeat: repeat-y;
padding: 0;
margin: 0;
}
#page-inner {
background-image: url(images/content-flower-bg.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}


/* headings and links */

a {
	color: #65aeca;
	text-decoration: none;
}
a:visited {
	color: #65aeca;
	text-decoration: none;
}
a:hover {
	color: #822844;
	text-decoration: underline;
}
img {
	border: none;
}
p {
	padding: 0px 0px 15px;
	margin: 0px;
}
h1 {
	margin:0px;
	padding-left: 70px;
	height: 60px;
	font: bold 36px/100% "Trebuchet MS", Tahoma, Arial;
}
h1 a, h1 a:visited{
	color: #c9eefe;
	text-decoration: none;
}
h1 a:hover{
	color: #ffffff;
	text-decoration: none;
}
h2 {
	color: #175877;
	margin: 0px 0px 2px;
	border-bottom: 1px dotted #CCCCCC;
	letter-spacing: -1px;
	font: normal 190%/100% "Trebuchet MS", Tahoma, Arial;
	padding-bottom: 3px;
}
h2 a, h2 a:visited {
	color: #175877;
	text-decoration: none;
}
h2 a:hover {
	color: #822844;
	text-decoration: none;
}
h3 {
	font: normal 140%/100% "Trebuchet MS", Tahoma, Arial;
	color: #ac3c5f;
	margin: 10px 0px 5px;
}
h4 {
	font: normal 130%/100% "Trebuchet MS", Tahoma, Arial;
	color: #ac3c5f;
	margin: 10px 0px 5px;
}
form {
	margin:0px;
	padding:0px;
}

.breadcrumb {
padding: 0;
margin: 0 0 10px 0;
font-size: 95%;
color: #7f7f7f;
}


/* content area */

#content {
	padding: 10px 20px 10px 20px;
	float: left;
	width: 480px;
	overflow: hidden;
}
.post {
	clear:both;
	padding-top: 15px;
}

.post-title {
	width: 480px;
}

.entry {
	clear: both;
	padding-top: 10px;
}

.post-info {
font-size: 95%;
}

.post-date {
	color: #7f7f7f;
float: left;
background: url(images/mini-calendar.gif) no-repeat;
padding: 0 0 0 15px;
}
.post-cat {
	background: url(images/mini-category.gif) no-repeat;
	color: #999999;
float: left;
margin: 0 0 0 10px;
padding: 0 0 0 15px;
}
.post-comments {
	background: url(images/mini-comments.gif) no-repeat;
	padding: 0 0 0 15px;
	float: right;
}
.post-tags {
	color: #7f7f7f;
float: left;
background: url(images/mini-tag.gif) no-repeat;
padding: 0 0 0 15px;
}
.post-calendar {
	background: url(images/mini-calendar.gif) no-repeat;
	padding: 0 0 0 15px;
	float: right;
	font-size: 95%;
	color: #999999;
}
.mini-add-comment {
	background: url(images/mini-comments.gif) no-repeat;
	padding-left: 15px;
	float: right;
}




.navigation {
clear:both;
padding:10px 0px;
}
.navigation a, .navigation a:visited {
color: #59770E;
}
.navigation a:hover {
color: #822844;
}
.previous-entries a {
background:transparent url(images/mini-nav-left.gif) no-repeat scroll left center;
float:left;
padding-left:18px;
}
.next-entries a {
background:transparent url(images/mini-nav-right.gif) no-repeat scroll right center;
float:right;
padding-right:18px;
}
#comments, #respond {
border-bottom:1px dotted #CCCCCC;
clear:both;
padding:10px 0pt 5px;
}
.commentlist {
line-height:130%;
margin:10px 0px;
padding-left:20px;
}
.commentlist li {
padding:5px 10px;
}
.commentlist .alt {
background:#f3f3eb none repeat scroll 0%;
}
.commentlist .mycomment {
background:#fff none repeat scroll 0%;
border: 1px solid #17588A;
}
.commentlist cite {
color:#175877;
font-size:120%;
font-style:normal;
font-weight:bold;
}
.commentlist cite a, .commentlist cite a:visited {
color:#175877;
text-decoration: underline;
}
.commentlist cite a:hover {
color: #822844;
}
.commentlist small {
display:block;
font-size:87%;
margin-bottom:5px;
}
#commentform {
font-family:Arial,Helvetica,sans-serif;
font-size:110%;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-top:10px;
}
#commentform p {
margin:0px;
padding:6px 0px;
}
#commentform label {
color:#787878;
font-size:87%;
}
#commentform input {
background:#f3f3eb none repeat scroll 0%;
border:1px solid #dcdcd1;
margin-top:3px;
padding:3px;
width:200px;
}
#commentform textarea {
background:#f3f3eb none repeat scroll 0%;
border:1px solid #dcdcd1;
height:115px;
margin-top:3px;
padding:2px;
width:478px;
}
#commentform textarea:focus, #commentform input[type="text"]:focus {
background:#FFFFFF none repeat scroll 0%;
}
#commentform #submit {
background:transparent url(images/btn-bg.gif) no-repeat scroll 0%;
border:medium none;
color:#FFFFFF;
cursor:pointer;
/* float:right; */
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:28px;
line-height:normal;
width:144px;
margin-top: 10px;
}
#sidebar {
color:#666666;
float:right;
overflow:hidden;
padding: 0 10px 20px 0px;
width:240px;
}
#sidebar h2, #sidebar .sidebartitle {
border-bottom:1px dotted #ccc;
color:#175877;
font-family:"Trebuchet MS",Tahoma,Arial;
font-size:140%;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:100%;
margin:20px 0px 2px;
}
#sidebar a, #sidebar a:visited {
color:#335e6a;
text-decoration:none;
}
#sidebar a:hover {
color:#822844;
text-decoration:none;
}

#sidebar ul {
margin:0;
padding:0;
}
#sidebar ul li a {
background-image: url(images/nav-arrow.gif);
background-repeat: no-repeat;
background-position: center left;
padding: 5px 0 5px 8px;
}
#sidebar ul li {
border:medium none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
}

#sidebar ul li ul {
border-bottom: 1px solid #dfdfda;
}

#sidebar li.about-me a {
background-image: none;
padding: 0;
}

/*
#sidebar ul li ul {
margin:0;
padding:0;
}
#sidebar ul li ul li {
border-bottom:1px solid #dfdfda;
padding: 0;
}
#sidebar ul li ul li ul li {
border:medium none;
padding:1px 0pt 1px 10px;
}
ul.list-blogroll li {
background:transparent url(images/mini-blogroll.gif) no-repeat scroll 0% !important;
padding-left:15px !important;
}
ul.list-cat li, li.widget_categories li {

}
ul.list-archives li, li.widget_archives li {

}
ul.list-page li, li.widget_pages li, li.widget_recent_entries li {

}
ul.list-page li ul li, li.widget_pages li ul li {
background:transparent url(images/mini-page-arrow.gif) no-repeat scroll 0% !important;
padding-left:10px !important;
}
li.widget_recent_comments li {
background:transparent url(images/mini-recent-comments.gif) no-repeat scroll 0% !important;
padding-left:20px !important;
}
li.widget_calendar td {
padding:1px 7px;
}
*/

.textwidget {
padding-top:5px;
}
#searchform {
margin:15px 0pt 0pt;
}
#searchform br {
display:none;
}
#searchform #s {
background:#FFFFFF none repeat scroll 0%;
border:1px solid #afceda;
color:#000000;
font-weight:normal;
height:22px;
margin-right:2px;
padding:4px 5px 0px;
width:135px;
}
#searchform input {
background:transparent url(images/search-btn-bg.gif) no-repeat scroll 0%;
border:medium none;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:26px;
line-height:normal;
vertical-align:middle;
width:67px;
}

#search-results h3 {
background-image: url(images/nav-arrow.gif);
background-repeat: no-repeat;
background-position: center left;
padding: 5px 0 5px 8px;
}

/* footer */

#footer {
clear:both;
color:#ACD7EE;
background-color:#0F0326;
font-size:95%;
line-height:160%;
margin: 0 auto;
margin-bottom: 10px;
padding: 0;
width:770px;
text-align: left;
background-image: url(images/footer-bg-end.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
#footer-wrap {
margin: 0;
width:770px;
background-image: url(images/footer-flower.jpg);
background-repeat: no-repeat;
background-position: right top;
}

#footer a, #footer a:visited {
color:#FFFFFF;
}
#footer h4 {
color:#9CDBFB;
font-family:"Trebuchet MS",Tahoma,Arial;
font-size:146%;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:100%;
margin:10px 0px 5px;
}
.footer-blogroll {
float:left;
margin-left:10px;
width:123px;
padding: 0 0 10px 0;
}
.footer-blogroll ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
}
.footer-blogroll ul li {
background-image: url(images/mini-blogroll.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 0 0 0 15px;
margin: 0;
line-height: 160%;
}
.footer-recent-posts {
float:left;
margin-left:20px;
width:303px;
padding: 0 0 10px 0;
}
.footer-recent-posts strong {
font-size:107%;
font-weight:bold;
line-height:135%;
}
.footer-recent-posts ul {
font-size:92%;
line-height:110%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0px;
padding:0px;
}
.footer-recent-posts ul li {
background-image: url(images/mini-footer-post.gif);
background-repeat: no-repeat;
background-position: top left;
padding: 0 0 8px 15px;
margin: 0;
}
.footer-about {
float:right;
padding: 0 10px 10px 0;
width:274px;
}

.rss {
background:transparent url(images/mini-rss.gif) no-repeat scroll left center;
margin-left:8px;
padding-bottom:2px;
padding-left:18px;
}
.loginout {
background:transparent url(images/mini-loginout.gif) no-repeat scroll left center;
margin-left:8px;
padding-bottom:2px;
padding-left:18px;
}
.center {
text-align:center;
}
img.center, img[align="center"] {
display:block;
margin-left:auto;
margin-right:auto;
}
.alignleft {
float:left;
}
img.alignleft, img[align="left"] {
float:left;
margin: 0 10px 10px 0;
padding: 4px;
border: 1px solid #ccc;
}
/*
.alignright {
float:right;
}*/
img.alignright {
float:right;
margin: 0 0 10px 10px;
padding: 4px;
border: 1px solid #ccc;
}
.clear {
clear:both;
}

hr {
border: 1px dotted #ccc;
border-style: none none dotted;
}

hr.clear {
clear:both;
margin:0px;
padding:0px;
visibility:hidden;
}

#site-info {
text-align: right;
margin: 10px 0 0 0;
}

.imgleft {
float: left;
}

/* portolio */

#portfolio .imgleft {
float: left;
margin: 10px 10px 10px 0;
padding: 0;
}
#portfolio hr {
clear: both;
color: #fff;
background-color: #fff;
border: 1px dotted #ccc;
border-style: none none dotted;
}
#portfolio a img {
border: 3px solid #ccc;
}
#portfolio a:hover img {
border: 3px solid #489dbd;
}
#portfolio h3 {
padding-top: 0;
margin-top: 0;
}

img.imgborder {
border: 3px solid #ccc;
}
ol {
padding-top: 0;
margin-top: 0;
}
span.caption {
font-size: 11px;
font-style: italic;
}

/* latest work */

.sidebar-pictures {
margin-bottom: 10px;
}
.sidebar-234 a img {
width: 234px;
height: 90px;
border: 3px solid #ccc;
margin-bottom: 5px;
margin-top: 5px;
}
.sidebar-234 a:hover img {
border: 3px solid #489dbd;
}

.link-unit {
border: 1px solid #ccc;
margin: 10px 0 0 0;
padding: 4px 0 0 0;
width: 100%;
height: 20px;
}
.banner-468 {
margin: 0 0 10px 0;
}