@import url("undohtml.css");
@import url("index-table.css");

a:link {}
a:visited {}
a:hover { text-decoration:underline;}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.9em;
	background-image:url("../img/background.png");
}

#main {
	width:80%;
	margin:0px auto;
}

#main p, #main h2 {
	margin:0px 0px 10px 0px;
}

h1 { /* specificity = 0,0,1 */
font-size:50px;
font-weight:900;
margin:10px 0px 0px 0px;
padding:0px 0px 0px 50px;
border-bottom:3px dashed #EEEEEE;
background:#FFFFFF;
}

h1 a:link {color:#000099;}
h1 a:visited {color:#000099;}
h1 a:hover {color:#000099;}

h2#sub-title { /* specificity = 1,0,1 */
	position:absolute;
	top:45px;
	left:200px;
}

#rss { /* specificity = 1,0,0 */
	display:block;
	text-align:right;

}

#welcome { /* specificity = 1,0,0 */
	text-align:right;
	margin:-27px 20px 10px 0px;
}

div#body {

	background:#FFFFFF;
}

/*****************************
main menu
*****************************/
div#main-menu-wrapper {
	background:#FFFFFF;
	padding:10px 0px 10px 0px;
}

ul#main-menu { /* specificity = 1,0,1 */
	margin:0px 0px 0px 50px;
}

ul#main-menu li { /* specificity = 1,0,2 */
	display:inline;	
}

ul#main-menu li a { padding:0px 5px 0px 5px; text-decoration:underline; color:#000099; font-weight:900;} /* specificity = 1,0,2 */
ul#main-menu li a:visited { color:#0000FF; text-decoration:underline; color:#000099;} /* specificity = 1,0,2 */
ul#main-menu li a:hover { text-decoration:none;  color:#000099;} /* specificity = 1,0,2 */

/*****************************
footer menu
*****************************/
div#footer {
	background:#FFFFFF;
	padding:10px 0px 10px 0px;
	text-align:center;
	margin:20px 0px 10px 0px;
}

ul#footer-menu { /* specificity = 1,0,1 */
	margin:0px 0px 0px 50px;
}

ul#footer-menu li { /* specificity = 1,0,2 */
	display:inline;	
}

ul#footer-menu li a { padding:0px 5px 0px 5px; text-decoration:underline; color:#000099;} /* specificity = 1,0,2 */
ul#footer-menu li a:visited { color:#0000FF; text-decoration:underline; color:#000099;} /* specificity = 1,0,2 */
ul#footer-menu li a:hover { text-decoration:none; color:#000099;} /* specificity = 1,0,2 */



#table-title {
	font-size:20px;

	color:#667899;
	margin:10px auto -21px auto;
	font-weight:900;
}
#table-title.norss {
	font-size:20px;
	color:#667899;
	margin:10px auto -4px auto;
	font-weight:900;
}

div#action-message span {
	margin:0px 0px 0px 10px;
}
div#action-message {
	border:2px solid #FFE0E0;
	background:#FFF0F0;
	font-size: 1.5em;
	margin:10px auto 0px auto;
	padding:10px 0px 10px 0px;
	color: #000000;
}

#bottom-nav {
  text-align:right;
  font-size:12px;
}

/*****************************
loging page
*****************************/
#login {
	background:#FFFFFF;
	width:80%;
	margin:0px auto;
	padding:0px 10px 10px 10px;
}

/*****************************
profile-table
*****************************/
table#profile-table { /* specificity = 1,0,1 */
	margin:10px 0px 10px 50px;
}

table#profile-table th {
	text-align:left;
}

/*****************************
comments
*****************************/
#comments-wrapper {
	border:1px dashed #AAAAAA;
	width:50%;
	margin:10px auto 10px auto;
	padding:0px 10px 0px 10px;
	background:#FFFFFF;
}
#comment {
	border-bottom:2px dashed #EEEEEE;
	padding:10px 0px 10px 0px;
	font-size:0.9em;
}
#comment-text {
	margin:0px 0px 0px 70px
}
#comment-name {
	font-size:0.9em;
	padding-top:10px;
	margin:0px 0px 0px 70px
}
#comment-number {
	margin:0px 0px -50px 0px;
	color:#EEEEEE;
	font-size:40px;
	width:50px;
	text-align:center;
}
#comments-title {
	margin:10px 0px;
	text-align:center;
}

#comment-post {
	margin:10px 0px;
	padding:0px 10px 0px 10px;
	text-align:center;
}
#comment-post table {margin:0px auto;}

#comment-post textarea {
	width:400px;
	height:100px;
}

.pagetitle {
	font-size:25px;
}

/*****************************
admin page
*****************************/
table#admin-table {
	width:80%;
	margin:10px auto;
}
table#admin-table th {
	text-align:right;
}






.I-Want-to-Read-form {text-align:center; position:relative; margin:30px 0px;}
	.I-Want-to-Read-form .text {width:300px; border:1px solid #AAA;}
	.I-Want-to-Read-form .Start-Reading {float:right; width:110px; font-size:80%; text-align:center;}
	.I-Want-to-Read-form .Start-Reading {color:#333; }
	.I-Want-to-Read-form .Start-Reading span:hover {color:#0000EE; text-decoration:underline;}
	.I-Want-to-Read-form  label { width:110px; padding:1px 0px; display:block; float:right; border:1px solid #AAA; }
	.I-Want-to-Read-form  .ajax-search {width:400px; position:absolute; top:20px; left:30%; background:#FFF; border:1px solid #CCC; border-width:0px 1px 1px 1px; 
z-index:10; text-align:left; display:none;}
	.I-Want-to-Read-form  .ajax-search li {padding:10px 10px 10px; overflow:hidden; _height : 1%;}
	.I-Want-to-Read-form  .ajax-search li img {float:left; width:30px; margin:0px 10px 0px 0px;}