/* CSS Document */

body {
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 2em 0;
	padding: 0;
}
#wrapper {
	background: #bab49a;
	width: 90%;
	max-width: 1024px;
	min-width: 760px;
	border: 1px solid #fff;
	margin: 0 auto;
	padding: .8em;
}

#logo {background: #000; padding: 1em}
#header {
	background: #6b6e73;
	height: 250px;
	padding: 10px;
}

#header-pic {
	border:solid 1px #ccc;
	background: url(../images/nyc.jpg) no-repeat;
	height: 250px;
}
#navcontainer {
	margin: 0;
	padding: 0;
	height: 30px;
	background: #4f5054;
	width: 100%;
}

#nav {
   	background: url(../images/nav.gif) no-repeat;
	width: 484px;
	height: 30px;
	padding: 0;
    position: relative;
	margin: 0 0 0 10px;
}

  #nav li {
  position: absolute; 
  top: 0; 
  margin: 0; 
  padding: 0; 
  list-style: none; 
  }
  
  #nav li, #nav a { 
  height: 30px; 
  display: block; 
  text-decoration: none; 
  text-indent: -9999px;
  outline:none
  }
  
  
#about {left: 0px; width: 79px;}
#portfolio {left: 133px; width: 94px;}
#contact {left: 274px; width: 108px;}
#home {left: 427px; width: 57px;}

  #about a:hover, body.about #about {
    background: transparent url(../images/nav.gif) 0px -32px no-repeat;}
  #portfolio a:hover, body.porfolio #por {
    background: transparent url(../images/nav.gif) -133px -32px no-repeat;}
  #contact a:hover, body.contact #contact {
    background: transparent url(../images/nav.gif) -274px -32px no-repeat;}
  #home a:hover, body.home #home {
    background: transparent url(../images/nav.gif) -427px -32px no-repeat;}

	
#main-container {
	background: #f9f5f2;
	margin: 0;
	padding: 1.5em;
	border: solid 1px #918d81;
	display: inline-block;
	}

#main-container:after{ 
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0; 
	clear: both; 
	visibility:hidden;
	 }

.gutter {padding: 1em}

#sidebar {
	float: left;
	width: 25%;
	border: solid 1px #acb3b9;
	padding: 5px;
	background: #fff;
	}
	
#content {
	float: right;
	width: 70%;
	background: #e5e4df;
	border: solid 1px #6b6e73;
	min-height: 350px;
	}

#footer {
	clear:both;
	width: 100%;
	margin: 0;
	padding: 4px 0;
	background: #6b6e73;
	color: #bab49a;
}

#footer a {color: #bab49a; text-decoration: none;}
	
#footer a:hover {
  	text-decoration: underline;
  	}	

#fright {
  	float: right;
	list-style: none;
  	margin: 0;
  	padding: 0 8px 0 0;
	text-align:right;
	
  	} 
#footer p{padding: 0; margin: 0 0 0 8px}

/*Typography*/

a {color: #000}

#content h1 {
	font: normal 200%/normal Georgia, "Times New Roman", Times, serif;
	color: #4b4c3c;
}
#content h2 {
	font: normal 150%/normal Georgia, "Times New Roman", Times, serif;
	color: #666633;
}

#content > .gutter > h1:first-child {margin-top: 0; padding-top: 0}

#sidebar h1 {
	font: normal 150%/normal Georgia, "Times New Roman", Times, serif;
	color: #4b4c3c;
	text-transform:uppercase;
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 5px;
	border-bottom: 1px dashed #ccc;

}
#sidebar .entry  {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dashed #ccc;
	}

#sidebar .entry a {
	color: #7483a0;
	}
	
#col1 #sidebar {display:none}
#col1 #content {float: left; width: 100%; background: #fff}
#col1 .gutter {padding-right: 20%}