/*
Title: 		Livingwater4u master styles for screen media
Updated: 	2 Mar 2009
*/

/*html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}*/

body {text-align: center; font: 1em '宋体',sans-serif;}

#home {z-index: 1;position: relative; width:100%;}

/* ---( links )------------------------------- */

a {text-decoration : none;}
a:link {color: #466;}
a:visited {color: #923F00;}
a:hover {color: #B00;}
a:active {color: #785;}

#indexbar a:visited, #pathbar a:visited, #footer a:visited {color: #466;}
#indexbar a:hover, #pathbar a:hover, #footer a:hover {color: #B00;}

/* ---( common elements )------------------------------- */

* {margin: 0; padding: 0;}
li {list-style-type: none; line-height: 1.7em;}
ol li {list-style-type: decimal;}
h2, h3, h4, h5 {font-family: '微软雅黑','黑体', Georgia, sans-serif;}
h2 {color: #666; font-size: 2.4em;}
h3 {margin: 0.5em 0; color: #CC0D4E; font-weight: bold;}	
h4 {margin: 0.7em 0; color: #466; font-weight: bold;}
h5 {margin: 0.5em 0; color: #C02;}
img {border: 0; background: transparent;}

span.intro {color: #999; font-style: italic;}
span.red {color: #CC0D4E;}
span.big {font-weight: bold; color: #689309;}

/* ---( top )------------------------------- */

#container {margin: 0 auto;width: 970px; padding: 0;}
#wrap {overflow: hidden; margin: 0 auto; padding: 0 22px; width: 926px; text-align: left; background: #FFF url(../images/wrapinner1.gif) repeat-y;}
#logo{background: url(../images/logobk.gif) no-repeat;height:80px;}
#CountMsg {font-size:12px;text-align:right;position:relative;top:60px;right:68px;color:#008E03;font-family: Arial;}
#banner{margin: 0 0 4px 0; padding: 4px; width: 700px; border: 1px solid #CCC; background-color: #FFF;}

/*  navigation  */

#nav {float: left; list-style: none; width: 926px; background: url(../images/nav_bkl.png) 0 0 no-repeat; font-size: 14px;}
#nav li {position: relative; width: 115px; float: left; }
#nav li ul {position: absolute; left: 0px; top: 100%; background-color: #DEC; display: none; width: 115px;}
#nav li ul li {float: none;}
#nav li a {display: block; text-decoration: none; color: #777; padding: 5px; text-align: center; border-bottom: 0;}
#nav li a:hover {color: #456; font-weight: bold;}
#nav li ul li a:hover {background-color: #EEF2D9;}
	
/* Holly Hack. IE Requirement \*/
* html #nav ul li {float: left; height: 1%; }
* html #nav ul li a {height: 1%; }
/* End */

#nav li:hover ul, #nav li.over ul {display: block; } /* The magic */

/* ---( main column )----------------------------- */
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#main-body {clear:left;}
/* End IE5-Mac hack */

#main-body {float: left; width: 710px; background-color: #FFF;}

#content {clear:both; float: none; border-top: 4px solid #FFF; background: #FFF;}

#content .block {overflow: hidden; margin: 0 0 4px 0; padding: 50px 20px 35px 20px; width: 668px; line-height: 150%; border: 1px solid #CCC;}
#content .block p {text-indent: 2em;}
#content #prayer {background: url(../images/home_prayerbk.gif) right top no-repeat;}
#content #choice {background: url(../images/home_choicebk.gif) right top no-repeat;}
#content #movie {background: url(../images/home_moviebk.gif) right top no-repeat;}
#content #hot {background: url(../images/home_hotbk.gif) right top no-repeat;}

#content #hot2 {border: 1px solid #CCC; border-top: none; margin: 0;}

#content #hot img, #content #hot2 img, #content #movie img {float: left; margin: 0 10px 0 0; padding: 4px; background: #FFF; border: 1px solid #CCC;}

#indexbar {margin: 0 0 4px 0; padding: 0.7em 0; text-align: center; width: 710px; background-color: #EFD; font-size: 14px;}

#pathbar {clear: both; font-size: 14px; background-color: #EFD; border-top: 4px solid #FFF; border-bottom: 4px solid #FFF;}
#pathbar p {margin: 4px 0 4px 10px;}

/* ---( footer )----------------------------------- */

#footer {clear:both; padding: 17px 0 0 0;width: 970px; height: 133px; color: #466; text-align: center; font-size: 14px; background: url(../images/footer.gif) no-repeat;}
#footer ul {margin: 20px 0 0 0;}
#footer ul li {margin: 0 0 5px 0;}
#footer ul li a {border-bottom: 1px dashed;}

/* ---( right column )----------------------------- */

#sidebar {float: right; width: 212px; background: url(../images/sidebar_top.gif) repeat-x; font-size: 0.8em;}
#sidebar-wrap {padding: 10px 5px 20px 5px;}
#sidebar h4 {padding: 0 0 0 1.4em; margin: 0.5em 0; color: #E63; background: url(../images/Coda.png) no-repeat 4px 6px; font-size: 1.4em;}
#sidebar ul {margin: 0 0 0.7em 0.4em;}
#sidebar li {padding: 0 0 0 1em; font-size: 1.2em; background: url(../images/entry.gif) no-repeat 0em 0.5em;}
#sidebar li.pubcomments {padding-bottom: 0.5em; margin: 0 0.5em 0.5em 0; border-bottom: 1px dashed #666;}
#sidebar li a:hover {border-bottom: 1px dashed;}
#sidebar marquee {margin: 0 0 0.5em 1em; color: #B5384A; font-size: 14px; line-height: 150%;}
#sidebar #search form {margin: 0 0 0 20px;}

/* downloadlist css*/

table.downloadlist {margin: 0 0 10px 0; width: 100%;}
table.downloadlist td {line-height: 220%; border-bottom: 1px dashed #CCC;}
table.downloadlist td span.remark {color: #999; font-style: italic;}
table.downloadlist th {line-height: 200%; color: #C02;}
table.downloadlist th.play, table.downloadlist th.lyric, table.downloadlist th.music, table.downloadlist th.time {text-align: right;}
table.downloadlist td.play {width: 55px; text-align: right;}
table.downloadlist td.lyric, table.downloadlist td.music {width: 90px; text-align: right;}
table.downloadlist td.time {width: 120px; color:#999; text-align: right; background: url(../images/time.gif) no-repeat 36px 12px;}
table.downloadlist td.favor, table.downloadlist th.favor {width: 90px;}
table.downloadlist td.spe, table.downloadlist th.spe {width: 150px;text-align: right;}
table.downloadlist td.xunlei, table.downloadlist th.xunlei {width: 100px;text-align: right;}

/* menu css*/

#recorder {clear: both; float: none; margin: 10px 20px; width: 670px; font-size: 0.9em;}
#recorder a {font-weight: bold;}
#recorder h4 {font-size: 1.2em; color: #FFF; padding: 14px 0 0 5px; height: 30px; background: url(../images/h4_list.gif) no-repeat 0 0.7em;}
#recorder h4 a {color: #FFF;}

#searchp p.nav, #recorder p.nav, #searchsong p.nav, #content #article p.nav {margin: 10px 0; text-indent: 1.4em; color: #EE6633; font-weight: bold; background: url(../images/pages.png) no-repeat;}
#content #article p.nav {background: url(../images/pages.png) no-repeat 0 1px;}

ul.key {margin: 10px 0; padding: 0 0 10px; border-bottom: 1px dashed #EE9E9D;}
ul.key li {padding: 0 0 0 1.5em; color: #DF4846; background: url(../images/info1.gif) no-repeat;}
ul.key li a {border-bottom: 1px dashed #DF4846;}
ul.key li a:hover {background: #DF4846; color: #FFF; border: none;}


#newest {margin: 20px 20px 0; border: 1px dashed #934846; background-color: #fffed6; font-size: 0.9em;}
#newest p {text-align: center; margin: 10px;}
#newest h2 {margin: 0 0 10px 0;}
#newest form {margin: 20px; font-size: 12px;}
#newest form li {margin: 10px 0;}
#newest input {width: 110px;}
#newest input.submit {width: 50px;}