body {
	margin: 0;
	background: url(../img/bg.jpg) repeat-x;
	background-color: #ff892f;
	font: normal 80%/140% Verdana, Arial, Helvetica, sans-serif;
	color: white;
}
a { color: white }
form { margin: 0; }
h1, h2, h3, h6 { margin: 0; padding: 0; }
img { border: 0 }
input, textarea {
	padding: 3px 4px;
	font: normal 0.85em Verdana;
	border: 1px solid #ba9d80;
	background: #473b33;
	color: white;
}
pre { padding: 1em; font-size: 13px; background: indigo; }
.container
{
	margin-left: auto;
	margin-right: auto;
	width: 750px;
}
.width500
{
	width: 500px;
}
.error
{ 
	margin: 0;
	margin-bottom: 17px;
	background:#CC0000;
	padding: 7px 7px 7px 37px; 
}
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/************/
/*** head ***/
/************/
.head {
 	width: 100%;
}
.links {
	padding-top: 50px;
	text-align: right;
}
.links a {
	padding: 3px 11px;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: white;
	background: #98225e;
	text-decoration: none;
}
.links a:hover {
	background: #4d3461;
}
.links input {
	/*
	margin: 0;
	padding: 0;
	padding: 3px 5px;
	border: 1px solid #b94294;
	background: #ebc5df;
	color: white;
	*/
}

/******************/
/*** char line ****/
/******************/
.charline
{
	margin: 2px 0px 2px 0px;
	padding: 2px 0 2px 0px;
	width: 100%;
	font: normal 1em/160% Verdana, Arial, Helvetica, sans-serif;
	background: #5d4943;
	text-align: center;
}
.charline a {
	float: left;
	margin: 0px 2px;
	padding: 2px 6px;
	color: white;
	text-decoration: none;
}
.charline a:hover {
	background: #f1c02a;
	color: #000000;
}

/******************/
/*** main block ***/
/******************/
.mainblock
{
/*	background: #5d4943;*/
	/*width: 100%;*/
	background: url(../img/word-bg.gif) repeat-y;
}

.mainblock .about
{
	float: right;
	width: 300px;
	padding: 23px 11px;
	color: #d7cdc6;
}
.mainblock .about h1
{
	font-weight: bold;
	font-size: 1.1em;
	color: white;
}
.mainblock .about h2
{
	margin: 0.5em 0;
	font: normal 1em/140% Helvetica, Arial, Helvetica, sans-serif;
	color: white;
}
.mainblock .about h4 { margin: 2em 0 0.5em 0; padding: 0; }
.mainblock .about p { margin: 0; padding: 0; font: italic 0.9em Arial, Helvetica, sans-serif; }
.mainblock .about a,
.mainblock .about a:active,
.mainblock .about a:visited
{ color: white; }
.mainblock .lastAddedWords
{
	width: 350px;
	padding: 23px 11px 11px 31px;
}
.mainblock h1.frontpage
{
	padding: 23px 11px 11px 31px;
	font: bold 1.9em/1.2em Helvetica, Arial, Helvetica, sans-serif;
}

.mainblock .frontpageWord {
	margin-bottom: 15px;
	padding-bottom: 7px;
	border-bottom: 1px solid #ff3300;
}
.mainblock .frontpageWord h1 {
	margin: 0;
	padding: 0;
	font: bold 1.3em/1.2em Helvetica, Arial, Helvetica, sans-serif;
}
.mainblock .frontpageWord h1 a { color: white; text-decoration: none; }
.mainblock .frontpageWord h1 a:hover { color: #ff3300 }
.mainblock .frontpageWord h2
{
	margin: 0; 
	margin-bottom: 3px;
	padding: 0;
	font: normal 1em Arial, Verdana, Helvetica, sans-serif;
}
.mainblock .frontpageWord h3
{
	margin: 0;
	padding: 0;
	font: italic 0.85em Verdana, Helvetica, sans-serif;
	color: #d7cdc6;
}
.mainblock .lastWordsNav
{
	margin-top: 2em;
	padding: 6px 0;
	font: normal 0.9em Georgia, Times New Roman, TImes, serif;
	font: normal 0.9em Arial, Helvetica, sans-serif;
	text-align: center;
	background: #665049;
}
.mainblock .lastWordsNav span { font-family: Georgia, Times New Roman, Times, serif; font-style: italic; }
.mainblock .lastWordsNav a
{
	margin: 0 2px;
	font-weight: bold;
	color: coral;
	color: #ff892f;
	color: darkorange;
	color: #cda67f;
}
.mainblock .lastWordsNav a:hover { color: mediumturquoise }
.mainblock .lastWordsNav a:hover { color: deeppink }
.mainblock .lastWordsNav a:hover { color: #429ED4 }
.mainblock .lastWordsNav a:hover { color: #9eb9b6 }

/* word view mode */
.mainblock .word_container {
	margin: 0 auto;
	padding-bottom: 3em;
	width: 750px;
	background: url(../img/word-bg.gif) repeat-y;
}

.mainblock .word_container .word_definition
{
    float: right;
	padding: 2em 2em 0em 2em;
	width: 530px;
}

.mainblock .word_container ul.word_navigation
{
	margin: 0;
	padding: 0;
	padding-top: 1em;
	list-style: none;
	line-height: 130%;
}
.mainblock .word_container ul.word_navigation li
{
	/*margin-bottom: 0.3em*/
}
.mainblock .word_container ul.word_navigation li a
{
	margin: 0;
	padding: 0;
	margin-left: 1.5em;
	font: normal 0.85em Verdana, Arial, Helvetica, sans-serif;
	color: white;
	text-decoration: none;
}
.mainblock .word_container ul.word_navigation li a:hover
{
	text-decoration: underline;
}
.mainblock .word_container ul.word_navigation li a.active
{
	font-weight: bold;
	text-decoration: underline;
}

.mainblock .word_container .word_definition h1 {
	font: normal 1.8em/100% Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
}
.mainblock .word_container .word_definition h2 {
	font: normal 1em/140% Helvetica, Arial, sans-serif;
	margin-bottom: 17px;
}
.mainblock .word_container .word_definition h3 {
	font: italic 0.9em/150% Georgia;
}
.mainblock .word_container .word_definition h6 {
	font: normal 0.85em/170% Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	padding-bottom: 20px;
	margin-top: 9px;
	margin-bottom: 10px;
	border-bottom: 1px solid #FF3300;
}
.mainblock .word_container .word_definition h1 a,
.mainblock .word_container .word_definition h2 a,
.mainblock .word_container .word_definition h3 a {
	color: white;
}
.mainblock a.navLink,
.mainblock h6 a {
	padding: 1px 5px 2px 5px;
	background: #6c554f;
	color: white;
	text-decoration: none;
}
.mainblock a.navLink
{
	padding: 3px 7px 5px 7px;
	background: #333;
}
.mainblock a.navLink:hover,
.mainblock h6 a:hover {
	background: #da3691;
}

/* add word */
.mainblock .syn
{

	padding: 2em 5em;
	background: #5d4943;
}
.syn h1
{
	font: normal 25px/100% Arial, Helvetica, sans-serif;

	margin-bottom: 11px;

}
.syn li
{
		margin: 4px 0px;

	font: normal 0.85em/1em Verdana, Arial, Helvetica, sans-serif;

	color: white;

}


/* letter view mode */
.wordlist
{
	margin-left: 156px;
	padding: 25px;
	width: 530px;
}
.wordlist h1 {
	font: normal 1.8em/100% Helvetica, Arial, sans-serif;
	margin-bottom: 1em;
}
.wordlist .floatbox
{
	float: left;
	margin-right: 15px;
	margin-bottom: 30px;
	padding: 15px 30px;
	background: #634e48;
	width: 100px;
}
.wordlist .floatbox ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 130%;
}
.wordlist .floatbox a
{
	color: white;
	text-decoration: none;
	font-size: 0.9em;
	line-height: 2em;
	border-bottom: 1px dotted #fd5b46;
}
.wordlist .floatbox a:hover { border-bottom-style: solid; }



/* add alternative meaning */
.addAltMeaning {
	float: right;
	padding: 4px 7px;
	font-size: 11px;
	line-height: 10px;
	background: #6c554f;
}
.addAltMeaning a {
	color: white;
	text-decoration: none;
}
.addAltMeaning:hover { background: #da3691; }

/******************/
/*** disclaimer ***/
/******************/
.disclaimer
{
	margin-top: 5px;
	margin-bottom: 67px;
	font-size: 0.8em;
}
.disclaimer a
{
	padding-bottom: 1px;
	color: white;
	text-decoration: none;
	border-bottom: 1px dotted white;
}
.disclaimer a:hover
{
	border-bottom: 1px solid white;
}
.disclaimer .feed {
  margin-left: 3px;
  padding-left: 17px;
  background: url("../img/feed-icon-14x14.png") no-repeat 0 50%;
} 

ul.socialactions li, ul.socialactions_word li { list-style: none outside none }
ul.socialactions {
	margin: 0;
	padding: 0;
}
ul.socialactions_word {
	margin: 0 0 0 190px;
	padding: 17px 0 0 0;
}
ul.socialactions li, ul.socialactions_word li {
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0;
	width: 150px;
	height: auto;
}
ul.socialactions_word li { width: 105px }
ul.socialactions_word li.fb { width: 245px }