/*

 * structure

 ***************/



body {

	margin: 0;

	padding: 0;

/*	background-color: #ddc; 	*/

	background-color: #dcb;

}

.page {

	min-width: 700px;

}



.banner {

	background: url("http://mahzeh.org/image/banner_back.gif") top left repeat-x;

	margin-top: 25px;

	padding-left: 33%;

}

.banner .content {

	margin-left: -230px;

}

.banner .name {

	width: 700px;

	background-color: #f8f1f0;

	height: 70px;

	background: url("http://mahzeh.org/image/mahzeh_org.jpg") top left no-repeat;

	position: relative; top: 0; left: 0; /* for positioning of contained blocks */

}

.banner #mah_zeh {

	float: right;

}

.banner #mahzeh_org {

	float: left;

}

.banner .motto {

	text-align: left;

}

.banner .motto p {

	margin: 0.6em 0 1em 3px;

}

.banner .content div div {

	margin: 0;

}



#page_sections {

	margin: 0;

}

.section {

	margin: 0 0 8px 0;

	min-height: 50px;

	clear: both;

}

.meta {

	width: 33%;

	float: left;

	margin: 0;

}

.main {

	width: 67%;

	float: right;

	margin: 0;

}

.main div {

	margin-left: 5px;

}



.meta div {

	clear: both;

}

.meta .heading {

	height: 50px;

}

.meta .content {

	float: right;

	width: 225px;

	margin: 5px 0 10px 5px;

}

.meta .content ul {

	margin: 5px 0;

	padding-left: 1.1em;

	text-indent: -1em;

	list-style: none;

}

.meta .content li {

	margin-top: 2px;

	padding: 1px 0;

}

.meta .content li:before {

	content: "* ";

}

.meta .content li.current-cat {

	border-top: 1px dashed #6d3030;

	border-bottom: 1px dashed #6d3030;

	margin-right: 25px;

	padding: 0;

	background-color: #f8f1f0;

}

.meta .content li.current-cat a:hover {

	text-decoration: none;

}

.meta .content dl.search {

	border-top: 1px dashed #6d3030;

	border-bottom: 1px dashed #6d3030;

	margin-right: 40px;

	padding: 0.5em 1em;

	background-color: #f8f1f0;

}

.meta dl.search dt {

	padding: 0; margin: 0;

}

.meta dl.search dd {

	margin: 0 0 0.2em 0;

	padding-left: 1em;

}

.meta .download {

	margin: 5px 0;

}

.meta .download a {

	display: block;

	margin: 3px 0;

	background: #e4d6c8 url('http://mahzeh.org/image/download_back.gif') top right no-repeat;

	padding: 0.5em 0 0.5em 0.6em;

	width: 88%;

	border: 2px solid #e4d6c8;

}

.meta .download a:hover {

	text-decoration: none;

	border: 2px solid #f8f1f0;

}



.main .heading {

	background-color: #e6e0fa;

}

.main .heading a img {

	border: 0;

	margin: 0;

}

.main .content {

	margin-bottom: 15px;

	margin-left: 15px;

	width: 455px;

}

.main .content div {

	margin: 0;

}

/* .main .navigation p {

	margin-left: 1.2em;

	margin-top: 0.8em;

	margin: 0.8em 0 0.8em 1.2em;

} */



.content div.item {

	margin: 8px 0 10px 0;

	background-color: #f8f1f0;

	border: 2px solid #f8f1f0;

	border-right: 8px dotted #e6e0fa;

	position: relative; top: 0; left: 0; /* content item boxes are used for containing/positioning popup balloons */

}

.item div.head, .item div.foot {

	background-color: #e6e0fa;

	margin-right: 2px;

	padding: 1px 1em;

	clear: both;

}

.item .head p, .item .foot p {

	margin: 0;

}

.item .foot {

	text-align: right;

}

.item .foot p.back {

	float: left;

}

.item .foot p.non-nav {

	text-align: center;

}

.item .body {

	padding: 0 15px;

}

.item .body p {

	margin: 1em 0.1em;

}

.item .body h2 {

	margin: 0.9em 0.05em;

}

.item .body ul {

	margin-left: 0;

	padding-left: 1.3em;

	list-style-type: circle;

}

.item .body li {

	margin-bottom: 0.5em;

}

.item .body img.hangleft {

	float: left;

	margin-right: 1em;

	margin-bottom: 0.75em;

}

.item .body img.hangright {

	float: right;

	margin-left: 0.9em;

	margin-bottom: 0.75em;

}

.item .body img.frame {

	border: 1px solid #333;

}

.navigation .body h2 {

	text-align: center;

	margin: 0.5em 0;

}

.item .body#tools_list p {

	margin-top: -0.5em;

	margin-left: 1em;

}

.item .body blockquote {

	margin-left: 2em;

	padding-left: 0;

	margin-right: 0;

}

.item .body blockquote pre {

	margin-left: -2em;

	padding: 0.7em 1.2em;

	border: 1px solid #cb6;

	background-color: #f4ecc5;

	overflow: auto;

}

.item .body .gravatar {

	float: right;

	border: 1px solid #333;

	margin-left: 8px;

	margin-bottom: 5px;

}

.item .body textarea {

	width: 100%;

}



/* popup balloon */

#balloon {

	margin: 0;

	width: 300px;

	position: absolute;

	background-color: #f8f1f0;

	border: 3px solid #98b18d;

	z-index: 2;

}

#balloon_stem {

	width: 73px;

	height: 53px;

	position: absolute;

	right: 0;

}

.up #balloon_stem {

	background: url('http://mahzeh.org/image/balloon_stem_up.gif') top right no-repeat;

	bottom: -53px;

}

.down #balloon_stem {

	background: url('http://mahzeh.org/image/balloon_stem_down.gif') top right no-repeat;

	top: -53px;

}

#balloon .item {

	margin: 0;

	border: 2px solid #f8f1f0;

	border-left: 8px dotted #e6e0fa;

}

#balloon .item .head {

	margin-left: 2px;

	margin-right: 0;

	padding-right: 1px;

}

.closebox {

	display: block;

	float: right;

	margin: 2px;

	padding: 0.1em 0.2em 0 0.2em;

	background-color: #f8f1f0;

}



/* splash guide overlay */

#splashbox {

	position: absolute;

	top: -174px;

	left: -240px;

	width: 221px;

	height: 224px;

	background: url("http://mahzeh.org/image/splashbox.gif") top left no-repeat;

}



/* form elements */

.search_form {

	margin: 5px 0 15px 0;

	padding: 0;

}

.search_text {

	float: left;

	margin: 0 3px 0 0;

	padding: 0;

	height: 19px;

	width: 160px;

	border: 1px solid #a6a6a6;

	background-color: #f8f1f0;

}

#comments_form input, #comments_form textarea {

	border: 1px solid #a6a6a6;

	background-color: #e9e5e5;

}

.search_text:hover, .search_text_active, #comments_form input:hover, #comments_form input.active, #comments_form textarea:hover, #comments_form textarea.active {

	border: 1px solid #6d3030;

}

#comments_form input.active, #comments_form textarea.active {

	background-color: #f8f1f0;

}

.search_button {

	margin: 0;

	padding: 0;

}



/* .meta headings */

#heading_who_are_you {

	background: #fff2d5 url("http://mahzeh.org/image/heading_who_are_you.gif") top right no-repeat;

}

#heading_who_are_we {

	background: #ebffd5 url("http://mahzeh.org/image/heading_who_are_we.gif") top right no-repeat;

}

.heading_search {

	background: #fdffb9 url("http://mahzeh.org/image/heading_search.gif") top right no-repeat;

}

#heading_subjects {

	background: #fff2d5 url("http://mahzeh.org/image/heading_subjects.gif") top right no-repeat;

}

#heading_archives {

	background: #ebffd5 url("http://mahzeh.org/image/heading_archives.gif") top right no-repeat;

}

#heading_tool_categories {

	background: #fff2d5 url("http://mahzeh.org/image/heading_tool_categories.gif") top right no-repeat;

}

.heading_whats_new {

	background: #ebffd5 url("http://mahzeh.org/image/heading_whats_new.gif") top right no-repeat;

}

.heading_download {

	background: #ebffd5 url("http://mahzeh.org/image/heading_download.gif") top right no-repeat;

}

#heading_projects {

	background: #fff2d5 url("http://mahzeh.org/image/heading_projects.gif") top right no-repeat;

}



/* dhtml portfolio control buttons */

/* note: offsets are determined relative to top and bottom margins of .content div.item above */

.portfolio_control {

	height: 18px;

}

#portfolio_previous {

	width: 455px;

	height: 18px;

	position: relative;

	top: 8px;

	left: 0;

}

#portfolio_next {

	width: 455px;

	height: 18px;

	position: relative;

	top: -10px;

	left: 0;

}

#portfolio_navigation {

	text-align: center;

	margin: 0.5em 1em;

	height: 30px;

/*	padding-left: 30px; */

/*	height: 20px; */

/*	line-height: 20px; */

}

.pn_scroll, .pn_rewind {

	line-height: 18px;

	padding: 2px 0 10px 28px;

}

.pn_scroll {

	background: url('http://mahzeh.org/image/portfolio_navguide_scroll.gif') top left no-repeat;

}

.pn_rewind {

	background: url('http://mahzeh.org/image/portfolio_navguide_rewind.gif') top left no-repeat;

}



.smallprint {

	clear: both;

	margin-top: 12px;

	margin-bottom: 10px;

	padding-left: 33%;

}

.smallprint .content {

	margin-left: -230px;

	width: 700px;

	text-align: center;

}

.smallprint .content p {

	margin: 0.8em;

}

#footer {

	clear: both;

	margin-bottom: 15px;

}

.banner .navigation {

	width: 700px;

	text-align: center;

	padding: 1px 0;

}

.banner .navigation ul {

	display: inline;

	padding: 0;

}

.banner .navigation li {

	list-style-type: none;

	display: inline;

	padding: 3px 5px;

}

.banner .navigation a {

	padding: 0.5em 1em;

}

.banner .navigation a:hover {

	background-color: #f8f1f0;

}





/* .container blocks are forced to fully contain child elements

 *    solution from http://www.positioniseverything.net/easyclearing.html  */

.container:after {

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}

.container {display: inline-block;}

/* Hides from IE-mac \*/

* html .container {height: 1%;}

.container {display: block;}

/* End hide from IE-mac */





/* .dhtmlStartVisible blocks are set visible by script, so are invisible by default */

.dhtmlStartVisible {

	display: none;

}



/* .dhtmlStartInvisible blocks are set INvisible by script, so are VISIBLE by default */

.dhtmlStartInvisible {

}



/*

 * end structure

 *******************/





/* type & color

 ****************/



.banner h1, .heading h2 {

	display: none;

}



body {

	font-size: 62.5%; /* Resets 1em to 10px */

	color: #6d3030;

	font-family: 'Courier New', Courier, monospace;

}



.banner .motto {

	font-size: 1.8em;

	font-weight: bold;

}



a {

	text-decoration: none;

	color: #6d3030;

}

a:hover {

	text-decoration: underline;

}

a img {

	border: none;

}



.meta .content {

	font-size: 1.3em;

}

.meta .content a, .main .item .head a, .main .item .foot a, #footer a {

}

.meta .download a {

	font: bold 1.3em 'Courier New', Courier, monospace;

	color: #a57e75;

}

.meta .download a:hover {

	color: #6d3030;

}



.meta dl.search dt {

	color: #a6a6a6;

	font-weight: bold;

	font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;

	font-size: 0.8em;

}

.meta dl.search dd {

	font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;

	font-style: italic;

	color: #335;

}

.meta dl.search dd a {

	color: #335;

}



#footer a {

	font-size: 1.2em;

}



.main .navigation p {

/*	font-size: 1.7em; 

	font-weight: bold; */

}

.main .navigation p a {

}

.main .navigation p a:hover {

/*	background-color: #f8f1f0; */

}



.item .body a {

	color: #335;

	border-bottom: 1px dotted #335;

}

.item .body a:hover {

	text-decoration: none;

	border-bottom: 1px solid #335;

	background-color: #ffa;

}



.item .body {

	color: #112;

}

.item .body h2 {

	color: #335;

	font-size: 1.7em;

	font-weight: bold;

}

.navigation .body h2 {

	color: #666;

}

.item .body p, .item .body blockquote, .item .body ul, .item .body ol {

	font-family: 'Trebuchet MS', Trebuchet, Verdana, sans-serif;

	font-size: 1.4em;

	line-height: 1.5em;

/*	letter-spacing: 0.05em;	*/

}

blockquote pre {

	font-size: 1.2em;

	line-height: 1.3em;

	font-family: monospace;

}

.item .body ul {

	font-size: 1.3em;

}

.item#tools_list .body p {

	font-size: 1.3em;

}

.item .body code {

	font-size: 1.2em;

	color: #060;

	background-color: #f5efe5;

	border-top: 1px solid #edc;

}



.item .head, .item .foot {

	font-size: 1.4em;

}



#portfolio_navigation {

	font-size: 1.2em;

}

#portfolio_navigation a {

	color: #a57e75;

}

#portfolio_navigation a:hover {

	color: #6d3030;

}



.smallprint {

	color: #335;

	font-family: Helvetica, 'Lucida Grande', Verdana, sans-serif;

	font-size: 1.1em;

/*	letter-spacing: 0.03em;	*/

}



/* popup balloon */

a.closebox {

	font-family: 'Lucida Console', Humanist, Verdana, sans-serif;

	color: #98b18d;

	font-weight: bold;

	font-size: 1em;

	line-height: 1em;

}

a.closebox:hover {

	text-decoration: none;

	color: #f8f1f0;

	background-color: #98b18d;

}

#balloon .item .head {

	line-height: 1.4em;

}



/*

 * end type & color

 ********************/