/*
Theme Name: Bluegumtree Vista
Theme URI: http://www.bluegumtree.com/projects/wordpress/themes/bluegumtree/vista/
Description: A WordPress theme in the style of Bluegumtree.com
Version: 1.0
Author: Sheila Ellen Thomson
Author URI: http://www.bluegumtree.com/blog/vista/
Tags: blue, custom header, fixed width, two columns, widgets

	Bluegumtree Vista v1.0
	 http://www.bluegumtree.com/projects/wordpress/themes/bluegumtree/vista/

	This theme was designed and built by Sheila Thomson,
	whose blog you will find at http://www.bluegumtree.com/blog/vista/

*/

@import url(style/reset.css);
@import url(style/basics.css);
@import url(style/wordpress.css);

body {
	background-color:#FFFFFF;
	font-family: Verdana;
	font-size: .9em;
	line-height: 1.25;
	margin: 0;
	padding: 0;
	background: transparent url(images/banner/banner.jpg) repeat-x top right;
	font-family: 'Trebuchet MS', 'Andale Mono';	
}


/* Layout */
#page,
#blog-header {
/*	width: 1024px; */
	width: 80%;
}


#page {		
	margin: 0 auto;
	padding-top: 1em;
}
#accessibility-links {
	width: 100%;
	height: 150px;
	background: transparent url(images/banner/trees.jpg) no-repeat top right;
}
#header {
	display: block;
	width: 100%;	
	height: 2em;
	position: absolute;	
	top: auto;
	left: 0;
	margin: -3em auto 0 auto;	
	background: transparent url(images/banner/black_50percent.png) repeat top left;
	z-index: 1;
}
#blog-header {
	display: block;
	height: 2em;
	margin: 0 auto;
	z-index: 2;
}
#body {
	width: 100%;
	clear: both;
}
#content {
	display: block;
	width: 70%;
	margin: 0;
	float: left;
}
#sidebar {
	display: block;
	width: 25%;
	float: right;
	margin: 0 0 0 10px;
}
#footer {
	margin-top: 2em;
	margin-bottom: 2em;
}


/* Banner */

#blog-header a {
	display: block;
	width: 384px;
	height: 2em;
	background: transparent url(images/banner/title.gif) no-repeat center left;
}

#blog-header .description {
	display: block;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}


/* Footer */

#footer div {
	width: 100%;
}
#footer li {
	display: block;
	float: left;
	margin-right: 10px;	
}
#footer .last {
	margin-right: 0;
}


/* Comments */
#respond .meta input {
	display: block;
}
#respond .meta p {
	margin-bottom: .5em;
}

.comment {
	clear: both;
	width: 100%;
}
.comment,
#respond {
	margin-top: 1em;
	border-top: 1px solid silver;
	padding-top: 1em;
}
#respond .comment {
	border: none;	
}

.comment .meta,
#respond .comment .options .logout {
	float: left;
	width: 30%;
	margin-right: 1em;
	clear: left;
}
.comment .message,
.comment .options,
#respond .comment .options .submit {
	width: 66%;
	display: block;
	float: right;
}
.comment .avatar {
	display: block;
	margin-bottom: .5em;
}
.comment .options {
	clear: both;
	margin-top: .5em;
}
#respond .comment .options {
	width: 100%;
}
#respond .options li {
	display: block;
}
#respond .options .logout {
	float: left;
}
#respond .options .submit {
	float: right;
}
.comment .message textarea {
	width: 100%;
}

/* Sidebar */
#sidebar li {
	margin-top: 1em;
}
#sidebar li li {
	margin-top: 0;
}

#sidebar-404-options li.widget {
	display: block;
	float: left;
	width: 33%;
}

/* Posts */
.post {
	margin: 0 0 2em 0;
}
.post p {
	margin-bottom: .5em; 
}

.post .meta li {
	clear: left;
	float: none;
}
.post .topics {
	display: block;
	clear: both;
	margin-top: .5em;
}


.post .meta li.topics li {
	display: block;
	float: left;
	clear: none;
	padding-left: 20px;
	margin-right: .75em;
}
.post .meta li.topics .category {
	background: transparent url(images/icons/category.png) no-repeat center left;
}
.post .meta li.topics .tag {
	background: transparent url(images/icons/tag.png) no-repeat center left;
}

.published .author a {
	height: 16px;
}
.published .author .name {
	padding-right: 24px;
	background: transparent url(images/icons/user_profile.png) no-repeat center right;
}
.published .author .url {
	padding-right: 16px;
	background: transparent url(images/icons/external_link.png) no-repeat center right;
	margin-left: 2px;
}

.post blockquote {
	margin: 1em 2em;
	padding: .5em 1em 0 1em;
	border-top-width: .5em;
	border-right-width: 0;
	border-bottom-width: .5em;
	border-left-width: 0; 
	border-style: solid;
	border-color: #cfcfcf;
	background-color: #f0f0f0;
}

.post .meta,
.post .options {
	clear: both;
	margin-top: 1em;
}

/* Footer */
#footer {
	text-align: center;
}
#footer div {
	margin-top: .25em;
}
#footer .copyright {
	margin-top: .5em;
}

.post .entry ul,
.post .entry ol {
	margin-left: 1em;
	padding-left: 1em;
}
.post .entry ul li,
.post .entry ol li{
	margin-bottom: .5em;
}
.post .entry ul {
	list-style-type: disc;
}
.post .entry ol {
	list-style-type: decimal;
}

.post .meta .title {
	margin-top: .5em;
}

.post-title {
	font-size: 1.6em;
}
.post-title a:link,
.post-title a:visited {
	text-decoration: none;
	color: #000000;
}
.post-title a:hover,
.post-title a:focus,
.post-title a:active {
	text-decoration: underline;
	color: #000000;
}




.post .published {
	margin-bottom: 1em;
	color: #5E5A80;
}
.post {
	border-bottom: 1px solid silver;
	padding-bottom: 2em;
	margin-bottom: 1em;
}

/* Hidden elements */
#footer .title,
.author .website .delimiter,
.author .website .wrapper,
.author .website .label {
	left:-4999px;
	position:absolute;
}