/** Jayme Cochrane | Portfolio v2.0 **/
/** Site design copyright Jayme Cochrane 2010 **/



/** Site standards **/
/********************/
body, 
html		{ 		font: 90%/1.5em "Lucida Grande", Verdana, Arial, sans-serif; } 

p   		{ 		color: #444; letter-spacing: 0.2px; line-height: 170%; }

a   		{ 		border-bottom: 1px solid #005774; color: #005774; text-decoration: none; }

a:hover 	{ 		border-bottom: 1px solid #e25a00; color: #e25a00; }

/* keeping h1 for accessibility and SEO, but it's hidden on the page */
h1  		{ 		display: none; }

#container 	{ 		margin: 0 auto; width: 960px; }
#content 	{ 		float: left; } 
#profile-content,
#content	{ 		float: left; margin-left: 25px; } 
#profile-content { 	        width: 980px; }


/* dark grey bar + Jayme Cochrane type across the top */
#head 		{ 		background-color: #333; height: 50px; width: 100%; }

/* Jayme Cochrane text image and hover effects */
#home 		{ 		height: 29px; margin:0; padding:0; width: 197px; }
#home a:visited, 
#home a:link, 
#home a 	{ 		border-bottom: none; display:block; }
#home img 	{ 		border:0; height:100%; width:100%; }
#home a:hover img { 		visibility:hidden; }
#home a:hover	{ 		background-image:url("../images/jc-type-hover.png"); height: 29px; width: 197px; }
#spacer 	{ 		margin: 0 auto; padding-top: 15px; width: 910px; }

/* navigation */
#nav 		{ 		border-bottom: 1px solid #b7b7b7; float: left; height: 50px;  position: relative; width: 100%;  }
#nav a.active   { 		border-bottom: 1px solid #555; }

ul.nav-list     { 		float: left; list-style: none; margin: 0 0 3px 25px; padding: 0; width: 100%; }
ul.nav-list li  { 		float: left; margin: 15px 20px 0 0; }

#nav a 		{ 		border-bottom: 1px solid #fff; color: #333; font-size: 130%; text-decoration: none; }
#nav a:hover    { 		border-bottom: 1px solid #e25a00; font-size: 130%; text-decoration: none;  }

/* footer */
#foot-text 	{ 		border-top: 1px solid #b7b7b7; margin: 0 auto; width: 960px; }




/** cufon elements **/
/********************/
p.note 		{ 		color: #333; font-size: 75%; margin: 12px 0 0 25px; }

.blurb p 	{ 		font-weight: 700; line-height: 200%; text-transform: uppercase; }

.note p, 
p .note 	{ 		color: #333; font-size: 110%; font-weight: 700; }




/** Main Page specific **/
/************************/

/* front page blurb about me */
#blurb 		{ 		float: left; margin: 10px 0 80px 25px; position: relative; }

h3.entry-title a { 	        border-bottom: 1px solid #fff; color: #ff6600; float: left; font-size: 170%; margin: 5px 0 10px 0;}
h3.entry-title a:hover {        border-bottom: 1px solid #ff6600; }

/* project excerpt text */
#front p.left, 
p.right 	{  		color: #666; float: left; font-size: 105%; margin-top: 25px; width: 445px; }
#front p.right 	{ 		margin-left: 20px; }

a.read-more     { 	 	border-bottom: none; float: right; font-size: 75%; margin: 10px 25px 0 0; text-decoration: underline; }

#happenings     { 		border-top: 1px solid #b7b7b7; clear: left; float: left; margin: 50px 0 20px 0; padding-top: 20px; width: 445px; }
.ul-haps 	{ 		list-display: bullet; }
.li-haps 	{ 		color: #333; font-size: 80%; line-height:180%; margin: 5px 0 10px 0; }

.front-image a { border-bottom: none; }
.front-image a:hover { border-bottom: 2px solid #ff6600; }


/** Profile specific **/
/**********************/

/* columns for displaying info */
.profile-col    { 		float: left; margin: 40px 55px 50px 0; width: 270px; } 
.shot { 	        margin: 35px 0 0 0; }

#profile p      { 		color: #555; font-size: 85%; margin-bottom: 10px; }
#profile .note p, 
#profile p .note { 	        color: #333; font-size: 130%; }
.profile-col p { 	        line-height: 150%;}

/* links in bio text */
.in-text 	{ 		border-bottom: 1px solid #ff6600; color: #555; }

/* photo credit text */
small 		{ 		float: left; font-size: 70%; font-style: italic; margin: 0 0 35px 0; position: relative; width: 100%; }
small a 	{ 		border-bottom: 1px solid #555; color: #555;  }

.bio            { 		line-height: 190%; }

.years          { 	        color: #999; font-size: 90%; }

#cv 		{ 		height: 35px; margin:30px 0 0 0; padding:0; width: 172px; }
#cv a:visited, 
#cv a:link, 
#cv a 	{ 		border-bottom: none; display:block; }
#cv img 	{ 		border:0; height:100%; width:100%; }
#cv a:hover img { 		visibility:hidden; }
#cv a:hover	{ 		background-image:url("../images/cv2.jpg"); height: 35px; width: 172px; }


/** Projects specific **/
/***********************/

#project-content { width: 100%; float: left; margin: 60px 0 0 25px; }

#one-proj { width: 430px; height: 400px; margin-right: 45px; float: left;  }

#art-design p, #research p   {        line-height: 170%; font-size: 85%; float: left;  } 

#one-proj a { border-bottom: 2px solid #fff; }

#one-proj a:hover { border-bottom: 2px solid #ff6600; }

.proj-link a {  color: #333; font-size: 130%; float: left;  margin: 10px 0 10px 0;  }

.proj-info      {               color: #999; font-size: 80%; float: left; }

.category { float: left; margin-bottom: 20px; width: 960px; }

.category h6 { border-bottom: 1px solid #999; color: #666; margin-bottom: 20px; width: 935px; }

/* captions under images for projects */
.proj-cap { font-size: 80%; color: #333; margin-left: 30px; font-style: italic; }

/* vimeo things */
object { float: left; margin: 20px 0 40px 0; }




/** Newsleak **/
/***********************/
.newsleak { float: left; font-size: 100%; margin-bottom: 80px; }

/* large title */
.title { margin-bottom: 10px; }

/* receipt print out */
#print { float: left; }
#print img { border: 1px solid #ccc; margin: 30px 0 0 30px; padding: 20px 0 20px 0; }

/* text and video on the right side */
.newsleak .right { float: right; margin: 0px 0 0 80px; width: 500px;  }
.right img { float: left; margin: 30px 0 0px 0; }

/* pink text */
.newsleak strong { color: #dd0374; font-family: "Helvetica Neue", Arial, serif; font-size: 150%; }



/** Fluid Data **/
/***********************/
.fluid-data { margin: 0 auto 80px auto; width: 600px; }

#fd-info { float: right; font-size: 80%;}

#fd-info .left { float: left; width: 300px; }
#fd-info .right { float: right; margin-left: 50px; width: 250px; }

#fd-info img { float: right; margin: 5px 0 23px 0; width: 250px; }

.kasa { float: left; margin: 0; }

.fluid-data h2 { color: #2d2e2c; font-family: "Helvetica Neue", Arial; font-size: 550%; margin-bottom: 20px;}

.fd-left, .fd-right { margin-top: 20px; }
.fd-right { float: right; }

/* large images */
.fd-big { margin: 50px 0 0px 0; }




/** glific **/
/***********************/
.glific { float: left; font-family: Georgia, serif; font-size: 140%; margin-bottom: 80px; width: 960px; }

.glific p { margin: 40px 0 40px 40px; width: 400px; float: left; }

.glific .caps { color: #999; font-size: 80%; }

.glific .proj-cap { float: left; font-size: 65%; width: 100%; }

.glific .logo { float: left; margin: 20px 0 0 40px; }

.spanner { float: left; margin-top: 10px; width: 100%; }




/**** taccuino ***/
/***********************/
.taccuino { float: left; font-size: 120%; margin-bottom: 80px;  width: 960px;  }

.taccuino img { clear: both;  float: left; margin: 10px; }

/* vimeo vid */
.taccuino object { float: left; margin-left: 50px;}

.taccuino p { float: left; font-spacing: 150%; }
.taccuino .left { float: left; width: 450px; }
.taccuino .right { float: right; margin-left: 30px; width: 450px;  }

.names { color: #333; float: left; font-size: 95%; line-height: 130%; padding: 10px 0; width: 250px;  }




/***** meatbook *****/
/***********************/
.meatbook { margin: 10px 0 80px 0;}

.meatbook-paper { margin: 0 auto; width: 800px; }

.meatbook p { margin-bottom: 20px; }
.meatbook-paper p { margin-bottom: 10px; }
.meatbook h3 { color: #560600; font-family: "Trebuchet MS", serif; font-size: 400%; margin: 10px 0 20px 0; }
.mb-text { float: right; margin-right: 50px; width: 400px; }

.mb-pic { float: left; width: 300px; }
.mb-pic a { font-size: 80%; }

.meatbook .proj-cap { float: left; margin-bottom: 40px; }

.mb-title { color: #000; float: left; font-size: 140%; font-weight: bold; margin-bottom: 10px; }




/***** punchout *****/
/***********************/
.punchout { float: left; margin-bottom: 80px;}

.punchout .text { float: right; font-size: 110%; margin-right: 10px; width: 275px; }
.punchout .text p { font-family: "Helvetica Neue", Arial, sans-serif; margin: 15px 0 0 25px; }

.punchout .media { float: left; width: 640px; }

.punchout .spacer { float: right; }




/*** NewsFireHose ***/
/***********************/
.newsfirehose { margin: 0 auto; width: 750px; }

.newsfirehose p { float: left; margin: 15px 0; width: 400px; }

.newsfirehose .infos { background-color: #eee; color: #333; float: right; margin: -250px 0 0 20px; padding: 10px; width: 200px; }

.newsfirehose img { float: left; width: 640px; }




/** graphics **/
/***********************/
.graphic-design { float: left; margin-left: -20px; width: 960px; }

.graphic-design img { float: left; margin-right: 5px;  }

.graphic-design .proj-cap { float: left; width: 400px; }

.graphics {  float: left; margin: 0 5px 50px 0; width: 475px; }

.graphic-design h2 { margin-bottom: 40px; }




/***** web *****/
/***********************/
.web-design { float: left; width: 960px; }

.web-info { float: left; margin: 0 0 70px 20px; width: 440px; }

.graphic-design h2, .web-design h2 { color: #2d2e2c; font-family: "Helvetica Neue", Arial; font-size: 400%; width: 100%; }
.web-info h6 { color: #333; font-family: "Helvetica Neue", Arial, serif; font-size: 130%; }

.web img { border: 1px solid #ccc; }




/***** milano *****/
/***********************/
.milano .title { float: left; height: 100%; position: relative; width: 100px; }

.milano .title img {  bottom: 0px; margin-bottom: 80px; position: absolute;}

.milano .text { float: right; width: 600px;  }

#research .milano p { font-family: "Myriad Pro", "Trebuchet MS", sans-serif; font-size: 110%; line-height: 200%; margin: 10px 0 10px 0; }

#entry { height: 1000px; width: 100%;  }