/*   
Theme Name: 2007-11-22
Theme URI: http://www.feeldontthink.com
Description: This is a simple theme with vertical navigation rather than horizontal.
Author: Jerry
Author URI: http://www.feeldontthink.com
Template: 
Version: 1.0
*/

/* ------------------------------------------------------- */
/*	GLOBAL									*/
/* ------------------------------------------------------- */
	body { padding: 0; margin: 0; background-image: url('site-img/background.jpg'); background-repeat: repeat-y; background-color: white; font-family: Georgia; font-size: 10pt; }
	a, a:link, a:active { text-decoration: none; font-weight: bold; }
	a:visited { color: blue; }
	a:hover { color: red; }
	p { margin: 0; }
	#tracker { display: none; }

/* ------------------------------------------------------- */
/*	NAVIGATION								*/
/* ------------------------------------------------------- */
	#navigation { position: fixed; top: 0; left: 0; background-color: #D3D3D3; width: 87px; } 
	#navigation ul { list-style-type: none; }
	#navigation img { border: 0; }
	#navigation a#navi-home { background-color: #D3D3D3; position: fixed; top: 0; left: 60px; height: 540px; }
	#navigation a#navi-home:hover { background-color: #999999; }
	#navigation a#navi-photos { background-color: #99CC99; position: fixed; top: 0; left: 0; height: 180px; }
	#navigation a#navi-photos:hover { background-color: #669966; }
	#navigation a#navi-projects { background-color: #CC9999; position: fixed; top: 180px; left: 0; height: 180px; }
	#navigation a#navi-projects:hover { background-color: #996666; }
	#navigation a#navi-contact { background-color: #99CCCC; position: fixed; top: 360px; left: 0; height: 180px; }
	#navigation a#navi-contact:hover { background-color: #669999; }

/* ------------------------------------------------------- */
/*	CONTENT									*/
/* ------------------------------------------------------- */
	/* HEADER */
	#content #header  { margin-bottom: 15px; text-transform: lowercase; }
	#content #header a#header-Home, #content #header a#header-About, #content #header a#header-Archive, #content #header a#header-Search { display: block; background-color: #D3D3D3; margin: 0; font-size: 24pt; color: white; font-family: Verdana; font-weight: normal; padding: 3px 0 3px 15px; letter-spacing: 5px; }
	#content #header a#header-Home:hover, #content #header a#header-About:hover, #content #header a#header-Archive:hover, #content #header a#header-Search:hover { background-color: #999999; }	
	#content #header a#header-Projects { display: block; background-color: #CC9999; margin: 0; font-size: 24pt; color: white; font-family: Verdana; font-weight: normal; padding: 3px 0 3px 15px; letter-spacing: 5px; }
	#content #header a#header-Projects:hover { background-color: #996666; }
	#content #header a#header-Photos { display: block; background-color: #99CC99; margin: 0; font-size: 24pt; color: white; font-family: Verdana; font-weight: normal; padding: 3px 0 3px 15px; letter-spacing: 5px; }
	#content #header a#header-Photos:hover { background-color: #669966; }
	#content #header a#header-Contact { display: block; background-color: #99CCCC; margin: 0; font-size: 24pt; color: white; font-family: Verdana; font-weight: normal; padding: 3px 0 3px 15px; letter-spacing: 5px; }
	#content #header a#header-Contact:hover { background-color: #669999; }

	/* CONTENT */
	#content { padding: 25px; margin-left: 90px; width: 465px; background-color: white; text-align: justify; }
	#content h2 { margin: 0 0 2px 0; padding: 0; font-family: Verdana; font-size: 16pt; font-weight: bold; } 
	#content h2 a, #content h2 a:visited, #content h2 a:active { color: black; }
	#content h2 a:hover { color: red; }
	#content h4 { margin: 0 0 2px 0; padding: 0; font-family: Georgia; font-size: 12pt; font-weight: bold; } 
	#content p { margin-bottom: 15px; line-height: 1.5; }
	#content p.center { text-align: center; }
		#content p.center img { margin-right: 10px; }
	#content p.left { float: left; margin: 0 10px 0 0; }
	/* #content p.left { float: left; margin: 0 10px 10px 0; } */
	#content p.right { float: right; margin: 0 0 10px 10px; }
	#content p.blogdate { font-family: Verdana; font-size: 8pt; color: gray; }
	#content img { padding: 8px; border: 1px solid gray; }
	#content img:hover { background-color: #FFFF99; }
	#content img.thumbnail { margin: 5px; }
	#content .blogfooter { font-size: 8pt; line-height: 1.5; margin: 10px 15px 30px 15px; display: block; background-color: #F2F2F2; padding: 5px; background-image: url('site-img/bkg-blogfooter.jpg'); }
	#content acronym { border-bottom: gray 1px dashed; padding-bottom: 1px; }
	#content blockquote { width: 300px; position: relative; margin-left: auto; margin-right: auto; border-top: solid 2px gray; border-bottom: solid 2px gray; padding: 8px 20px 2px 20px; font-size: 12pt; color: blue; }
	#content .long { width: 350px; color: black; font-size: 10pt; background: #DDCFCF;	} 
	#content #category ul { margin-bottom: 25px; }
	#content ul { list-style-type: circle; }
	#content #respond { font-size: 12pt; }
	#content ol.commentlist li { padding: 5px; }
	#content ol.commentlist li.alt { background-color: #D3D3D3; }
	#content #edit-link { clear: both; margin-top: 5px; }
		
/* ------------------------------------------------------- */
/* PROJECTS 									*/
/* ------------------------------------------------------- */
	#content .icon { float: left; padding: 3px; border: solid 1px #666666; margin: 0 10px 20px 0; }
	#content img.icon:hover { background-color: #FFFF99; }
	#content #projects-list { margin: 0; padding: 0; }
	#content .projects { clear: both; list-style-type: none; }

/* ------------------------------------------------------- */
/* 	PHOTOS 									*/
/* ------------------------------------------------------- */
	#content .falbum-thumbnail-nods img { padding: 6px;  }
	.falbum-thumbnail-nods img:hover { background: #FFFF99; }
	.falbum-random { background-color: white; padding: 5px; width: 134px; }
	.falbum-album { margin: 5px; width: 130px; float: left; text-align: center; }
	.falbum h3.falbum-title { font-size: 9pt; font-family: Verdana; font-weight: normal; }
	.falbum-album .falbum-meta, .falbum-album .falbum-album-description { display: none; }
	.falbum-tn-border-s { margin: 18px 0 0 2px; width: 130px; float: left; text-align: center; } 
	.falbum-navigationBar { padding: 5px; margin: 10px 0 10px 0; border-top: 1px gray solid; border-bottom: 1px gray solid; clear: both; }
	.buttonLink, .curPageLink, .otherPageLink { margin: 0 4px 0 4px; } 
	.falbum-nav { text-align: center; padding: 5px; border-top: 1px gray solid; border-bottom: 1px gray solid; margin: 15px 0 0 0;  }
	#falbum-photo-desc { margin-top: 10px; }
	.falbum-tags-block { margin-bottom: 15px; } 
	.falbum-comment-title { margin: 0 0 2px 0; padding: 0; font-family: Georgia; font-size: 12pt; font-weight: bold; } 
	.falbum-comment-author { margin: 5px 0 5px 0; }
	p#falbum-photo-desc { line-height: 1; }
	.falbum-photoSizesBlock a { margin: 0 4px 0 4px; }
	.falbum-photoSizesBlock { margin: 10px 0 10px 0; }
	.falbum-date-taken { font-family: Verdana; color: gray; font-size: 9pt; }
	.falbum-tags-block { font-family: Verdana; font-size: 9pt; }
	#falbum-post-helper-switch { display: none; }
	.falbum-photo-block { text-align: center; }

/* ------------------------------------------------------- */
/* 	SIDEBAR									*/
/* ------------------------------------------------------- */
	#sidebar { float: right; position: absolute; top: 0; left: 595px; padding: 17px; width: 150px; } 
	#sidebar h3 { padding: 4px; border-right: 5px white solid; border-bottom: 5px white solid; background-color: #9999CC; width: 133px; color: white; font-family: Verdana; font-size: 11pt; font-weight: normal; margin: 20px 0 5px; 0 }
	#sidebar h3.link { padding: 0; border-right: 5px white solid; border-bottom: 5px white solid; width: 141px; color: white; font-family: Verdana; font-size: 11pt; font-weight: normal; margin: 20px 0 5px; 0 }
	#sidebar h3 a, #sidebar h3 a:visited, #sidebar h3 a:active { font-weight: normal; display: block; padding: 3px; text-decoration: none; }
	#sidebar h3.link a#sidebar-webcam { color: white; background-color: #CCCC99 }
	#sidebar h3.link a#sidebar-webcam:hover { background-color: #999966 }
	#sidebar h3.link a#sidebar-photos { color: white; background-color: #99CC99 }
	#sidebar h3.link a#sidebar-photos:hover { background-color: #669966 }
	#sidebar .img { text-align: center; width: 136px}
	#sidebar img { border: 0; }
	#sidebar #webcam-img-link img { padding: 3px; border: 1px gray solid; }
	#sidebar #webcam-img-link img:hover { background-color: #FFFF99; }
	#sidebar .falbum-random { text-align: center; width: 136px; }
	#sidebar .falbum-thumbnail-nods img { padding: 4px; border: 1px gray solid; margin-bottom: 5px; }
	#sidebar .falbum-thumbnail-nods img:hover { background-color: #FFFF99; }
	#sidebar table { background-color: white; padding: 5px; font-size: 9pt; width: 146px; }
	#sidebar table caption { background-color: white; padding: 5px; font-size: 9pt; }
	#sidebar p { background-color: white; padding: 5px; font-size: 9pt; width: 140px; }
	#sidebar form { background-color: white; padding: 5px; margin: 0; font-size: 9pt; width: 134px; }
	#sidebar ul { list-style-type: none; margin: 0; background-color: white; padding: 5px; font-size: 9pt; width: 136px;}
	#sidebar ul.children { margin: 0; padding: 0; text-indent: 20px }
	#sidebar #searchform { width: 136px; } 
	#wp-calendar, #wp-calendar thead { width: 136px; }
	#wp-calendar th, #wp-calendar tr, #wp-calendar td, #wp-calendar caption { font-family: Verdana; font-size: 8pt; text-align: center;  }