/*
Theme Name: StudioJ
Theme URI: http://www.studiojarch.com/
Description: A theme developed for the architecture firm StudioJ.
Version: 0.01
Author: James Cornetet
Author URI: http://www.studiojarch.com/
Tags: white, clean, fixed width, two columns, widgets

	StudioJ v0.01
	 http://www.studiojarch.com

	This theme was designed and built by James Cornetet,
	whose blog you will find at http://www.studiojarch.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* MENU */

.menu-active {font-size: 2em; color: #000000; float: left; font-weight: bold;}

.menu-left{float: left; padding: 0 10px 0 0;}

.menu-right{float: left; padding: 5px 0 0 0; width: 900px;}

.james-cornetet-menu:hover {background-color: #484095; color: #fff;}

.architecture-menu:hover {background-color: #008dd2; color: #fff;}

.awards-menu:hover {background-color: #85C21F; color: #fff;}

.blog-menu:hover {background-color: #FFDD00; color: #fff;}

.news-menu:hover {background-color: #F48104; color: #fff;}

.publications-menu:hover {background-color: #D90013; color: #fff;}

.contact-menu:hover {background-color: #DB308E; color: #fff;}

.sub-nav {margin-left: 3px; float: left; color: #000000;}

.holder {
	float: left;
	width:800px;
	padding: 0;
	margin: 75px 0 0 0;
	height: 200px;
}

#relative_banner {
	Position: relative;
	}

#banner {
	position:absolute; bottom:0;
 z-index:-1;bottom: 1em; height:400px; width:400px;}


/* Begin Typography & Colors */
body {
	font-size: 11px;
	font-family: Helvetica,Arial,Geneva,sans-serif;
	background-image:url('http://www.images.studiojarch.com/studioj-black.jpg');
	background-repeat:no-repeat;
	background-position:top left;
	background-attachment:fixed;
	color: #000;
	text-align: left;
	line-height: 25px;
	margin: 0;
	padding: 0;
	}
p { margin: 0;}

h1, h2, h3 {
	font-family: Helvetica,Arial,Geneva,sans-serif;
	}

h1 {
	font-size: 2em;
	}

h2 {
	font-size: 1.5em;
	}


h3 {
	font-size: 1.3em;
	}

h1, h1 a, h1 a:hover, h1 a:visited, h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited {
	color: #000;
	text-decoration: none;
	}

a {
	color: #000;
	text-decoration: none;
	padding: 2px;
	font-weight: bold;
	}

a:hover, h1 a:hover, h2 a:hover, h3 a:hover {
	color: #fff;
	background: #000 none repeat scroll 0 0;
	}

/* End Typography & Colors */


/* Begin Structure */
#relative_element {
  width: 900px;
  margin: 0;
  position: relative;
}

#fixed_element {
  width: 900px;
  position: fixed;
  margin-left: 0px;
}

#page {
	background-color: white;
	margin: 20px 0px 0px 200px;
	padding: 0;
	width: 760px;
	}

.entry {
	margin: 111px 0px 0px 0px;
	width: 400px;
	float: left;
	}

#size1 {
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	float: left;
	padding: 0 5px 0 0;
	}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

.sub-nav {
	margin-left: 3px;
	}


#relative_footer {
	Position: relative;
	}

#footer {
	padding: 0;
	margin: 0 0 0 200px;
	width: 760px;
	Position: fixed; bottom: 0px;
	clear: both;
	border: none;
	text-align: left;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: left;
	}
/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 0;
	margin: 0;
	}

h2 {
	margin: 30px 0 0;
	}


h3 {
	padding: 0;
	margin: 30px 0 0;
	}

/* End Headers */


a img {
	border: none;
	}

/* End Various Tags & Classes*/