/*
	Theme Name: moss
*/

/* Todo list:
   * Have a better content title for time-based archives.
   * Put the page number of paged archives in the content title.
   * Make colors user-editable.
*/

/* Changelog:
 	1.3.1: Bugfix. Fixed clipping title problem in IE7 and some ugly text if comments were closed for a post. Released 2008/08/11.
	1.3: Added real blog tagline support (previous was fake): if you have a tagline it displays it prominently, if you have no tagline it looks exactly like it did before. Made list-of-posts pages better. Removed an ugly line that happened sometimes in the comments. Bumped version number because of requirement in WordPress Theme Directory. Released 2008/07/31.
	1.1: Added categories, multipule authors, blog tagline, and gravatar support. Made compatible with WordPress Theme Directory. Changed version numbering scheme. Released 2008/07/29.
	1.02: Compatibility updates. Released 2008/07/21.
	1.01: Fixed comment date bug. Released 2008/07/01.
	1.0: Initial release. Released 2008/03/23.
*/

/* whole page */
body {
	margin: 0em;
	padding: 0em;

	color: black;
	background: white;
	
font:12px Verdana,Arial, Helvetica, sans-serif;
line-height:170%;
background:url(images/bg.gif);
color:#333;
}
p,
ul,
li,
h1 {
margin:0;
padding:0;
}
ul {
list-style:none;
}

/* link */
a:link {
  color: #663;
  background-color: transparent;
  text-decoration:underline;
}
a:visited {
  color: #996;
  background-color: transparent;
    text-decoration:underline;
}
a:hover, a:active {
  color:#369;
  background-color: transparent;
    text-decoration:underline;
}


.clearfix:after
{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	}
* html .clearfix
{
zoom: 1;
	}
	*:first-child+html .clearfix
{
zoom: 1;
	}

/* keywords */
div#keywords {
background:#5da6d1;
}

div#keywords p {
color:#fff;
width:800px;
margin:0 auto;
font-size:10px;
}

/* contents */
div#contents {
width:800px;
margin:0 auto;
}

div.header {
width:800px;
}

div.header p.tel {
background:url(images/telnum.gif) no-repeat 0 0;
float:right;
width:268px;
height:37px;
text-indent:-9999px;
}

div.header h1 {
float:left;
background:url(images/logo.gif) no-repeat 0 0;
width:490px;
height:76px;
text-indent:-9999px;
margin:10px 0 0 0;
}

div.header h1 a {
display:block;
width:490px;
height:76px;
}


/* menu */
div#contents ul.g_menu {
width:800px;
margin:10px 0 18px;
}

div#contents ul.g_menu li {
float:left;
height:18px;
}
div#contents ul.g_menu li.bd {
border-right:#545940 solid 1px;
margin-right:22px;
padding-right:22px;
}

div#contents ul.g_menu li.about a {
display:block;
padding-top:18px;
width:193px;
background:url(images/menu01.gif) no-repeat 0 0;
overflow:hidden;
height:0px !important;
height /**/:18px;/* for IE5 Win*/
}
div#contents ul.g_menu li.stay a {
display:block;
padding-top:18px;
width:54px;
background:url(images/menu02.gif) no-repeat 0 0;
overflow:hidden;
height:0px !important;
height /**/:18px;/* for IE5 Win*/
}

div#contents ul.g_menu li.play a {
display:block;
padding-top:18px;
width:43px;
background:url(images/menu03.gif) no-repeat 0 0;
overflow:hidden;
height:0px !important;
height /**/:18px;/* for IE5 Win*/
}

div#contents ul.g_menu li.eat a {
display:block;
padding-top:18px;
width:51px;
background:url(images/menu04.gif) no-repeat 0 0;
overflow:hidden;
height:0px !important;
height /**/:18px;/* for IE5 Win*/
}

div#contents ul.g_menu li.access a {
display:block;
padding-top:18px;
width:62px;
background:url(images/menu05.gif) no-repeat 0 0;
overflow:hidden;
height:0px !important;
height /**/:18px;/* for IE5 Win*/
}

div#contents ul.g_menu li.inquiry a {
display:block;
padding-top:18px;
width:156px;
background:url(images/menu06.gif) no-repeat 0 0;
overflow:hidden;
height:0px !important;
height /**/:18px;/* for IE5 Win*/
}

/* footer */
div#contents div.footer {
width:800px;
border-top:#b6b5a3 solid 1px;
padding-top:10px;
}

div#contents div.footer p#foot_menu {
width:45%;
float:left;
}

div#contents div.footer p#copyright {
width:45%;
float:right;
font-size:10px;
}

/* wp_wrap */
div#contents div.wp_wrap {
width:800px;
margin:20px 0;
}

div#contents div.wp_wrap div.entryin {
width:590px;
float:left;
background:#fff;
padding:20px 15px 30px 15px;
}




div#contents div.wp_wrap div.side {
width:160px;
float:right;
}

/* index.php */


div#contents div.post p.postmetadata {
margin:15px 0;
}

div#contents div.post {
background:url(images/line.gif) no-repeat left bottom;
padding-bottom:15px;
margin-bottom:15px;
}


div#contents div.post h3 a {
text-decoration:none;
}

div#contents div.post h3 {
background:url(images/bird.gif) no-repeat 0 0;
padding-left:25px;
margin:0 0 10px;
font-size:18px;
}

div#contents h2.pagetitle {
background:url(images/ctg_line.gif) no-repeat left bottom;
padding-bottom:25px;
padding-right:40px;
margin-bottom:25px;
margin-top:0;
font-size:22px;
}

/*side_widget*/
div#contents h2.widgettitle {
background:url(images/side_bg.gif) no-repeat left bottom;
width:150px;
height:31px;
color:#fff;
font-size:14px;
padding-left:10px;
line-height:28px;
margin:0;
}



div#contents div.wp_wrap div.side {
padding-bottom:180px;
background:url(images/illst.gif) no-repeat left bottom;
}

div#contents div.wp_wrap div.side ul {
margin:10px 0 20px;
}