body { margin: 0px; padding: 0px; }
img { border:0; }
.resize{ margin: 0px auto; width: 900px; border: 0px solid #900; }
.color { background-image: url(bg/bg-color.png); background-repeat: repeat; }
.bg { background-color: #F7F7F7; }
.laisiangtho { background-attachment: fixed; background-image: url(bg/sky.gif); background-repeat: no-repeat; background-position: left bottom; background-color: #ecf4fd; }
.portal-wrapper { float: left; width: 100%; }

#bar { float: left; width: 100%; }
#bar .logo{ float: left; border: 0;}
#bar .option{ float: right; }
#bar .language{ float: right; }
#bar .option a { font-size: 9px; text-decoration: none; font-style: italic; }
#bar .option a.col{ }
#bar .option a.red{ color: #900; }
#bar .option a.black{ color: #000; }
#bar .option a.dark{ color: #666; }
#bar .option a.siz{ }
#bar .option a.download{ background-image: url(bg/download-icon.png); background-repeat: no-repeat; background-position: left center; padding-left: 22px; font-style: normal; font-weight: bold; color: #B4B4B4; }
#bar .option a.download:hover{ color: #360; background-position: 2px center;}

#header { float: left; width: 100%; }
#header .src{ float: left; width: 40%; padding:7px 5px;}
#header .src form{ float: left; width: 100%; padding: 0px; border: 0px solid #999; }
#header .src form input{height: 21px; border: 0px solid #999; background-color: #F7F7F7; }
#header .src form input.srcf{ float: left; width: 75%; margin-right: 4px; padding:2px 0 0 0; height: 19px; }
#header .src form input.srcb{ width: 20%; padding:0; }
#header .src form .srco{ float: right; width: 20px; height: 21px; text-align: center; }

#header .src form select[name="laibu"]{ float: left; }

#header .src form .op_thuciam { float: left; }
#header .src form .toggle_container .block p{ float: left;color: #666; font-style: italic; margin:0px; }
#header .src form .toggle_container .block p.op_manual{ float: right; width: 40%; margin: 10px 0; }
#header .src form .toggle_container .block p.op_laibu{ width: 50%; }
#header .src form .toggle_container .block p.op_thuciam{ width: 50%; }
#header .src form .toggle_container .block p.op_match{ width: 50%; font-size: 12px; color: #063; margin: 10px 0 10px 0; }
#header .src form .toggle_container .block p.op_alian{ width: 22%; font-size: 12px; color: #900; margin: 10px 0; }
#header .src form .toggle_container .block p.op_aneu{ width: 23%;font-size: 12px; color: #900; margin: 10px 0;}
#header .src form .toggle_container .block p.op_alian span, #header .src form .toggle_container .block p.op_aneu span{ font-size: 14px; font-weight: bold; color: #900; }


#header .menu{ float: right; width: 57%; }



#content { float: left; width: 100%; }
/* HOME
***********/
#content .home {float: left; width: 100%; padding: 15px 0; }
#content .home .old{float: left; margin-left:7%; }
#content .home .new{float: right; margin-right:7%;}
#content .home .testament {width: 40%; border: 0px solid #999; }
#content .home .testament h2 { margin:0; padding: 7px 7px 7px 10px; font-size: 15px; color: #900; }
#content .home .testament h2 span { padding: 5px; background-image: url(bg/bg-color.png); background-repeat: repeat; }
#content .home .testament ul { margin:0; padding: 7px 7px; background-image: url(bg/bg-color.png); background-repeat: repeat; }
#content .home .testament ul li { list-style-type: none; }
#content .home .testament ul li a { color: #900; text-decoration: none; font-size: 14px; }
#content .home .testament ul li a:hover { padding: 0 0 0 4px;color: #333; }

/* TESTAMENTS
***********/
#content .testaments {float: left; width: 100%; padding: 15px 0; }
#content .testaments .description {float: left; width: 55%; margin-left:5%; border: 0px solid #999; }
#content .testaments .description h2 { margin:0; padding: 7px 7px 7px 10px; font-size: 19px; color: #900; }
#content .testaments .description h2 span { padding: 5px; background-image: url(bg/bg-color.png); background-repeat: repeat; }
#content .testaments .description p { margin:0; padding: 10px 7px; background-image: url(bg/bg-color.png); background-repeat: repeat; font-size: 13px; color: #666; }
#content .testaments .description p strong { color: #900; display:block; }
#content .testaments .description h3 { margin:0; padding: 7px 7px 7px 10px; font-size: 15px; color: #600; }

#content .testaments .testament {float: right; width: 30%; margin-right:5%; border: 0px solid #999; }
#content .testaments .testament h2 { margin:0; padding: 7px 7px 7px 10px; font-size: 15px; color: #900; }
#content .testaments .testament h2 span { padding: 5px; background-image: url(bg/bg-color.png); background-repeat: repeat; }
#content .testaments .testament ul { margin:35px 0 0 0; padding: 7px 7px; background-image: url(bg/bg-color.png); background-repeat: repeat; }
#content .testaments .testament ul li { list-style-type: none; }
#content .testaments .testament ul li a { color: #900; text-decoration: none; font-size: 14px; }
#content .testaments .testament ul li a:hover { padding: 0 0 0 4px;color: #333; }

/* SECTION
***********/
#content .section {float: left; width: 100%; padding: 15px 0; }
#content .section .description {float: left; width: 55%; margin-left:5%; border: 0px solid #999; }
#content .section .description h2 { margin:0; padding: 7px 7px 7px 10px; font-size: 19px; color: #900; }
#content .section .description h2 span { padding: 5px; background-image: url(bg/bg-color.png); background-repeat: repeat; }
#content .section .description p { margin:0; padding: 10px 7px; background-image: url(bg/bg-color.png); background-repeat: repeat; font-size: 13px; color: #666; }
#content .section .description p strong { color: #900; display:block; }
#content .section .description h3 { margin:0; padding: 7px 7px 7px 10px; font-size: 15px; color: #600; }

#content .section .testament {float: right; width: 30%; margin-right:5%; border: 0px solid #999; }
#content .section .testament h2 { margin:0; padding: 7px 7px 7px 10px; font-size: 15px; color: #900; }

#content .section .testament h2 span { padding: 5px; background-image: url(bg/bg-color.png); background-repeat: repeat; }
#content .section .testament .sections { font-size: 12px; }
#content .section .testament .sections p{ color: #333; font-style: italic; }
#content .section .testament .sections h3{ font-size: 13px; color: #360; }

#content .section .testament ul { margin:35px 0 0 0; padding: 7px 7px; background-image: url(bg/bg-color.png); background-repeat: repeat; }
#content .section .testament ul li { list-style-type: none; }
#content .section .testament ul li a { color: #900; text-decoration: none; font-size: 14px; }
#content .section .testament ul li a:hover { padding: 0 0 0 4px;color: #333; }

/* KICIAN
***********/
#content .kician {float: left; width: 100%; padding: 10px 0; margin: 2% 0; }
#content .kician .wrapper{float: left; width: 96%; margin:0; padding:0 2%; }
#content .kician .wrapper ol { margin-top: 0; }
#content .kician .wrapper ol li { margin: 2% 0; font-size: 15px; color: #999; }
#content .kician .wrapper ol li h3{ margin: 2px; font-size: 15px; color: #900; font-weight: normal; }
#content .kician .wrapper ol li h3 span{ color: #666; }
#content .kician .wrapper ol li a{ font-size: 13px; color: #333; text-decoration: none; }
#content .kician .wrapper ol li a:hover{ background-color: #BDCFDF; color: #333; }
#content .kician .wrapper ol a.kizom{}
#content .kician .wrapper ol li a.sim{}
#content .kician .wrapper ol span.kizom{}

/* BOOK
***********/
#content .book {float: left; width: 100%; padding: 20px 0; }
#content .book .description{float: right; width: 96%; margin:0; padding: 2%; }
#content .book .chapter{float: left; width:100%; margin:2% 0; padding: 15px 0; border: 0px solid #999;}
/*
#content .book .description{float: left; width: 31%; margin:0; padding: 2%; }
#content .book .chapter{float: right; width: 63%; margin:0; padding: 15px 0; border: 0px solid #999;}
*/
#content .book .description h2 { margin:0; font-size: 15px; color: #900; }
#content .book .description h2 span { font-style: italic; font-weight: lighter; }
#content .book .description img { float: left; border:0; }
#content .book .description p { font-size: 13px; color: #900; overflow:hidden; }
#content .book .chapter ol { }
#content .book .chapter ol li { font-size: 12px; font-weight: bold; color: #666; }
#content .book .chapter ol li a { font-size: 12px; padding:0px 2px; margin: 1px 1px; color: #666; text-decoration: none; font-weight: normal; }
#content .book .chapter ol li a:hover { background-color: #BDCFDF; color: #333; }
#content .book .chapter ol li a.kizom { color: #900; font-weight: bold; }
#content .book .chapter ol li span.kizom { color: #900; }
#content .book .chapter ol li span.empty { color: #F00; }

/* CHAPTERS
***********/
#content .chapters {float: left; width: 100%; padding: 20px 0; }
#content .chapters .wrapper{float: left; width: 58%; margin:0; padding:2% 2%; border: 0px solid #999;}
#content .chapters .links{float: right; width: 35%; margin:0; padding: 0;}

#content .chapters .wrapper h2{ font-size: 15px; color: #900; font-weight: normal; margin:0 0 1% 7%; padding: 0 0 1% 0; border-bottom: 1px dotted #CCC; font-style: italic; }
#content .chapters .wrapper .list { float: left; width: 100%;padding: 5px 0; }
#content .chapters .wrapper .list a.verse{ float: left; width: 9%; }
#content .chapters .wrapper .list p{ float: right; width: 90%; margin:0 0 0 1%; font-size: 13px; color: #600; }

#content .chapters .links .chapter{float: left; width: 96%; margin:0; padding: 2%;}
#content .chapters .links .chapter h3{ margin:0; padding: 0; font-size: 14px; color: #900; font-weight: normal; }
#content .chapters .links .chapter a{ font-size: 12px; color: #900; text-decoration: none; }
#content .chapters .links .chapter a.current{ font-weight: bold; color: #360; }
#content .chapters .links .verse{float: left; width: 96%; margin-top:5%; padding: 2%;}
#content .chapters .links .verse h3{ margin:0; padding: 0; font-size: 14px; color: #900; font-weight: normal; }
#content .chapters .links .verse a{ font-size: 12px; color: #900; text-decoration: none; }

/* VERSES
***********/
#content .verses {float: left; width: 100%; padding: 20px 0; }
#content .verses .wrapper{float: left; width: 58%; margin:0; padding:2% 2%; border: 0px solid #999;}
#content .verses .links{float: right; width: 35%; margin:0; padding: 2% 0;}

#content .verses .wrapper h2{ font-size: 15px; color: #900; font-weight: normal; margin:0 7% 1% 7%; padding: 0 0 1% 0; border-bottom: 1px dotted #CCC; font-style: italic; }
#content .verses .wrapper .list { float: left; width: 100%;padding: 5px 0; }
#content .verses .wrapper .list p{ float: right; margin:1% 2%; padding:3%; font-size: 13px; color: #600; }

#content .verses .chapter{float: left; width: 85%; margin:0 5%; padding: 2%;}
#content .verses .chapter h3{ font-size: 14px; color: #900; font-weight: normal; margin:0 7% 1% 7%; padding: 0 0 1% 0; border-bottom: 1px dotted #CCC; font-style: italic; }
#content .verses .chapter a{ font-size: 12px; color: #900; text-decoration: none; }
#content .verses .chapter a.current{ font-weight: bold; color: #360; }

#content .verses .links .verse{float: left; width: 96%; margin:0; padding: 0;}
#content .verses .links .verse h3{ font-size: 15px; color: #900; font-weight: normal; margin:0 0 0 4%; padding: 0 0 1% 0; border-bottom: 1px dotted #CCC; font-style: italic; }
#content .verses .links .verse p{ margin:5% 2%; padding:5%; }
#content .verses .links .verse a{ font-size: 12px; color: #900; text-decoration: none; }
#content .verses .links .verse a.current{ font-weight: bold; color: #360; }

/* SEARCH
***********/
#content .search {float: left; width: 100%; padding: 20px 0; }
#content .search .links{float: left; width: 100%; margin:0; padding: 0; }
#content .search .wrapper{float: left; width:90%; margin:2% 5%; padding: 15px 0; border: 0px solid #999;}
#content .search .wrapper h2 { margin:0 10% 1% 10%; font-size: 15px; color: #999; border-bottom: 1px dotted #CCC; }
#content .search .wrapper h2 em { font-style: italic; font-weight: lighter; }
#content .search .wrapper h2 strong { font-weight: normal; color: #930; font-size: 10px; }

#content .search .wrapper .list { float: left; width: 100%; font-size: 12px; color: #900; margin:6px 0; }
#content .search .wrapper .list p { float: left; width: 70%; margin:0 0 0 2%; border: 0px solid #999;}
#content .search .wrapper .list p strong{ }
#content .search .wrapper .list a.verse { float: left; width: 22%; border: 0px solid #999; text-align: right; font-weight: bold; color: #666; }
#content .search .links .pagination { float: left; width:90%; margin:0 5%; padding:1% 0; text-align:center; border: 0px solid #999; }
#content .search .links .pagination a { font-size: 15px; font-weight: bold; color: #530000; text-decoration: none; padding: 1px 3px!important;}
#content .search .links .pagination .btn {background-color: transparent; }
#content .search .links .pagination .current { font-size: 16px; color: #900; padding: 1px 5px; background-color: #CCC; }


/* TITLE
***********/
#content .title {float: left; width: 100%; padding: 15px 0; margin: 3px 0 0 0;}
#content .title .description {float: left; width: 55%; margin-left:5%; }
#content .title .description p { margin:0; padding: 10px 7px; background-image: url(bg/bg-color.png); background-repeat: repeat; font-size: 13px; color: #666; }
#content .title .description p strong { color: #900; }
#content .title .description p a { color: #666; }
#content .title .description p a.txt { font-size: 15px; color: #C00; }


#content .title .links {float: right; width: 30%; margin-right:5%; border: 0px solid #999; }
#content .title .links h2 { margin:0; padding: 7px 7px 7px 10px; font-size: 15px; color: #900; }
#content .title .links h2 span { padding: 5px; background-image: url(bg/bg-color.png); background-repeat: repeat; }
#content .title .links ul { margin:35px 0 0 0; padding: 7px 7px; background-image: url(bg/bg-color.png); background-repeat: repeat; }
#content .title .links ul li { list-style-type: none; }
#content .title .links ul li a { color: #900; text-decoration: none; font-size: 14px; }
#content .title .links ul li a:hover { padding: 0 0 0 4px;color: #333; }

/* LINKS
***********/
#content .download {float: left; width: 100%; padding: 15px 0; margin: 3px 0 0 0;}
#content .download .description {float: left; width: 55%; margin-left:5%; }
#content .download .description div { float: left; margin:0 0 10px 0; padding: 0; }

#content .download .description div p { float: left; width: 45%; background-image: url(bg/bg-color.png); background-repeat: repeat; font-size: 12px; margin:2px 0; padding: 5px; color: #900; }
#content .download .description div img { float: right; }
#content .download .description div p strong { color: #666; font-weight: normal; }
#content .download .description div p a { color: #360; font-weight: bold; }



#content .download .links {float: right; width: 30%; margin-right:5%; border: 0px solid #999; }
#content .download .links h2 { margin:0; padding: 7px 7px 7px 10px; font-size: 15px; color: #900; }
#content .download .links h2 span { padding: 5px; background-image: url(bg/bg-color.png); background-repeat: repeat; color: #666; }
#content .download .links ul { margin:35px 0 0 0; padding: 7px 7px; background-image: url(bg/bg-color.png); background-repeat: repeat; }
#content .download .links ul li { list-style-type: none; padding: 5px 0; }
#content .download .links ul li a { color: #900; text-decoration: none; font-size: 14px; }
#content .download .links ul li a:hover { padding: 0 0 0 4px;color: #333; }

#footer { float: left; width: 100%; }