/*
Theme Name: StaddonFamily.com
Theme URI: http://staddonfamily.com/
Description: Custom designed theme for StaddonFamily.com.
Version: 1.2
Author: Robert Staddon
Author URI: http://www.abundantdesigns.com/

*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	text-align: center;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 30px;
	background: #293F24 url(images/bg-gradient.gif) repeat-x;
}


/* ------------------------- General Tags and Styles ------------------------- */

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.8em;
}
h3 {
	font-size: 1.6em;
}
h4 {
	font-size: 1.4em;
}
h5 {
	font-size: 1.2em;
}
h6 {
	font-size: 1em;
}

#main-column .post-content h1, #main-column .post-content h2, #main-column .post-content h3, #main-column .post-content h4, #main-column .post-content h5, #main-column .post-content h6 {
	color: black;
	padding: 0px;
	margin: 0px;
	margin-top: 1em;
}
#main-column .post-content h1 {
	font-size: 1.8em;
}
#main-column .post-content h2 {
	font-size: 1.6em;
}
#main-column .post-content h3 {
	font-size: 1.5em;
	font-style: italic;
}
#main-column .post-content h4 {
	font-size: 1.3em;
}
#main-column .post-content h5 {
	font-size: 1.3em;
	margin-left: 30px;
}
#main-column .post-content h6 {
	font-size: 1.3em;
	font-style: italic;
	margin-left: 30px;
}

p {
	margin-top: .5em;
	margin-bottom: .5em;
	font: 1.6em/1.4 "Times New Roman", Times, serif;
}
address {
	margin-top: .5em;
	margin-bottom: .5em;
	font: italic 1.3em/1.3 "Times New Roman", Times, serif;
}

blockquote {
	margin-left: 30px;
}

/* Tables (in .post-content) */

.post-content  td, .post-content th {
	padding: 4px 6px;
	font-size: 1.6em;
	font-family: "Times New Roman", Times, serif;
}
.post-content th {
	font-weight: bold;
}

/* Lists */
ul, ol {
	margin-left: 30px;
}
li, dt, dd {
	font: 1.6em/1.2 "Times New Roman", Times, serif;
}


/* Links */
a {
	color: #05056D;
}
a:hover {
	color: #FFFF99;
	text-decoration: none;
	background-color: #293F24;
}
a:visited {
	color: #293f24;
}
a:visited:hover {
	color: #FFFF99;
	text-decoration: none;
	background-color: #293F24;
}
a:active {
	color: #FFFF99;
	text-decoration: none;
	background-color: #293F24;
}

/* Images */
.post a img {
	border: 2px solid black;
}
.post a:hover img {
	border-color: #FFFF99;
	background-color: none;
}

img.float-left, img.alignleft {
	margin: 4px 6px 4px 0;
	display: inline;
}
img.float-right, img.alignright {
	margin: 4px 0 4px 6px;
	display: inline;
}
img.centered, img.aligncenter {
	margin: 6px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

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


/* ------------------------- Page Structure ------------------------- */

#page {
	width: 780px;
	margin: 0px auto;
	text-align: left;
	background: #A5AD73 url(images/road2.jpg) top left no-repeat;
}
#header {
	position: relative;
	height: 213px;
	background: url(images/header-gradient.jpg) top right no-repeat;
}
#content {
	margin: 0px 10px;
	background: #d5cda8 url(images/bg-columns.gif) top right repeat-y;
}
#main-column {
	float: left;
	width: 517px;
	margin-bottom: 30px;
	background: url(images/road2-transparent.jpg) top left no-repeat;
}
#sidebar {
	float: right;
	width: 232px;
	background: url(images/content-corner-top-right.gif) top right no-repeat;
}
#extra {
	position: relative;
	clear: both;
	width: 517px;
	background: url(images/footer-gradient.jpg) top right repeat-x;
}

#footer {
	position: relative;
	clear: both;
	width: 770px;
	height: 26px;
	margin-left: 10px;
}

/* Home Page Header Image */
.home #page {
	background-image: url(images/house2.jpg);
}
.home #main-column {
	background-image: url(images/house2-transparent.jpg);
}

/* Category Header Image */
.category #page {
	background-image: url(images/beehives.jpg);
}
.category #main-column {
	background-image: url(images/beehives-transparent.jpg);
}

/* Single Page Header Image */
.single #page {
	background-image: url(images/valley.jpg);
}
.single #main-column {
	background-image: url(images/valley-transparent.jpg);
}


/* ------------------------- #header ------------------------- */

#header h1 {
	position: absolute;
	bottom: -.19em;
	right: 30px;
	color: #1A3015;
	font-size: 3.25em;
	letter-spacing: .075em; 
	font-weight: normal;
	text-transform: lowercase;
}
#header h1 a, .home-link a {
	color: #1A3015;
	text-decoration: none;
}
#header h1 a:hover, .home-link a:hover {
	color: #FFFF99;
	background-color: transparent;
}

.home-link {
	position: absolute;
	top: 213px;
	right: 32px;
	text-transform: lowercase;
	font-size: 1.1em;
}

.skip {
	position: absolute;
	bottom: 250px;
}

ul#header-nav {
	position: absolute;
	top: 0px;
	right: 0px;
	list-style: none;
	margin-right: 7px;
}
ul#header-nav li {
	float: left;
	font-size: 1.5em;
	margin-right: 3px;
}
ul#header-nav li a {
	float: left;
	display: block;
	padding-right: 10px; /* For 10px background image */
	cursor: pointer;
	color: #292F34;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	text-transform: lowercase;
	background: url(images/tab-right.gif) bottom right no-repeat;
}
ul#header-nav li a span {
	display: block;
	cursor: pointer;
	padding: 7px 11px;
	padding-right: 1px; /* 10px used in parent anchor tag for background image */
	background: url(images/tab-left.gif) bottom left no-repeat;
}
ul#header-nav li a:hover, ul#header-nav li.current_page_item a {
	color:#FFFF99;
	background: url(images/tab-right-dark.gif) bottom right no-repeat;
}
ul#header-nav li a:hover span, ul#header-nav li.current_page_item a span {
	background: url(images/tab-left-dark.gif) bottom left no-repeat;
}

p#header-verse {
	margin-top: .25em;
	position: absolute;
	right: 20px;
	top: 4.5em;
	width: 28.5em;
	text-align: right;
	line-height: 1.5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-style: italic;
}


/* ------------------------- #main-column ------------------------- */

#main-column h2, #main-column h3, #main-column p, div.post-content {
	margin-left: 40px;
	padding-right: 40px;
}

#main-column h2 {
	position: relative;
	z-index: 2; /* In front of div.post-content */
	color: #1A3015;
	font-size: 2em;
	padding-top: 30px;
}
#main-column h2 a, #main-column h3 a {
	color: #1A3015;
	text-decoration: none;
}
#main-column h2 a:hover, #main-column h3 a:hover {
	color: #FFFF99;
}
#main-column h2 a:hover {
	background-color: transparent;
}
#main-column h2 a:active, #main-column h3 a:active {
	color: #FFFF99;
}
#main-column h3 {
	padding-top: 20px;
}
#main-column div.search-result h3 {
	border-top: 1px solid #a5ad73;
}

#main-column h2.pagetitle {
	margin: 0px;
	padding: 0px;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}

div.post-content {
	position: relative;
	top: -7px;
	border-top: 10px solid #c7c499;
}
#main-column div.post-content p {
	margin-left: 0px;
	padding-right: 0px;
}

p.post-info, p.search-post-info {
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
p.post-info {
	position:relative;
	top: -7px;
	text-align: right;
}

p.post-metadata {
	clear: both;
	margin-top: .5em;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-align: right;
}
div.search-result p.post-metadata {
	text-align: left;
	padding-top: 0px;
	padding-bottom: 20px;
}
p.post-metadata img {
	position: relative;
	top: 2px;
	margin-right: 3px;
}

p.single-post-metadata {
	clear: both;
	margin-top: 20px;
	padding-top: .5em;
	padding-bottom: 1em;
	border: 1px solid #c7c499;
	border-width: 2px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	text-align: left;
}

span.author {
	font-weight: bold;
}

/* Navigation */
.navigation {
	padding: 10px 10px;
	padding-top: 8px;
	margin-left: 20px;
	display: block;
	background-color: #c7c499;
	border-bottom: 1px solid #757d53;
	font-size: 1.1em;
	opacity:.50;
	filter: alpha(opacity=50);
	zoom: 1; /* clear .navigation in IE */
}
.navigation:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* clear .navigation in Firefox */

.nav-previous {
	float: left;
}
.nav-next {
	float: right;
}

/* ------------------------- #comments ------------------------- */
h3#comments {
	margin: 40px 20px 10px 40px;
}
h3#respond {
	margin: 20px 20px 10px 40px;
}

.commentlist li {
	font-size: 1.3em;
	list-style: none;
	background: url(images/comments.gif) 15px 10px no-repeat;
	padding: 1em 20px 10px 40px;
}
.commentlist li.alt {
	background-color: #c7c499;
}
.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#main-column .commentlist li p {
	margin-left: 0px; !important
	margin-top: .5em;
	font-size: 1.25em;
	line-height: 1.3;
}

textarea#comment {
	width: 425px;
}
#commentform p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}


/* ------------------------- #sidebar ------------------------- */

#sidebar h2 {
	margin: 30px 10px 3px 20px;
	color: #80825A;
	font-weight: normal;
	text-transform: lowercase;
}
#sidebar h2 a {
	text-decoration: none;
	color: #80825A;
}
#sidebar h2 a:hover {
	text-decoration: underline;
	color: black;
	background: none;
}

#sidebar ul {
	margin: 0px;
	margin-bottom: 10px;
}
#sidebar ul ul {
	margin-left: 10px;
}
#sidebar li {
	font: 1.2em/1.1 Verdana, Arial, Helvetica, sans-serif;
	display: block;
	list-style: none;
	text-transform: capitalize;
}
#sidebar li li {
	font-size: 1em;
}
#sidebar li a {
	display: block;
	padding: 5px 0px 5px 40px;
	color: #292F34;
	background: url(images/leaf.gif) 18px 4px no-repeat;
	text-decoration: none;
} * html #sidebar li a { height:1%; } /* hack to trigger haslayout for IE<7 */
#sidebar li.current-cat a, #sidebar li a:hover {
	color: white;
	font-weight: bold;
	border-right: 10px solid #33462e;
	background: url(images/leaf-yellow.gif) 18px 4px no-repeat;
	background-color: #293F24;
}
#sidebar li a:hover {
	color: #FFFF99;
}

#searchform div {
	margin: 25px 0px 15px 20px;	
}
#searchform #s {
	padding: 2px;
	border: 1px solid #293F24;
	background-color: #f6f2e2;
	width: 110px;
}
#searchform #searchsubmit {
	padding: 1px 0.5em;
	color: #f6f2e2;
	cursor: pointer;
	border: 1px solid #293F24;
	background-color: #80825A;
} * html #searchform #searchsubmit { padding: 0px 2px; } /* Just a little enhancement for IE */
#searchform #searchsubmit:hover {
	color: #FFFF99;
	background-color: #293F24;
}

#rss {
	font-size: 1.1em;
	margin: 30px 20px 20px 20px;
}
#rss img {
	margin-right: 2px;
	vertical-align: bottom;
	border-width: 0px;
}

/* ------------------------- #extra ------------------------- */

#extra-column-one {
	float: left;
	width: 58%;
	padding-top: 20px;
	padding-bottom: 10px;
}
#extra-column-two {
	float: right;
	width: 40%;
	padding-top: 20px;
	padding-bottom: 10px;
}

#extra dt {
	font: 1.2em/1.3 Verdana, Arial, Helvetica, sans-serif;
}
#extra p, #extra dd {
	font: 1.3em/1.3 "Times New Roman", Times, serif;
}
#extra h2 {
	margin-bottom: .4em;
	color: #80825A;
	font-weight: normal;
	text-transform: lowercase;
}
#extra-column-one h2, #extra-column-one dl {
	margin-left: 30px;
	margin-right: 20px;
}
#extra-column-two h2, #extra-column-two p {
	margin-left: 0px;
	margin-right: 30px;
}

#extra-column-one dt {
	margin-top: .4em;
	padding-left: 20px;
	background: url(images/leaf2.gif) 0px 3px no-repeat;
}
#extra-column-one dd {
	padding-left: 20px;
}

#extra-close {
	clear: both;
	height: 15px;
	background: url(images/content-corner-bottom-left.gif) bottom left no-repeat;
}

/* ------------------------- #footer ------------------------- */

#footer p {
	padding-top: 6px;
	padding-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 1;
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#family-picture {
	position: absolute;
	bottom: 0px;
	right: 0px;
}


/* ------------------------- Contact Form CSS ------------------------- */
.contactform {
	width: 100%;
	position: static;
	overflow: hidden;
}

.contactleft {
	width: 25%;
	text-align: right;
	clear: both;
	float: left;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contactright {
	width: 70%;
	text-align: left;
	float: right;
	display: inline;
	padding: 4px;
	margin: 5px 0;
}

.contacterror {
	border: 1px solid #ff0000;
}

.contactsubmit {
}


/* ------------------------- Quickshop ------------------------- */

.quickshop {
	width: 300px;
}
.quickshop fieldset {
	padding: 15px;
}

.quickshop dt {
	clear: both;
	float: left;
}
.quickshop dd {
	float: right;
}
/* Quickshop Sidebar Widget */
.quickshopcart .table-wrap {
	background-color: #E8EBD8;
	padding: 6px 8px 0px 8px;
}
.quickshopcart td {
	padding: 1px 2px;
}
.quickshopcart td.checkout {
	text-align:right;
}
.quickshopcart a {
	text-decoration: none;
}
/* Quickshop Checkout Page */
#post-3617 table {
	width: 100%;
}
#post-3617 h3 {
	display: none;
	text-align: right;
	font-weight: normal;
	font-style: normal !important;
	font-size: 1.4em !important;
}
#post-3617 fieldset {
	padding: 20px 10px;
	border-width: 0px;
}
#post-3617 input.button {
	float: right;
	padding: 2px 5px;
	font-weight:bold;
	background-color: #293F24;
	border-color: #293F24;
	color: white;
}


/* ------------------------- Collapsing Archives ------------------------- */
#sidebar li span.collapse a {
	font-weight: bold;
}

/* ------------------------- Picasa Gallery ------------------------- */
div.picasa-gallery {
	margin-right: -20px;
}

/* ------------------------- Google Slideshow ------------------------- */
#sidebar .slideshow {
	margin: 0px auto;
}
#sidebar .slideshow img {
	border-width: 0px;
}

/* ------------------------- Twitter ------------------------- */
#sidebar ul.twitter {
	margin-left: 30px;
	margin-right: 10px;
	overflow: hidden;
}
#sidebar ul.twitter li {
	font: 1.1em/1.3 Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	text-transform: none;
}
#sidebar ul.twitter li a {
	display: inline;
	padding: 0px;
	background: none;
	color: #05056D;
	text-decoration: underline;
}
#sidebar ul.twitter li a:hover {
	border-width: 0px;
	background-image: none;
	color: #FFFF99;
	text-decoration: none;
	background-color: #293F24;
	font-weight: normal;
}


/* ------------------------- Shashin ------------------------- */

.post-content .shashin_thumbs_table {
	margin: 0px !important;
}
.post-content .shashin_thumbs_table td {
	padding: 2px !important;
}

.shashin_caption_title {
	font-size: 1.4em;
	padding: 7px;
}
.shashin_album_title {
	font-size: .8em !important;
}
.shashin_album_count {
	font-size: .8em !important;
	padding-bottom: 4px !important;
}

.shashin_image img {
	padding: 3px !important;
	border-width: 0px !important;
}
.shashin_thumb img {
	padding: 2px !important;
	border-width: 0px !important;
}
.shashin_album img {
	padding: 3px 2px !important;
	border-width: 0px !important;
}

.shashin_thumb a:hover, .shashin_album a:hover {
	background-color: transparent !important;
	color: #293F24;
}