/*
CSS for chinese christian mission church (ccmc) web site (http://ccmcnc.org). Inspired 
by terrafirma1.0 by nodethirtythree design (http://www.nodethirtythree.com). Many thanks 
to the original authors.
*/

* {
	padding:0px;
	margin:0px;
}

body {
	background-color:#f9f9f7;
	font-size:11px;
	font-family:"trebuchet ms", helvetica, sans-serif;
	color:#333333;
	line-height:18px;
	text-align:center;
}

a {
	color:#0078ff;
}

a:hover {
	text-decoration:none;
}

p {
	text-align:justify;
	margin-top:10px;
	margin-bottom:10px;
}

/*form/fieldset*/

dt {
	font-size:11px;
	font-weight:bold;
}

form {
	margin:0;
	padding:10px 10px 10px 10px;
}

fieldset {
	border:0px solid #e1eeff;
	margin:10px 0 10px 0;
	padding:20px 5px 10px 5px;
	border-top:2px dotted #8dc63f;
}

fieldset legend {
	font-size:12px;
	font-weight:bold;
	font-variant:small-caps;
}

fieldset label {
	font-size:11px;
	font-weight:bold;
	display:block;
}

/*layout*/

#wrapper {
	position:relative;
	width:900px;
	margin:10 auto;
	text-align:left;
	border:1px solid #999;
}

.clear{
	clear:both;
	height:0;
	margin:0;
	padding:0;
}

/*status*/
.error {
	color:red;
	font-size:0.9em;
}

.success {
	color:green;
	font-size:0.9em;
}

/*header*/

#header {
	margin:0;
	padding:0;
	height:92px !important;
	background-color:#b2b648;
}

#header #logo {
	position:relative;
	top:20px;
	left:10px;
	width:600px;
}

#header #logo img {
	border:0;
}

#header #right {
	float:right;
	padding-top:20px;
}

#header #date {
	line-height:14px;
	color:#46461f;
	font-weight:bold;
	font-size:12px;
	letter-spacing:1px;
	padding:5px;
	text-align:right;
}

#header #lang {
	padding:0 5px;
	font-size:12px;
	font-weight:bold;
	letter-spacing:-1px;
	text-align:right;
}

#header #lang a {
	padding:1px 3px;
	color:#46461f;
	border:1px solid transparent;
}

#header #lang a, 
#header #lang a:hover {
	text-decoration:none;
}

#header #lang a:hover,
#header #lang a.selected {
	border:1px solid #999;
}

/*nav*/

.nav {
	position:relative;
	height:54px;
	margin:0;
	padding:0;
	background-color:#46461f;
}

.nav ul {
}

.nav #left {
	float:left;
}

.nav ul li {
	display:inline;
	line-height:52px;
	padding-left:3px;
}

.nav ul li a {
	background-color:transparent;
	padding:3px 6px;
	font-size:16px;
	font-weight:bold;
	color:#d6d7bc;
	text-decoration:none;
}

.nav ul li a:hover {
	background-color:#fff;
	color:#4a4a24;
	text-decoration:none;
}

.nav .unav a {
	color:#f80;
	font-size:14px;
}

.nav #right {
	float:right;
	padding:5px 0;
}

/* nav_user */

#nav_user {
	position:relative;
	height:32px;
	margin:0;
	padding:0;
	background-color:#66663f;
}

#nav_user ul li {
	display:inline;
	line-height:30px;
	padding-left:3px;
}

#nav_user #right {
	float:right;
	padding:0;
}

/*redirect*/

#redirect {
	margin:5px 10px 10px 0;
	padding:2px 5px 2px 5px;
	border:1px solid #999;
	color:#888;
	background:#f1feff;
	font-size:0.8em;
	font-weight:bold;
}

/*content*/

#content {
	float:left;
	width:640px;
	margin:10px 4px;
	padding:8px; 
	text-align:left;
	font-size:16px;
	letter-spacing:3px;
}

#content h1 {
	color:#2c84ce;
	line-height:20px;
	font-size:20px;
	font-weight:bold;
	margin-top:16px;
	margin-bottom:16px;
	padding-top:4px;
	padding-bottom:4px;
}

#content h2 {
	color:#2c84ce;
	line-height:18px;
	font-size:18px;
	font-weight:bold;
	margin-top:12px;
	margin-bottom:12px;
	padding-top:4px;
	padding-bottom:4px;
}

#content h3 {
	color:#2c84ce;
	line-height:16px;
	font-size:16px;
	font-weight:bold;
	margin-top:9px;
	margin-bottom:9px;
	padding-top:4px;
	padding-bottom:4px;
}

#content p {
	letter-spacing:3px;
	line-height:1.6em;
}

#content ul {
	list-style-image:url(/img/li.gif);
	margin-left:1em;
	padding-left:1em;
}

#content ol {
	list-style-image:url(/img/li.gif);
	margin-left:1em;
	padding-left:1em;
}

#content li {
	padding:4px;
}

/*article*/

.article {
	margin:0;
	padding:0; 
	overflow:hidden;
	line-height:1.6em;
}

.article .author {
	color:#444;
	font-size:1em;
	padding:5px;
}

.article_actions a {
	font-size:12px;
	font-weight:normal;
	padding:0 5px;
}

.article_img {
	border:6px solid #feffb9; 
	margin:0pt 20px; 
	float:right;
}

.article .toc {
	background-color:#f8f8f8;
	border:1px solid #ccc;
}

.article .toc a, 
.article .toc a:hover {
	text-decoration:none;
}

#content .article .toc li {
	padding:1px;
}

/*courses*/
div.courses {
	padding:0;
	margin:0;
}

ul.courses {
	border:1px solid white;
}

ul.courses li.course {
}

li.course .info .name {
	font-size:1.2em;
	font-weight:bold;
	padding:2px;
}

li.course .info .desc {
	padding:2px;
}

li.course .info .teachers {
	font-size:0.8em;
	padding:2px;
}

ul.classes li {
	list-style-image:none;
}

li.class .info .date {
	color:#679fce;
	font-weight:normal;
}

li.class .info .title {
	color:black;
	padding-left:10px;
	padding-right:10px;
}

li.class .info .slides {
	padding-left:10px;
	padding-right:10px;
}

/*testimony*/
div.testimonies {
	padding:0;
	margin:0;
}

ul.testimonies {
	border:1px solid white;
}

ul.testimonies li.testimony {
}

li.testimony .title {
	font-size:1.2em;
	font-weight:bold;
	padding:2px;
}

li.testimony .witness {
	font-size:0.8em;
	padding:2px;
}

li.testimony .abstract {
	font-size:.9em;
	padding:2px;
}

/*table*/

table {
	width:100%;
}

thead {
	text-align:left;
}

td, td {
	padding:2px;
}

table.list {
	font-size:10pt;
	background-color:white;
	border:1px solid #999;
	border-collapse:collapse;
	border-spacing:0pt;
	color:#000040;
	font-size:9pt;
	width:98%;
}

table.list caption {
	padding:4px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
}

table.list th {
	background-color:#edf0f5;
	padding:2px;
	text-align:left;
}

table.list th span {
	cursor:pointer;
}

table.list td {
	padding:4px;
	vertical-align:top;
}

table.list tr.odd {
	background-color:#f6f6f6;
}

table.list tr.even {
	background-color:#ffffff;
}

table.list tr.unpublished {
    color:#666;
}

table input {
	font-size:12px;
	font-weight:normal;
}

table.sermon {
	font-size:14px;
}

/*form*/
form table td {
	font-size:14px;
}

/*sidebar*/

#sidebar {
	float:right;
	width:220px;
	text-align:left;
	letter-spacing:2px;
	border-left:1px #d8eaf3 solid;
}

#rsidebar{
	width:220px;
	margin:10px 0;
	padding:0 0 0 8px; 
	overflow:hidden;
}

#rsidebar h2 {
	margin:5px;
	padding:5px;
	color:#eee;
	background-color:#b2b648;
	line-height:16px;
	font-size:16px;
	font-weight:bold;
	cursor:pointer;
	width:75%;
	border-bottom:#eee 1px solid;
}

#rsidebar ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

#rsidebar ul li {
	list-style-type:none;
	margin:0 0 10px;
	padding:0;
}

#rsidebar ul li ul {
	list-style-type:square;
	margin:0;
	padding:0 3px;
}

#rsidebar ul li ul li {
	list-style-type:none;
	border:0;
	margin:0;
	padding:0 0 3px 15px;
}

#rsidebar a.info {
	color:#333333;
	font-size:14px;
}

.resource a {
	color:#333333;
	font-size:14px;
}

.res_desc {
	padding:5px;
	background-color:#e7f9ff;
	width:80%;
	letter-spacing:0;
	font-size:14px;
	border:1px solid #999;
}

.res_desc a img {
	border:0;
}

.res_actions {
	padding:0 5px;
	text-align:right;
}

.res_actions a {
	font-size:12px;
	font-weight:normal;
	padding:0 5px;
	border:1px solid #999;
}

.msgbox {
	font-size:14px;
	padding:5px 0 5px 15px;
}

.msgbox p {
	margin-bottom:5px;
	text-align:left;
}

.msgbox label {
	display:block;
	margin:0;
}

.msgbox input {
	margin:0;
	border:1px solid #999;
	padding:1px;
	width:170px;
	font-size:14px;
	font-family:courier, sans-serif;
}

.msgbox textarea {
	margin:0pt 0pt 10px;
	padding:0pt;
	border:1px solid #999;
	font-size:14px;
	font-family:courier, sans-serif;
}

.msgbox #mb_submit {
	margin:0;
	width:80px;
}

/*footer*/

#footer
{
	height:40px;
	line-height:32px !important;
	background:#888;
	color:white;
	text-align:center;
	vertical-align:middle;
	font-size:16px;
	font-weight:normal;
	letter-spacing:2px;
}

#footer a {
	color:#eee;
}