/*
Theme Name: ONS v7.1 (Haruyuki Bus)
Theme URL: http://ochibichan.net/
Description: This layout is from a new manga called Haruyuki Bus. The drawing reminds me of Honey & Clover so I like it. I didn't do anything to the original image because I think it's nice that way. Overall, this layout is one of the easiest I've ever done but it takes me quite a while because I made a lot if extra stuffs and coding it takes YEARS!
Version: v1.1
Author: Ochibichan
Author URL: http://ochibichan.net/
*/

body {
	font-family: tahoma; 
	font-size: 11px;
	color: #7c3639;
	cursor: default;
	text-align: justify;
	background-color: #ffffff;
	margin: 0; 
	padding: 0;
}

a:link,a:visited {
	text-decoration: none; 
	font-weight: none;  
	color: #f3779a;
	background-color: #fcdce1;
	border-top: none;
	border-bottom: none;
}

a:hover {
	text-decoration: none; 
	font-variant: none; 
	background: none; 
	font-weight: none; 
	color: #fcdcki; 
	cursor: crosshair;
	border-top: dotted #ed7372 1px;
	border-bottom: dotted #ed7372 1px;
}

td { 
	font-family: tahoma;
	font-size: 11px;
	color: #000000;
	letter-spacing: 0px;
	text-align: justify;
	padding: 0px;
}

h1 {
	font-family: verdana; 
	font-size: 12px; 
	color: #f3779a; 
	padding-left: 38px;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 2px;
	margin: 0px 0px 0px 0px;
	/* margin-top: 0px;
	margin-bottom: 0px; */
	background-image: url('images/h1.gif');
	height: 22px;
	padding-bottom: 8px;
	background-repeat: no-repeat;
	background-position: bottom;
}

/* h1:first-letter {
	font-size: 12px;
	color: #000000;
} */

h2 {
	font-family: tahoma; 
	font-size: 14px; 
	color: #f3779a;
	text-align: center;
	margin: 50px 0px -10px 0px;
	background-image: url('images/h2.gif');
	height: 54px;
	font-weight: bold;
	padding-top: 5px;
	text-transform: lowercase;
	letter-spacing: 2px;
	background-repeat: no-repeat;
	background-position: top;
}

h3 {
	font-family: century gothic; 
	font-size: 14px; 
	color: #000000; 
	text-align: left; 
	margin: 10px 0px 15px 0px;
	background-image: url('images/h3.gif');
	height: 51px;
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: 3px;
	background-repeat: no-repeat;
	background-position: bottom;
}

h4 {
	font-family: tahoma; 
	font-size: 12px; 
	color: #ffc3b9; 
	text-align: left;
	padding-left:41px;
	/* margin: 0px; */
	background-image: url('images/navi.gif');
	height: 28px;
	/* margin-bottom: 15px; */
	font-weight: bold;
	margin-top: 0px;
	text-transform: lowercase;
	letter-spacing: 3px;
	background-repeat: no-repeat;
	background-position: bottom;
}

h5 {
	font-family: tahoma; 
	font-size: 10px; 
	color: #f3779a;
	text-align: center;
	margin: 50px 0px -10px 0px;
	background-image: url('images/h2.gif');
	height: 54px;
	font-weight: bold;
	padding: 5px 60px 0px 100px;
	text-transform: lowercase;
	letter-spacing: 2px;
	background-repeat: no-repeat;
	background-position: top;
}

input, button, textarea {
	font-family: tahoma;
	color: #525252; 
	font-size: 11px;
	letter-spacing: 0px;
	border-style: dashed; 
	background-color: #faeceb;
	border: solid 1px #f3779a; 
	padding-left: 3px;
}
#themeswitcherwidget select {
	font-family: tahoma;
	color: #525252; 
	font-size: 11px;
	width: 126px;
	letter-spacing: 0px;
	border-style: dashed; 
	background-color: #faeceb;
	border: solid 1px #f3779a; 
	padding-left: 3px;
}

strong {
	font-family: verdana;
	color: #f3779a;
	font-weight: bold;
}

b {
	font-family: trebuchet mS;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000000;
}

i {
	font-family: tahoma;
	font-size: 11px;
	letter-spacing: 0.5px;
	color: #ffc3b9;
	font-style: italic;
}

u {
	font-family: tahoma;
	font-size: 11px;
	color: #a9164a;
}

p {
	margin:0px 0px 0px 0px;
}

blockquote { 
	color: black; 
	background-color: #fdecf2;
	padding: 6px;
	border: 2px dashed white;
}

.border {
	border: 0px solid #ffffff;
}

.textu {
	border: 2px dotted #ffffff;
}

.border2 {
	padding: 3px; 
	border: 2px solid #ffffff;
	background-color: #edc3d1;
}

.border3 {
	border: 2px solid #ffffff;
}

.avatar {
	padding: 3px; 
	border: 2px solid #edc3d1;
	margin-bottom: 5px;
	background-color: #ffffff;
}

/* DEAL WITH IMAGES - BEGIN */
div.content_body img.small_pic {
	
	height: 100px;
	width: 100px;
	float: left;
	padding-left: 0px;
	margin: 5px;
}

div.clearer {
	clear: left;
	line-height: 0;
	height: 0;
}
/* DEAL WITH IMAGES - END */

.content {
	font-family: tahoma;
	font-size: 11px;
	padding: 5px;
	color: #4b4b4b; 
	text-align: justify;
	line-height: 12px;
	background-color: #faeceb;
	background-image: url('skin/content.jpg');
	background-repeat: repeat;
}

div.content_body {
	cursor: default;
	margin: 0px;
}

div.content_body_text p {
	margin-top: 0px;
	margin-bottom: 9px;
}

div.content_body_text {
	cursor: default;
	padding-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	margin: 0px;
	text-align: justify;
}

.text {
	font-family: tahoma;
	font-size: 11px;
	padding: 5px;
	color: #ae2a4f; 
	text-align: justify;
	background-color: #f6e8ed;
	background-repeat: no-repeat;
	background-position: bottom;
	background-image: url('skin/text.jpg');
}

.display {
	font-family: tahoma;
	font-size: 11px;
	padding: 5px;
	color: #000000; 
	text-align: justify;
	background-color: #faeceb;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url('box.jpg');
}

.nav {
	font-family: tahoma;
	font-size: 11px;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-right: 15px;
	color: #7c3639; 
	background-color: #faeceb;
}

.nav_prevlink {
	text-align: left;
}

.nav_nextlink {
	text-align: right;
}

#project p {
	margin-top: 0px;
	margin-bottom: 2px;
}

div#sidebar {
	font-family: verdana; 
	color: #e15f83; 
	font-size: 11px;
	line-height: 17px;
	cursor: default;
	width: 124px;
	margin: 0px;
	text-align: left;
}

#sidebar li {
	border-bottom: 1px solid #ffffff;
	margin-bottom: 0px;
}

#sidebar ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#sidebar a:link, #sidebar a:visited, #sidebar a:active {
	font-family: tahoma;
	color: #db7491; 
	font-size: 11px;
	text-transform: lowercase;
	cursor: default;
	font-weight: bold;
	padding: 2px;
	height: 17px;
	padding-left: 5px;
	display: block;
	letter-spacing: 0.5px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-image: url('images/h4.gif');
}

/* Calender */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	/*width: 155px;*/
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}

#wp-calendar caption {
	text-align: center;
}

#wp-calendar #next a {
	font-weight: normal;
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	font-weight: normal;
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	/*display: block;*/
	font-weight: bold;
}

#wp-calendar #today, #wp-calendar #today a {
	display: block;
	color: #5d2d1f;
	font-weight: bold;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}
/* Calender - End */

a.info {
  position:relative;           /*this is the key*/
  z-index:24;
  background-color:#e0e0e0;    /* background colour of display text */
  color:#000000;               /* colour of display text */
  border:1px dotted #999;    /* border colour */
  text-decoration:none;
  font-style:italic;
}

a.info:hover {
  z-index:25;
  background-color:#ffff66;
}

a.info span {
  display: none;  /* hide the span text using this css */
}

a.info:hover span { /*the span will display just on :hover state*/
  display:block;
  position:absolute;
  top: 1.5em;
  left: 3em;
  width:15em;
  border:1px solid #ff0000; /* border colour */
  background-color:#ffff99; /* background colour here */
  color:#000000;         /* text colour */
  text-align: center;
  font-size: .8em;
  font-style:italic;
  z-index:30;
}