/* Color info:
	Dk green	#003300
	Md Green	#809451
	Lt green	#006600
	Yellow		#fff5a1
	Gray		#efefef
*/

html * {
	margin: 0;
	padding: 0;}

body {
	font: 95% droid-sans,"Lucida Grande",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1.4;
	min-width: 768px;
	color: #000000;
	background: white url(../images/head-bg.gif) top left repeat-x;
	position: relative;
	z-index: 1;}

a:link {color:#006600; background:inherit;}
a:visited {color:#003300; background:inherit;}
a:hover {color:#003300; background:#fff5a1;}
a:active {color:black; background:#fff5a1;}

blockquote {
	margin-left: 20px;
	padding-left: 35px;
	background: url(../images/quote.gif) no-repeat;}

h1 {
	margin-left: 7px;
	padding: 15px 0 0 0;
	font: 1.9em Georgia,"Palatino Linotype",Palatino,"Book Antiqua","Times New Roman",Times,serif;
	color: #003300;
	background: inherit;}

h1 a {text-decoration: none;}
h1 a:link {color:#003300; background:inherit;}
h1 a:hover {color:#003300; background:#fff5a1;}
h1 a:active {color:#003300; background:#fff5a1;}

h1 span {
	display: block;
	font-size: .8em;
	margin-bottom: -.4em;}

h2 {
	font: 1.4em Georgia,"Palatino Linotype",Palatino,"Book Antiqua","Times New Roman",Times,serif;
	margin: 1em 0;
	color: #003300;
	background: white;}

h2 a:link {color:#003300; background:inherit;}
h2 a:hover {color:#003300; background:#fff5a1;}

h3 {
	font: 1.3em Georgia,"Palatino Linotype",Palatino,"Book Antiqua","Times New Roman",Times,serif;
	margin: 1em 0;
	color: black;
	background: white;}

h3 a:link {color:#003300; background:inherit;}
h3 a:hover {color:#003300; background:#fff5a1;}

h4 {
	font: 1.2em Georgia,"Palatino Linotype",Palatino,"Book Antiqua","Times New Roman",Times,serif;
	margin: 1em 0;
	color: black;
	background: white;}

img {border: 0 none;}

ol, ul {
	line-height: 1.5;
	margin: 1em 0 1em 35px;}

p {margin: 1em 0;}

small {font-size: .85em;}

.center {text-align: center;}

.clear {clear: both;}

.col1 {
	width: 45%;
	float: left;
	margin: 0 0 1em 25px;}

.col2 {
	width: 45%;
	float: right;
	margin: 0 0 1em 0;}

.col1 h4, .col2 h4 {
	margin-top: 0;
	margin-bottom: 0;}

.imgL {
	float: left;
	margin: 0 25px 1em 0;}

.imgR {
	float: right;
	margin: 0 0 1em 25px;}

.indent {margin-left: 40px;}

.right {text-align: right;}

.strike {text-decoration: line-through;}

#footer {
	clear: both;
	margin: 1em 0 0 0;
	padding: 0 30% 0 12%;
	font-size: .9em;
	text-align: center;
	color: black;
	background: #fff5a1;
	border-top: 2px solid #003300;
	border-bottom: 1px solid #809451;}

#footer img {
	float: right;
	margin: 1em 0 1em 1em;}

#head-wrap {
	float: right;
	width: 93%;
	min-width: 765px;
	max-width: 1200px;
	height: 175px;
	margin-bottom: 19px;
	background: url(../images/head/1504a.jpg) top right no-repeat;}

@media screen and (min-width:1400px) {#head-wrap {float:none; margin-left:auto; margin-right:auto;}}

#head {
	padding-top: 15px;
	width: 27em;
	height: 160px;
	color: black;
	background: white;}

#head p {margin: 0 0 0 7px;}

#main {
	margin: 0 0 1em 5px;
	width: 73%;
	float: left;}

#main-wrap {
	clear: both;
	margin: 0 auto;
	width: 85%;
	min-width: 765px;
	max-width: 61em;}

#nav {
	clear: left;
	margin: 36px 0 0 2px;
	font: bold 1.1em Georgia,"Palatino Linotype",Palatino,"Book Antiqua","Times New Roman",Times,serif;
	text-align: right;}

#nav li {
	padding: 3px 8px 3px 0;
	float: left;
	list-style: none;}

#nav a {
	display: block;
	text-decoration: none;
	padding: .2em .3em;
	border: 1px solid white;}

#nav a:link {
	color: #006600;
	background:white;}

#nav a:visited {
	color: #003300;
	background:white;}

#nav a:hover {
	color: black;
	background: #fff5a1;
	border: 1px solid #003300;}
	
#nav a:active {
	color:black;
	background:#fff5a1;
	border: 1px solid #003300;}

#nav #here {
	color: black;
	background: inherit;
	border-bottom: 1px solid #003300;
	border-top: 1px solid #003300;
	border-right: 1px solid white;
	border-left: 1px solid white;}

#tags { margin-top: 3em;}

#rss { margin-top: 3em;}

#rss img {
	vertical-align: -3px;
	margin-right: 7px;}

#searchform #s { width: 10em;}

#searchsubmit { margin-top: 3px;}

#sidebar {
	margin: 0 0 0 76%;
	padding: 18px 0 75px 20px;
	font-size: .9em;
	border-left: 2px solid #003300;}

#sidebar h2 {margin: 0 0 .5em 0;}

#sidebar li {margin: .5em 0;}

#sidebar ul {
	margin: 1em 0;
	list-style: none;}

#sidesearch {
	margin-bottom: 2em;
	padding-bottom: 1.5em;
	border-bottom: solid 1px #003300;}

#sidesearch h2 {
	margin: 0;
	color: black;
	background: inherit;}	

#skip {
	position: absolute;
	top: 0;
	left: -15em;}

#skip a {
	font-size: 1em;
	color: black;
	background: #fff5a1;}

#skip a:focus, #skip a:active {
	display: block;
	position: absolute;
	top: 50px;
        left: 480px;
	width: 9em;
	height: 1.7em;
	padding: .2em;
	text-align: center;
	border: 1px solid #003300;}

/*--------------------------------------- Home and blog */
.commentlist {width: 600px;}

.elsewhere { margin-top: 2em!important; }

.jb-comment {
	color: black;
	background: white url(../images/jb.gif) 15em 0 no-repeat;}

.lengthy li {margin-top: .5em;}

.lyric {
	margin-left: 20px;
	padding-left: 35px;
	background: url(../images/note.gif) no-repeat;}

.nocomments { text-align: right;}

.pagetitle {
	margin-bottom: .2em;
	text-align: center;}

.photo {
	margin: .5em 0 .5em 50px;
	padding: 10px;
	border: 1px solid #999999;}

.piczoom {margin-left: 30px;}
.piczoom:hover {background: white;}
.piczoom:active {background: white;}

.piczoom img {
	margin: .5em 0;
	padding: 10px;
	border: 1px solid #999999;}

.piczoom:hover img {
	border: 1px solid #006600;}

.post h3 {clear: left;}

.post h2, .post h3 {margin-bottom: .2em;}

.postmetadata {
	padding: .5em 0 0 0;
	font-size: .95em;
	line-height: 1.5;
	border-top: solid 1px #003300;
	text-align: right;}

.sample {margin-left: 50px;}

#comment {width: 500px;}

#commentform {margin-left: 40px;}

#commentform p {margin: .5em 0;}

#comments, #respond {
	padding: .5em 0 0 0;
	border-top: solid 1px #809451;}

#listening { margin-bottom: 3em;}

#search-help { margin-top: 2em;}

#tweets {}

#wp-calendar caption {
	font-size: 1.1em;
	padding-bottom: 2px;
	color: black;
	background:#fff5a1;
	border-bottom: 1px solid #006600;}

#wp-calendar td {
	padding: 2px;
	text-align: center;}

#wp-calendar tfoot td { padding-top: 8px;}

/*--------------------------------------- Plugin: PageNavi */
.wp-pagenavi { margin:1em 0;}

.wp-pagenavi a, .wp-pagenavi span.current{
	padding: 0 4px; 
	margin: 0 2px;}

.wp-pagenavi span.pages {
	padding: 0 4px 0 0; 
	margin: 0 2px 0 0;}

.wp-pagenavi span.current { font-weight: bold;}

/*--------------------------------------- About */

#family ul {margin: 0 0 0 50px; }

/*--------------------------------------- Archive */
#arc-pic { 
	margin: 50px 0 0 0;
	padding: 10px;
	border: 1px solid #999999;}

#compact-arc {
	list-style: none;
	margin: 0;
	line-height: 1.8;}

#compact-arc .emptymonth { display: none;}

#compact-arc a { margin-right: 1.1em;}

#compact-arc li { margin: 1em 0 1.5em 0;}

#compact-arc li strong {
	display: block;
	margin-right: 15px;
	border-bottom: 1px solid #003300;}

/*--------------------------------------- Contact */
#FSContact1 { margin: 0 0 1em 50px;}

#FSCintro { margin: 1.5em 0 1em 0;}

/*--------------------------------------- Links */
.links h2 {margin: 2em 0 .5em 0;}
.links h3 {margin: .5em 0 0 0;}

.links img { margin-top: 2em;}

.links ul {
	list-style: none;
	margin: 0 0 1em 0;}

.links li {
	display: inline;
	padding-right: .8em;}

#bookmarks { margin-bottom: 2em;}

#bookmarks h2 {	font: 1em "Lucida Grande","Trebuchet MS",Helvetica,Arial,sans-serif;}

#earthshots { margin: 1em 0 1em 25px;}

#weather { border: solid 1px black;}

/*--------------------------------------- Resume */
.folio {
	margin: 1em 25px 1em 0;
	width: 250px;
	float: left;
	text-align: center;}

.folio img {
	border-top: solid 2px #999999;
	border-left: solid 2px #999999;
	border-bottom: solid 2px #666666;
	border-right: solid 2px #666666;}

#return-res {
	float: right;
	margin-top: 2em;
	width: 10em;}

#web-dev {
	width: 32em;
	margin-left: 35px;
	padding: 5px;
	border: solid 1px #003300;
	color: #000000;
	background-color: #efefef;
	text-align: center;}