/*  
Theme Name: on_Journey
Version: 1.0
Description: on_Journey is redesigned by Richie based on the Blue Box and now supports the thread comment feature.
Author: Richie 
Author URI: http://www.riichiie.net/
orignal-link-color: #D8300C
orignal-normal-color: #005193
*/


/*
body and header
*/
body{font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-size:75%;background:url(images/sideground.gif); background-repeat:repeat;background-attachment: fixed;}
#box{width:800px;background-color:#FFF;/*background:url(images/bg.gif); background-repeat:repeat;*/margin:20px auto;padding:10px;}
#top{width:800px;background:#000 url(images/splash6.jpg);height:200px;margin:0;padding:0;position:relative;}
#header{float:left;width:300px;margin:0 0 0 10px;padding:0;}
#header h1{text-indent:-10000px;margin:10px 0 0 0;padding:0;}
#header h1 a{display:block;background:transparent url(images/logo.png);background-repeat:no-repeat;background-position:left;height:51px;}
#desc{color:#FFF;float:right;text-align:right;font-size:0.95em;margin:20px auto;padding:0 10px 0 0;letter-spacing:2px;}
#nav{font-family:"Trebuchet MS", Verdana, Arial, Helvetica, "Microsoft YaHei", sans-serif;width:800px;height:30px;line-height:30px;font-size:13px;font-weight:bold;float:left;padding-left:6px;margin:0 auto;position:relative;top:109px;left:0px;}
#twitter{float:right;margin:7px 5px 0 0;}
#feed{float:right;margin:7px 20px 0 0;}

/*
the javascript for the nav bar
*/
ul.lavalamp{position: relative;height:30px;line-height:30px;float:left;list-style:none;font-size:1em;font-weight:700;text-transform:lowercase;margin:0;padding:0;}
ul.lavalamp li{float:left !important;list-style-type:none;margin:0;padding:0;}
ul.lavalamp li.back {border-bottom:2px solid #993333;width: 9px; height: 30px;z-index: 8;position:absolute;}
ul.lavalamp li a{border-left:0;color:#FFF;float:left;display:block;text-decoration:none;padding:0 10px;z-index: 10;position:relative;}

/*
content
*/
#content{width:540px;float:left;margin:5px auto;padding:0 15px 0 0;font-size:13px;}
.entry {width:530px;float:left;color:#333;text-align:justify;border-bottom:#ccc 1px dotted;margin:5px auto;padding:5px;line-height:150%;}
.entry h2,h3{font-family:Verdana, Arial, Helvetica, "ms PGothic", sans-serif;font-size:16px;font-weight:normal;margin:0 auto;padding:0;letter-spacing: 1px;}
.entry h4.onthisday{font-family:Verdana, Arial, Helvetica, "ms PGothic", sans-serif;margin-top:20px;font-style:italic;}
.entry small{font-size:1em;}
.entry small span.cmt{font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;padding-left:18px;float:right;background:transparent url(images/comment.gif);background-repeat:no-repeat;background-position:top left;}
.entry img {padding:4px;margin:5px;border:1px solid #000;}
.entry blockquote{border-left: 2px solid #000;background-color:#F8F8F8;}

/*
datebox
*/
.datebox {font-family:Verdana, Arial, Helvetica, sans-serif;width:42px;height:auto;border:1px outset #999;float:left; color:#000; text-align:center; margin-left:0px; margin-right:10px; margin-top:0px; margin-bottom:1px;-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.day {font-size:1em;margin:0px;color:#993333;line-height:130%;}
.month {font-size:0.8em;margin:0px;color:#666;line-height:130%;}
.year {font-size:0.8em;margin:0px;color:#666;line-height:125%;}
abbr {border-bottom: none;}

/*
page without sidebar template
*/
#pagcontent {width:800px;float:left;margin:6px auto;padding:0 15px 0 0;font-size:13px;}
#pagecontent .pageentry{width:790px;color:#666;font-size:13px;margin:5px auto;padding:5px;line-height:150%;float:left;text-align:justify;}
#pagecontent .pageentry h2{font-family:"Trebuchet MS", Verdana, Arial, Helvetica, "ms PGothic", sans-serif;font-size:1.2em;margin:0 auto;padding:0;font-weight:normal;text-align:justify;letter-spacing: 1px;}
#pagecontent .pageentry a:visited{text-decoration:none;color:#336688;border:none;}
#pagecontent .pageentry a:link,a:active{text-decoration:none;color:#336688;border:none;}
#pagecontent .pageentry a:hover{text-decoration:underline;color:#993333;;border:none;}
#pagecontent .pageentry a.more-link{float:left;font-size:small;margin:2px 0;line-height:20px;font-style:italic;}
#pagecontent .pageentry a.more-link:hover{font-size:small;border-bottom:none;color:#993333;padding:0;font-style:italic;}
#pagecontent .pageentry h2 a:hover{text-decoration:none;border:none;color:#993333;background:none;}
#pagecontent .pageentry h3 a:hover{text-decoration:none;border:none;color:#993333;background:none;}
#pagecontent .pageentry small{font-size:1em;}
#pagecontent .pageentry small span.cmt{font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;padding-left:18px;float:right;background:transparent url(images/comment.gif);background-repeat:no-repeat;background-position:top left;}


/*
sidebar
*/
#sidebar{width:230px;float:right;margin:5px;padding:0;}
.rsidebar{width:210px;color:#666;margin:0 auto;padding:0 5px;line-height:130%;}
.rsidebar h2{color:#333;border-bottom:1px solid #999;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, "Microsoft YaHei", sans-serif;font-size:1.16em;margin:25px 0px 10px 7px;padding:3px 0;text-align:right;text-transform:lowercase;letter-spacing: 1px;}
.rsidebar ul{font-size:13px;list-style-type:none;margin:0;padding:0;text-align:right;line-height: 16px;letter-spacing: 1px;}
.rsidebar ul li{list-style-type:none;margin:0 0 10px;padding:0;}
.rsidebar ul li ul{list-style-type:square;margin:0;padding:0 0 0 3px;}
.rsidebar ul li ul li{list-style-type:none;border:0;margin:0 0 1px 0;padding:0 0 2px 14px;} 
.rsidebar ul li ul.children{margin-top:2px;}
.tagcloud {font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;letter-spacing: 1px;}
/*
hyperlink
*/
#content .entry a:visited{text-decoration:none;color:#336688;border:none;}
#content .entry a:link,a:active{text-decoration:none;color:#336688;border:none;}
#content .entry a:hover{text-decoration:underline;border:none;color:#993333;}
#content .entry a.more-link{float:left;font-size:small;margin:2px 0;line-height:20px;font-style:italic;}
#content .entry a.more-link:hover{font-size:small;border:none;color:#993333;padding:0;font-style:italic;}
	/*
		start of the imglink
	*/
#content .entry a img{display:inline;border:1px solid #666;}
#content .entry a img:hover{position:relative;border:1px solid #993333;background:none;}
	/*
		end of the imglink
	*/
#content .entry h2 a:hover{text-decoration:none;background:none;border:none;color:#993333;}
#content .entry h3 a:hover{text-decoration:none;background:none;border:none;color:#993333;}
#sidebar a:visited{text-decoration:none;color:#336688;border:none;}
#sidebar a:link,a:active{text-decoration:none;color:#336688;border:none;}
#sidebar a:hover{text-decoration:underline;color:#993333;border:none;}
#sidebar h2 a:hover{text-decoration:none;border:none;background:none;}
#sidebar h3 a:hover{text-decoration:none;border:none;background:none;}
#sidebar .rsidebar h2 a.archives{color:#333;border:none;}
#sidebar .rsidebar h2 a.archives:hover{text-decoration: none; color:#993333;border:none;}
#sidebar h2 span{color:#999;}
#sidebar h2 span.flick{color:#0063DC;}
#sidebar h2 span.r{color:#FF0084;}
/*
calendar
*/
#wp-calendar #prev a,#wp-calendar #next a{font-size:9pt;}
#wp-calendar a{text-decoration:none;display:block;border:none;}
#wp-calendar a:hover{text-decoration:underline;display:block;border:none;}
#wp-calendar caption{font:bold 1.16em "Trebuchet MS", 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:right;width:100%;padding-right:5px;}
#wp-calendar th{font-style:normal;text-transform:capitalize;text-align:center;}
#wp-calendar {empty-cells:hide;width:90%;margin:0px;float:right;}
#wp-calendar #next a{padding-right:10px;text-align:right;}
#wp-calendar #prev a{padding-left:10px;text-align:left;}
#wp-calendar td{text-align:center;padding:3px 0;margin:auto -1px;}
#wp-calendar td.pad:hover{background-color:#000;}

/*
img alignment
*/
.navigation{width:auto;color:#666;font-size:1em;margin:12px 0;text-align: center;}
.alignright{float:right;margin:10px 0 10px 10px;}
.alignleft{float:left;margin:10px 10px 10px 0;}
.space{background:#000;height:5px;clear:both;margin:0 auto;padding:0;}

/*
search box
*/
#searchform{height:26px;line-height:26px;float:right;margin:0;padding:0;}
input#s{color:#666;width:180px;height:18px;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-size:1em;border:1px solid #666;background:transparent;padding: 0 10px 0 10px;}
input#s:hover{color:#000;border:1px solid #000;}

/*
comments form
*/
#comments{border-top:5px solid #336688;padding:15px 0 20px 0;}
#commentform{border-top:1px dotted #000;border-bottom:none;margin:1px 0;padding:10px 15px;}
#commentform label{display:block;margin:0;}
#commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
#commentform textarea{width:380px;margin:0 0 10px;padding:0;}
#commentform #submit{margin:0 0 20px;}
#commentform p{margin:5px 0;}
#commentform #subscribe{width:auto;}

/*
comnments display
*/
ol.commentlist{margin:0 0 1px;padding:0;}
ol.commentlist li {border-top:1px solid #999;display:block;list-style:none;margin:0;padding:4px 10px 1px;}
ol.commentlist img.avatar{float:right;display:inline;margin:2px 0 2px 12px;padding:2px;}
ol.commentlist li .commentmetadata{float:right;font-style:italic;display:block;}
ol.commentlist cite, .commentlist cite a {color:#000;font-family:"Trebuchet MS", Verdana, Arial, Helvetica, "ms PGothic", sans-serif;font-weight:550;font-style: normal;font-size: 15.73px;}
ol.commentlist li ol li {margin-right: -10px;}
/*
ol.commentlist li.mycomment {background:#000;border-top:1px solid #336688;}
*/

/*
loading
*/
#loading {z-index:1;padding:2px;left:0;top:0;width:auto;color:#993333;font-size:12px;position:fixed;}

/*
footer
*/
#footer{font-family:Verdana, Arial, Helvetica, sans-serif;width:auto;height:50px;line-height:30px;clear:both;color:#999;background-color:#000;margin:10px -10px -20px -10px;padding:25px 5px 0px 15px;}
#footer {text-align:left;list-style:none;}
#footer a:hover{text-decoration:none;color:#666;}
#footer a:link,#footer a:active, a:visited{text-decoration:none;color:#999;}
#footer a.top:hover{border-bottom:1px solid #000;}
#footer a.top:link, a.top:visited{border-bottom:1px solid #999;}
#mt {float:right;display:inline;margin:5px 5px 15px 0px;line-height:normal;}