body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-family: palatino, baskerville, garamond, "times new roman";
	font-size: 12pt;
}

/* @group Globals */
a, a:visited {
	color: #C1D6DA;
	text-decoration: none;
}

a:hover {
	color: #efe400;
}

h1 {
	font-size: 2em;
	font-weight: normal;
	font-style: italic;
	color: #637071;
	text-align: left;
}

img {
	border: none;
}

.left {
	float: left;
}

.right {
	float: right;
	text-align: right;
}

small {
	font-size: .6em;
}

/* @end */

/* @group Art */
#art {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('img/creatures.gif') no-repeat center top;
}

.column a, .column a:visited, .footer a {
	color: #dff5fa;
	text-decoration: none;
}

.column a:hover, .footer a:hover {
	color: #efe98e;
}

#art .content {
	position: relative;
	width: 40em;
	height: auto;
	min-height: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#art .posts {
	padding-top: 400px;
}

/* @group Date group */

#art .dategroup {
	position: relative;
	width: 35em;
	margin-bottom: 1em;
	/*border-top: 1px dotted #C1D6DA;*/
	clear: both;
	overflow: auto;
}

#art .dategroup .datetag {
	position: absolute;
	display: block;
	left: 0px;
	top: 0px;
	width: 5em;
	height: 5em;
	margin: 0 -6px -6px -1px;
	background-color: #C1D6DA;
	color: #fff;
}

#art .dategroup .datetag .month {
	display: block;
	font-size: 2.2em;
	font-weight: bold;
	line-height: .95em;
}

#art .dategroup .datetag .date {
	display: block;
	margin-right: -2px;
	font-size: 4.5em;
	font-weight: bold;
	line-height: .7em;
	text-align: right;
}

#art .art_item {
	margin: 0 5em .5em 0;
	float: right;
	background-color: #fefaf7;
}

#art .art_item {
	border: .5em solid #dff5fa;
}

#art .art_item:hover {
	border-color: #fff79b;
}

/* @end */

#art .column {
	position: absolute;
	width: 134px;
	height: auto;
	top: 300px;
	right: 0px;
	padding-bottom: 2000em;
	margin-bottom: -2000em;
	background: url('img/artcolumn.png') repeat-y;
	font-size: 1.3em;
	line-height: 1.7em;
	text-align: center;
}

.column .title {
	margin-top: -83px;
}

.column ul {
	margin: 0 0 1.7em 0;
	padding: 0;
}

.column li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.column ul .current-cat {
	font-style: italic;
}

.pagenav {
	margin: 1em 0 1.5em 0;
	width: 79%;
	overflow: hidden;
	font-size: 1.5em;
	color: #C1D6DA;
}

#art .pagenav a, #art_single .pagenav a  {
	display: block;
	color: #C1D6DA;
}

#art .pagenav a:hover, #art_single .pagenav a:hover  {
	color: #efe400;
}

#art .pagenav span, #art_single .pagenav span {
	display: block;
	width: 50%;
}

.footer {
	position: absolute;
	width: 80%;
	height: 1.7em;
	bottom: 0;
	background-color: #C1D6DA;
	color: #fff;
	font-size: 1.5em;
	line-height: .9em;
	text-align: left;
}

.footer span {
	display: block;
}

.footer .copyright {
	float: right;
	padding-right: .2em;
	font-size: 2em;
	font-weight: bold;
	line-height: 0em;
	color: #dbe8eb;
}

.footer .poweredbywordpress {
	margin-left: 4em;
	line-height: .5em;
}
/* @end */

/* @group Art single */
#art_single {
	position: absolute;
	width: 100%;
	height: 100%;
	min-height: 600px;
	color: #849697;
}

#art_single .content {
	position: relative;
	width: 60em;
	height: auto;
	min-height: 100%;
	margin: 0 auto;
	overflow: hidden;
}

#art_single .content .boundary {
	margin-right: 134px;
	padding-right: 1em;
	text-align: justify;
}

#art_single .content .tags {
	height: 3em;
	margin-bottom: 5em;
	font-size: .8em;
	text-align: center;
}

#art_single .main_img {
	margin: 1em 0 0 1em;
	padding: .5em;
	float: right;
	border: 1px solid #ddd;
}

#art_single .details {
	clear: both;
	text-align: center;
}

#art_single .details img {
	margin: 1em .2em;
	padding: .4em;
	border: 1px solid #ddd;
}

#art_single .details img:hover {
	background: #fff79b;
}

#art_single .column {
	position: absolute;
	width: 134px;
	height: auto;
	top: 150px;
	right: 0px;
	padding-bottom: 2000em;
	margin-bottom: -2000em;
	background: url('img/artcolumn.png') repeat-y;
	font-size: 1.3em;
	line-height: 1.7em;
	text-align: center;
}

#art_single .column .title:hover {
	background-color: #fffbdf;
}

#art_single .pagenav {
	position: absolute;
	bottom: 0;
	width: 86%;
}

#art_single .footer {
	width: 87%;
}
/* @end */