/*
Theme Name: Mind in Relationship
Theme URI: http://www.jeanninedavies.com/relate
Version: 1.0
Description: Formatting for the material of Jeannine Anne Davies
Author: Zachary Jones
Author URI: http://www.newalexandria.org
*/


/*

	JD-MIR v1 by Zachary Jones
	http://www.newalexandria.org

*/

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

body
{
	font-family: Palatino Linotype, Palatino, Garamond, Georgia; 
	margin: 0px;
	padding: 10px;
	background-color: #808080;
/*
background: #000000 url('images/bg1.jpg');
padding: 35px 0px 35px 0px;
*/
}

body,input
{
font-size: 10pt;
	font-family: Palatino Linotype, Palatino, Garamond, Georgia; 
color: #333333;
}

p
{
line-height: 1.5em;
margin-bottom: 1.0em;
text-align: justify;
}

a
{
	color: #635855;
	text-decoration: underline;
}

a:hover
{
text-decoration: none;
}


h3 span
{
font-weight: normal;
}

h3,h4
{
display: inline;
font-weight: bold;
background-repeat: no-repeat;
background-position: right;
}

h3
{
font-size: 1.7em;
padding-right: 34px;
background-image: url('images/db1.gif');
}

h4
{
	font-size: 1.2em;
	padding-right: 28px;
	background-image: url('images/db2.gif');
}

.contentarea
{
padding-top: 0.8em;
padding-bottom: 1.2em;
}

img
{
border: solid 1px #6F5230;
}

img.left
{
position: relative;
float: left;
margin: 0em 1.8em 1.4em 0em;
}

img.right
{
position: relative;
float: right;
margin: 0em 0em 1.8em 1.8em;
}

img.nob { border: 0px ; }

.divider1
{
position: relative;
background: #fff url('images/border2.gif') repeat-x;
height: 14px;
margin: 2.0em 0em 1.5em 0em;
clear: both;
}

.divider2
{
position: relative;
height: 1px;
border-bottom: solid 1px #eaeaea;
margin: 2.0em 0em 2.0em 0em;
}

.post .details
{
position: relative;
top: -1.0em;
font-size: 0.8em;
color: #787878;
}

.post ul.controls
{
clear: both;
}

.post ul.controls li
{
display: inline;
font-size: 0.8em;
}

.post ul.controls li a
{
background-repeat: no-repeat;
background-position: left;
padding: 0em 1.0em 0em 20px;
}

.post ul.controls li a.printerfriendly
{
background-image: url('images/icon-printerfriendly.gif');
}

.post ul.controls li.comments a
{
background-image: url('images/icon-comments.gif');
}

.post ul.controls li.readmore a
{
background-image: url('images/icon-more.gif');
}

.box
{
margin: 1.5em 0 0 10px; 
/*
padding: 0 0 0 10px; 
*/
border-width: 0 1px 0 1px; 
border-style: solid; 
border-color: #d2ccde;

position: relative;
background: #F2EBE3;
/*
background: #f2ecfe url('images/boxbg.gif') repeat-x;
*/
left: -1.5em;
top: -1.5em;
padding: 1.5em;
/*
border-bottom: solid 1px #E1D2BD;
*/
margin-bottom: 1.0em;
}


blockquote
{
background: #FDFCF6;  url('images/boxbg.gif') repeat-x;

}
.contentarea ul
{
list-style: none;
}

.contentarea ul li
{
	line-height: 1.3em;
	font-style: italic;
	margin-top: 0.5em;
}

#upbg
{
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 275px;
background: #fff url('images/bg2.jpg') repeat-x;
z-index: 1;
}

#outer
{
z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
width: 82%;
min-width: 850px;
border: solid 7px #fff;
background-color: #fff;
margin: 0 auto;
}

 #interface-Header
 {
 position: relative;
 width: 100%;

 }


#header
{
position: relative;
width: 100%;
height: 9.0em;
background: #2B2B2B url('images/topbg.gif') repeat-x;
margin-bottom: 2px;
}

#headercontent
{
position: absolute;
bottom: 0em;
padding: 0em 2.0em 1.3em 2.0em;
}

#headercontent h1
{
font-weight: normal;
color: #000;
font-size: 2.5em;
}
#headercontent h1 a
{

color: #000;
text-decoration:none;
}

#headercontent h1 a:visited
{

color: #000;
text-decoration:none;
}

#headercontent h1 a:hover
{

color: #000;
text-decoration:none;
}

#headercontent h1 sup
{
color: #777;
}

#headercontent h2
{
font-size: 1.0em;
font-weight: normal;
color: #aaa;
}


.content-title-frame
{
	padding: 0 0 0 0.4em;
	font-weight: bold;
	font-size: 1.4em;
	line-height: 1em;
	color: #000;
}

.pullquote {
	line-height: 1.6em;

	margin: 0 15px 20px 10px; 
	padding: 0 5px 0 10px; 

	font-size: 1.2em; 
	font-style: italic; 
	font-weight: 500; 

	border-color: #888888; 
	border-width: 0 0px 0 3px; 
	border-style: double; 

	width: 290px;
}


#search
{
position: absolute;
top: 0.5em;
left: 0.8em;
padding-right: 0.0em;
}

#search input.text
{
margin-right: 0.5em;
vertical-align: middle;
border-top: solid 1px #000000;
border-right: 0px;
border-bottom: solid 1px #777777;
border-left: 0px;
padding: 0.15em;
width: 10.0em;
}

#search input.submit
{
background: #939B00 url('images/buttonbg.gif') repeat-x;
border: solid 1px #5F6800;
font-weight: bold;
padding: 0.25em;
font-size: 0.8em;
color: #F2F3DE;
vertical-align: middle;
}

#headerpic
{
position: relative;
height: 109px;
background: #fff url('images/hdrpic.jpg') no-repeat top left;
margin-bottom: 2px;
}

#menu
{
position: relative;
background: #FFFFFF;
height: 3.5em;
padding: 0em 1.0em 0em 1.0em;
margin-bottom: 2px;
}

#menu ul
{
position: absolute;
top: 1.1em;
}

#menu ul li
{
position: relative;
display: inline;
}

#menu ul li a
{
padding: 0.5em 1.0em 0.9em 1.0em;
color: #fff;
text-decoration: none;
}

#menu ul li a:hover
{
text-decoration: underline;
}

#menu ul li a.active
{
background: #7F8400 url('images/menuactive.gif') repeat-x top left;
}

#menubottom
{
background: #fff url('images/border1.gif') repeat-x;
height: 14px;
margin-bottom: 1.5em;
}

#content
{
padding: 0em 2.0em 0em 2.0em;
}

#primarycontainer
{
float: right;
margin-right: -17.0em;
width: 100%;
}

#primarycontent
{
	margin: 1.5em 22.0em 0em 0em;
	border-width: 1px 0 0px 1px;
	border-style: solid;
	border-color: #dddddd;
	padding: 1.2em;
	width: 65%;
}

#secondarycontent
{
	float: left;
	width: 15em;
	margin: 1.5em 0 0 0px;
}

#footer
{
position: relative;
height: 2.0em;
clear: both;
padding-top: 5.0em;
/*
background: #fff url('images/border2.gif') repeat-x 0em 2.5em;
font-size: 0.8em;
*/
}

#footer .left
{
position: absolute;
left: 2.0em;
bottom: 1.2em;
}

#footer .right
{
position: absolute;
right: 2.0em;
bottom: 1.2em;
}


#commentlist li {
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;
}

#commentform {
margin: 1em 0;
background: #ffffff;
width: 280px;
}

#commentform textarea {
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform textarea:hover {
background: #FFFFFF;
border: 1px solid #d6d3d3;
}
#commentform textarea:focus {
background: #ffffff;
border: 1px solid #939793;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #f8f7f6;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #d6d3d3;
width: 280px;
}
#commentform #email:focus, #commentform #author:focus, #commentform #url:focus {
font-size: 1.1em;
background: #ffffff;
border: 1px solid #939793;
width: 280px;
}
#commentform input{
margin-bottom: 3px;
}
.entry ul li
{list-style:square;
margin-left:25px;
}

.post ol li
{
margin-left:25px;
}


/* Tabs ---------------------------------------------------------------- */

.menu-flat
{
/*
	border-left: #FF7800;
	border-width: 0 0 0 4px;
	border-style: none none none double;
*/
	padding: 0px 0 0px 180px;
}

.menu-flat TD
{
	padding: 3px 8px 3px 8px;
	border-width: 0 1px 0 0;
	border-color: #000000;
	border-style: solid;
	vertical-align: top;
}

.menu-flat td:hover
{
	background-color: #bbbbbb;
}

.menu-flat A
{
	color: #000000;
	font-size: 0.8em;
	text-decoration: none;
/*
	line-height: 1.5em;
	border-color: #BCBCBC;
	border-width: 0px 0 0px 0;
	border-style: solid;
	padding: 3px 8px 0px 7px;
*/
}

.menu-flat a:hover
{
/*	background-color: #bbbbbb;
	 e6e3c1 edeacc f0edcc FFAE44 FF5730 DCEDF9 */
}

.submenu-flat { 

	margin: 5px 0 7px 180px; 
	border-width: 1px 0 0 0; 
	border-color: #999; 
	border-style: solid;

}


.submenu-flat TD
{
	padding: 3px 8px 3px 8px;
	border-width: 0 1px 0 0;
	border-color: #000000;
	border-style: solid;
	vertical-align: top;
}

.submenu-flat td:hover
{
	background-color: #bbbbbb;
}

.submenu-flat A
{
	color: #000000;
	font-size: 11px;
	text-decoration: none;
/*
	line-height: 1.5em;
	border-color: #BCBCBC;
	border-width: 0px 0 0px 0;
	border-style: solid;
*/
	padding: 0 0px 3px 0;
}

.submenu-flat a:hover { background-color: #bbbbbb; }




.menu
{
	position: relative;
	top: 5em;
	left: 0px;
	background-image: url(images/menu-bundle-short.gif);
	background-repeat: no-repeat;
	background-position: 10px 4px;
	height: 350px;
	width: 260px;
/*
	border-left: #FF7800;
	border-width: 0 0 0 4px;
	border-style: none none none double;
*/
	padding: 3px 0 3px 25px;
}

.menu A
{
	color: #000000;
	font-size: 0.9em;
	line-height: 1.5em;
	text-decoration: none;
	border-color: #BCBCBC;
	border-width: 0px 0 0px 0;
	border-style: solid;
	padding: 3px 8px 0px 7px;
}

.menu a:hover
{
	background-color: #bbbbbb;
	/* e6e3c1 edeacc f0edcc FFAE44 FF5730 DCEDF9 */
}

.submenu { /*	background: #ffffff;
	border-bottom: 1px solid #aaaaaa; */ }

.submenu A
{
	color: #2e2e2e;
	text-decoration: none;
	border-color: #BCBCBC;
	border-width: 0px 0 0px 0;
	border-style: solid;
	padding: 3px 10px 0px 8px;
}

.submenu a:hover { background-color: #bbbbbb; }

.sub-active
{
	background-color: #fafaaa;
	border-color: #AAAAAA #AAAAAA #FFFFFF #AAAAAA;
	border-width: 1;
	border-style: solid;
	padding: 4px 8px 4px 8px;
}

.sub-inactive
{
	background-color: #efefef;
	border-color: #AAAAAA #AAAAAA #999999 #AAAAAA;
	border-width: 0 0 1 0;
	border-style: solid;
	padding: 4px 8px 4px 8px;
}

.sub-inactive A { text-decoration: none; }
.sub-active A { text-decoration: none; }
.submenu2 { }

.submenu2 A
{
	padding-left: 0px;
	color: #000000;
	font-size: 14px;
	text-decoration: none;
	border: none;
}

.submenu2 a:hover
{
	text-decoration: underline;
	background-color: #efefef;
}

.bottom_menu
{
	font-size: 0.8em;
	color: #dddddd;
	position: relative;
	width: 82%;
	margin: 5px auto;
	text-align: center;
}

.bottom_menu A
{
	color: #dddddd;
	text-decoration: none;
}

.closure
{
	line-height: 1.3em;
	color: #aaaaaa;
}

.closure A
{ color: #aaaaaa; }