/*
	Easy-Kubrick for Textpattern
	Version : 1.0
	Created : 24. Jan 2004 by Sivert (sivni.com)
	http://www.sivni.com/dl/easykubrick/index.htm

	The original Kubrick Template was
	created by Michael Heilemann.
	You can get it here: http://binarybonsai.com/kubrick/

    ----------------------------------------------------------------    
	20050809: 
	Made significant custom tweaks for implementation at
	<http://halwarfield.com/>
	
	Incorporated ideas from TXP Manji by Stuart Butcher
	<http://thebombsite.com/Textpattern-Layouts/314/txp-manji>
	
	which is based on WordPress theme Manji by Khaled Abou Alfa
	<http://www.brokenkode.com/manji/>
	
	20050123: 
	Made significant custom tweaks for implementation at
	<http://donnelly5.net/wyp/>

	--Mike James <http://maikimo.net/>
	
    ----------------------------------------------------------------    
    $LastChangedDate: 2005-08-09T20:44:56.803694Z $
    $LastChangedRevision: 83 $
    ----------------------------------------------------------------
*/

body
{
	/* MWJ 20050123: adjust face to suit me */
	/*font-size: 62.5%;*/ /* Resets 1em to 10px */
	/*font-family: "Lucida Grande", Verdana, Arial, Sans-Serif;*/
	font-size: 66%; /* MWJ 20050123: I think 10px is too small */
	font-family: Verdana, Tahoma, Arial, Geneva, Helvetica, Sans-Serif;
	background-color: #d5d6d7;
	color: #333;
	margin: 0;
	padding: 0; 
}

h1, h2, h3
{
	font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif;
	font-weight: bold;
}

	
h2
{
	font-size: 1.6em;
	margin: 30px 0 5px ;
}

h3
{
	font-size: 1.3em;
	padding: 0;
	margin: 30px 0 0;
}

h1, h1 a, h1 a:hover, h1 a:visited 
{
	text-decoration: none;
	color: yellow; /* white; */
}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited 
{
	text-decoration: none;
	color: #333;
}

small
{
	color: #777;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
}
	
code 
{
	font: 1.1em "Courier New", Courier, Fixed, monospace;
}

blockquote
{
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
}

#right p, #left p
{
	line-height: 15px;
	font-size: 10px;
}

#left p
{
	text-align: right;
}

a, h2 a:hover, h3 a:hover
{
	color: #06c;
	text-decoration: none;
}

a:hover 
{
	color: #147;
	text-decoration: underline;
}

p a:visited 
{
	color: #b85b5a;
}

.comments 
{
	/* MWJ 2005802: centered distracts me */
	/*text-align: center;*/
	text-align: left;
	color: #777;	
}

#container
{
	margin: 30px auto;
	padding: 0;
	width: 740px;
	border:1px solid #959596;
	background-color:#fff;
	padding: 0px;
}

/*
	Drop the left div, would you please?
*/
/*
#left
{
	float: left;
	width: 150px;
	margin-right: 5px;
	padding-top: 100px;
}*/

#center
{
	margin-left: 30px;
	/* MWJ 20050123: less bump against right content */
	/*margin-right: 215px;*/
	margin-right: 225px;
	font-size: 1.2em;
	line-height: 1.4em;
}

#right
{
	float: right;
	width: 190px;
	margin-left: 5px;
	font: 1em "Lucida Grande", Verdana, Arial, Sans-Serif;
	/* MWJ 20050123: too much space above search */
	/*padding-top: 20px;*/
	padding-top: 8px;
}

#foot
{
	clear: both;
	margin-top: 5px;
	padding:10px;
	text-align: center;
	background-color:#eee;
}



/* ------------------------------------------------------ 
   MWJ 20050123: extra styles not provided in easykubrick
   ------------------------------------------------------
*/

.description 
{
 font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, sans-serif;
 color: yellow;
 font-size: 1.8em;
 font-weight: bold;
 /* MWJ 20050123: try right-just descr instead of center */
 /*text-align: center;*/
 text-align: right;
 padding-right: 40px;
	padding-top:2px;
}

hr 
{
	margin: 20px 0px 0px 0px;
	color: #ccc;
	background-color: #ccc;
	border: 0px;
	height: 1px;
}

/* MWJ 20050810: for mem_glinklist */
.mem_list
{
}

.mem_list_head
{
font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Sans-Serif;
font-size: 1.3em;
font-weight: bold;
margin-top: 20px;
padding-top: 4px;
border-top: 1px solid #ccc;
}

/* MWJ 20050810: for span-hacked mrh_email_article_link */
.email img
{
border: none; 
padding-left: 5px;
}


/* MWJ 20050123: styles added for rss_suparchive 
   These need to be tightened up.
*/
#right ul 
{
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding-left: 3px;
	/* MWJ 20050123: avoid content overflowing border */
	padding-right: 20px;
}

#right ul li
{
	letter-spacing: normal;
	margin-top: 10px;
	padding-bottom: 8px;
	font-size: 1.1em;
}


#right ul li p
{
	font-weight: normal;
	font: normal 1em/1.4em Verdana, sans-serif;
	margin-right: 10px;
	margin-top: 4px;
}

#right ul ul 
{
	list-style-type: none;
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}

#right ul ul li 
{
	border: 0;
	font: normal 90% Verdana, sans-serif;
	letter-spacing: normal;
	margin-top: 0;
	padding: 3px 0 1px 12px;
}

#right ul ul li:before, #right dd:before
{
        content: "\00BB \0020";
}

#right ul ul li a 
{
}

#right ul ul li a:hover 
{
}

#right dl 
{
	list-style-type: none;
	font-variant: normal;
	font-weight: normal;
	line-height: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
}

#right dl dt, .rssCcat a 
{
	border: 0;
	/* MWJ 20050806: */
	/* font: normal 100% Verdana, sans-serif; */
	font: bold 100% Verdana, sans-serif;
	letter-spacing: normal;
	margin-top: 4px;
	padding-bottom: 2px;
}

#right dl dd 
{
	border: 0;
	font: normal 100% Verdana, sans-serif;
	letter-spacing: normal;
	margin: 0;
	padding: 2px 0 1px 10px;
}

#right dl dd a.rssSection, #center dl dd a.rssSection
{
	font-style: italic;
	text-transform: capitalize;
}

#right dl dd a:hover 
{
}


/* MWJ 20050123: for article list pages pagination */
/* http://www.textpattern.com/forum/viewtopic.php?pid=20379 */
.navigation
{
        display: block;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 0px;
        font-size: 10px;
        line-height: 14px;
}

.alignright
{
        float: right;
}

.alignleft
{
        float: left;
}


ul.rsx-page-num-list
{
	display:inline;
	list-style:none;
	margin:0px;
	padding:0px;
}

ul.rsx-page-num-list li
{
	display: inline;
}


/* MWJ 20050806: select per-section masthead img 
   requires one 1-line CSS class def per section 
*/
#masthead
{
 /* background: url(/images/28.jpg) no-repeat; */ /* masthead.jpg */
 width: 719px;
 height: 135px;
 margin: 0 auto;
 margin-top: 10px;
 margin-right:10px;
 margin-bottom: 0px;

 border-bottom: 1px solid #ccced2; 
 border-left: 1px solid #f5f6f7;
 border-right: 1px solid #ccced2;
}


/* MWJ 20050806: form ek_header calls with
<div id="masthead" class="mastimg_<txp:s />" /> >
*/
.mastimg_default { background: url(/images/35.jpg) no-repeat; } /* sunset      */
.mastimg_about    { background: url(/images/30.jpg) no-repeat; } /* echthelion  */
.mastimg_archivescat { background: url(/images/33.jpg) no-repeat top; } /* moonclouds2 */
.mastimg_archivesmonth { background: url(/images/33.jpg) no-repeat top; } /* moonclouds2 */
.mastimg_articles { background: url(/images/34.jpg) no-repeat top; } /* moonclouds3 */
.mastimg_contact  { background: url(/images/31.jpg) no-repeat; } /* moonsquig   */
.mastimg_links    { background: url(/images/33.jpg) no-repeat top; } /* moonclouds2 */
.mastimg_photos   { background: url(/images/33.jpg) no-repeat; } /* moonclouds2 */
.mastimg_search   { background: url(/images/33.jpg) no-repeat; } /* moonclouds2 */

.mastimg_stories  { background: url(/images/32.jpg) no-repeat bottom; } /* windroad    */
.mastimg_teaching { background: url(/images/35.jpg) no-repeat; } /* sunset      */
.mastimg_weblog   { background: url(/images/33.jpg) no-repeat top; } /* moonclouds2 */


h1
{

/* MWJ 20050730: from easy-kubrick */
 font-size: 3em;
 /* MWJ 20050123: adjust to accommodate description */
 /* padding-top: 70px; */
 padding-top: 40px;
 margin: 0;

 /* MWJ 20050730: from easy-kubrick */
 text-align: right;
 padding-right: 40px;
}

#hnav
{
 width: 718px;
 margin: 0px auto;
 height: 23px;
 background: #d9d7da url(/images/19.jpg) repeat-x top; /* navgradient.jpg */
 border-bottom: 1px solid #ccced2;
 border-left: 2px solid #f5f6f7;
 border-right: 2px solid #ccced2; 
 margin-right: 10px;
}

#header /* MWJ 20050807: hnav's top-left Home link */
{
 float: left;
 /* width: 36px; */
 width: 72px;
 margin: 0px;
 padding: 5px 0 0 3px;
 text-align: left;
}

#hmenu
{
 /* MWJ 20050727: tweaks to please _my_ eye */
 /* margin: 2px 25px 0 0; */
 margin: 5px 15px 0 0;
 text-transform:lowercase;
 float: right;
 text-align:right;

}


/* MWJ 20050810: from TXP Manji */
/*--------- H Menu Styling --------- */

#top
{ 
 display: inline;
 list-style-type: none;
}

#hnav ul li
{
 display: inline;
}

#hnav ul li a
{
 color: #919191;
 text-decoration: none;
 /* MWJ 20050727: tweaks to please _my_ eye */
 /* padding: 5px 0px 5px 30px; */
 padding: 5px 0px 5px 14px;
 font-size: 1em !important;
 font-size: 1em;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: normal;
}

#hnav ul li a:hover
{
 color: #bfbfbf;
}

#blogtitle 
{
 margin: 10px 0px 0px 10px;
 padding-top: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: normal;
 font-size: 1.2em;
}

#blogtitle a 
{
 font-weight: bold;
}

#blogtitle a:hover 
{
 color: #bfbfbf;
 font-weight: bold;
 text-decoration: none;
}

#accessibility
{
position: absolute;
top: -10000px;
}

#right p
{
font-weight: bold;
padding-left: 3px;
}




/* MWJ 20050810: from TXP Manji */
/* ---------- Live Search Page ----------- */

/* Because the "LSResult" div uses "absolute" for positioning it has no respect for the footer. In other words it will overlay it. With this in mind I [Stuart] have given the "searchpage" div a height. Whether you want this or not is up to you. If you keep it the height can be adjusted dependent on the maximum number of returned search results set for the plug-in (default=20) */

#searchpage
{
 /* height: 600px; */
}

#LSResult
{
 position: absolute;
 background-color: #FFFFFF;
 width: 520px;
 margin: 10px 0 10px 0;
}

#LSShadow
{
 border: 3px solid #005D93;
 padding: 5px;
 background-color: #F5F6F7;
 color:#000000;
}

#LSRes
{
 background-color: #FFFFFF;
}

.LSRow

{
 padding: 0 5px;
}

#LSHighlight
{
 background-color: #AAAAAA;
}

#LSHeader
{
 padding: 2px 2px 8px;
}

.lsDate
{
 display: block;
 color: #555555;
}


/* 
------------------------------------------------------------
MWJ 20050816:
456 Berea St.: Setting the current menu state with CSS
http://www.456bereastreet.com/archive/200503/setting_the_current_menu_state_with_css/
------------------------------------------------------------
*/

#about         #nav-about         a,
#archivescat   #nav-archivescat   a,
#archivesmonth #nav-archivesmonth a,
#articles      #nav-articles      a,
#contact       #nav-contact       a,
#links         #nav-links         a,
#photos        #nav-photos        a,
#search        #nav-search        a,
#stories       #nav-stories       a,
#teaching      #nav-teaching      a,
#weblog        #nav-weblog        a 
{
/* declarations to style the current state */
color: #313131;
}

#about         #nav-about         a:hover,
#archivescat   #nav-archivescat   a:hover,
#archivesmonth #nav-archivesmonth a:hover,
#articles      #nav-articles      a:hover,
#contact       #nav-contact       a:hover,
#links         #nav-links         a:hover,
#photos        #nav-photos        a:hover,
#search        #nav-search        a:hover,
#stories       #nav-stories       a:hover,
#teaching      #nav-teaching      a:hover,
#weblog        #nav-weblog        a:hover
{
/* declarations to style the hover effect of the current state */
/* MWJ: not currently used */
}