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

Title:     Millree Hughes
Author:    maaniksingh@gmail.com 
Created:   March 14 2007
Updated:   March 20 2007 
Updated:   Aug 11 2010 - Sep 21 2010 by Chris Huchingson chris.huchingson@gmail.com

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

/* 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-position:center top;
	}

	/* Page backgrounds */
	body#bandw   	 { background-image:url(../assets/img/bg/b&w2.jpg);}
	body#colour  	 { background-image:url(../assets/img/bg/colourfrontspiece.jpg);}
	body#newhome 	 { background-image:url(../assets/img/bg/home-page.jpg);}
	body#performance { background-image:url(../assets/img/bg/performancefrontspiece.jpg);}

.homeleft{ float:left; width:50%;}
.homeright{ float:right; width:50%;}

img {border: 0px;}

/* LINKS */


a:link, a:visited {
	color: #000;
	background: none;
	text-decoration: none;
	padding: 1px;
	}
a:hover {
	color: #000;
	background:#CCCCCC;
	text-decoration: none;
	padding: 1px;
	border: 0px;
	}
body#animations div#content div.thumbnail a:hover {
	color: #000;
	background:#FFFFFF;
	text-decoration: none;
	padding: 1px;
	border: 0px;
	}
#sb-nav a:hover{
	color:#000;
	background-color:transparent;
	text-decoration: none;
	padding: 0px;
	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;
	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#newhome h2 {font-size: 200%; font-weight: normal;}

body#newhome #menu li#link-home a,
/*body#landscape #menu li#link-landscape a,
body#figure #menu li#link-figure a,*/
   body#colour #menu li#link-colour a,
   body#lummox #menu li#link-lummox a,
   body#bandw #menu li#link-bandw a,
   body#animations #menu li#link-animations a,
body#performance #menu li#link-performance a,
body#writing #menu li#link-writing a,
body#bio #menu li#link-bio a,
   body#statements #menu li#link-statements a,
body#contact #menu li#link-contact a,
body#links #menu li#link-links a
	{
	background: #333;
	color: #fff;
	}
.hide { display:none;}
.thumbnail a, .thumbnail a:hover, .thumbnail img{	
	padding: 0px;
	border: 0px;
}
.thumbnail{
	padding:4px 4px 8px 4px;
	background-color:#FFF;
	border: 1px solid #2a2a2a;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}	
#menu{ background-color:#FFFFFF;
height:30px;
filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
}

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

#menu ul {
	margin: 0px 0;
	padding: 0px 20px;
border-bottom:1px solid #333333;
border-top:1px solid #333333;
	}

#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 lummox pink */

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

body#lummox #content, 
body#lummox #header, 
body#lummox #footer
	{color: #FD0380; background: #F68DC1;}
	}
body#animations ul.cap li { font-variant:small-caps;}