body
{
 	font-family: 'Lucida Sans Unicode','Lucida Grande',Verdana,sans-serif ;
	/*font-size: larger ;*/
}

.code
{
	font-family: 'Lucida Console',Monaco,monospace ;
}

.image-right, .image-left, .image-center, .image-thumbnail
{
 	font-family: 'Lucida Handwriting',Cambria,Georgia,serif ;
}

h1, h2, h3
{
	padding: 0 0 0 5pt ;
	margin: 0px ;
}

h3
{
	margin-top: 20pt ;
}

.header-page
{
	padding: 0px ;
	margin: 0px ;
}

.header-page .page-time
{
	font-size: smaller ;
	text-align: right ;
	margin: 0px ;
}

.main
{
	max-width: 780px ;
	margin-left: auto ;
	margin-right: auto ;
	background-color: #141414 ;
	padding: 16px ;
}

body#main
{
	top: 0px ;
	left: 0px ;
	width: 100% ;
	height: 100% ;
	margin: 0px ;
	position: fixed ;
	display: table ;
}

body#main .main, body#main .main .menu-main div
{
	display: table-cell ;
	vertical-align: middle ;
	min-width: 100% ;
	margin: 0px ;
	padding: 0px ;
}

body#main .main .menu-main
{
	padding: 0px ;
	width: 400px ;
	height: 250px ;
	margin: auto ;
	margin-bottom: 10% ;
	display: table ;
	text-align: center ;
	background-image: url('/images/site/main.png') ;
	background-repeat: no-repeat ;
	background-position: center ;
	/*margin-top: 6% ;*/
	/*padding-top: 160px ;*/
	/*display: block ;*/
}

body
{
 	margin-left: 0px ;
	background-color: #141414 ;
 	color: #a8a8f0 ;
	text-align: justify ;
}

div
{
 	position: relative ;
}

.image-album
{
	text-align: center ;
}

.image
{
	border: none ;
}

.image-right
{
	float: right ;
	margin: 20px 0px 10px 20px ;
	padding: 10px 10px 0px 10px ;
	background-color: #e8e8f8 ;
	color: #141414 ;
	text-align: center ;
}

.image-left
{
	float: left ;
	margin: 20px 10px 10px 0px ;
	padding: 10px 10px 0px 10px ;
	background-color: #e8e8f8 ;
	color: #141414 ;
	text-align: center ;
}

.image-block
{
	margin: 0px ;
	padding: 0px ;
	text-align: center ;
}

.image-thumbnail
{
	margin: 20px 5px 0px 5px ;
	padding: 10px 10px 0px 10px ;
	background-color: #e8e8f8 ;
	color: #141414 ;
	text-align: center ;
	display: inline-block ;
	cursor: hand ;
}

.link-thumbnail:hover
{
	text-decoration: none ;
}

.image-right p, .image-left p, .image-center p, .image-thumbnail p
{
	padding-top: 10px ;
	margin: 0px ;
}

.image-caption
{
	font-size: smaller ;
	padding-top: 8px ;
	padding-bottom: 12px ;
	display: block ;
}

.tag
{
	font-weight: lighter ;
	font-size: large ;
}

.page-menu
{
	text-align: center ;
	padding: 0px ;
	font-size: smaller ;
}

.page-menu p
{
	padding: 0px ;
	margin: 0px ;
}

.button-main-page
{
	font-size: x-large ;
}

.header-page, .header-sub, .page-menu
{
	border: 2px dotted #686880 ;
	clear: both ;
	padding: 2px ;
}

.header-top
{
	clear: both ;
	height: 40pt ;
}

body#error404 .header-top
{
	height: 0 ;
}

a
{
	text-decoration: none ;
	color: #e8e8f8 ;
 	border-style: none ;
}

a span
{
 	background-repeat: no-repeat ;
 	background-position: left top ;
 	padding-left: 16px ;
	zoom: 1 ; /* creepy ie7 */
	cursor: hand ;
}

.link-broken
{
	padding-left: 0px ;
}

a:hover
{
	text-decoration: underline ;
}

h1 a, h2 a
{
 	padding-left: 0px ;	
}

h1 a:hover, h2 a:hover
{
	text-decoration: none ;
}

.file-archive
{
 	background-image: url(images/site/file-archive-hidden.png) ;
}

a:hover .file-archive
{
 	background-image: url(images/site/file-archive.png) ;
}

.file-pdf
{
 	background-image: url(images/site/file-pdf-hidden.png) ;
}

a:hover .file-pdf
{
 	background-image: url(images/site/file-pdf.png) ;
}

.file-video
{
 	background-image: url(images/site/file-video-hidden.png) ;
}

a:hover .file-video
{
 	background-image: url(images/site/file-video.png) ;
}

.link-external
{
 	background-image: url(images/site/link-external-hidden.png) ;
}

a:hover .link-external
{
 	background-image: url(images/site/link-external.png) ;
}

.link-wikipedia
{
 	background-image: url(images/site/link-wikipedia-hidden.png) ;
}

a:hover .link-wikipedia
{
 	background-image: url(images/site/link-wikipedia.png) ;
}

.link-anchor
{
 	background-image: url(images/site/link-anchor-hidden.png) ;
}

a:hover .link-anchor
{
 	background-image: url(images/site/link-anchor.png) ;
}

.link-top
{
 	background-image: url(images/site/link-top-hidden.png) ;
}

a:hover .link-top
{
 	background-image: url(images/site/link-top.png) ;
}

.link-home
{
 	background-image: url(images/site/link-home-hidden.png) ;
}

a:hover .link-home
{
 	background-image: url(images/site/link-home.png) ;
}