/* @override http://mfp.guecks.com/gutenberg/style.css */

html, body, div, dl, dt, dd, form, fieldset, input, textarea, pre, code, blockquote, hr, th, td{
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
}

body{
	background: #403323 url(images/bg2.gif) repeat;
	font: normal 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000;
}


#body{
	width: 900px;
	margin: 0 auto;
	margin-bottom: 200px;
	height: 100%;
	min-height: 100%;
	
 padding: 0; 
}

#body-main {
	width: 900px;
	margin: 0 auto;
	background-color: #f3ead9;
	margin-top: 40px;
	margin-bottom: 115px;
	padding: 10px;

}

#header {
	background: url('images/header-bg.jpg') repeat-x;
    padding-right: 20px;
    padding-left: 20px;
	height: 75px;
	margin-top: 0;
    margin-bottom: 0;
	opacity: 0.88;
}

#header:hover {
	opacity: 1;
}

#wrapper {
	position: absolute;
	min-height: 100%;
	width: 100%;
	top: 0;
	left: 0;
} 

#footer {
	position: absolute;
	background: url('images/footer-bg.jpg') repeat-x;
	text-align: center;
	height: 75px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	margin-top: 75px;
    margin-bottom: 0;
	opacity: 0.88;
}

#footer:hover {
	position: absolute;
	background: url('images/footer-bg.jpg') repeat-x;
	height: 75px;
	width: 100%;
	left: 0px;
	bottom: 0px;
	margin-top: 75px;
    margin-bottom: 0;
	opacity: 1;
}

#header-content{
	width: 900px;
	margin: 0 auto;
}

#header-logo{
	width: 180px;
	height: 50px;
	float: left;
}

#header-other{
	width:900px;
	margin: 0 auto;
	margin-top: 5px;
}

#login {
	text-align: center;	
	width: 170px;
	margin-top: 0px;
	float: right;
}

#nav {
	background: none;
	width: 715px;
	height: 50px;
	float: right;
	margin-top: 7px;
	margin-left: 5px;
}

#nav ul, #nav ul li {
	list-style: none;
	font: bold 16px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#nav ul {
	background: none;
	padding: 0 0;
	margin: 0;
}

#nav ul li {
	background: none;
	display: inline;
	
}

#nav ul li a {
	background: none;	
	color: #fff;

	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;

	/* text-decoration: none; */
	/* text-shadow: #541e0e 0 3px 2px; */
	
	position:relative;
	text-decoration: none;
	
}

#nav ul li a span {
	
	/* text-decoration: none; */
	/* text-shadow: #541e0e 0 3px 2px; */

	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;

	position:absolute;
	left: 0px;
	top:-1px;
	
}

#nav ul li a:before{	
	/* text-decoration: none; */
	/* text-shadow: #541e0e 0 3px 2px; */

	padding: 1px;
	left:0;
	white-space: nowrap;
	content: attr(name);
	color: black;
	
}

#nav ul li a:hover {
	background: url('images/opacity.png') repeat;
	
	position:relative;
	text-decoration: none;
}

#nav ul li.current_page_item a {
	background: url('images/opacity.png') repeat;
	color: fff;
	
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;
	
	position:relative;
	text-decoration: none;
}

#nav ul li.current_page_item a span {
	
	/* text-decoration: none; */
	/* text-shadow: #541e0e 0 3px 2px; */

	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	padding-right: 1em;

	position:absolute;
	left: 0px;
	top:-1px;
	
}

#nav ul li.current_page_item a:before{	
	/* text-decoration: none; */
	/* text-shadow: #541e0e 0 3px 2px; */

	padding: 1px;
	left:0;
	white-space: nowrap;
	content: attr(name);
	color: #28a7b0;
	
}

.shadow2  { 
	text-decoration: none;
	position:relative;
	display:block;
}
.shadow2 span {
	position:absolute;
	display:block;
	top:0px;
}
.shadow2:before {
	display:block; 
	padding:1px;
	content: attr(title);
	color:#666;
}

#profile-nav {
	background: none;
	width: 100%;
	height: 20px;
	border-bottom: #403323 solid 1px;
	margin-bottom: 0px;
	padding-left: 10px;
}

#profile-nav ul, #profile-nav ul li {
	list-style: none;
	font: bold 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#profile-nav ul li {
	background: none;
	display: inline;
	
}

#profile-nav ul li a {
	background: #f3ead9;	
	color: #403323;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	text-decoration: none;
}

#profile-nav ul li a:hover {
	background: #403323;
	color: #fff;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
}

#profile-nav ul li.current_page_item a, #profile-nav ul li.current_page_parent a {
	background: #403323;
	color: #fff;
	padding-top: 1em;
	padding-bottom: 0.95em;
	padding-left: 1em;
	padding-right: 1em;
}

#profile-nav ul {
	background: none;
	padding: 0 0;
	margin: 0;
}


#index {
	list-style: none;
	text-align: center;
}

#index li{
	display: inline;
	padding-left: 7px;
}

ul{
	list-style: square;
	color: #403323;
	padding-left: 25px;
}

li{
	padding-bottom: 2px;
}

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

ul.recent li{
	border-bottom: 1px solid #403323;
	padding: 4px 0px 4px 0px;
}

#right {
	margin-top: 20px;
	margin-bottom: 115px;
	float: right;
	width: 700px;
	//position: static;
}

#right-user {
	margin-top: 19px;
	margin-bottom: 115px;
	float: right;
	width: 700px;
}

#left {
	margin-top: 20px;
	margin-bottom: 115px;	
	float: left;
	width: 170px;
}

#left-user {
	margin-top: 20px;
	margin-bottom: 115px;	
	float: left;
	width: 170px;
}

#right-left{
	float: left;
	width: 500px
}

#right-right{
	float: right;
	width: 170px
}

.content{
	padding: 13px;
}

.contents {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	background-color: #f3ead9;
	bottom: 0px;
	margin-top: 20px;
	//clear:left;
	// position: relative;
	
}

.contents-user {
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	width: 100%;
	background-color: #f3ead9;
	bottom: 0px;
}

h2{
	font-size:1.80em;
	color: #28a7b0;
	padding: 0.5em;
	margin: 0px;
	text-shadow: #161616 0 3px 2px;
}

h1{
	font-size:1.80em;
	color: #28a7b0;
	padding: 0.5em;
	margin: 0px;
	text-shadow: #161616 0 3px 2px;
}

h2 a:link {
	color:#28a7b0;
	text-decoration: underline;
}

h2 a:visited {
	color:#28a7b0;
	text-decoration: underline;
}

h2 a:hover,
a:active {
	color:#fff;
	background:#28a7b0;
	text-decoration: none;
	padding: 1px;
}

h3 span, h2 span {
	color: #403323;
}

h3{
	font-size: 1.4em;
	color: #403323;
	padding: 0.5em;
	margin: 0px;
}

h3.alpha{
	color: #403323;
	border-bottom: solid 1px #403323;
}

a, a:link {
	color:#e55124;
	text-decoration: underline;
	padding: 1px;
}

a:visited {
	color:#e55124;
	text-decoration: underline;
}

a:hover, a:active {
	color:#fff;
	background:#e55124;
	text-decoration: none;
	padding: 1px;
}

a.nobackground {
	background: none;
}

a.nobackground:hover{
	background: none;
	padding: 0px;
}

a img{
	background: none;
}

img{
	background: none;
	border: solid 0px #403323;
	padding: 2px;
}

table {
	width: 100%;
}

td {
	width: 50%;
	vertical-align: top;
}

table.resourses {
	width: 100%;
	text-align: center;
}

table.resourses td {
	vertical-align: top;
	text-align: center;
	width: 25%;
}

.logo_medium a {
	background: none;
}

.featured {
	margin: 30px 0;
	padding: 7px 4px;
	border: 2px dotted #090;
	background: #e8fcd9;
	color: #333;
	border-width: 1px;
} 

.block {
	margin: 10px 0;
	// border: 1px solid #e55124;
	border: none;
	background: #fff8e4;
	color: #333;
	// text-shadow: #e55124 2px 2px 5px;
	padding: 5px 15px;
} 

.warning {
	margin: 30px 0;
	padding: 7px 4px;
	border: 2px dotted #ce0202;
	background: #ff6666;
	color: black;
	border-width: 1px;
} 

.warning,.featured p {
	margin: 3px 0;
}

/* FEATURES LIST */

table.features_list {
	width: 100%;
	table-layout: fixed;
	border: none;	
}

table.features_list td.c1 { text-align: center; width: 5%; padding: 2px; }
table.features_list td.c2 { text-align: left; width: 45%; padding: 2px; }
table.features_list td.c3 { text-align: center; width: 5%; padding: 2px; }
table.features_list td.c4 { text-align: left; width: 45%; padding: 2px; }

/* FORMATS LIST */

table.formats_list {
	width: 100%;
	table-layout: fixed;
	border: none;	
}

table.formats_list td.logo { text-align: center; width: 12%; padding: 2px; }
table.formats_list td.desc { text-align: left; width: 38%; padding: 2px; }

/* FEATURES in ABOUT */

table.features {
	margin: 2px;
	padding: 2px;
	width: 99%;
	background-color: rgb(255, 255, 240);
	table-layout: fixed;
	border: thin solid #28a7b0;
}

table.features td {
	border: 2px double #f3ead9;
}

table.features th {
	background-color: #f3ead9;
	padding: 2px;
	color: #28a7b0;
}

table.features th.col1 { width: 50%; }
table.features th.col2 { width: 10%; }
table.features th.col3 { width: 40%; }

table.features td.col1 { padding: 4px; }
table.features td.col2 { text-align: center; }
table.features td.col3 { padding: 4px; }

/* FEATURES in ABOUT */

table.statistics {
	margin: 2px;
	padding: 0;
	width: 99%;
	background-color: rgb(255, 255, 240);
	table-layout: fixed;
	// border: thin solid #28a7b0;
}

table.statistics td {
	margin: 23px;
	border: 1px double #f3ead9;
	text-align: center;
}

table.statistics td.col1 {
	width: 80%;
}
table.statistics td.col2 { 
	width: 20%;
	text-align: center;
}

/* message */

.message{
	background-color: #403323;
	color: #fff;
	padding: 20px;
	width: 200px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -50px;
	text-align: center;
	z-index: 1000;
	
}

#add_favourite span{
	background: url('/gutenberg/images/favorite_add.png') no-repeat;
}
#add_bookmark span{
	background: url('/gutenberg/images/book_add.png') no-repeat;
}

#add_bookshelf span{
	background: url('/gutenberg/images/add.png') no-repeat;
}

#remove_favourite span{
	background: url('/gutenberg/images/favorite_remove.png') no-repeat;
}

#remove_bookshelf span{
	background: url('/gutenberg/images/remove.png') no-repeat;
}

#write span{
	background: url('/gutenberg/images/write.png') no-repeat;
}

a.widget span {
  float: left;
  /*margin-left: -25px;*/
  margin-top: -1px;
  width: 20px;
  height: 20px;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  position: relative;
}

a.widget > span {
  text-indent: -9999px;
}

td.tdleft{
	width:20%;
	text-align: right;
	color: #403323;
	font-weight: bold;
	padding: 5px;
}

td.tdright{
	text-align:left;
	padding: 3px;
}

div.edit{
	width: 300px;
	padding: 2px;
}

div.edit:hover{
	width: 300px;
	background: #403323;
	padding: 2px;
	color: #ffffff;
	cursor: hand;
}

div.edit_area{
	width: 300px;
}

div.edit_area:hover{
	width: 300px;
	background: #403323;
	padding: 2px;
	color: #ffffff;
	cursor: hand;
}

div.edit_area2{
	width: 670px;
}

div.edit_area2:hover{
	width: 670px;
	background: #403323;
	padding: 2px;
	color: #ffffff;
	cursor: hand;
}

div.edit_area2:hover ul{
	background: #403323;
	color: #ffffff;
}

div#qTip {
 padding: 3px;
 display: none;
 background: #403323;
 color: #FFF;
 font: bold 9px Verdana, Arial, Helvetica, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
 opacity: 0.8;
}