/* @override http://janet.vanzoeren.com/wp-content/themes/janet/style.css */

/*
Theme Name: Janet's Theme
Theme URI: http://elivz.com/
Description: Custom theme for Janet Van Zoeren's personal blog.
Version: 1.0
Author: Eli Van Zoeren
Author URI: http://elivz.com/
Tags: 
*/


/* Eric Meyer's Reset styles */
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;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}:focus{outline:0;}ins{text-decoration:none;}del{text-decoration:line-through;}table{border-collapse:collapse;border-spacing:0;}


/* Begin text */

body {
	font-size: 87.5%;  /* Reset base size to 14px */
	line-height: 1.429em;
	}

body, input, textarea, select, label {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	}
		
h1, h2, h3, h4, h5, blockquote, .post-meta, .comment-meta cite, .amp {
	font-family: "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;
	font-weight: bold;
	}
	
code {
	font-family: Consolas, "Courier New", Courier, mono;
	}
	
p {
	
	}
	
a:link {
	color: #7ca681;
	text-decoration: none;
	font-style: italic;
	}
	
a:visited {
	color: #678a6d;
	text-decoration: none;
	font-style: italic;
	}
	
a:focus, a:hover, a:active {
	background: #7ca681;
	color: #1f1f26;
	text-decoration: none;
	font-style: italic;
	}

h1 {
	font-size: 3em;
	line-height: 1.429em;
	font-weight: normal;
	padding-bottom: 0.476em;
	text-align: center;
	letter-spacing: 1px;
	}
h1 a:link, h1 a:visited, h1 a:focus, h1 a:hover, h1 a:active {
	font-style: normal;
	font-weight: normal;
	color: #faf4ec;
	background: transparent;
	text-decoration: none;
	}
	
h2 {
	font-size: 1.714em;
	padding-top: 0.833em;
	line-height: 1.667em;
	font-weight: normal;
	text-align: center;
	}
	
h3 {
	font-size: 1.286em;
	line-height: 2.222em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	}
	
h4 {
	font-weight: bold;
	font-style: italic;
	}

blockquote {
	font-style: italic;
	padding: 0.714em 1.429em;
	}
	
ul {
	
	}

ul li {

	}
	
ol {
	
	}
	
ol li {
	
	}

img {
	display: block;
	}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
	
label {
	color: #9494a5;
	}
	
input, textarea {
	border: none;
	font-size: 1em;
	color: #faf4ec;
	}

input[type=text], textarea {
	background: #15161f;
	padding: 4px;
	border: none;
	}

input[type=submit], input[type=button] {
	background: #2c2c3a url(images/button-bg.png) repeat-x left 0;
	color: #9494a5;
	padding: 4px 10px;
	font-size: 0.929em;
	font-weight: bold;
	border-radius: 2px;
	text-transform: uppercase;
	letter-spacing: 1px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	text-shadow: #000 -1px -1px 0;
	}
input[type=submit]:active, input[type=button]:active {
	background-position: 0 -30px;
	color: #7e7e8c;
	}

.alert {
	color: #992525;
	}

.amp {
	font-style: italic;
	}

.more-link, .more-link:hover, .more-link:focus, .more-link:active {
	width: 100%;
	height: 24px;
	margin: 8px 0;
	display: block;
	background: url(images/read-more.png) no-repeat center top;
	text-indent: -9999px;
	}

.left {
	float: left;
	}
.right {
	float: right;
	text-align: right;
	}
.centered {
	text-align: center;
	}

/* End text */



/* Begin page */

body {
	background: #1f1f26 url(images/body-bg.jpg) repeat;
	color: #faf4ec;
	text-align: center;
	}
	
/* End page */


/* Begin header styles */

#header-wrapper {
	height: 225px;
	background: url(images/header-bg.jpg) repeat-x left top;
	}

#header {
	width: 600px;
	margin: 0 auto;
	}
	
#skip {
	height: 0;
	width: 0;
	position: absolute;
	left: -9999px;
	}

#header h2 {
	padding: 14px 0 5px;
	}
#header h2 a {
	height: 150px;
	width: 600px;
	display: block;
	background: url(images/logo.png) no-repeat center top;
	text-indent: -9999px;
	}

#nav {
	width: 450px;
	margin: 0 80px;
	}
#nav li {
	float: left;
	padding: 0 20px;
	}
#nav li a {
	height: 45px;
	display: block;
	text-indent: -9999px;
	background: url(images/menu-sprites.png) no-repeat;
	}
#nav li a#menu-blog { background-position: 0 0; width: 59px; }
#nav li a#menu-photos { background-position: -59px 0; width: 67px; }
#nav li a#menu-about { background-position: -126px 0; width: 77px; }
#nav li a#menu-email { background-position: -203px 0; width: 87px; }

/* End header */


/* Begin body styles */

#content {
	clear: both;
	width: 600px;
	margin: 2.857em auto 1.429em;
	text-align: left;
	}

.post-excerpt {
	padding-bottom: 2.858em;
	}
.post-excerpt h2, .post-excerpt .post-meta {
	text-align: left;
	}

.post-meta {
	text-align: center;
	color: #9494a5;
	}

#post-body {
	padding: 1.429em 0 32px;
	margin-bottom: 20px;
	background: url(images/post-end.png) no-repeat center bottom;
	}

#post-body p {
	padding-bottom: 1.429em;
	}

.navigation {
	padding: 0 0 1.429em;
	font-size: 0.857em;
	}
.navigation:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.navigation a {
	opacity: 0.75;
	}
.navigation a:hover, .navigation a:focus {
	opacity: 1;
	}

.gallery img {
	margin: 0 auto;
	}

#comments-link {
	font-size: 1.143em;
	text-align: center;
	clear: both;
	}

.comment {
	width: 100%;
	padding: 1.429em 0;
	float: left;
	clear: both;
	}

.comment img {
	float: left;
	display: block;
	}

.comment .comment-meta {
	width: 190px;
	float: right;
	}
.comment .comment-meta cite {
	font-size: 1.286em;
	font-style: italic;
	}
.comment .comment-meta .dtposted, .comment .comment-meta .dtposted:hover, .comment .comment-meta .dtposted:focus {
	color: #9494a5;
	background: transparent;
	font-size: 0.929em;
	font-style: normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	}
.comment .comment-text {
	width: 290px;
	margin-left: 100px;
	}

#comment-form {
	padding-top: 1.429em;
	clear: both;
	}
#comment-form h3 {
	height: 46px;
	width: 100%;
	display: block;
	text-indent: -9999px;
	background: url(images/text-sprites.png) no-repeat center -150px;
	}
#comment-form label {
	width: 90px;
	margin-right: 10px;
	display: block;
	float: left;
	clear: both;
	text-align: right;
	line-height: 28px;
	}
#comment-form input[type=text], #comment-form textarea {
	width: 400px;
	margin-right: 10px;
	}
#comment-form .comment-actions {
	margin-left: 100px;
	}
#comment-form .comment-actions label {
	float: none;
	clear: none;
	display: inline;
	text-align: left;
	line-height: 1.429em;
	}
#comment-form .comment-actions #submit-comment {
	float: left;
	margin-right: 20px;
	}
#comment-form small {
	font-size: 0.929em;
	color: #9494a5;
	}

/* End body */


/* Begin footer styles */

#sidebar-wrapper {
	float: left;
	width: 100%;
	background: url(images/footer-bg.jpg) repeat-x left top;
	padding-top: 40px;
	}
#sidebar {
	width: 600px;
	margin: 0 auto 20px;
	color: #9494a5;
	}

#sidebar a:link, #sidebar a:visited {
	font-style: normal;
	}

#sidebar h3 {
	height: 46px;
	width: 100%;
	display: block;
	text-indent: -9999px;
	background-image: url(images/text-sprites.png);
	background-repeat: no-repeat;
	}
#sidebar h3#archives { background-position: center 0;}
#sidebar h3#about { background-position: center -50px;}
#sidebar h3#links { background-position: center -100px;}

#sidebar .col-3 {
	width: 29%;
	padding: 0 2%;
	float: left;
	}

#footer {
	clear: both;
	padding: 1.429em 0;
	width: 100%;
	height: 24px;
	display: block;
	background: url(images/copyright.png) no-repeat center 1.429em;
	text-indent: -9999px;
	}	

/* End footer */