[[# /* Default style for default template */

--- base style extracted from my own wordpress theme
Receives the following template variables:
- base_url: empty string or url of blog
- public_name: the blog's name
]]

/* The body of the HTML page */
body {
	color: #29303B;
	background: #F3F6ED url([[raw base_url]]media/content_bg.gif) repeat;
}

/* Title header at the top */
.header {
	text-align: center;
	width: 100%;
	font-weight: bold;
}

.header img {
	background:#fff;
	margin: 0 auto;
	padding: 0;
	/* border: #fc9 1px solid; */
}

/* Rectangle with the blog name */
.blog-name {
	text-align: center;
	width: 100%;
	font-weight: bold;
	margin-bottom: 0.5em;
}

.categories {
	text-align: center;
	margin-bottom: 0.5em;
}

.rig_version {
	font-size: smaller;
	text-align: center;
	margin-bottom: 0.5em;
}

/* Blog entry rectangle */
.entry {
	padding-bottom: 1em;
}

.entry .deco {
  max-width: 100%;
}

.entry .deco.before-content.title {
  background-color: #ddffff;
  border-radius: 10px 10px 0px 0px;
  padding-left: 1em;
  border: 2px solid #008;
  border-bottom: 0px;
  border-left: 0px;

  color: #008;
  font-size: 1.2em;
  font-weight: bold;

  margin-top: 1em;
  padding-left: 1em;
  padding-top: 0.5em;
  padding-bottom: 0.3em;
}

.entry .deco.after-content {
  background-color: #ddffff;
  border: 2px solid #008;
  border-top: 0px;
  border-left: 0px;
  border-radius: 0px 0px 10px 10px;

  padding: 0.25em;
  margin-bottom: 1em;
}

.entry .title a:link {
  color: #002288;
  text-decoration: none;
  /* font-size: 1.5em; */
  font-size: larger;
}

.entry .title a:hover {
  color: #16a3c2;
  text-decoration: underline;
}

.entry .title a:visited {
  color: purple;
  text-decoration: none;
}

.entry .title .date {
	font-size: 1em;
	font-weight: normal;
}

/* Common rules to all content styles (customized below) */
.content {
  padding-left: 1em;
  border-left: 5px solid #ddffff;
	padding-bottom: 1em;
}

/* Images in actual content */
.content.image {
	text-align: center;
	max-width: 100%;
}

/* Header for content (e.g. "by Xyz in categories blah") */
.content.intro {
	font-size: smaller;
	padding-left: 1em;
	padding-bottom: 0.5em;
}

/* Content that comes from an HTML file */
.content.html {
/* TODO/FIXED: merlin made bigger (was smaller) */
  /*  font-size: 1.7em; */
  font-size: larger;
}

/* Content that comes from an IZU file. */
.content .izu {
/* TODO/FIXED: merlin made bigger (was smaller) */
  /*  font-size: 1.7em; */
  font-size: larger;
}

/* Image table, auto-generated from directories */
.image-table {
	text-align: center;
	max-width: 100%;
}

/* Flag for language-specific IZU content, e.g. .content.en or .content.fr */
table.content td.flag {
	vertical-align: top;
}

/* Prevent content images from being larger than screen, resize as needed. */
.content img {
    max-width: 100%;
    height: auto;
}
