/*
Theme Name: Einstein Theme
Theme URI: http://www.einsteinindustries.com/
Description: A customized wordpress theme by Einstein Industries
Version: 0.3
Author: rlowe@einsteinindustries.com
*/

/************************************************************
 * Colors
 * bg: #c7c8ac
 * links & headers: #791e21
 * link hovers: #9a4347
 */

/************************************************************
 * Tags
 */
body {
  font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:10px; /*0.7692em*/
}
a:link, a:visited {
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:underline;
}

#nav p {
	font-size:1.4em;
	line-height:2.25em;
	font-style:italic;
}
#content p, #content li {
	font-size:1.2em;
	line-height:1.15em;
}
#content li {
	list-style:disc;
	margin-bottom:0.6em;
}
#content p, #content ul {
	margin-bottom:1.2em;
}
#content ul {
	padding-left:20px;
}
h1 {
	font-size:1.6em;
}
h2 {
	font-size:1.4em;
}
h3 {
	font-size:1.2em;
	font-weight:bold;
}
h4 {
	font-size:1.2em;
}
h5 {}
h6 {}

/************************************************************
 * IDs
 */
#wrap {
  margin:auto;
  width:950px;
}
#head {
	background:transparent url(images/head-bg.jpg) scroll no-repeat 256px 0;
	height:162px;
}
	#head p {
		font-size:1.2em;
		margin:0 35px 1.2em 495px;
		text-align:left;
	}
		#head p.quote {
			color:#791e21;
		  font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
			font-style:italic;
			padding-top:50px;
		}
	#homelink {
		float:left;
	}
		#homelink a {
			background:transparent url(images/logo.png) scroll no-repeat 0 0;
			display:block;
			height:116px;
			width:256px;
		}

#nav {
	margin:0 0 28px;
}
#content {
	text-align:left;
}
#footer {
	text-align:center;
}


/************************************************************
 * Classes
 */


/************************************************************
 * `Nav
 */
#cross-site li,
#main-nav li {
  float:left;
}
  #cross-site li a,
  #main-nav li a {
    display:block;
  }
#cross-site {}
  #cross-site li a {
  	background: url(images/logo-bar.png) scroll no-repeat 0 0;
    height:80px;
  }
    #cross-site li#thehopeschool a {
    	background-position:0 0;
      width:143px;
    }
	    #cross-site li#thehopeschool a:hover {
	    	background-position:0 -81px;
	    }
    #cross-site li#hoperesidential a {
    	background-position:-143px 0;
      width:140px;
    }
	    #cross-site li#hoperesidential a:hover {
	    	background-position:-143px -81px;
	    }
    #cross-site li#hopehealthwellness a {
    	background-position:-283px 0;
      width:169px;
    }
	    #cross-site li#hopehealthwellness a:hover {
	    	background-position:-283px -81px;
	    }
    #cross-site li#hopelearningacademy a {
    	background-position:-452px 0;
      width:174px;
    }
	    #cross-site li#hopelearningacademy a:hover {
	    	background-position:-452px -81px;
	    }
    #cross-site li#theautismproject a {
    	background-position:-626px 0;
      width:151px;
    }
	    #cross-site li#theautismproject a:hover {
	    	background-position:-626px -81px;
	    }
    #cross-site li#nollmedical a {
    	background-position:-777px 0;
      width:173px;
    }
	    #cross-site li#nollmedical a:hover {
	    	background-position:-777px -81px;
	    }

div.main-nav {
	background:#791e21 url(images/nav-back.png) scroll repeat 0 0;
	height:39px;
}
	div.main-nav ul {
		margin:0;
	}
		div.main-nav ul li {
			background:transparent;
			font-size:1.2em;
			margin:0 3px 0 2px;
		}
			a > .sf-sub-indicator {
				top:14px;
			}
			div.main-nav ul li li {
				background:#791e21;
				font-size:1em;
				margin:0;
				text-align:left;
			}
		div.main-nav ul a {
			border:0 none;
			height:39px;
			line-height:39px;
			padding:0 10px;
		}
			div.main-nav ul a:link,
			div.main-nav ul a:visited {
				background:#791e21 url(images/nav.png) scroll no-repeat -50px 0;
				color:#fff;
			}
			.main-nav ul li:hover, 
			.main-nav ul li.sfHover,
			.main-nav ul a:focus, 
			.main-nav ul a:hover, 
			.main-nav ul a:active {
				background:		#9a4347;
				outline:		0;
			}

			div.main-nav ul li li.sfhover {
				background:#9a4347;
			}
			div.main-nav ul a:hover,
			div.main-nav ul a:active {
				background:#9a4347 url(images/nav.png) scroll no-repeat -50px -39px;
				color:#fff;
			}
				div.main-nav ul .page-item-101 a:link,
				div.main-nav ul .page-item-101 a:visited {
					background:#791e21 url(images/nav.png) scroll no-repeat 0 0;
					padding-left:50px;
				}
				div.main-nav ul .page-item-101 a:hover,
				div.main-nav ul .page-item-101 a:active {
					background:#791e21 url(images/nav.png) scroll no-repeat 0 -39px;
					padding-left:50px;
				}
				div.main-nav ul ul a {
					background-image:none !important;
				}
		div.main-nav ul ul {
			z-index:99;
		}
			div.main-nav ul li:hover ul,
			div.main-nav ul li.sfHover ul {
				top:			100%;
				z-index:		9999;
			}


/************************************************************
 * `Clear floated elements 
 */

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/************************************************************
 * Footer
 */
#footer li {
	display:inline;
	margin:0 10px;
}

/************************************************************
 * General Sub-page edits
 */
div.left {
	margin-right:14px;
}
div.left, div.right {
	float:left;
}
div.top, div.bot {
	margin:0 0 0px;
}

/************************************************************
 * Layout: homepage
 */
.homepage {
	margin:0 0 28px;
}
	.homepage .top,
	.homepage .bot {
		/*position:relative;*/
	}
	.homepage .top-inner {
		background:transparent url(images/boxes/bot-6040.png) scroll no-repeat center bottom;
	}

	.homepage .left,
	.homepage .right {
		padding:20px 0;
	}

	.homepage .top .left {
		background:transparent url(images/boxes/top-60.png) scroll no-repeat center top;
		width:532px;
	}
	.homepage .top .right {
		background:transparent url(images/boxes/top-40.png) scroll no-repeat center top;
		width:404px;
	}
	.homepage .top .right ul {
		margin-top:20px;
	}
		.homepage .left .wp_post,
		.homepage .right .wp_post {
			background-color:#fff;
			padding:0 20px;
		}

	.homepage .bot {
		background:transparent url(images/boxes/top-100.png) scroll no-repeat center top;
	}
		.homepage .bot-inner {
			background:transparent url(images/boxes/bot-100.png) scroll no-repeat center bottom;
		}
		.homepage .bot .left,
		.homepage .bot .right {
			background:#fff;
			margin:3px 0;
			padding:17px 20px;
			width:435px;
		}

	.homepage .more-w {
		clear:both;
		position:relative;
		z-index:1;
	}
		#content .homepage p.more-m,
		#content .homepage p.more {
			background:transparent url(images/btn.png) scroll no-repeat 0 0;
			position:absolute;
			top:-12px;
			width:98px;
			z-index:2;
		}
			#content .homepage p.more-m a,
			#content .homepage p.more a {
				color:#fff;
				display:block;
				height:23px;
				line-height:23px;
				text-align:center;
			}
			.homepage .top p.more {
				left:400px;
			}
			.homepage .top p.more-m {
				left:800px;
			}
			.homepage .bot p.more {
				left:333px;			
			}
			.homepage .bot p.more-m {
				left:800px;			
			}


/************************************************************
 * Layout: col5050
 */
.col5050 {
	background:transparent url(images/boxes/top-100.png) scroll no-repeat center top;
	margin:0 0 28px;
	padding-top:3px;
}
.col5050 .main {
	background:transparent url(images/boxes/bot-100.png) scroll no-repeat center bottom;
	padding-bottom:3px;
}
.col5050 .main .wp_content {
	-moz-column-count:2;
	background:#fff;
	column-count:2;
	padding:17px 20px;
}

/************************************************************
 * Layout: col6040
 */
.col6040 {
	background:transparent url(images/boxes/top-60.png) scroll no-repeat left top;
	margin:0 0 28px;
	padding-top:3px;
}

	.col6040 .left {
		background:transparent url(images/boxes/bot-60.png) scroll no-repeat left bottom;
		padding-bottom:3px;
		width:532px;
	}
		.col6040 .left .wp_content, .col6040 .left .wp_post {
			background:#fff;
			padding:17px 20px 20px;
		}

	.col6040 .right div {
		padding:20px;
	}
	.col6040 .right {
		width:404px;
	}
	.col6040 .right ul#wp_sidebar {
		background:transparent url(images/boxes/bot-40.png) scroll no-repeat left bottom;
		padding:17px 20px 20px;
	}
	.col6040 .right #wp_sidebar li {
			background:#fff;
			
	}

.col6040x2 {
	background:transparent url(images/boxes/top-6040.png) scroll no-repeat left top;
	margin:0 0 28px;
	padding-top:3px;
	}

	.col6040x2 .left {
		background:transparent url(images/boxes/bot-60.png) scroll no-repeat left bottom;
		padding-bottom:3px;
		width:532px;
		}
	.col6040x2 .left .background {
		background:#fff;
		padding:17px 20px 20px;
		}
		.col6040x2 .left h1 {
			padding-bottom: 15px;
			}
		
		#content .col6040x2 .wp_navigation li {
			list-style-type: none;
			}

	.col6040x2 .right div {
		padding:20px;
	}
	.col6040x2 .right {
		width:404px;
		background:transparent url(images/boxes/bot-40.png) scroll no-repeat left bottom;	
	}
	.col6040x2 .right .background {
		background: #fff;
	}
	.col6040x2 .right ul#wp_sidebar {
		background:#fff;
		padding:17px 20px 20px;
	}
	.col6040x2 .right #wp_sidebar li {
		list-style-type: none;
			
	}
	
	h2#rss {
		padding-left:20px;
		}

/************************************************************
 * Layout: col7030
 */
.col7030 {
	background:transparent url(images/boxes/top-70.png) scroll no-repeat left top;
	margin:0 0 28px;
	padding-top:3px;
}
	.col7030 .left {
		background:transparent url(images/boxes/bot-70.png) scroll no-repeat left bottom;
		padding-bottom:3px;
		width:636px;
	}
		.col7030 .left .wp_content {
			background:#fff;
			padding:20px;
		}
	.col7030 .right {
		width:300px;
	}


/************************************************************
 * Layout: nobg
 */
.col7030.nobg .left {
	background:transparent none;
	padding:0;
	width:636px;
}

/************************************************************
 * Layout: multimedia
 */
.multimedia {}
	.multimedia .top,
	.multimedia .bot .left,
	.multimedia .bot .right {
		padding:00px;
	}
	.multimedia .bot .left,
	.multimedia .bot .right {
		width:428px;
	}
	.multimedia .bot ul {
		-moz-column-count:3;
		column-count:3;
	}

/************************************************************
 * site specific layouts
 */
html, body {
  background:#c7c8ac url(images/body-bg-hopeinstitute.png) scroll repeat-x 0 0;
}
h1,h2,h3,h4,h5,h6, #nav p, #main-nav, a {
	color:#791e21;
}

/************************************************************
 * 
 */
.homepage .top .right ul {
	margin-top:20px;
}
.col6040 .right img {
	width:404px;
}
.col7030 .right img {
	width:300px;
}
#intro {
  background:#c7c8ac;
	margin:0 0 1.2em;
	padding:10px;
}
	#intro p {
		font-size:1.4em;
		margin:0;
	}


/************************************************************
 * 
 */
#contact-main { margin:20px 0 10px 0; }

#contact-main label { 
	width:220px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:10px;
	font-size:1.2em;
}

#contact-main label input, #contact-main label textarea, #contact-main label select { 
	font-size:1em;
	width:170px;
	position:absolute; 
	left:110%; 
	top:-2px;
}

#contact-main label select { width:175px; } /* fixes display issue - 5px larger than input field */

#contact-main label textarea { height:100px; overflow:auto; }
#contact-main br { display:none; }
#contact_business { display:none; }
/* ------------------------ submit button form elements ------------------------ */

input.submit, input.submit-contact-main { 
	width:60px;
	height:20px;
	cursor:pointer; 
	padding:0; 
	}

input.submit-contact-main { margin:95px 0 0 243px; } /* defines placement of contact-main submit button */

input.submit-image, input.submit-contact-main { /* REMOVE IF NOT USED */
	background:url("../images/btn-submit.jpg");
	width:64px;
	height:20px;
	border:none;
	cursor:pointer;
	}

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