/*
----------------------------------------------------------
_______________________________________________MAIN LAYOUT
----------------------------------------------------------
*/

/* mac hide \*/
html, body {height:100%}
/* end hide*/

body {
	text-align: center;}
	
div#outer {
	min-height: 100%;
	width: 75em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -63px;
  text-align: left;}

div#clearfooter {
	clear: both;
	height: 63px;}
	
div#header {
	width: 100%;
	position: absolute;
	top: 0px;}
  
div#header div.centered {
  width: 75em;
	height: 314px;}		
	
div#footer {
	width: 100%;
	height: 53px;
  padding-top: 10px;}
  
div#footer div.centered {
	height: 43px;}

div#sidebar {
  margin-top: 384px;
	width: 25em;
	float:left;
	position: relative;
  z-index: 2;}
	
div#content {
  margin-top: 402px;
  width: 47em;
  padding: 0 1.5em;
	float: right;
	position: relative;
  z-index: 2;}
	
div.centered {
	width: 75em;
	position: relative;
	top: 0; left: 0;
	margin-left: auto;
	margin-right: auto;}
	
div#banner{
  height: 124px;
  padding-top: 12px;
  z-index: 1;}
  
.clear {clear: both; height: 1px; overflow: hidden; margin-top: -1px;}	

/*
----------------------------------------------------------
________________________________________TYPOGRAPHY GENERAL
----------------------------------------------------------
*/

html { font-family: georgia, serif; }
strong, th, thead td, dt, b { font-weight: bold; }
cite, em, dfn, address, i, dd, blockquote { font-style: italic; }
code, kbd, samp, pre, tt, var, input[type='text'], textarea { font-family: arial; }
del { text-decoration: line-through; color: #666;}
ins, dfn { border-bottom: 1px solid #ccc; }
small, sup, sub { font-size: 0.8em; }
big {font-size: 1.2em;}
abbr, acronym { text-transform: uppercase;}
a abbr, a acronym { border: none; }
abbr[title], acronym[title], dfn[title] { cursor: help;}
sup { vertical-align: super; }
sub { vertical-align: sub; }
strike { text-decoration: line-through;}

/*
----------------------------------------------------------
________________________________________________PARAGRAPHS
----------------------------------------------------------
*/
p, blockquote, ul, ol, dl, table, address, form {
  line-height: 1.5em;
  margin-bottom: 0.7em;}
  

/*
----------------------------------------------------------
__________________________________________________HEADINGS
----------------------------------------------------------
*/
h1, h2, h3, h4, h5, h6 {line-height: 1em; font-weight: normal;}

#content h1 {font-size: 1.8em; margin-bottom: 0.675em;}
#content h2 {font-size: 1.2em; margin-bottom: 0.6em; font-weight: bold;}

#sidebar h1 {font-size: 1.5em; margin-bottom: 0.6em; font-weight: bold; font-style: italic;}

/*
----------------------------------------------------------
_____________________________________________________LINKS
----------------------------------------------------------
*/
a {text-decoration: underline;}

/*
----------------------------------------------------------
_____________________________________________________FORMS
----------------------------------------------------------
*/

label {font-size: 0.9em; display: block;}

input, textarea {
  vertical-align: middle;
  display: block;
  margin-bottom: 0.7em;
  width: 100%;
  padding: 2px;}
  
input.hidden {display: none;}
  
input.submit {
  padding: 0;
  border: none;
  float: right;
  width: 88px;
  height: 21px;
  cursor: pointer;}
  
select {padding: .1em .1em 0 .2em; }
option {padding-right: 0.7em;}
/*
----------------------------------------------------------
____________________________________________________HEADER
----------------------------------------------------------
*/

div#girl {
  float: left;
  width: 300px;
  height: 364px;}
  
div#switcher {
  float: right;
  width: 76px;
  height: 26px;
  padding: 4px 6px 0 6px;}
  
div#switcher a span {display: none;}
  
a#night, a#day, span#night, span#day {
  display: block;
  float: left;
  margin: 0 8px;
  width: 20px;
  height: 20px;}
  
div#intro {
  width: 38.5em;
  font-size: 14px;
  float: right;
  margin: 84px 18px 0 0;
  text-align: left;}
  
div#intro h1 {
  font-size: 1.4em;
  margin-bottom: 0.475em;}
  
/*
----------------------------------------------------------
___________________________________________________CONTENT
----------------------------------------------------------
*/

div.project {
  background: #fbfbf3;
  padding: 6px 18px 6px 6px;
  border: solid 1px #ccd6b9;
  margin-bottom: 1em;}
  
div.project a img {
  float: left;
  margin-right: 6px;
  border: solid 1px #fbfbf3;}
  
div.project a:hover img {
  float: left;
  margin-right: 6px;
  border: solid 1px #ccd6b9;}
  
a.visitlink {
  font-size: 11px;
  float: right;
  font-style: italic;
  text-decoration: underline;}

  
/*
----------------------------------------------------------
___________________________________________________SIDEBAR
----------------------------------------------------------
*/


#sidebar_bot {
  clear: right;
  width: 300px;
  height: 4px;
  overflow: hidden;}
  
#sidebar form {
  padding-top: 35px;
  margin: 0 2em;}
  
#sidebar #result {
  margin: 0 2em 2em 2em;}
  
 
#result.warn {
  font-size: 0.9em;
  font-weight: bold;
  color: #fff;}  
/*
----------------------------------------------------------
____________________________________________________FOOTER
----------------------------------------------------------
*/
#footer {
  color: #999;}
  
#footer div.left {  
  float: left;
  text-align: left;
  font-size: 0.9em;
  width: 25em; 
  margin: 8px 0 0 80px;
  line-height: 1.4em;}
  
#footer div.right {
  float: right;
  font-size: 0.9em;
  width: 45em; 
  text-align: right;
  margin: 8px 1.5em 0 0;
  line-height: 1.4em;}