 /*
Theme Name: Ikigai Way
Description: A three-columned theme created for IkigaiWay.com: The Writings of Matt Apsokardu.
Version: 1.0
Author: Brandon G. Morse
Author URI: http://www.morsecodemedia.com/
*/
body {
	background: #000 url('images/header_bk.png') repeat-x top left;
	color: #FFF;
	font-family: 'Trebuchet MS', Georgia, Times, serif;
	font-size: 11px;
	margin: 0
}

a {
	color: #5F8100;
	text-decoration: underline;
}

a:hover {
	color: #5F8100;
	text-decoration: underline;
}

.metadata{
	padding-bottom: 5px;
	padding-top: 5px;
}
small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	line-height: 14px;
}


.clear {
	clear: both;
	font-size: 0px;
	line-height: 0px;
	visibility: hidden;
	margin: 0;
}

.highlight {
	font-weight: bold;
	font-style: italic;
	font-family: Georgia, Times, serif;
	font-size: 14px;
	color: #5b656e;
	margin: 17px 0; 
}

/**
 * BEGIN QUOTES AND BLOCKQUOTES
**/

q {
	background: url('images/quotes.gif') no-repeat 0px 20px;

	border-top: 1px dotted #BBB;
	border-bottom: 1px dotted #BBB;
	
	padding-bottom:20px; padding-top:20px; quotes:none; font-weight:bold; font-style:italic; font-family:Georgia, Times, serif; font-size:12px; color:#5B656E; display:block; margin-bottom:5px; border-top-width:1px; border-bottom-width:1px; padding-left:33px; padding-right:20px
}

q cite{
	display: block;
	padding-right: 15px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #5B656E;
	font-style: normal;
	font-weight: normal;
	float: right;
}

q cite a {
	padding: 0px 20px 10px 33px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #5B656E;
	font-style: normal;
	font-weight: normal;
	float: right;
}

blockquote {
	display: inline;
	margin: 0;
	padding: 0;
}

blockquote p {
	display: block;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: 0px;
	
	background: url('images/quotes.gif') no-repeat 0px 20px;

	border-top: 1px dotted #BBB;
	border-bottom: 1px dotted #BBB;
	
	padding-left: 33px;
	padding-bottom: 20px;
	padding-top: 20px;
	
	quotes: none;
	font-weight: bold;
	font-style: italic;
	font-family: Georgia, Times, serif;
	font-size: 12px;
	color: #5B656E

}

blockquote p cite {
	display: block;
	padding-right: 0px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10px;
	color: #5B656E;
	font-style: normal;
	font-weight: normal;
	float: right;
}

/**
 * END QUOTES AND BLOCKQUOTES
**/

.spacer {
	margin: 18px 0;
	background: url('images/dotted.gif') repeat-x top left;
	height: 1px
}

.navigation {
	display: block;
	padding-bottom: 20px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

.entry p a{
	color: #5F8100;
	text-decoration: none;

}



/**
 * BEGIN CONTAINERS
**/

#coverme {
  width: 970px;
  left: 50%;
  margin-left: -480px;
  position: absolute;
  top: 0;
	background:#000 url('images/t_tree.png') no-repeat bottom left;; margin-right:0; margin-top:0; margin-bottom:0
}

#header {
	display: block;
	float: left; 
	background: url('images/header.jpg') no-repeat top left;
	width: 970px;
	height: 280px
}

#content {
	
	position: relative;
	width: 970px;
    /* width: 1000px; */
	clear: both;
}

#footer {
	background: #000 url('images/footer_bk.png') no-repeat top left;
	position: relative;
	width: 970px;
    /* width: 1000px; */
	height: 200px
}

/**
 * END CONTAINERS
**/

/**
 * BEGIN HEADER
**/

#topnav {
	position: absolute;
	right: 25px;
}

#searchform {
	background: url('images/nav_search.gif') no-repeat top left;
	width: 296px; height: 45px;
	float: left
}

#searchform .input {
	border: 1px solid #3d5c00;
	width: 188px;
	margin: 7px;
}

#searchform .searchbtn {
	margin: 0 0 2px 0;
}

#topcorner {
	float: left;
}

/**
 * END HEADER
**/

/**
 * BEGIN LEFT NAVIGATION
**/

#leftnav {
	width: 200px;
	margin: 60px 20px 0 10px;
	float: left;
	/* border: 1px solid #1e404c; */
}

#leftnav .tree {
	position: absolute;
	bottom: 0px;
}

#leftnav h2 {
	margin: 0; padding: 0;
	border-bottom: 3px solid #1e404c;
}

#leftnav ul {
	margin: 0; padding: 0;
	list-style: none;
}

#leftnav ul li {
	margin: 0; padding: 0;
}

#leftnav ul li a {
	display: block;
	border-top: 1px solid #1e404c;
	text-decoration: none;
	padding: 9px 9px 9px 20px;
  color: #FFF;
}

#leftnav ul li a:hover {
	background-color: #5F8100;
}

#leftnav ul li a h3 {
	/* margin: 0; padding: 0 0 0 13px; */
	margin:0; padding: 0 10px 0 0;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	/*background: transparent url(images/left_arrow.gif) no-repeat 0 4px;
	/* background: transparent url(images/left_arrow.gif) no-repeat 0 50%;*/
}

#leftnav ul li a p {
	margin: 0; padding: 0;
	color: #5F8100;
}

#leftnav ul li a:hover p {
	margin:0;padding:0;
	color:#000;
}

#recentposts ul li a {
	font-weight: bold;
}

#recentposts ul li a:hover{
	background-color: #5F8100;
}

#currentprojects ul li a h3 {
	background: url('images/left_folder.gif') no-repeat 0 2px;
	/* background: transparent url(images/left_folder.gif) no-repeat 0 50%; */
}

#currentprojects {
font-weight:bold;
	margin-bottom: 41px;
}

#archivesleft {
	font-weight:bold;
	margin-bottom: 0px;
}


/**
 * END LEFT NAVIGATION
**/

/**
 * BEGIN BODY CONTENT
**/

#bodycontent {
	width: 515px;
	float: right;
	margin: 60px 10px 0 15px;
	font-size: 14px;
}

#bodycontent h1 {
	margin: 0; padding: 0;
	font-family: Georgia, Times, serif;
	font-size: 32px;
	font-weight: normal;
	color: #1e404c;
}

#bodycontent h2 {
	margin: 0; 
	padding: 0;
	font-family: Georgia, Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #202830;
}

.highlight {
	font-weight: bold;
	font-style: italic;
	font-family: Georgia, Times, serif;
	font-size: 14px;
	color: #5b656e;
	margin: 17px 0; 
}

.bottominfo {
	/* background: transparent url(images/info_bg.gif) repeat-x bottom left; */
	border-bottom: 1px solid #8998a6;
	position: relative;
}

.bottominfo ul {
	margin: 0; padding: 0 0 3px 0;
	list-style: none;
}

.bottominfo ul li {
	margin: 0; padding: 0;
	display: inline;
}

.bottominfo .comments a {
	background: url('images/grey_wordbubble.gif') no-repeat 0 50%;
	display: inline;
	color:#5F8100;
	font-size: 12px; margin-left:5px; margin-right:10px; margin-top:0; margin-bottom:0; padding-left:22px; padding-right:0; padding-top:0; padding-bottom:0
}

.bottominfo .link a {
	background: url('images/grey_folder.gif') no-repeat 0 50%;
	display: inline;
	color:#5F8100;
	font-size: 12px; padding-left:17px; padding-right:0; padding-top:0; padding-bottom:0
}

.date{
font-size: 12px;
}

.date a {
	text-decoration: underline;
	font-size: 12px;
}

#toparticle {
	color: #fff;
	margin-bottom: 25px;
}

#toparticle h1 {
	/* color: #39444d; */
	color: #5F8100;
	margin-bottom: -5px;
}

#toparticle h1 a {
	color: #5F8100;
    text-decoration: none;

}

#toparticle h1 a:active {
	color: #5F8100;
}

#toparticle h1 a:hover {
	color: #FFF;
}

#toparticle .date {
	border-top: 1px solid #000;
	margin-top: 10px;
	padding-top: 3px;
}

#toparticle .bottominfo {
	border-bottom: 0px;
	margin-top: 20px;
}

#toparticle .bottominfo img {
	margin-right: 4px;
	position: absolute;
	right: 0;
	top: 0;
}

#toparticle p a {
	color: #5F8100;
	text-decoration: none;
	border-bottom: 1px dotted #5F8100;
}

#toparticle p img {
	padding: 0px;
	
	border-right: 10px solid #fff;
	
	margin-top:  0px;
	margin-bottom:  0px;
}

#toparticle p a img {
	padding: 0px;
	margin-top:  0px;
	margin-bottom:  0px;
	border-right: 10px solid #fff;
	
}

#toparticle ol li a{
	color: #880000;
	text-decoration: none;
	border-bottom: 1px dotted #880000;
}

/**
 * BEGIN IMAGE CONTAINER WITH LINK
**/

#image_container {
	overflow:hidden;
	padding: 4px;
	border-top: 1px solid #ebebeb;
	border-right: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
	border-left: 1px solid #ebebeb;
	background-color: #ffffff;
}

#image_container img {
	border-bottom: 1px solid #82909c;
	padding-bottom: 0px;
	background: #c4cbd2;
}

#image_container p {
	display: block;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 200px;
	padding-bottom: 2px;
	color: #c4cbd2;
	
	background: #5b656e url('images/left_arrow.gif') no-repeat 5px 50%;
	text-decoration:none; background-color:#5b656e

}

#image_container a {
	display: block;
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #c4cbd2;
	
	background: #5b656e url('images/left_arrow.gif') no-repeat 5px 50%;
	text-decoration:none; background-color:#5b656e

}

#image_container a:hover{
	color: #ffffff;
	text-decoration: underline;
}

.article {
	color: #fff;
	margin: 25px 0;
}

.article h2 {
	margin: 0; padding: 0;
	color: #5F8100;
	font-size: 18px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
}

.article h2 a{
	margin: 0; padding: 0;
	color: #5F8100;
	font-size: 18px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
}

.article h2 a:hover{
	margin: 0; padding: 0;
	color: #FFF;
	font-size: 18px;
	font-family: Georgia, Times, serif;
	font-weight: normal;
}

.article .date {
	margin: 5px 0 0 0;
	padding: 2px 0 0 0;
	border-top: 1px solid #adb2b6;
	padding-top: 3px
}

.article p a{
color:#5F8100;
}

/**
 * BEGIN ARCHIVES
**/

#columnleft {
	width: 225px;
	float: left;
	margin: 60px 0 0 0;
}

#columnleft ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#columnleft ul li{
	display: block;
	border-bottom: 1px solid #c4cbd2;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 16px;
	background: url('images/right_folder.gif') no-repeat 0px 50%;
}

#columnleft ul li a {
	color: #5b656e;
	text-decoration: none;
}

#columnleft ul li:hover {
	background-color: #5F8100;
}

#columnright {
	width: 225px;
	float: left;
}

#columnright ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#columnright ul li{
	display: block;
	border-bottom: 1px solid #c4cbd2;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 16px;
	background: url('images/right_folder.gif') no-repeat 0px 50%;
}

#columnright ul li a {
	color: #5B656E;
	text-decoration: none;
}

#columnright ul li:hover {
	background-color: #EFEEEE;
}

/**
 * END ARCHIVES
**/

/**
 * BEGIN SEARCH
**/
#searchresult {
	color: #39444D;
	margin-bottom: 15px;
}

#searchresult h1 {
	margin: 0; padding: 0;
	font-family: Georgia, Times, serif;
	font-size: 18px;
	font-weight: normal;
	color: #202830;
	margin-bottom: -5px;
}

#searchresult h1 a {
	color: #39444D;

}

#searchresult h1 a:active {
	color: #39444D;

}

#searchresult h1 a:hover {
	color: #384047;
}

#searchresult .date {
	border-top: 1px solid #000;
	padding-top: 3px;
}

#searchresult .bottominfo {
	border-bottom: 0px;
	margin-top: 20px;
}

#searchresult .bottominfo img {
	margin-right: 4px;
	position: absolute;
	right: 0;
	top: 0;
}


.searchinfo {
	/* background: transparent url(images/info_bg.gif) repeat-x bottom left; */
	border-bottom: 1px solid #8998A6;
	position: relative;
}

.searchinfo ul {
	margin: 0; 
	padding: 0 0 3px 0;
	list-style: none;
}

.searchinfo ul li {
	margin: 0; padding: 0;
	display: block;
	padding-left: 5px
}

.searchinfo .comments a {
	background: url('images/grey_wordbubble.gif') no-repeat 0 50%;
	display: inline; margin-left:5px; margin-right:10px; margin-top:0; margin-bottom:0; padding-left:22px; padding-right:0; padding-top:0; padding-bottom:0
}

.searchinfo .link a {
	background: url('images/grey_folder.gif') no-repeat 0 50%;
	display: inline; padding-left:17px; padding-right:0; padding-top:0; padding-bottom:0
}

.searchinfo a {
	text-decoration: underline;
}

/**
 * END SEARCH
**/


/**
 * BEGIN COMMENTS
**/

#comments {
	margin-bottom: 20px;
	border-top: 4px solid #939393;
}

#comments h2 {
	margin: 8px 0 20px 0;
	color: #5F8100;
}

.commenttext {
	border-left: 1px solid #C4CBD2;
	border-right: 1px solid #C4CBD2;
	margin: 0;
	padding: 0px 10px;
	display: block;
}

.commenttext p {
	margin: 0;
	padding: 5px 0;

}

.data a {
	color: #5F8100;
	text-decoration: none;
	border-bottom: 1px dotted #5F8100;
}

.data .poster strong {
	font-weight: bold;
	color: #5F8100;
}

/**
 * BEGIN COMMENT FORM
**/

#commentform {
	margin-bottom: 25px;
	border-top: 4px solid #939393;
}

#commentform strong {
	color: #5F8100;
}

#commentform h2 {
	color: #5F8100;
	margin: 8px 0 20px 0;
}

#commentform .guidelines strong {
	font-weight: bold;
	color: #5F8100;
}

#commentform .name {
	float: left;
	margin-right: 21px;
}

#commentform .email {
	float: left;
}

#commentform .url {
	margin: 10px 0;
	float: left;
}

#commentform .name input {
	border: 1px solid #C4CBD2;
	width: 218px;
}

#commentform .email input {
	border: 1px solid #C4CBD2;
	width: 218px;
}

#commentform .url input {
	border: 1px solid #C4CBD2;
	width: 459px;
}

#commentform textarea {
	border: 1px solid #C4CBD2;
	width: 459px;
	height: 209px;
	margin-bottom: 10px;
}

#commentform .remember input {
	border: 0px none;
	margin-bottom: 1px
}

#commentform .submit {
	margin-left: 117px;

}

.ostar {
	font-weight: bold;
	color: #5F8100;
}

/**
 * END COMMENTS & COMMENT FORM
**/


/**
 * BEGIN RIGHT NAVIGATION
**/

#rightnav{
	width: 175px;
	float: left;
	margin: 60px 10px 0 0;
}

#rightnav h2 {
	margin: 0; padding: 0;
	border-bottom: 4px solid #565656;
}

#rightnav ul {
	margin: 0; padding: 0;
	list-style: none;
}

#rightnav ul li {
	margin: 0; padding: 0;
}

#rightnav ul li a {
	display: block;
	border-bottom: 1px solid #C4CBD2;
	text-decoration: none;
	padding: 5px 0 5px 0px;
	color: #FFF;
	font-weight: bold;
}

#rightnav ul li a:hover {
	background-color: #5F8100;
}

#rightnav ul li a h3 {
	margin: 0; font-weight: bold;
	font-size: 11px;
	background: url('images/right_arrow.gif') no-repeat 0 50%;; padding-left:14px; padding-right:0; padding-top:0; padding-bottom:0
}

#rightnav ul li a p {
	margin: 0; padding: 0;
}

#recentcomments ul li a h3 {
	background: url('images/right_folder.gif') no-repeat 0 50%;
}

#recentphotos h2 {
	margin: 5px 0 10px 0;
}


#recentphotos a img {
	padding: 4px;
	border-top: 1px solid #EBEBEB;
	border-right: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
	border-left: 1px solid #EBEBEB;
}

#categories h2 {
	margin: 0; padding: 0;
	border-bottom: 4px solid #565656;
}

#categories ul {
	margin: 0; padding: 0;
	list-style: none;
}

#categories ul li {
	margin: 0; padding: 0;
	display: inline;
}

#categories ul li a {
	border-bottom: 1px solid #C4CBD2;
	text-decoration: none;
	padding-left: 15px;
	color: #FFF;
	font-weight: bold;
	background: url('images/right_folder.gif') no-repeat 0px 50%;; padding-right:0; padding-top:5px; padding-bottom:5px
}

#categories ul li a:hover {
	background-color: #5F8100;
}


#categories a img{
	padding: 4px;

}

.page_item {
	display: inline;
}

#pages ul li a{
	display: block;
	padding-left: 15px;
	background: url('images/right_folder.gif') no-repeat 0 50%;
}

#page a img{
	padding: 10px;
	border-right: 4px solid #FFF;
}

#feeds {
	/* position: absolute; */
	/* bottom: 100px; */
}

#feeds ul {
	margin: 0; padding: 0;
	list-style: none;
}

#feeds ul li {
	padding-left: 0px;

}

#feeds ul li a {
	font-weight: bold;
	color: #FFF;
	display: block;
	padding-left: 45px;
	background: url('images/rss_icon.PNG') no-repeat 10px 50%;

}

#feeds ul li a:hover {
	font-weight: bold;
	color: #FFF;
	display: block;
	padding-left: 45px;
	background: #5F8100 url('images/rss_icon.PNG') no-repeat 10px 50%
}

/**
 * END RIGHT NAVIGATION
**/

/**
 * BEGIN FOOTER
**/

#footer ul {
	float: left;
	margin: 19px 0 0 35px; padding: 0;
	list-style: none;
}

#footer ul li {
	margin-bottom: 2px;
	
}

#footer ul li a {
	font-weight: bold;
	color: #FFF;
	display: block;
	padding-left: 20px;
	background: url('images/rss_icon.gif') no-repeat 0 50%;
}

#disclaim {
	position: absolute;
	right: 52px;
	top: 60px;
	color: #FFF;
	width: 800px;
}

#disclaim strong{
	color: #fff;
}

#disclaim a strong{
	color: #FFF;
}

#disclaim a:hover{
	color: #FFF;
	text-decoration: none;
}

#copyright {
	color: #FFF;
	width: 664px;
	position: relative;
	font-size: 10px;
	font-family: Tahoma;
	margin: 2px 0 0 239px;
}
#copyright a {
	color: #FFF;
	font-size: 10px;
	font-family: Tahoma;
}

#copyright span {
	position: absolute;
	right: 0;
}

#copyright span a {
	color: #FFF;
	font-size: 10px;
	font-family: Tahoma;
}

/**
 * END FOOTER
**/

/**
 * BEGIN PORTFOLIO
**/

#wp_portfolio_container{
	margin-bottom: 20px;
	border-top: 4px solid #565656;
}

#wp_portfolio_entry{
	margin-bottom: 15px;
	padding-bottom: 5px;
	border-bottom: 3px solid #C4CBD2;
}

#wp_portfolio_entry p{
	display: block;
	padding-bottom: 0;
}

#wp_portfolio_entry p a{
	color: #cb4200;
	text-decoration: none;
	
}

#wp_portfolio_image {
	vertical-align:bottom;
	width: 460px;
	float: left;
}

#wp_portfolio_image img{
	padding: 4px;
	overflow: hidden;
	border-top: 1px solid #EBEBEB;
	border-right: 1px solid #CACACA;
	border-bottom: 1px solid #CACACA;
	border-left: 1px solid #EBEBEB;
	
	margin-bottom: 10px;
}

/**
 * END PORTFOLIO
**/

/**
 * BEGIN CONTACT FORM
**/

.contactform {
	position: static;
	overflow: hidden;
}

#wpcf_your_name {
	display: block;
	float: left;
	width: 450px;
}

#wpcf_email{
	display: block;
	float: left;
	width: 450px;
}

#wpcf_subject{
	display: block;
	float: left;
	width: 450px;
}

#wpcf_msg{
	display: block;
	float: left;
	width: 450px;
}

#contactsubmit{
	margin-top: 10px;
	display: block;
	float: right;
}


.contactleft {
	display: block;
	width: 459px;
	text-align: left;
	clear: both;
	padding-bottom: 5px;
	padding-top: 10px;
    font-weight: bold;
}

.contactright {
	display: block;
	width: 459px;
	text-align: left;
	float: right;
	padding: 0px;
}

/**
 * END CONTACT FORM
**/
.contacterror {
	border: 2px solid #F00;
}