@charset "UTF-8";
/* CSS Document */

body, p, table, h1, h2, h3, h4, h5, div {
	margin:0;
	padding:0;
}

a:focus, a:active {
	outline: none;
}


body {
	background-color:#D5D4D2;
}

/* *************************************
	LAYOUT
   ************************************* */
   
#home, #work, #personal {
	height:800px;
	margin:0;
	padding:0;
	width:100%;
}

#home {
	background:url(http://jasongrant.net//images/bg_main.jpg) bottom left no-repeat;
	height:910px;	
	position:relative;
}

#work {
	position:relative;
}



#personal {
	position:relative;
}

#slideBox {
	background:url(http://jasongrant.net//images/work_bg.jpg) fixed top left no-repeat;
	overflow:hidden;
	position:relative;
}

#container {
	position:relative;
}

.box {
	float:left;
	height:800px;
	overflow:hidden; 
	position:relative;
}

#logo {
	position:absolute;
		top:40px;
		left:50px;
	z-index:1000;
}

#contact {
	position:absolute;
		top:200px;
		left:-346px;
	[?]	left:-390px;
	width:380px;
[?]    width:420px;	
	z-index:2000;
}


#contact_content {
	background:#000000 url(http://jasongrant.net//images/contact_header.png) 10% 0% no-repeat;
 	height:410px;
[?]	height:560px;
	float:left;
	margin:0;
	padding:100px 15px 15px 25px;
	width:306px;
[?]   width:346px;	
}

#contact_tab {
	float:right;
	margin:0;
	padding:185px 0 0 0;
}

#left_column {
	height:620px;
	padding:97px 0 0 0;
	position:absolute;
		top:38px;
		left:370px;
	width:400px;
}

#left_column_med {
	/*height:620px;*/
	padding:97px 0 0 0;
	position:absolute;
		top:38px;
		left:320px;
	width:600px;
}

#left_column_wide {
	height:620px;
	overflow:hidden;
	padding:97px 0 0 0;
	position:absolute;
	top:38px;
	left:300px;
	width:1200px;
}

#right_column {
	height:620px;
	position:absolute;
	padding:97px 0 0 0;
		top:38px;
		left:790px;
	width:400px;
}

#right_column_sm {
	/*height:620px;*/
	position:absolute;
	padding:97px 0 0 0;
		top:38px;
		left:975px;
	width:300px;
}

.work_bg {
	background:url(http://jasongrant.net//images/work_header.png) top left no-repeat;
}

.personal_bg {
	background:url(http://jasongrant.net//images/personal_header.png) top left no-repeat;
}

.project {
	float:left;
	margin:5px;
	width:344px;
}

.post_container {
 	height:540px;
	overflow:hidden;
	width:100%;
 }
 
.post {
	float:left;
	height:180px;
	padding:0 18px 0 0;
	width:315px;
}

.post-date {
	background:url(http://jasongrant.net//images/transparent_bg2.png) top left repeat;
	float:left;
	margin:0 10px 115px 0;
	padding:5px;
}

.personal_detail .post-date {
	margin:0 10px 0 0;
	padding:5px 5px 3px 5px;
}

.section_nav {
	position:absolute;
		top:60px;
		left:927px;
	z-index:900;
}

#info {
	background-color:#EBC200;
	display:none;
	margin-top:-7px;
	padding:10px;
	position:absolute;
	width:324px;
	z-index:1000;
}

#left_column h3, #left_column_wide h3, #right_column h3, #right_column_sm h3 {
	position:absolute;
		left:0;
		bottom:0;
}

.personal_detail h3 {
	position:relative;
	margin-top:25px;
}

#flickr {

}

.clearMe {
	clear:both;
}

/* *************************************
	TYPOGRAPHY
   ************************************* */
   
h1 {

}

h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:26px;
	font-weight:300;
	letter-spacing:-.05em;
	margin:0 0 15px 0;
	padding:0;
	text-transform:uppercase;
}   
  
 h3 {
 	background:url(http://jasongrant.net//images/transparent_bg.png) top left repeat;
	font-family:Helvetica, Arial, sans-serif;
	font-size:22px;
	font-weight:300;
	letter-spacing:-.03em;
	padding:7px 7px 5px 7px;
	text-transform:lowercase;
	width:360px;
} 

h4 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:600;
	letter-spacing:-.07em;
	margin:0;
	padding:3px 0 7px 0;
}

#contact_content h4 {
	color:#70B1BF;
	font-weight:300;
	text-transform:uppercase;
}

.personal_detail h4 {
	padding-top:6px;
}
  
.yellow h2, .yellow h3 {
	color:#EBC200;
}   

.yellow h3 {
	width:330px;
}   
.blue h2 {
	color:#4BA0B2;
}   

.blue h3 {
	color:#B1D7CF;
	width:330px;
}

#info h4 {
	color:#000000;
	margin:0 0 10px 0;
	padding:0;
}

p, a {
	color:#363636;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:100;
	letter-spacing:-.03em;
	line-height:22px;
	margin:0 0 12px 0;
}

p strong {
	color:#000;
}

#info p {
	margin:0 0 3px 0;
	padding:0;
}

.post-date {
	color:#3A9AAF;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:600;
	letter-spacing:-.04em;	
}

.post-date strong {
	font-family:Helvetica, Arial, sans-serif;
	font-size:21px;
	font-weight:300;
	letter-spacing:-.08em;	
}

p.tags {
	
	margin:0;
}

p.tags strong {
	color:#333333;
}

p.fineprint {
	font-size:11px;
	line-height:16px;
}

/* *************************************
	LISTS
   ************************************* */
   
#contact_content ul {
	list-style-type:none;
	margin:7px 0;
	padding:0;
}
  
#contact_content ul li {
	display:inline;
	margin:0 10px 0 0;
	padding:0;
}
  
#left_column ul, #right_column ul, #right_column_sm ul {   
	color:#363636;
	font-family:Helvetica, Arial, sans-serif;
	font-size:18px;
	font-weight:100;
	letter-spacing:-.03em;
	line-height:18px;
	list-style-type:none;
	margin:0;
	padding:0;
}


#left_column li, #right_column li, #right_column_sm li {
	margin:0 0 10px 0;
}

.section_nav ul {
	font-family:Helvetica, Arial, sans-serif;
	font-size:20px;
	font-weight:600;
	letter-spacing:-.07em;
	list-style-type:none;	
	margin:0;
}

.section_nav li {
	display:inline;
	margin:0 10px 0 0;
	
}

.selected, li.selected a {
	background-color:#999999;
	color:#CCC;
	padding:0 4px;
}
 
ul.sub_nav {
	margin:0;
}

.sub_nav li {
	font-size:14px;
	list-style-type:none;	
	margin:0 10px 0 0;
}

.sub_nav li a {
       font-size:14px;
}
.sub_nav li a.selected {
	background-color:#999999;
	color:#CCC;
        font-weight:bold;
	padding:0 4px;
}

/* *************************************
	LINKS
   ************************************* */

#contact_content a {
	color:#CCCCCC;
}
   
.yellow h2 a {
	color:#EBC200;
	text-decoration:none;
}

.yellow h3 a {
	color:#EBC200;
}

.yellow a {
	color:#EBC200;
}

.blue a {
	color:#3A9AAF;
}


.blue h3 a {
	color:#B1D7CF;
}

.selected {
	color:#CCC;
	cursor:text;
	text-decoration:none;
}

.sub_nav li a.selected {
	background-color:#999999;
	color:#CCC;
	cursor:text;
	text-decoration:none;
	padding:0 4px;
}

.work_list a img, .project a img, #right_column_sm a img {
	border:2px solid #666666;
}

.work_list a img.active, .work_list a:hover img, .project a img.active, .project a:hover img, #right_column_sm a img.active, #right_column_sm a:hover img {
	cursor:pointer;
	border:2px solid #EBC200;
}

.section_nav a {
	color:#666666;
}

#info a {
	font-family:Arial, Helvetica, sans-serif;
}

#info .view_project {
	color:#000000;
	float:left;
	font-size:12px;
}

#info .close {
	color:#333333;
	font-size:11px;
	float:right;
	padding:1px 0 0 0;
	text-align:right;
}

.close img {
	border:none;
}

/* *************************************
	IMAGES
   ************************************* */
   
.post img {
	margin:0 15px 15px 0;
	width:110px;
}

#right_column_sm img {
	border:2px solid #666666;
}

.flickr_badge_image {float:left;margin:5px;}

.personal_post_image img {
        border:1px solid #F8F8F8;
        float:left;margin:0 10px 15px 0;
}