/*
Theme Name: Kristin Blue
Theme URI: http://www.kristinolsen.org/
Description: Two right & two bottom sidebars on home page, single right & bottom sidebar all other pages; tested with WordPress 2.8 on Google Chrome, Firefox 3.0 (Mac) & 3.5 (Win), Safari 3 (Win), Opera 9 (Win), IE 6, 7 & 8 (Win); Williams Writing credit line.
Version: 1.0
Author: Sandra K. Williams
Author URI: http://www.williamswriting.com/
*/

/*
1 Layout
2 Menu & Navigation
3 Sidebar & Footer
4 Text & Links
5 Images & Captions
6 Forms
7 Comments
*/

/* Palette
black #000
dark gray, visited links #999
white #fff
grass green, sidebar header & main links #6db43f
road pale green #cfe4be
sky blue, headers #184e76
border blue, sidebar links #002b54
light blue, visited links #4c6a87
pale blue, bq bkgd #e9eef2
voter red, hover #c00
*/

/* Icons
pdf, txt, doc, zip
  FamFam Silk, http://www.famfamfam.com/lab/icons/silk/
mp3, swf
  Crystal Project, http://www.everaldo.com/crystal/
rss
  Feedicons V.2, http://www.zeusboxstudio.com
mail, twitter
  Function, http://www.wefunction.com
 */

/* LAYOUT */

html, body, div, h1, h2, h3, h4, h5, h6, blockquote, p, dl, dt, dd, ol, ul, li, pre, form, fieldset, legend, label, input, textarea, table, caption, th, td, img, object, hr {
	vertical-align: baseline;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

body {
	color: #000;
	background: #002b54;
	font: normal 100%/1.5 "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 24px 16px;
}

#header, h1#site-title, h1#site-title span {
	width: 960px;
	height: 140px;
}

.home #header, .home h1#site-title, .home h1#site-title span {
	height: 240px;
}

#header {
	position: relative;
	text-align: left;
	margin: 0 auto;
}

h1#site-title {
	position: relative;
	font-size: 2em;
	margin: 0;
	z-axis: 1;
}

h1#site-title span {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	background: transparent url(images/header.jpg) no-repeat center top;
	z-axis: 50;
}

.home h1#site-title span {
	background: transparent url(images/header-home.jpg) no-repeat center top;
}

#tagline {
	position: absolute;
	color: #6db43f;
	font: italic 36px/1.25 Georgia, serif;
	margin: -80px 0 0;
	padding: 0 20px;
	z-axis: 100;
}

#wrapper {
	width: 960px;
	text-align: left;
	background: #fff url(images/content-inside.png) repeat-y center top;
	margin: 0 auto;
}

.home #wrapper {
	background: #fff url(images/content-home.png) repeat-y center top;
}

.container {
	float: left;
	width: 100%;
}

#content {
	margin-right: 360px;
	padding-left: 20px;
	padding-bottom: 24px;
}

.home #content {
	margin-right: 490px;
}

.sidebar {
	float: left;
	width: 250px;
	margin-left: -290px;
	padding-bottom: 24px;
}

.sidebar.home-left {
	width: 180px;
	margin-left: -445px;
}

.sidebar.home-right {
	width: 180px;
	margin-left: -210px;
}

#footer {
	clear: both;
	background: #fff url(images/footer-inside.png) repeat-y center top;
	font-size: .9em;
	padding: 24px 20px 12px;
}

.home #footer {
	background: #fff url(images/footer-home.png) repeat-y center top;
}

#footermain {
	margin-right: 340px;
}

.home #footermain {
	margin-right: 470px;
}

.footer {
	float: left;
	width: 250px;
	margin-left: -270px;
}

.footer.ftr-left {
	width: 180px;
	margin-left: -425px;
}

.footer.ftr-right {
	width: 180px;
	margin-left: -190px;
}

#footer .creditline {
	clear: both;
}

.screen-reader-text {
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.clearfix:after, .navigation:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

a, .wp-caption, blockquote {
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.menu a {
	-moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

/* MENU, NAVIGATION, LINKS */

#skip {
	position: absolute;
	left: 8px;
	top: 4px;
	font-size: .9em;
}

#skip a, #skip a:visited {
	color: #002b54;
	font-weight: bold;
}

#skip a:focus, #skip a:hover, #skip a:active {
	color: #fff;
}

.menu ul {
	background: #6db43f url(images/menu-bkgd.png) repeat;
	list-style: none;
	line-height: 1.5;
	margin: 0;
	padding: 12px 10px 0;
}

.menu li {
	display: inline;
	margin: 0 10px;
}

.menu a:link, .menu a:visited {
	color: #fff;
	text-decoration: none;
}

.menu a:focus, .menu a:hover, .menu a:active {
	color: #002b54;
}

.menu li.current_page_item a, .menu li.current_page_item a:visited, .menu li.current_page_item a:hover {
	color: #002b54;
	background: url(images/tab-left.png) no-repeat left top;
	padding: 4px 8px 0;
	cursor: default;
}

.menu li.current_page_item {
	background: url(images/tab.png) no-repeat right top;
	cursor: default;
	padding: 4px 0;
}

div#nav-images {
	height: auto;
}

.navigation {
	text-transform: uppercase;
	font-size: .9em;
	letter-spacing: 1px;
	padding: 2em 0 1em;
}

.navigation div {
	width: 49%;
}

.navigation .nav-previous {
	float: left;
}

.navigation .nav-next {
	float: right;
	text-align: right;
}

a.more-link, .page-link a:link, .navigation a:link {
	color: #fff;
	background: #6db43f;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	padding: 4px 6px;
}

a.more-link:visited, .page-link a:visited, .navigation a:visited {
	color: #6db43f;
	background: #cfe4be;
	text-decoration: none;
	padding: 4px 6px;
}

a.more-link:focus, a.more-link:hover, a.more-link:active, .page-link a:focus, .page-link a:hover,.page-link a:active, .navigation a:focus, .navigation a:hover, .navigation a:active {
	color: #fff;
	background: #c00;
}

/* SIDEBAR */

.sidebar select {
	width: 100%;
}

.sidebar form {
	margin-top: .5em;
}

.sidebar ul, #footer ul {
	margin: 0;
}

.sidebar ul li, .sidebar ul ul li, .footer ul li, .footer ul ul li {
	list-style: none;
}

.sidebar .widget_pages ul ul li, .footer .widget_pages ul ul li {
	color: #184e76;
	list-style: square;
	margin-left: 1em;
}

ul.blogroll li {
	color: #6db43f;
	list-style-type: square;
	font-size: 90%;
	margin-left: 1em;
}

.reg2vote, .contribute { margin-top: 24px; }

.reg2vote a, .reg2vote a:visited {
	display: block;
	width: 180px;
	height: 32px;
	text-decoration: none;
	background: url(images/reg2vote.png) no-repeat;
}

.reg2vote a:focus, .reg2vote a:hover, .reg2vote a:active {
	background-position: -190px 0;
}

.twitter a, .twitter a:visited {
	display: block;
	width: 250px;
	height: 45px;
	text-decoration: none;
	background: url(images/socialmedia.png) no-repeat;
}

.twitter a:focus, .twitter a:hover, .twitter a:active {
	background-position: -250px 0;
}

.facebook a, .facebook a:visited {
	display: block;
	width: 250px;
	height: 45px;
	text-decoration: none;
	background: url(images/socialmedia.png) no-repeat 0 -50px;
}

.facebook a:focus, .facebook a:hover, .facebook a:active {
	background-position: -250px -50px;
}

.email a {
	display: block;
	width: 250px;
	height: 45px;
	text-decoration: none;
	background: url(images/socialmedia.png) no-repeat 0 -100px;
}

.email a:hover {
	background-position: -250px -100px;
}

.home .twitter a, .home .facebook a, .home .email a {
	width: 180px;
}

.reg2vote, .twitter, .facebook, .email {
	margin-bottom: 1em;
}

/* TEXT & LINKS */

h1, h2, h3, h4, h5, h6, legend {
	color: #184e76;
	font: normal normal 1em/1.25 Futura, "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;
	margin: 24px 0 0;
}

h1#site-title, h1#site-title a:link, h1#site-title a:visited {
	text-decoration: none;
}

h1#site-title a:focus, h1#site-title a:hover, h1#site-title a:active {
	color: #cfe4be;
}

#content h3, #content h4, #content h5, #content h6 {
	clear: both;
}

h1 a, h2 a, h3 a {
	text-decoration: none;
}

h1, h2 {
	font-size: 1.4em;
}

h2.post-title, h2.page-title {
	font-weight: bold;
}

.archive h2 {
	font-weight: normal;
}

h2 span, h3 span {
	font-weight: bold;
}

h3 {
	font-size: 1.25em;
}

h3.widgettitle, .sidebar h2, .sidebar h3 {
	font: 1em/1.5 "Futura Black", "Arial Black", Arial, Helvetica, sans-serif;
}

.sidebar h2, .sidebar h3 {
	color: #6db43f;
}

#footer h3 {
	margin: 0;
}

h4 {
	font-size: 1.1em;
}

p, blockquote, dl, ol, ul {
	margin: 1em 0;
}

blockquote {
	background: #e9eef2;
	margin-left: 2em;
	padding: 0 16px;
}

blockquote cite {
	display: block;
	text-align: right;
	margin-left: 50%;
	padding-right: 16px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 .5em 2em;
}

ol {
	list-style: decimal outside;
	margin-left: 2em;
}

ol ul {
	list-style: square;
	margin: 0 0 0 1em;
}

ul, ul.links-page ul, ul#archives-page ul {
	list-style: square;
	margin-left: 1em;
}

ul.links-page, ul#archives-page {
	list-style: none;
	margin-left: 0;
}

ul.links-page li, ul#archives-page li {
	line-height: 2;
}

ol ul ul, ul ul {
	list-style: disc;
	margin: 0 0 0 1em;
}

ul ul ul {
	list-style: circle;
	margin: 0 0 0 1em;
}

small {
	font-size: .9em;
}

code {
	font: normal 1em "Lucida Console", Monaco, monospace;
}

hr {
	color: #999;
	background: #999;
	height: 1px;
	border-top: 1px solid #999;
}

.post-meta, .page-meta {
	clear: both;
	color: #4c6a87;
	font-size: .9em;
}

.page-link {
	text-align: right;
	margin: 1em 0;
}

#footer p {
	clear: left;
	margin: 0;
	padding-top: 1em;
}

.privacy { font-size: .8em; }

.creditline {
	color: #4c6a87;
	font-size: 12px;
	margin: 0;
	padding-top: 2em;
}

.rssfeed {
	background: url(images/rss_32.png) left 1em no-repeat;
	padding-left: 34px;
}

/* Feed Reading Blogroll */
.lastPublicationDate { font-style: italic; }
li.feedreading_bookmark div abbr, li.feedreading_bookmark div small {
	border: none;
	cursor: default;
}

a {
	color: #6db43f;
}

a:visited, #footer a:visited {
	color: #4c6a87;
}

a:focus, a:hover, a:active {
	color: #c00;
}

.sidebar a, #footer a {
	color: #002b54;
	text-decoration: none;
}

#footer .widget_pages li.current_page_item a, #footer .widget_pages li.current_page_item a:visited, #footer .widget_pages li.current_page_item a:hover {
	color: #002b54;
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}

.sidebar li a:focus, .sidebar li a:hover, .sidebar li a:active {
	color: #002b54;
	background: #fff;
}

#footer a:focus, #footer a:hover, #footer a:active {
	color: #002b54;
	text-decoration: underline;
}

a[href $='.doc']:link, a[href $='.doc']:visited,
a[href $='.docx']:link, a[href $='.docx']:visited {
	background: url(images/doc.png) no-repeat center right;
	padding-right: 18px;
}
a[href $='.doc']:focus, a[href $='.doc']:hover, a[href $='.doc']:active,
a[href $='.docx']:focus, a[href $='.docx']:hover, a[href $='.docx']:active {
	background: #000 url(images/doc.png) no-repeat center right;
}

a[href $='.mp3']:link, a[href $='.mp3']:visited {
	background: url(images/mp3.png) no-repeat center right;
	padding-right: 18px;
}
a[href $='.mp3']:focus, a[href $='.mp3']:hover, a[href $='.mp3']:active {
	background: #000 url(images/mp3.png) no-repeat center right;
}

a[href $='.pdf']:link, a[href $='.pdf']:visited {
	background: url(images/pdf.png) no-repeat center right;
	padding-right: 18px;
}
a[href $='.pdf']:focus, a[href $='.pdf']:hover, a[href $='.pdf']:active {
	background: #000 url(images/pdf.png) no-repeat center right;
}

a[href $='.rss']:link, a[href $='.rss']:visited {
	background: url(images/feed.png) no-repeat center right;
	padding-right: 18px;
}
a[href $='.rss']:focus, a[href $='.rss']:hover, a[href $='.rss']:active {
	background: #000 url(images/feed.png) no-repeat center right;
}

a[href $='.swf']:link, a[href $='.swf']:visited {
	background: url(images/flash.png) no-repeat center right;
	padding-right: 18px;
}
a[href $='.swf']:focus, a[href $='.swf']:hover, a[href $='.pdf']:active {
	background: #000 url(images/flash.png) no-repeat center right;
}

a[href $='.txt']:link, a[href $='.txt']:visited {
	background: url(images/txt.png) no-repeat center right;
	padding-right: 18px;
}
a[href $='.txt']:focus, a[href $='.txt']:hover, a[href $='.txt']:active {
	background: #000 url(images/txt.png) no-repeat center right;
}

a[href $='.zip']:link, a[href $='.zip']:visited {
	background: url(images/zip.png) no-repeat center right;
	padding-right: 18px;
}
a[href $='.zip']:focus, a[href $='.zip']:hover, a[href $='.zip']:active {
	background: #000 url(images/zip.png) no-repeat center right;
}

/* IMAGES & CAPTIONS */

img, a img { border: none; }

.gallery img a, .gallery img a:hover, .entry-image a, entry-image a:hover, #nav-images a, #nav-images a:hover {
	text-decoration: none;
	background: transparent;
	padding: 0;
}

object, .aligncenter, div.aligncenter {
	display: block;
	margin: 1em auto;
}

object.slideshow-widget { margin-top: 0; }

.alignleft, div.alignleft {
	float: left;
	margin-right: 16px;
}

.alignright, div.alignright {
	float: right;
	margin-left: 16px;
}

.wp-caption {
	text-align: center;
	border: 1px solid #e9eef2;
	padding: 12px 8px 0;
}

p.wp-caption-text, .gallery-caption, .entry-caption {
	color: #184e76;
	margin: 8px 0;
}

.gallery {
	margin: auto;
}

.gallery-item {
	float: left;
	width: 33%;
	text-align: center;
	margin-top: 12px;
}

.gallery-caption {
	margin-left: 0;
}

.gallery a img, .gallery a:visited img {
	border: 2px solid #fff;
}

.gallery a:focus img, .gallery a:hover img, .gallery a:active img {
	border: 2px solid #6db43f;
}

.attachment .post-title {
	margin-bottom: 1em;
}

/* FORMS */

fieldset { border: none; }

#commentform label, #gb_form label {
	display: block;
	color: #002b54;
	margin: 1em 0 0;
}

#gb_form label.inline {
	display: inline;
}

label span {
	color: #6db43f;
}

#s, input.med, input.short, input.text, select.med, textarea.textbox {
	border: 1px solid #4c6a87;
	background: #fff url(images/input-bkgd.png) repeat-x left top;
	padding: 1px 2px;
}

#s { width: 180px; }

input.checkbox { padding: 0; }

input#gbcc { margin-top: 1em; }

input.med, select.med { width: 60%; }

textarea.textbox {
	width: 95%;
	height: 14em;
	overflow: auto;
}

.html-tags {
	color: #000;
	font-size: .9em;
}

/* COMMENTS */

.commentlist, .pinglist {
	list-style: none;
	margin: 1em 0;
}

.comment-meta, .pinglist p {
	margin: 0;
}

.commentlist p {
	margin: .5em 0;
}

.commentlist li, .pinglist li {
	border-bottom: 1px solid #4c6a87;
	padding: 8px;
	margin-bottom: 16px;
}

.commentlist li .avatar {
	margin-right: 4px;
}

li.bypostauthor {
	background: #cfe4be;
}

.commentlist .children ul,
.commentlist .children ul ul {
	margin-left: 0;
}

.commentlist .children li {
	list-style: none;
	border: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

a#cancel-comment-reply-link {
	font-size: .9em;
}

.reply {
	text-align: right;
	font-size: .9em;
}