/* CSS Document */
/* WDIK Global Style Sheet */
/* Last revision: Aug 20 2004 */
/*------------------------------------------*/

/* GLOBAL ESSENTIALS */
/* -------------------------------------- */

a img { border-style: none; }

body {
	margin:0;
	padding:0;
	background: #fff url("../images/back.gif") repeat;
	text-align: center;
	font-family:arial,sans-serif;
	color:#333;
	line-height:1.4;
	voice-family: "\"}\""; voice-family: inherit;
	font-size:small;
	}
	html>body {font-size:small;}
	
p {
	margin:0;
	line-height:140%;
	padding-bottom: 1em;
	text-align:left;
} 

h1, h2, h3, h4, h6 {
	font-family:arial,sans-serif;
	font-weight:normal;
	text-align:left;
	color:#000;
	margin:0;
}

h1 { font-size: 154%; }

/* black dotted content heads */
h2
{
	border-bottom: 1px dotted #ccc;
	padding: 2px 0px 2px 12px;
	margin-bottom: 12px;
	font-size: 140%;
	line-height:1.2;
}

/* brown colored subheads */
h3 {
	font-size:110%;
	font-weight:bold;
	color:#963;
	padding-bottom:2px;
}

/* black, smaller */
h4 { font-size:130%; }

/* bold sans-serif subheads */
h5 {
	font:100% 'arial,sans-serif',verdana,arial,sans-serif;
	font-weight:bold;
	color:#333;
	margin: 6px 0 2px 0;
	text-align:center;
}

/* just like h2 but without border */
h6 { font-size: 140%; padding-top:4px; padding-bottom:4px; }

/* style for quoted sections */
q
{
	display:block;
	padding: 10px 8px 8px 8px;
	background-color:#F1F1F1;
	border-top: 1px dotted #D5D5D5;
	margin: 0px 0px 16px 0px;
	font: 85% 'verdana,arial,sans-serif',arial,verdana,sans-serif;
	line-height:1.4;
	color:#666;
	text-align:left;
}

ul,ol {
	margin: 0 0 1em 0;
	padding-left:14px;
}

li {
	color:#333;
	line-height:1.4;
	margin-left:4px;
	margin-bottom:0.5em;
	padding-left:0;
	list-style: outside square url('../images/listbullet.gif');
}
strike {
	text-decoration: line-through;
}

code, pre {font:12px monospace;white-space:normal;color:#666;}


/* STRUCTURE */
/* -------------------------------------- */

#dotframe {
	width: 630px;
	margin-bottom:14px;
	margin-right:auto;
	margin-left:auto;
	text-align: left;
	border-color: #999;
	border-width: 0px 1px 1px 1px;
	border-style: none dotted dotted dotted;
	background-color: #fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 800px;
}

/* wrap inside dotframe */
#globalwrap { margin-left: 2%; margin-right: 2%; }

#header {
	text-align: center;
	padding: 0px 0px 10px 0px;
	border-bottom: 1px solid #d5d5d5;
}

#header img { margin: 0px auto 0px auto; }

#masthead {
	text-align: center;
	border-left: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
	height:24px;
	padding:1px 0px;
}

/* column wrap */
#wrap {
	position: relative;
	clear: both;
	width: 750px;
	margin-top: 1px;
	margin-right: 0;
	background: #fff url("../images/stripe.gif") repeat;
}

/* small columns shared */
#colLeft, #colRightTwo {
	position: absolute;
	display: inline; 
	width: 29%;
	left:auto;
	top: 0;
	bottom:0;
	border: 1px #ccc dotted;
	background-color: #fff;
	padding: 12px 0px 0px 8px;
	font: 80% 'verdana,arial,sans-serif',arial,verdana,sans-serif;
	line-height:124%;
	text-align: left;
}

#colRightTwo { right:0;}

/* main columns shared-------- */
#colRight, #colLeftTwo {
	width:100%;
	border-color: #ccc;
	border-width: 1px;
	background-color: #fff;
	padding: 12px 0px;
	font-size:100%;
	text-align:left;
}

#colRight {
	border-style: dotted dotted dotted dotted;
	margin-left:0px;
	}

#colLeftTwo {
	border-style: dotted solid solid dotted;
	margin-right: 31%;
}

/* border and padding for column headlines */
#colLeft .headline, #colRightTwo .headline
{
	margin-bottom: 8px;
	border-bottom: 1px dotted #ccc;
	padding: 4px 0px 3px 0px;
}

/* wrapper for each post */
#colRight .post, #commentFrame .post { margin: 0px 12px 16px 12px; }

.posted {
	border-top: 1px #dcdcdc dotted;
	font: 10px 'arial,sans-serif',arial,verdana,sans-serif;
	color: #999;
	text-align: center;
	padding-top: 6px;
	margin-top: -6px;
	padding-bottom:6px;
}

/* bottom copyright bar */
#footer {
	clear:both;
	text-align:center;
	margin: 0px auto 0px auto;
	padding: 10px 0px 10px 0px;
	background-color: #fff;
	voice-family: "\"}\"";
	voice-family: inherit;
}


/* GLOBAL APPENDICES */
/* -------------------------------------- */


#colRightTwo p, #colLeft p {padding-right:4px;}

#colLeftTwo p, #colLeftTwo h3 { padding-left:12px; padding-right:12px; }

#colRight h1 {
	text-align: center;
	margin-top: 14px;
	padding-bottom:4px; 
}

#colRight h4 {margin-top: 4px;}

/* library items */

#colLeftTwo p.bookdetails {
	color: #666;
	padding-bottom: 4px;
}

#colLeftTwo p.excerpt { line-height: 115%; }

/* wrap for library entry */
#colLeftTwo .bookwrap
{
	border-bottom: 1px dotted #dcdcdc;
	padding: 12px 0px 12px 12px;
}

/* top bars above boxes */
#colLeftTwo .subject {
	display: block;
	font-size: 10px;
	background-color: #f1f1f1;
	padding: 3px 0px 3px 8px;
}


/* NAVIGATION */
/* -------------------------------------- */

#menu {
	position: relative;
	background: #fff url("../images/stripe.gif") repeat;
	border-color: #d5d5d5;
	border-width: 1px 0px 1px 0px;
	border-style: solid none solid none;
	height: 24px;
	font-size: 1px;
}

#menu img { background: #fff; }
#nav a:active { background: #fff; }
#menu a:hover, #menu a:hover img { background: #eee; }

#menu .textwidgets {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	width: 130px;
}

/* LINKS */
/* -------------------------------------- */

a, a:visited, a:link, a:active, a:hover {
	color: #FF3300;
	text-decoration: none;
}

a:visited {color:#FF3300;}

a:active, a:hover {color: #FF6600;}

#colRight a:hover { border-bottom: 1px #69C solid; }


/* SPECIAL COPY ------------------------------------- */

.smallsans, p.boldsans, .date, .datearchive {
	font-family:'arial,sans-serif',arial,verdana,sans-serif;
	color: #999;
	line-height:130%;
	font-size:85%;
}

.smallsans {padding-bottom:4px;}

p.boldsans {
	color: #333;
	font-weight: bold;
	margin-bottom: 8px;
}

.date, .datearchive {
	text-align: center;
	letter-spacing: .18em;
	text-transform: uppercase;
	font-size:80%;
}

.datearchive {
	font-size:80%;
	text-align: left;
	padding-bottom:4px;
}

/* for tighter lists of items */
p.tight {margin-bottom:0px;}

/* for right aligned items */
p.right {text-align:right;}

/* IMAGES ------------------------------------- */

/* image with border */
img.pict
{
	float: left;
	border: 1px solid #D5D5D5;
	margin: 0px 4px 0px 0px;
	padding: 3px;
}

img.pad { padding: 8px 8px 0px 8px; }

img.botpad { padding-bottom: 6px; }

/* for inline-post image thumbnails */
img.thumb
{
	float: left;
	margin: 4px 6px 4px 0;
}
/* for inline-post image with border */
img.postpict
{
	float: left;
	margin: 4px 6px 4px 0;
	border:1px solid #d5d5d5;
	padding:2px;
}
img.pictnoborder
{
	float: left;
	margin: 4px 6px 4px 0;
}

/* FORMS ------------------------------------- */

form { margin: 0; }
form.comments { margin-top: 4px; }

input {
	font: 12px 'arial,sans-serif',arial,verdana,sans-serif;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left:0px;
	border-top: 1px solid #666;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #666;
	clear: right;
	padding:2px;
}

input.index {
	width: 140px;
	padding-left: 3px;
}

input.butt {
	font-size: 11px;
    font-weight: normal;
    cursor:pointer;
}

input.comment {
	padding-left: 2px;
	margin-bottom: 8px;
}

textarea {
	font: 12px 'arial,sans-serif',arial,verdana,sans-serif;
	background-color:#fff;
	border-top: 1px solid #666;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #666;
	margin-left:0px;
	margin-top:2px;
    padding:2px;
}

.radio { 
    margin-right: 6px; 
    background-color:#FF6600;
}

select { 
 font: 12px 'arial,sans-serif',arial,verdana,sans-serif;
 background-color: #FFFFFF; 
 color: #9999999;
 cursor:pointer; 
}

/* MISC ------------------------------------- */
.centerstar
{
	font: 14px verdana,arial,sans-serif;
	color: #333;
	letter-spacing: .15em;
	text-align: center;
	padding-top: 10px;
	margin-bottom: -10px;
}

/* style for update word */
.update {
	color:#963;
	font-weight:bold;
}
/* style for update block */
.updateBlock {
	background:#ECECEC;
	border-top:1px solid #D5D5D5;
	border-bottom:1px solid #D5D5D5;
	padding:6px;
	margin:0 0 1em 0;
	line-height:140%;
}
.updateBlock strong {
	color:#000;
	font-weight:bold;
}

/* CONTACT :: STRUCTURE ------------------------------------- */
#mailbox { padding: 16px 0px 2px 0px;}
#mailbox textarea, #mailbox input.comment { width:100%;}

/* COMMENTS :: STRUCTURE ------------------------------------- */
#commentFrame
{
	width: auto;
	border: 1px #999 dotted;
	background-color: #fff;
	padding: 2px 0px 18px 0px;
	margin: 8px 12px 8px 12px;
	text-align: left;
	font-size:98%;
}

#commentFrame #header
{
	margin-bottom: 8px;
	padding: 8px 0px 4px 0px;
}

/* REFERS, LISTENING :: STRUCTURE ------------------------------------- */

table {
	width:100%;
	background-color:#fff;
	border:0;
	}

td.none
{
	border-bottom: 0px;
	line-height: 180%;
}

table.contact {width:300px;text-align:center;margin-left:auto;margin-right:auto;}

table.grid, table.listen {
	font: 85% 'arial,sans-serif',verdana,arial,sans-serif;
	color:#333;
}

table.grid tr.even { background-color: #fff; }
table.grid tr.odd { background-color: #f1f1f1; }

table.grid { border-top: 1px dotted #d5d5d5;
	padding-top: 4px; }

table.grid tr { width: 100%; }

table.grid td
{
	padding: 8px 10px 8px 10px;
	border-bottom: 1px solid #d5d5d5;
}

thead { font-weight: bold; }
	
table.listen td {padding:4px; width:33%; }

table.head td { border-bottom: 1px solid #D5D5D5; padding:2px; vertical-align:top; }