/* ---- Master stylesheet for -------- */
/* ---- http://chaya.fourquestions.us -------- */
/* ---- Last updated 3/23/06 -------- */

/* **************************************** */
/* ------------ General Styles ------------ */
/* **************************************** */
body {
	background-color: indigo;
	margin: 10px 0;
	padding:0; /* Need to set body margin and padding to get consistency between browsers. */
	font-family: "Verdana", "Arial", sans-serif;
}

/* **************************************** */
/* ---------------- Layout ---------------- */
/* **************************************** */
div.topBar {
	background-color: indigo;
	padding: 0;
	margin: 0
	position: absolute;
	left: 0;
	top: 0;
	width:760px;
}
div.header {
	padding: 0;
	margin: 0
}
div.header img {border: 0;}

#container {
	width:760px;
	position: absolute;
	left: 0;
	top: 235px;
}
.cont-t {
	background: url(files/cont-dot.png) 0 0 repeat-x white;
	width:760px;
}
.cont-b {background: url(files/cont-dot.png) 0 100% repeat-x}
.cont-l {background: url(files/cont-dot.png) 0 0 repeat-y}
.cont-r {background: url(files/cont-dot.png) 100% 0 repeat-y}
.cont-bl {background: url(files/cont-bl.png) 0 100% no-repeat;}
.cont-br {background: url(files/cont-br.png) 100% 100% no-repeat}
.cont-tl {background: url(files/cont-tl.png) 0 0 no-repeat}
.cont-tr {
	background: url(files/cont-tr.png) 100% 0 no-repeat;
	padding: 8px;
}
div.cont-clear {font-size: 1px; height: 1px}


/* **************************************** */
/* ----------------- Menu ----------------- */
/* **************************************** */
div.navigation {
	text-align: center;
	width: 760px;
	background-color: indigo;
}
div.navigation ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.9em;
}
div.navigation li { /* all list items */
	float: left;
	position: relative;
	width: 152px;
	text-align: center;
	font-weight: bold;
	color: lavender;
	background-color: indigo;
	font-size: 1.05em;
}
li.n1 { /*first-level list elements */
	height: 20px;
	margin: 0;
}
ul.nav2 { /* second-level lists */
	display: none;
	position: absolute;
	top: 20px;
	left: 0;
}
div.navigation li ul li { /* second-level list elements */
	border-top: 1px solid lavender;
	font-size: 1em;
	padding: 3px;
}
div.navigation li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
div.navigation li:hover ul, div.navigation li.over ul { /* lists nested under hovered list items */
	display: block;
}
div.navigation a {
	text-decoration: none;
	font-weight: bold;
	color: lavender;
}
div.navigation a:hover {
	color: white;
}



/* **************************************** */
/* --------- Headings/Paragraphs ---------- */
/* **************************************** */

#wrapper {
	margin: 0 auto;
	width: 740px;
	text-align: left;
}
#main-wrapper {
	position: relative;
	width: 740px;
}
#main-content {
	display: inline; /* fixes a strange ie margin bug */
	float: left;
	margin: 0 0 0 3px;
	padding: 0;
	width: 475px;
}
#content-wrapper {
	padding: 22px 0 0 0;
}

h2.date-header {
	margin: 0;
	padding: 0;
	font-size: 10px;
	text-transform: uppercase;
	color: indigo;
}

.post {
	margin: 0 16px 14px 29px;
	padding: 0;
	border-bottom: 3px solid lavender;
}
.post h3.post-title {
	margin: 13px 0 0 0;
	padding: 0;
	font-size: 18px;
	color: indigo;
}
.post-body div {
	font-size: 13px;
	line-height: 18px;
	margin: 10px, 0px;
}
.post-body blockquote {
	margin: 10px 0px;
}
p.post-footer {
	font-size: 11px;
	color: indigo;
	text-align: right;
}
p.post-footer em {
	display: block;
	float: left;
	text-align: left;
	font-style: normal;
}

a.comment-link {
	/* ie5.0/win doesn't apply padding to inline elements,
	   so we hide these two declarations from it */
	background/* */:/**/url(files/icon_comment.gif) no-repeat 0 45%;
	padding-left: 14px;
}

html>body a.comment-link {
	/* respecified, for ie5/mac's benefit */
	background: url(files/icon_comment.gif) no-repeat 0 45%;
	padding-left: 14px;
}
#comments {
	margin: 0 16px 14px 29px;
	padding: 10px;
	border: 1px solid indigo;
	background-color: lavender;
}
#comments h4 {
	margin-top: 0;
	font-size: 16px;
}
#comments ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#comments li {
	padding: 0 0 1px 17px;
	background: url(files/icon_comment.gif) no-repeat 0 3px;
}
p.comment-data {
	font-size: 12px;
}
.comment-body p {
	font-size: 12px;
	line-height: 17px;
}



/* ***************************************** */
/* ---------------- Sidebar ---------------- */
/* ***************************************** */

#sidebar-wrapper {
	display: inline; /* fixes a strange ie margin bug */
	float: right;
	margin: 5px 3px 0 0;
	width: 255px;
	color: indigo;
	border: 1px solid indigo;
	background-color: lavender;
}
#sidebar {
	padding: 7px 11px 30px 14px;
}

h2.sidebar-title {
	font-size: 1.1em;
	margin-bottom: 5px;
}
#sidebar ul {
	margin-top: 5px;
	margin-bottom: 5px;
}
#sidebar li, #sidebar p {
	font-size: 0.9em;
}
.clear {
	clear: both;
	line-height: 0;
	height: 0;
}


/* **************************************** */
/* ---------------- Footer ---------------- */
/* **************************************** */

#blog-footer {
	padding-top: 15px;
}
#blog-footer p {
	margin: 0;
	padding: 0;
	text-align: center;
	color: indigo;
	font-size: 10px;
	line-height: 14px;
}

p.copyright {
	text-align: center;
	font-size: 0.6em;
	line-height: 1.2em;
	margin: 0;
	font-family: "Verdana", "Arial", sans-serif;
}


/* **************************************** */
/* --------- Miscellaneous Styles --------- */
/* **************************************** */
span.smcaps {font-variant: small-caps;}
.center {text-align: center;}
span.heb {
	font-family: "Ezra SIL SR", "Narkisim", "Verdana", "Times New Roman", serif;
	font-size: 1.1em;
	}
span.updated {
	color: red;
	font-weight: bold;
	font-size: 0.8em;
	}
ul.nobull {list-style-type: none;}


/* **************************************** */
/* --------------- Anchors ---------------- */
/* **************************************** */
div#container a, div#container a:visited, div#container a:link {
	color: #9932CC;
}
div#container a:hover, div#container a:active {
	color: #DA70D6;
	text-decoration: none;
}


/* ******************************************** */
/* --------------- Other pages ---------------- */
/* ******************************************** */


div.otherPages {
	padding: 10px 15px;
}
div.otherPages h1 {
	font-size: 1.2em;
	text-align: center;
	color: indigo;
}
div.otherPages h2 {
	font-size: 1.1em;
	text-align: left;
	color: indigo;
	margin-bottom: 0;
}
div.otherPages p, div.otherPages li {
	font-size: 0.9em;
	line-height: 1.2em;
}


/* ************************************************* */
/* --------------- Media Index Pages --------------- */
/* ************************************************* */

div.medialist {
	text-align: center;
}

div.medialist table {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div.medialist td.mediaimg {
	width: 120px;
	border: solid #404040 1px;
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}
div.medialist td.mediatxt {
	width: 500px;
	border: solid #404040 1px;
	text-align: left;
	vertical-align: middle;
	padding: 10px;
	font-size: 0.9em;
}
div.medialist td.mediatxt h1 {
	font-weight: bold;
	font-size: 1.2em;
	margin: 0;
	text-align: left;
}
div.medialist td.mediatxt p {
	margin: 0;
	text-align: left;
}

div.medialist td.mediaimg img {
	border-style: none;
}