body {
	background-color :  #FFF;
	color : #000000;
}

body#home {
	text-align : center;
}

a:link img,
a:visited img,
a:hover img,
a:active img {
	border: none;
}

/*a:link {
	color : #333333
}

a:visited {
	color : #333333
}

a:hover {
	color : #333333
}

a:active {
	color : #333333
}*/

dt {
	font-weight : bold;
	margin : .3em 0;
}

table {
	border-top : 1px solid #EEEEEE;
	border-right :  1px solid #EEEEEE;
	border-collapse : collapse;
}

td {
	border-left  : 1px solid #EEEEEE;
	border-bottom  : 1px solid #EEEEEE;
}

a#home {
	float : left;
	margin : 22% 0 0 0;
}

a#index {
	float : right;
	margin : 22% 0 0 0;
}

#main {
	padding-top : 30px;
	margin : auto;
	text-align : center;
	width : 520px;
}

#main.conjugated {
	width : 670px;
}

#controls {
	clear : both;
	margin : auto;
	padding-top : 20px;

}

#contents *, #about *, #books *, #links * {
	font-family : Verdana, sans-serif;
	font-size : 95%;
}

#contents #main {
	padding : 0;
	text-align : center;
	width : 100%;
}

#about #main, #books #main, #links #main {
	text-align : left;
	width : 75%
}

#contents .letter-block {
	clear : both;
	margin : 1em auto;
	width : 35%;
}

#contents a:hover {
	color : #3399CC;
}

#contents h3 {
	float : left;
	font-size : 180%;
	margin-top : 0;
}

#contents img {
	padding-left : 1em;
}

#contents ul {
	list-style : none;
}

#footer {
	margin : auto;
	margin-top : 5em;
	font-size : 60%;
	text-align : center;
}

.letter-block ul {
	font-size : 120%;
	padding-left : 25%;
	text-align : left;
}

.letter-block li {
	padding : .2em;
}

#conjugate {
	margin-top: 1em;
}
#index #nav {
	margin-top: 4em;
}
#nav {
	margin : auto;
	margin-bottom : 1em;
	margin-top : 1em;
	width : 60%;
	text-align : center;
}

#nav img {
	padding : 0 1em;
}

#nav ul {
}

#nav li {
	display : inline;
}

#pictureframe {
	border : 1px solid #FFF;
	display : block;
	font-family: Geneva, arial, sans-serif;
	font-size : 85%;
	margin : auto;
	height : 190px;
}

#main.conjugated #pictureframe img {
	float: left;
	margin-left :  40px;
}

#main.conjugated table {
	border : 0;
	float : right;
	margin-top : 1.5em;
	margin-right :  1em;
}

#main.conjugated table td {
	border : 0;
	padding : 3px;
	text-align : left;
	}

#main.conjugated td.cz {
	color : #666666;
	text-align : right;
}

#main.conjugated td.en {
	font-style : italic;
}

#main.conjugated a#word {
	display : inline;
	}

#word {
	display : block;
	margin : auto;
	width : 151px;
}

ul.contents {
	margin : auto;
}

#back {
	display : block;
	float : left;
}

#next {
	display : block;
	float : right;
}

.alphabet ul {
	list-style : none;
	margin : 0;
	padding : 0;
}

.alphabet li {
	display : inline;
}

.alphabet li a, .alphabet a {
	border : 1px solid white;
	background-color : #F8F8F8;
	font-weight : bold;
	line-height : 220%;
	padding : .2em .4em;
	text-decoration : none;
}

.alphabet li a:hover, .alphabet a:hover {
	background-color : #DEEEEE;
}

.thumbnail {
	margin : 20px;
}

.clear {
	clear : both;
}

.left {
	float : left;
}

.right {
	float : right;
}

#about p, #about h4 {
	margin-left : 200px;
}
	
#words {
	margin : auto;
	width : 300px;
}
#controls {
	margin :  auto;
	text-align : center;
}
#player_controls { margin-right : 2em;}
#part {margin-left : 2em;}
.roll {
	cursor: pointer;
}