/*
Theme Name: Epstein Creative
Theme URI: http://astoriedpresent.com
Description: Custom theme for Epstein Creative
Author: Eric Akaoka
Author URI: http://astoriedpresent.com/

*/


/* Default Stylesheet */

* {
	margin: 0; 
	padding: 0;
	text-decoration: none;
	border: none;
	}
															/** BODY ELEMENTS **/
body {
	text-align: left;
	color: #474747;
	background: #fff;
	behavior: url("csshover.htc");
	}


/* LAYOUT DIVs */

div#logo {
	position: fixed;
	float: left;
	width: 307px;
	height: 202px;
	margin-top: 0px;
	margin-left: 0px;
	background: url(images/epstein_logo.jpg) no-repeat bottom right;	
	z-index: 500;
}


/* OTHER PAGES */

div#container {
	position: absolute;
	width: 950px;
	left: 50%;
	margin-left: -475px;
	border-bottom: 10px solid #474747;
	background: url(images/content_bg.jpg) repeat-y left;
	background-position-x: -0px;
}

	div#menu {
		height: 25px;
		right: 100%;
		margin-top: 75px;
		margin-left: 325px;
	}
		div#menu li {
			float: left;
			list-style: none;
			height: 25px;
		}
		div#menu li:hover {
			background-position: 0 -25px;
		}
		
		div#menu li a {
			display: block;
			height: 25px;
		}		
	
			div#menu li em {
				display: none;
			}

		li#menu_home {
			background: url(images/menu/menu_home.jpg);
			width: 87px;
		}
		li#menu_blog {
			background: url(images/menu/menu_blog.jpg);
			width: 55px;
		}
		li#menu_about {
			background: url(images/menu/menu_about.jpg);
			width: 69px;
		}
		li#menu_services {
			background: url(images/menu/menu_services.jpg);
			width: 93px;
		}
		li#menu_portfolio {
			background: url(images/menu/menu_portfolio.jpg);
			width: 103px;
		}
		li#menu_resources {
			background: url(images/menu/menu_resources.jpg);
			width: 109px;
		}
		li#menu_contact {
			background: url(images/menu/menu_contact.jpg);
			width: 84px;
		}

	div#header {
		height: 100px;
		right: 100%;
		margin-left: 325px;
		margin-bottom: 25px;
		background: #ff9636;
		// background-image: url(images/orange.jpg);
	}
	
	div#content {

	}
		div#content p, 
		div#content h1,
		div#content h2, 
		div#content h3 {
			margin-left: 350px;
		}
		
		div#panel {
			margin-top: -25px;
			margin-left: 325px;
			margin-bottom: 25px;
			padding: 1em 0 1em 0;
			background: #eee url(images/cornerbr.png) bottom right no-repeat;
		}
			
			div#footer p,
			div#panel p, 
			div#panel h1,
			div#panel h2, 
			div#panel h3 {
				margin-left: 25px;
			}

		
		p#tagcloud {
		}
		
		div#post_info {
			position: absolute;
			float: left;
			width: 325px;
			padding-top: 6px;
			text-align: right;
			color: #fff;
			background: url(images/post_info_bg.jpg) top right no-repeat;
		}
			div#post_info p {
				margin: 0 25px 0 0;
			}
	
		div#footer {
		margin-top: 2em;
		margin-left: 325px;
		padding: 1em 0 1em 0;
		background: #eee url(images/cornertr.png) top right no-repeat;
	}

	
	
/* TYPOGRAPHY */

p, div.post {
	font-family: 'lucida grande', 'lucida sans unicode', Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	margin-right: 75px;
}
	div#post_info p {
	}
	
		p#post_date {
			font-family: georgia, 'times new roman', serif;
			font-style: italic;
			font-weight: bold;
		}
	
		p#post_author {
			font-family: georgia, 'times new roman', serif;		
		}

	p#post_tags {
		font-family: georgia, 'times new roman', serif;
		font-style: italic;
		color: #ff9636;
		line-height: 1;
		margin-bottom: 1em;
	}
	
	div.post {
		margin-bottom: 5em;
	}
	
		div.post p {
			margin-bottom: 1.5em;
		}
	
div#footer p {
	font-weight: bold;
	font-family: georgia, 'times new roman', serif;
	font-style: italic;
}

h1 {
	font-family: georgia, 'times new roman', serif;
	font-size: 24px;
}

h2 {		
	width: 75%;
	font-family: georgia, 'times new roman', serif;
	font-style: italic;
	font-size: 18px;
}

strong {
	text-transform: uppercase;
}

/* Links */
a, a:visited {
	font-family: georgia, 'times new roman', serif;
	color: #c93400;
	text-decoration: underline;
}

	a:hover, a:active {
		color: #ff9636;
	}
	
	h1 a {
		text-decoration: none;
		font-style: normal;
	}

/* Other Styles */

div.post img {
	margin: 1em;
	padding: 4px;
	border: 2px solid #ff9636;
}