/* ------------------------------------------------------------

Title:     Millree Hughes
Author:    maaniksingh@gmail.com
Created:   March 14 2007
Updated:   March 20 2007

------------------------------------------------------------ */

/* COLORS 

*/

/* General Styles */

body {
	margin: 0;
	padding: 0;
	font-family: "andale mono", monospace;
	font-size: 90%;
	line-height: 140%;
	text-align: center;
	color: #666;
	background: #333;
	}
	
img {border: 0px;}

/* LINKS */


a:link, a:visited {
	color: #000;
	background: none;
	text-decoration: none;
	padding: 1px;
	}
a:hover {
	color: #000;
	background: yellow;
	text-decoration: none;
	padding: 1px;
	border: 0px;
	}

h1 {
	font-size: 200%;
	margin-top: 20px;
	}

h2 {font-size: 130%;}
h3 {font-size: 110%;text-transform: uppercase;	}


h1, h2, h3, h4 {color: #000;}

h1, h2, h3, h4, p {
	padding: 0px 20px;
	font-weight: normal; 
	font-family: "andale mono", monospace;
	}

blockquote {
	background: #eee;
	margin: 0 20px;
	padding: 10px;
	}

#rightContent h4 {margin-bottom: 0px}

#rightContent p {margin-top: 0px}

.tiny {
	background: none; 
	font-size: x-small;
	}


/* ------------------------------------------------------------

PAGE STRUCTURE

------------------------------------------------------------ */

#wrap {
	width: 760px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	font-size: 95%;
	text-align: left;
	background: #eee;
	}
	
#header {
	height: 110px;
	padding: 0px;
	font-size: 95%;
	text-align: left;
	border-top: 1px solid;
	background: #fff;
	position: relative;
	/*border: 1px solid red;*/
	}
#logo {
	margin: 0;
	padding: 0 40px;
	position: absolute;
	bottom: 30px;
	}
#content {
	float: right;
	width: 760px;
	margin: 0px;
	background: #fff;
	padding-bottom: 40px;
	}


#leftContent {
	float:left;
	width:515px;
	font-size: small;
	border-right: 1px dotted #ccc;
	}


#rightContent {
		background:#fff;
		float:right;
		width:235px;
		}

#rightContent p,
{padding: 0px 10px;}

#rightContent h4,
{padding: 0px 10px;}


#thumbs {
	padding: 20px 20px;
}

#thumbs a:link, 
#thumbs a:visited
	{
	background: none;
	text-decoration: none;
	padding: 0px;
	border: 0px;
	}
	
#thumbs a:hover
	{
	background: none;
	text-decoration: none;
	padding: 0px;
	border: 0px;
	filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
	}
	
/*#content img {width:140px;}*/

#footer {
	color: #666;
	background: #fff;
	font-size: x-small;
	border-top: 1px solid #ccc;
	}

#footer p {padding: 20px;}

/* you are here */

body#home h2 {font-size: 200%; font-weight: normal;}

body#home #menu li#link-home a,
body#landscape #menu li#link-landscape a,
body#figure #menu li#link-figure a,
body#performance #menu li#link-performance a,
body#writing #menu li#link-writing a,
body#bio #menu li#link-bio a,
body#contact #menu li#link-contact a,
body#links #menu li#link-links a
	{
	background: #333;
	color: #fff;
	}

#menu a:link,
#menu a:visited,
#menu a:hover
	{
	border-bottom: 0px;
	padding: 4px;
	margin-right: 6px;
	display: block;
	text-transform: uppercase;
	}

#menu ul {
	margin: 20px 0;
	padding: 0px 20px;
	}

#menu li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	}

body#work {
	text-align: left;
	background: #fff;
	line-height: 120%;
	}

body#work img {width: 600px;}

body#bio p {
	font-size: x-small;
	margin-top: 4px;
	line-height: 120%;
	}

body#bio h4 {
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 0;
	font-size: x-small;
}

/* FORM STYLES */

form {
	padding: 10px;
}

form p {
	padding: 20px;
}

#notify {	
	padding: 10px;
	font-size: x-small;
	}

#notify h4 {
	margin: 0px; 
	font-size: small; 
	font-weight: normal;
	color: #333;
	}

#notify fieldset {
	background: #fff;
	border: 1px solid #ccc;
	}

#notify input, #notify textarea {
	color: #333;
	background: #ccc;
	border: 0px; 
	padding: 4px 0px 2px 0px; 
	margin: 2px 0 8px 0;
	font: large "andale mono", monospace;
	}

#notify input:focus,
#notify textarea:focus
	{
	color: #000;
	background-color: yellow;
	}

/* Ensuring that only Internet Explorer hides the second object tag
(source: http://realdev1.realise.com/rossa/rendertest/quicktime.html)
*/

/* hides the second object from all versions of IE */
 * html object.mov {
 Ê Ê display: none;
 }

/* displays the second object in all versions of IE apart from 5 on PC */
 * html object.mov/**/ {
 Ê Ê display: inline;
 }

/* hides the second object from all versions of IE >= 5.5 */
 * html object.mov {
 Ê Ê display/**/: none;
 }
 
/* Make performace pink */

body#performance {
	color: #FD0380; 
	background: #f47ab7;
	}

body#performance #content, 
body#performance #header, 
body#performance #footer
	{color: #FD0380; background: #F68DC1;}
	}