@charset "UTF-8";

/* -------------------------------------------------------- 
	Base Style Sheet of Matsuaz.
	Last Update 2007-04-18

	1.Share Style 
	2.Link Color
	3.Base-Layout
	4.Header
	5.Control panel
	6.Main Contents
		_Simple Entry
		_Print page
	7.Sidebar Contents
		_Links Image Replacement
		_calendar
		_category
		_sidebar items
		_Entry/Comment/Trackback List in sidebar
	8.Comment/Trackback
	9.Footer
	10.other
	11.tags

----------------------------------------------------------- */

/*
 1.Share Style [
----------------------------------------------------------- */
body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #ebeae9 url(images/bg.gif) repeat-y left top;
	color : #333333;
	font-size: small;		
	font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
	line-height: 1.5; 	
}
code {
	font-size: x-small;
}
pre {
	font-size: small;
	width: 350px;
	overflow: scroll;
}
li {

}
form {
	margin: 0;
}
blockquote {
	color: #555555;
	margin: 20px 10px;
	padding: 10px;
	border: 1px solid #494d3f;
}
.small {
  font-size: x-small;
}
.photo {
  margin: 5px;
  text-align: center;
}
/* [ Reset
----------------------------- */
ul,li,dl,dt,dd,p {
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
img {
	border: none;
}
h1,h2,h3,h4 {
	margin: 0;
	padding: 0;
	font-size: small;
	font-weight: normal;
}
hr {
	display: none;
}
/*
 2.Link Color [
----------------------------------------------------------- */
a:link, a:visited, a:active {
  color: #fd5706;
  text-decoration: none;
}
a:hover {
	color: #3f3f4d;
  text-decoration: underline;
}
/*
 3.Base-Layout [
----------------------------------------------------------- */
.bodyContent {
  /* out of template.jsp */
	/* only background-color */
}
#container {
	text-align: left;
	margin: 0 auto;
	padding-right: 75px;
	background: url(images/bodyBg.gif) repeat-y center top;
	width: 719px;
}

#content {
	background: url(images/sideBg.gif) repeat-y 0 0;
}
/* ¥ */
* html #content {
	height: 1%;
}
/**/
#content {
	zoom: 1;
}
#content:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
#main {
	margin-top: 14px;
  float: right;
  width: 521px;
}
#sidebar {
	margin-top: 14px;
  float: left;
  width: 186px;
}
/*
 4.Header [
----------------------------------------------------------- */
#header {
	width: 719px;

}
#header a:link, #header a:visited, #header a:active {
  color : #727070;
}
#topRight {
	width: 511px;
	float: right;
}
img.toplogo {
	width: 188px;
	float: left;
}
/*  test  */
ul.top_links_nl {
	margin-top: 7px;
	float: right;
}
ul.top_links_nl li {
	font-size: 11px;
	float: left;
	margin-right: 5px;
	padding-right: 5px;
	line-height: 1.3;
	border-right: #727070 1px solid;
}
li.top_login a:link,
li.top_login a:visited {
	color: #ffffff !important;
}
li.top_login a:hover {
	color: #0000FF !important;
	text-decoration: none;
}
li.top_login a:active {
	color: #ffffff !important;
}


/* test */
img.comLogo {
	margin-right: 10px;
	margin-top: 10px;
	float: right;
	clear: both;
}
ul#mainNav {
	clear: both;
	padding-top: 41px;	
}
ul#mainNav li {
	float: left;
}
ul#mainNav li img {
	vertical-align: middle;
}
img.main_img {
	clear: both;
}
.blog_ing {
	display: block;
	background: url(images/blogImg.jpg) no-repeat center top;
	width: 521px;
	height: 189px;
}
.blog_ing p.name {
	font-size: 120%;
	font-weight: bold;
	padding: 135px 20px 0px 20px;
	color: #fff;
}
.blog_ing p.dis {
	font-size: 110%;
	font-weight: bold;
	padding: 0 20px;
	color: #fff;
}
a.blog_ing a:hover {
	text-decoration: none !important;
}

/*
 5.Control panel [
----------------------------------------------------------- */
.item {
	margin-bottom: 5px;	
	border: 1px solid #494d3f;
	font-size: small;
	text-align: left;
}
.itemHeader,
.itemHeader a:link,
.itemHeader a:visited,
.itemHeader a:active {
  padding: 5px;
  background: #a0a893;
  color: #FFFFFF;
  font-size: small;
  font-weight: bold;
}
.itemBody {
  padding-bottom: 10px;
  font-size: small;
}

.itemMetadata,
.itemMetadata a:link,
.itemMetadata a:visited,
.itemMetadata a:active {
  color: #808080;
  font-size: x-small;
}

.itemBodyEven {
  background: #ffffff;
}
.itemBodyOdd {
  background: #e3ede8;
}
/*
 6.Main Contents [
----------------------------------------------------------- */
/*  [ Simple Entry
--------------------- */
.blogEntry {
	margin-top: 14px;
	margin-bottom: 30px;
	background: #ffffff;	
	text-align: left;	
}
h2.blogEntryHeader {
	margin-bottom: 5px;
	color: #717171;
	background: url(images/entryHeader.gif) no-repeat center bottom;
	padding-bottom: 2px;
	font-size: medium;
	font-weight: bold;
}
.blogEntryBody {
	font-size: small;
 	line-height: 1.5;
	margin: 0 7px;
  word-wrap: break-word; /* fix for long text breaking main-Column float in IE */				
  overflow: hidden;     /* fix for long non-text content breaking IE main-Column float */
}
.blogEntryPosted {
	text-align: right;
}
.blogEntryPosted,
.blogEntryPosted a:link,
.blogEntryPosted a:visited,
.blogEntryPosted a:active {
  color: #808080;
  font-size: x-small;
}
.blogEntryMetadata {
}
.blogEntryMetadata,
.blogEntryMetadata a:link,
.blogEntryMetadata a:visited,
.blogEntryMetadata a:active {
  color: #808080;
  font-size: x-small;
}
.blogEntryBottom {
	margin-bottom: 20px;
  padding: 5px 20px 15px 20px;
  clear: both;	
}
.blogEntryLinks,
.itemLinks,
.commentLinks,
.trackbackLinks {
  color: #808080;
	text-align: right;
  font-size: x-small;
  float: right;	
}
.bodyContentEven {
  background: #ffffff;
}
.bodyContentOdd {
  background: #e3ede8;
}
.pageTop {
	background: url(/themes/ski/images/pageTop.gif) no-repeat 0 7px;
	padding-left: 14px;
	float: right;
}
/*  [ Print page
--------------------- */
div#content-print {
	background: #ffffff;
	color: #333333;
	width: 100%;	
}
div#content-print {
	zoom: 1;
}
div#content-print:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
div#content-print #header {
	padding: 0 0 10px 0;
	margin: 0;
	background: #ffffff;
	border-bottom: #333333 2px solid;
	text-align: left;
	width: 95%;	
	height: 100%;
}	
div#content-print .blogName {
	position:static;
	padding: 5px 0 0 20px;
	margin: 0;
	font-size: 20px;
}
div#content-print .blogDescription {
	position: static;
	padding: 3px 0 0 20px;
	margin: 0;
	font-size: 14px;
}
div#content-print .blogEntry {
	margin: 0;
	padding: 0;
	background: #ffffff;
	border: none;
	width: 90%;
}
div#content-print .blogEntryHeader {
	margin: 0;
	padding: 10px 20px;
	background: none;
	border: none;
	width: 90%;
	height: auto;
}
div#content-print .blogEntryBody {
	margin: 0;
	padding: 0 20px;
	background: none;
	border: none;
	width: 90%;
} 
div#content-print .blogEntryBottom {
	visibility: hidden;
	margin: 0;
	padding: 0 10px;
	background: none;
	border: none;
}
div#content-print #footer {
	margin: 0;
	padding: 0 0 0 10px;
	background: none;
	border: none;
}
div#content-print .blogName,
div#content-print .blogName a,
div#content-print .blogName a:link,
div#content-print .blogName a:visited,
div#content-print .blogName a:hover,
div#content-print .blogName a:active,
div#content-print .blogDescription,
div#content-print .blogEntry,
div#content-print .blogEntry a,
div#content-print .blogEntryBody,
div#content-print .blogEntryBody a,
div#content-print .blogEntryBody blockquote,
div#content-print #footer,
div#content-print #footer a {
	color: #333333;
}
/*
 7.Sidebar Contents [
----------------------------------------------------------- */

/* [ category 
----------------------------- */
.category {
  font-size: small;
}
.selectedCategory {
  color: #3f3f4d;
  font-size: small;
}
/* [ sidebar items
----------------------------- */
ul#menu {
	margin-top: 6px;
}
ul#menu li {
	background: url(images/categoryTitle.gif) no-repeat 0 50%;
	padding-left: 12px;
	margin-bottom: 4px;
	line-height: 1.8;
}
dl.sideBanner dt img {
	vertical-align: middle;
}
dl.sideBanner {
	margin: 6px 0;
}
dl.sideBanner dd {
	margin: 0.5em 0 1em 0.2em;
}
dl.sideBanner .rss-js-entry {
	background: url(images/eventPoint.gif) no-repeat 6px 3px;
	padding-left: 16px;
}
#sidebar h3 {
	width: 160px;
	font-size: 12px;
	padding-left: 10px;
	border-bottom: #7688BF 1px solid;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.side_tel {
	font-size: 115%;
	color: #ee9c05;
}
img.sideImage {
	margin: 5px 0 12px 0;
}
#sidebar p {
	margin-left: 10px;
}
.sideItems {
	width: 170px;
	padding: 1em 0;
	margin: 1em 0;
	border-top: #7688BF 1px solid;
	border-bottom: #7688BF 1px solid;		
}

.sideHeader {
	color: ##717171;
	background: url(images/sideLine.gif) no-repeat center bottom;
	padding-bottom: 2px;
	font-size: 105%;
}
.sideBody {
	margin: 0.5em 0 2em 0;
}

/* [ calendar
----------------------------- */
.calendar {
  font-size: x-small;
  text-align: center;
}
.calendar table {
	width: 160px;
	table-layout: fixed;
}
.calendarDayHeader {
  font-size: x-small;
}
.calendarDay {
  font-size: x-small;
  text-align: right;
}
.calendarDayWithEntries,
.calendarDayWithEntries a:link,
.calendarDayWithEntries a:visited,
.calendarDayWithEntries a:active {
	background: #50b587;
	color: #ffffff;
  font-size: x-small;
  font-weight: bold;
  text-align: right;
}
.calendarToday,
.calendarToday a:link,
.calendarToday a:visited,
.calendarToday a:active {
  background : #007842;
  color: #ffffff;
  font-size: x-small;
  font-weight: bold;
  text-align: right;
}


dl.period {
	margin: 10px 0 10px 10px;
}
dl.period dt {
	background: url(images/sideInfoPoint.gif) no-repeat 0 6px;
	padding-left: 10px;
}
.side_img {
	margin-top: 2em;
}
	
/* [ Entry/Comment/Trackback List in sidebar
----------------------------- */
/*
 8.Comment/Trackback [
----------------------------------------------------------- */
.comment {
  font-size: small;
}

.commentBody {
  font-size: small;
}
.commentHeader,
.commentHeader a:link,
.commentHeader a:visited,
.commentHeader a:active {
  font-weight: bold;
}
.commentMetadata,
.commentMetadata a:link,
.commentMetadata a:visited,
.commentMetadata a:active {
  color: #808080;
  font-size: x-small;
}
.trackback {
  font-size: small;
}
.trackbackBody {
  font-size: small;
}
.trackbackHeader,
.trackbackHeader a:link,
.trackbackHeader a:visited,
.trackbackHeader a:active {
  font-weight: bold;
}
.trackbackMetadata,
.trackbackMetadata a:link,
.trackbackMetadata a:visited,
.trackbackMetadata a:active {
  color: #808080;
  font-size: x-small;
}
/*
 9.Footer [
----------------------------------------------------------- */
#footer {
	position: relative;
	background: url(images/foorerBorder.gif) repeat-x 0 5px;
	height: 82px;
}

#footer a:link,
#footer a:visited,
#footer a:active {
  color : #727070;
}
img.comLogo {
	position: absolute;
	top: 10px;
	left: 35px;
}
.bottomNav{
	width: 522px;
	float: right;
	margin-top: 17px;
	text-align: right;
}
.comNav {
	text-align: right;
	width: 522px;
	float: right;
	margin-top: 5px;
}
.bottomNav li,
.comNav li {
	font-size: 11px;
	float: right;
	margin-right: 5px;
	padding-right: 5px;
	line-height: 1.3;
	border-right: #727070 1px solid;
}
.bottomNav li.firstChild,
.comNav li.firstChild {
	margin-left: 5px;
	padding-left: 5px;
	border-left: #727070 1px solid;
}
.comNav {
	clear: both;
}
.copy {
	padding-top: 6px;
	clear: both;
	text-align: right;
  color : #727070;	
}
.copy a:link,
.copy a:visited {
	color: #ffffff !important;
}
.copy a:hover {
	color: #0000FF !important;
	text-decoration: none;
}
.copy a:active {
	color: #ffffff !important;
}
/*
 10.other [
----------------------------------------------------------- */
.winheader {
  background : #858c7a;
  color: #ffffff;
  font-weight: bold;
}
.winheader a:link,
.winheader a:visited,
.winheader a:active {
  color : #ffffff;
}
.help,
.help a:link,
.help a:visited,
.help a:active {
  color: #808080;
  font-size: 11px;
  text-align: right;
}
.validationError {
  background-color: #B20D1C;
  color: #ffffff;
}
/*
 11.tags [
----------------------------------------------------------- */
.tagCloud {
  line-height: 36px;
}
.tagCloud1 {
  font-size: 10px;
}
.tagCloud2 {
  font-size: 12px;
}
.tagCloud3 {
  font-size: 14px;
}
.tagCloud4 {
  font-size: 16px;
}
.tagCloud5 {
  font-size: 18px;
}
.tagCloud6 {
  font-size: 20px;
}
.tagCloud7 {
  font-size: 22px;
}
.tagCloud8 {
  font-size: 24px;
}
.tagCloud9 {
  font-size: 26px;
}
.tagCloud10 {
  font-size: 28px;
}

/*
 [
----------------------------------------------------------- */
.line {
	background: url(/themes/ski/images/line.gif) repeat-x center top;
	height:1px;
	clear: both;
	margin-bottom: 10px;
}
.line2 {
	background: url(/themes/ski/images/line.gif) repeat-x center bottom;
	height:11px;
	clear: both;
	margin-bottom: 10px;
}
.box {
	text-align: center;
	padding-top: 30px;
	padding-bottom: 600px;
}
/*
 [ bottom info
----------------------------------------------------------- */
#bottomInfo {
	margin-top: 3em;
	margin-bottom: 1em;
}
#bottomInfo img {
	padding-left: 60px;
	margin-bottom: 1em;
}
#bottomInfo h3 {
	padding-left: 60px;
	font-size: 14px;
	color: #007842;
}
#bottomInfo p {
	padding-left: 60px;
}
.stronger {
	color: #FF0000;
}
.teltel {
	font-size: 110%;
	font-weight: bold;
	padding-left: 60px;
	color: #FF0000;
}