html,body	{font: italic 12pt Georgia, serif}
body	{margin:4%; background:white; color:black}
a	{color:#0066cc}
span.link {color:#0066cc; cursor:pointer}
.serv {text-decoration:none; border-bottom:dashed 1px;}
table	{font-size:1em; margin:0; padding:0; border-spacing:0; border-collapse: collapse}
table td {margin:0; padding:0; vertical-align:top}
th	{text-align:left; color:grey; border-bottom:solid 2px grey}
h1,h2,h3	{font-style:italic; font-weight:normal}
h1 {font-size:400%; text-align:center; margin:0}
h2	{margin-bottom:0; font-size:180%}
h3	{font-size:100%; margin-bottom:5px}
h1.superbig {font-size:2000%}
img {border:0}
.center {text-align:center}
blockquote {font-style:italic; margin-top:1em}
.closebutton {background:url(/i/closebutton.gif) no-repeat; width:13px; height:13px; float:right; margin-top:-20px; margin-right:-20px; cursor:pointer}
.hidden	{display:none}
.mtop {margin-top:7px}
.imgblock	{display:block; margin:10px 0 10px 0}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
#content {margin-top:2em}
ul li {list-style-type:none; list-style-image:url(/i/marker.gif) }
.h2 {text-align:center; font-size:400%; background:url(/i/line.gif) left center repeat-x; margin:1em 0 10px 0; white-space:nowrap}
.h2 span {padding:0 40px 0 40px; background:white}

.indexwork {text-align:center; width:100%; margin:40px 0 10px 0; font-size:1000%;}

.columns {width:100%;}
.columns div {float:left; width:23.9%; margin-right:1%}
.columns h2 {margin-top:0}
.columns ul {margin-bottom:0}


#footer	{text-align:center;}
#footer span	{width:400px;}

#feedback {display:none; margin-bottom:2em}
#feedback textarea {width:400px; height:130px; margin:1em 0 1em 0;}
#feedback_result {border:0; height:0px; width:0px; display:none}
#feedbacksubmit {margin-top:1em}
.status_ok	{color:#009900; font-size:150%}
#email	{width:193px;}
#yaemail {display:none}

#counters	{margin:2em 0 2em 0}

#sites		{text-align:left; margin-top:2em;}
#sites img	{display:block; margin-bottom:10px}
#sites div	{height:270px;}
#sites div img	{display:block; border:0}

.works	{margin-top:10px}
.works	td {padding-right:15px; width:33%}
.works h2 {font-size:120%;}
.works li	{list-style-type:none; margin:0 0 10px 0; padding:0 }
.works div {margin-top:1em}

.works, .smeta, .timeline {font-size:70%; width:100%}
.timeline td	{padding:1em 15px 1em 0; border-bottom:solid 1px #ddd}
.timeline td.noborder,.timeline td.images	{border-bottom:none}
.timeline h2  {font-size:120%; font-weight:bold;}
.timeline big {font-size:150%; font-weight:bold;}
.timeline .m {font-weight:bold;}
.txt	{width:350px}

.langs	{font-size:80%}
.langs td	{padding-left:20px}

.thumbs	{width:245px}
.thumbs a	{width:55px; height:55px; float:left}
.thumbs a.serv	{width:auto; height:auto; float:none; clear:left; margin-bottom:6px}
.thumbs img	{width:50px; margin:0 5px 5px 0}

.freethumbs img	{margin:0 15px 15px 0}

.smeta	{font-size:70%; width:900px}
.smeta	td {padding:5px 15px 5px 0;  border-bottom:solid 1px #ddd}
.summ	{font-weight:bold; font-style:italic; font-size:90%}
.name	{width:500px}

.preambula	{margin-bottom:1em; padding:10px 20px 20px 20px; background:#eee; width:45%; float:left; margin-right:20px}
#artists	{background:none}
#artists	ul {margin:0; padding:0; font-size:80%}
#artists	li {list-style-type:none; margin-bottom:1em}

#books ul{margin-top:1em;}
#books li	{margin-bottom:1em; list-style-type:none}

.lists li {margin-bottom:0.2em}