body {
	border:0;
	margin:0;
	text-align:center;
	background-color: #cccc66; /* #6C401E;*/
	}

#book {
	position:relative;
	left:0;
	top:0;
	width:843px;
	height:600px;
	margin:0 auto;
	text-align:left;
	background:url("/sonets/img/book1.jpg") left top no-repeat;
	}

#page_left {
	position:absolute;
	left:140px;
	top:90px;
	width:270px;
	height:400px;
	padding:0;
	/*background:#BEE9F4;*/
	}

#page_right {
	position:absolute;
	left:445px;
	top:90px;
	width:270px;
	height:400px;
	padding:0;
	/*background:#BEE9c4;*/
	/*background:yellow;*/
	}

/* see media tag */

#page_right2 {
	height:400px;
	overflow: hidden;
	position: relative;
	}

#page_right2[id] {
	display: table;
	position: static;
	}

#copyright {
	position:absolute;
	left:140px;
	top:550px;
	width:575px;
	font-family:Verdana,Arial;
	font-size:10px;
	text-align:center;
	color:white;
	/*background:#3E99F4;*/
	}

#maintenance_bar {
	position:absolute;
	left:785px;
	top:90px;
	width:70px;
	height:400px;
	/*background:#3E99F4;*/
	}

#navi_bar {
	position:absolute;
	left:130px;
	top:18px;
	width:595px;
	height:20px;
	/*background:#3E99F4;*/
	}

#list_body {
	position:absolute;
	left:160px;
	top:155px;
	width:550px;
	height:335px;
	overflow: auto;
	/*background:#3E99F4;*/
	}

/* ******************************************* */


#sonet_title big {
	font-family:Georgia,"Times New Roman";
	font-size:22px;
	font-weight:bold;
	}

#sonet_body {
	position:absolute;
	left:45px;
	top:65px;
	width:225px;
	/*background:#BEE924;*/
	}

#sonet_body pre {
	width:235px;
	font-family:Georgia,"Times New Roman";
	font-size:12px;
	}

#sonet_date {
	position:absolute;
	left:45px;
	top:360px;
	width:225px;
	font-family:Georgia,"Times New Roman";
	font-size:11px;
	font-style:italic;
	/*background:#BE99F4;*/
	}

#days_body {
	position:absolute;
	left:115px;
	top:20px;
	width:80px;
	font-size:10px;
	/*background:#BEE924;*/
	}

#sonet_title,#days_title,#months_title,#list_title,#add_modify_title   {
	position:absolute;
	left:20px;
	top:15px;
	width:250px;
	font-family:Georgia,"Times New Roman";
	font-size:14px;
	font-weight:bold;
	/*background:#B3E914;*/
	}

#months_body {
	position:absolute;
	left:80px;
	top:80px;
	width:150px;
	font-size:16px;
	/*background:#BEE924;*/
	}

#months_body span {
	font-size:11px;
	}


#quotation {
	position:absolute;
	left:10px;
	top:0;
	color:#999999;
	font-size:12px;
	/*background:#BEE924;*/
	font-style:italic;
	}

#title {
	position:absolute;
	right:15px;
	top:250px;
	width:245px;
	font-size:16px;
	text-align:right;
	/*background:#BEE924;*/
	}

#editor {
	position:absolute;
	left:10px;
	bottom:0;
	font-size:12px;
	/*background:#BEE924;*/
	}

#author {
	font-size:18px;
	font-weight:bold;
	}

#main_title {
	font-size:35px;
	font-weight:bold;
	}

#main_title span {
	color:#ED5234;
	}

#subtitle {
	font-size:16px;
	}

#list_body td {
	font-size:12px;
	padding:0;
	margin:0;
	}

#list_body td {

	}


.col_date {
	width:30px;
	/*text-align:right;*/
	}

.col_year {
	width:33px;
	}

.col_title {
	width:165px;
	text-align:right;
	}

.col_spacer {
	width:50px;
	}

#am_title {
	font-size:14px;
	font-weight:bold;
	}

#am_sonet_title span, #am_sonet_body span, #am_sonet_date span, #am_media span, {
	font-size:11px;
	}

#am_title, #am_sonet_title, #am_sonet_body, #am_sonet_date {
	padding:0 0 10px 0;
	}

#am_sonet_body, #am_sonet_date  {
	padding-left:40px;
}

#am_sonet_date td {
	padding:0 5px 0 0;
}

#am_media {
	position:absolute;
	top:76px;
	width:270px;
	}

#am_media p {
	margin:0 0 5px 0;
	}


#am_submit {
	position:absolute;
	top:328px;
	width:270px;
	text-align:center;
	/*background:#3E99F4;*/
	}

#input_pass{
	padding:0 0 0 2px;
	width:60px;
	font-family:Verdana;
	font-size:12px;
	background:none;
}

#search {
	position:absolute;
	right:5px;
	top:30px;
	/*width:100%;*/
	text-align:right;
	font-family:Georgia,"Times New Roman";
	font-size:12px;
	/*background:red;*/
	}

#search span {
	padding:0 6px 0 0;
	}


#input_search {
	width:70px;
	padding:0 0 0 2px;
	font-family:Georgia,"Times New Roman";
	font-size:12px;
	background:none;
	}

form {
	margin:0;
	display:inline;
	}

#input_title, #input_body, #input_place, #input_day, #input_month, #input_year, .input_url, .input_desc {
	padding:0 0 0 2px;
	font-family:Georgia,"Times New Roman";
	font-size:12px;
	background:none;
}

#input_title {
	width:270px;
	font-size:14px;
	font-weight:bold;
	}

#input_body {
	width:230px;
	height:260px;
	}

#input_place {
	width:60px;
	font-style:italic;
	}

#input_day {
	width:25px;
	font-style:italic;
	}

#input_month {
	width:90px;
	font-style:italic;
	background:#F3EBD6;
	}

#input_year {
	width:40px;
	font-style:italic;
	}

.input_url, .input_desc  {
	width:260px;
	}

/* Yuhu's Definitive Solution with Unknown Height used */

#media {
	position:absolute;
	top: 50%;
	width:270px;
	text-align:center;
	/*background:red;*/
	}

#media[id] {
	display: table-cell;
	vertical-align: middle;
	position: static;
	}

#media2 {
	position: relative;
	top: -50%
	}

/* optional: #inner[id] {position: static;} */


#audio {
	/*background:green;*/
	padding:10px 0;
	}

#photo {
	filter: gray;
	filter: gray alpha(Opacity=90, FinishOpacity=5, Style=2);
	width:270px;
	/*background:blue;*/
	}

#warning {
	position:absolute;
	top:40%;
	width:270px;
	text-align:center;
	/*background:#3E99F4;*/
	}

#warning_text {
	color:red;
	font-family:Georgia,"Times New Roman";
	font-size:12px;
	}

#warning_buttons input {
	margin:5px;
	}

#navi_bar span {
	font-family:Verdana,Arial;
	font-size:12px;
	padding:0 12px;
	}

#navi_prev {
	position:absolute;
	left:10px;
	bottom:0;
	font-family:Verdana,Arial;
	font-size:14px;
	/*background:#3E99F4;*/
	}

#navi_next {
	position:absolute;
	right:10px;
	bottom:0;
	text-align:right;
	font-family:Verdana,Arial;
	font-size:14px;
	/*background:#3E99F4;*/
	}

#navi_next span,#navi_prev span {
	font-family:Verdana,Arial;
	font-size:16px;
	font-weight:bold;
	}


#maintenance_bar div {
	font-family:Verdana,Arial;
	font-size:12px;
	padding:20px 0;
	}


#copyright a {
	font-family:Verdana,Arial;
	font-size:10px;
	text-align:center;
	color:white;
}



a {
	color: #ED5234; /*#F0A400;*/
	text-decoration: none;
	}

a:hover {
	text-decoration: underline;
	}