@import url("reset.css");
/*  
Theme Name: A Long Journey
Theme URI: http://www.taintedsong.com
Description: Widget-ready. A simple green, 2-column design with header, sidebar and footer. Courtesy of <a href="http://www.citygardenhotels.com/manila/">City Gardens</a>.
Author: Joni
Author URI: http://www.taintedsong.com
*/ 

.nobr br{line-height:0px; float:left;}

html,body {
height: 100%;

}
	
a, a:link, a:visited {
	color:#0066CC;
	text-decoration: none;
}
a:hover {
	color: #FF0066;
	background-color: #E8F1FF;
	text-decoration: underline;
}
blockquote  {
    margin-left: 20px;
    margin-right: 20px;
	color:#383d41;
	padding:2px 15px 2px 20px;
	font-style:oblique;
	font-size:12px;
}


#searchform { 
	padding:0 3px 0 3px;
	text-align:center;
	}
#searchform Input {
	color:#58a2a4;
	border:1px solid #58a2a4; 
	background:#FFFFFF;
	padding:0 3px 0 3px;
	font-size:12px;
	}



.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */







#content {
	background-image: url(img/bg.gif);
	background-repeat: repeat-y;
	background-position: left;
	width: 832px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px;
	padding: 0px;
}
	
#header {
height:170px;
}

#header-text {
 }

	.logo a {
	color:#666666;
	font-size:42px;
	font-weight:bold;
	padding:30px;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

	.logo a:hover {
	color:#666666;
	font-size:42px;
	font-weight:bold;
	padding:30px;
	background:none;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
		
	.header-desc {
		font-size:12px; 
		padding:10px 40px 10px 20px; 
		text-align:left; 
		}
	 



#sidebar {
	margin: 0px;
	padding: 0px 10px 0px 10px;
	float: left;
	width: 105px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

	
#sidebar a{
	color:#000000;
	text-decoration: underline;}
#sidebar a:hover{
	color:#ff0066;
	text-decoration: underline;
	background-color: #E8F1FF;
	top:1px;
	left:1px;
}

#sidebar div{
	margin:0px 1px 20px 5px;
}

#sidebar div li {
	margin:5px 1px 5px 10px;
	font-family: Arial, Helvetica, sans-serif;
	}
#sidebar div li a{
	color:#000000;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	padding:0px;
}

#sidebar div li a:hover{
	color:#ff0066;
	text-decoration: underline;
	background-color: #E8F1FF;
	top:1px;
	left:1px;
}
	
.sidebar-text {
}


#sidebar.bunner {
	margin-left: 2px 0px 10px 0px;
	text-align: center;
	font-size: 10px;
	padding: 0px;
}
#sidebar .naigedesign_a {
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	background-color: #999999;
	text-align: center;
	border: 1px solid #666666;
	padding: px;
	margin: 50px 2px 0px 2px;
}
#sidebar .naigedesign_b {
	font-size: 10px;
	line-height: 14px;
	text-align: left;
	margin: 0px 2px 10px 2px;
	padding: 2px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	color: #666666;
}














.content-area {
	padding: 5px 0px 0px 0px;
	width: 702px;
	float: left;
	margin: 0px;
	}



#footer {
	width: 774px;
	height: 70px;
	clear:both;
	text-align:center;
	padding: 0px;
	margin:auto;


	}
	
#footer-text {
	text-align:center; 
	color:#000000; 
	 font-family:Tahoma; 
	font-size:11px;  
	width:780px; 
	padding: 30px 0 0 0;}
	
#footer-wp {
	color:#E97B00; 
	text-decoration:none; 
	font-size:11px;}

.footer-rss {
	text-align:center; 
	color:#000000; 
	font-family:Verdana, Tahoma; 
	font-size:11px;  
	width:780px; 
	padding: 1px 0 0 0;}
	
.footer a {
	text-decoration:none; 
	font-size:11px;}

.footer-rss a {
	text-decoration:none; 
	font-size:11px;} 

/*–{•¶*/
.main{
border:#CCCCCC 1px solid;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 5px;
	font-size: 12px;}

.main_loop{
text-align:center;
float:left;
min-width:200px;
max-width:450px;
height:250px;
padding:5px;
}

.main_loop img{margin:0 10px 0 10px;}

.main_more{
clear:both;
}

.main_catname{
	font-size:14px;
	font-weight:bold;
	padding:3px 3px 6px 3px;
	background-image: url(img/line_dot.jpg);
	background-repeat: repeat-x;
	background-position:bottom;
}
	

/*single-***.php*/

.entry{
border:#CCCCCC 1px solid;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding: 5px;
	font-size: 12px;}
	
.entrydate {
	color: #3F4185;
	font-size: 10px;
	text-align:right;
}


.entrytitle {
	font-size:14px;
	font-weight:bold;
	padding:3px 3px 6px 3px;
	background-image: url(img/line_dot.jpg);
	background-repeat: repeat-x;
	background-position:bottom;
}
.entrytitle a{
	padding: 0 3px 0 0;
	font-weight: bold;
	color: #ff0066;
	font-size: 15px;
	text-decoration: none;
}

.entrybody {
	color: #000000;
	font-size: 12px;
	text-align:left;
	line-height:16px;
	padding:10px;
	margin:0px;

}

.entryinbody{
		float: left;
	width:300px;
	float:left;}

.customfield{
	width:200px;
	float:left;
	font-size:12px;}



/*weblog*/

.sidebar2{
	width:150px;
	padding:5px;
	float:left;
	border:#CCCCCC 1px solid;}
	
	#bcn_widget-3 { font-size:10px; color:#000000; text-decoration:none; border:#CCCCCC 1px solid;}
	
	.widgettitle{
	background-color:#CCCCCC;
	font-size:12px;
	color:#666666;
	margin:1px;
	padding:2px;}
	
	#calendar-3,
	#mycategoryorder-4,
	#archives-3 { margin:10px 0px 0px 0px;}
	
	#mycategoryorder-4 li{ font-size:10px; padding:1px 0px 0px 12px;}
	
	#mycategoryorder-4 li a{ color:#000000; text-decoration:none;}

	#wp-calendar th{ text-align:center; font-size:10px; padding:4px; font-weight:bold; margin:0px; border-bottom:#CCCCCC 2px solid;}
	
	#wp-calendar caption { text-align:center; font-size:10px; padding:2px;}
	
	#wp-calendar td,
	#wp-calendar td a{ text-align:center; font-size:10px; padding:2px;}
	
	#archives-3 li{ padding:1px 0px 0px 12px;}
	
	#archives-3 li a{ font-size:10px; color:#000000; text-decoration:none;}


.blog_content {
	padding:5px;
	float:left;
	width:520px;
	}

.blog_entry{ margin:0px 0px 20px 10px;}

	.blog_head{	
	background-image: url(img/line_dot.jpg);
	background-repeat: repeat-x;
	background-position:bottom;
}
	
		.blog_title{ float:left; width:425px; padding:5px 5px 5px 20px;}
		.blog_title a{ font-size:14px; text-decoration:none; font-weight:bold;}
		.blog_time{ padding:5px; font-size:10px;}
		
	.blog_body{ clear:both; text-align:left; font-size:12px; line-height:18px; padding:5px;}
	
		.blog_post{ text-align:right; margin:10px 0px 5px 200px; padding:1px; background:#eeeeee; font-size:10px; font-family:Arial, Helvetica, sans-serif;}
		.blog_body p,
		.blog_body ul,
		.blog_body ol{ margin:0px 0px 12px 0px;}
		.blog_body ul li{
	padding-left:3px;
	margin-left:24px;
	list-style-position: outside;
	list-style-type: circle;
}
		.blog_body ol li{
	padding-left:3px;
	margin-left:24px;
	list-style-position: outside;
	list-style-type: decimal;
}

code{
	padding:10px;
	margin: 10px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}


	.navi{margin:10px; padding:10px;}
	.navi a{ font-size:10px; color:#FF0066; text-decoration:underline;}


/*blog comment*/
.com-entry{ margin:10px; padding:10px; border:#B0CBE1 1px solid;}
.com-entryin{}
	.com-entryhead{}
		.com-entrytitle{
			background-color:#E6EEFF;
			font-size:12px;
			color:#333333;
			margin:0px;
			padding:2px;
			}
		.com-entryauthor{ width:60%; float:left;}
		.com-entrymtext{ margin:0px; padding:2px; width:35%; float:left; text-align:right;}
		.com-entrybody{ }
		.com-entryinbody{ font-size:12px; margin:0px; padding:2px;}
		.com-entryinbody div{
			margin:5px 20px 5px 20px;
			padding:2px;
			background-color:#FFFF99;
			color:#666666;
			font-style: italic;
			}
		#commentform{ margin:0px; padding:2px;}
		#commentform input,
		#commentform  textarea{ font-size:12px;}
		
.nocomments{ margin:10px; padding:10px; border:#B0CBE1 1px solid; font-size:12px;}
.com_login_out{margin:2px; font-size:10px;}



/*toppage*/
.right {
	padding: 5px 0px 0px 0px;
	width: 700px;
	float: left;
	margin: 0px;

}
.right .illust {
text-align:center;
	padding-top: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.illust img {
	border: 1px solid #1A314B;
}
.right .job {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	background-image: url(img/line_dot.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
.job a img {
	margin: 10px;
	height: 70px;
	border: 2px solid #666666;
}

.page_title{ border-bottom:#6699FF 1px solid;border-left:#6699FF 2px solid; padding:5px 5px 6px 10px; margin:0px 0px 10px 0px; text-align:left; font-size:16px; font-weight:bold;}

.content-area .page .title {
	font-size: 12px;
	font-weight: bold;
	color: #3F4185;
	background-color: #EFEFEF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #103D57;
	padding: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
.content-area .page  .main {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 10px;
	padding: 5px;
	font-size: 12px;
}
.content-area .page .pankuzu {
	font-size: 12px;
	color: #666666;
	margin-bottom: 10px;
	margin-left: 10px;
}
.content-area .page .main table {
	width: 600px;
	margin-left: 30px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.content-area .page .main table td {
	font-size: 12px;
	line-height: 14px;
	padding: 2px;
	border: 1px solid #999999;
	margin: 0px;
}


.top_query_name{ background-color:#666666; color:#FFFFFF; font-size:12px; font-weight:bold; padding:4px;}

.top_query_entry{ border-bottom:#CCCCCC 1px solid; padding:2px;}

	.top_query_time{ float:left; width:100px; padding:2px; font-size:10px;}
	
	.top_query_title{ float:left; width:440px; padding:2px; font-size:12px;}
	
	.top_query_cat{ float:left; width:140px; padding:2px; font-size:12px;}






/*navi*/
.next{
font-size:10px;
color:#000000;
}

.next a{
font-size:10px;
color:#000000;
}
.next a:hover{
	color: #FF0066;
	background-color: #E8F1FF;
	text-decoration: underline;
	position:relative;
	top:1px;
	left:1px;
}





/*formmail*/
.formmail{ margin:0px 0px 0px 10px;}


.formmail_form{ padding:10px; font-size:12px; border:#999999 1px solid;}
.formmail input{ font-size:12px; padding:1px;}
.formmail textarea{ font-size:12px; padding:1px; width:500px;}
.mail_label p{height:20px; margin:1px; padding:1px 0px 0px 0px;}
.mail_formlist p{height:20px; margin:1px;}
.mail_label{ float:left; width:100px; text-align:right;}
.mail_formlist{ float:left; width:300px; text-align:left;}
.mail_textarea{ clear:both;}
.mail_send{}