/******************************************
 
 marcyrye.com

 BODY STYLES / SITE DEFAULTS

 
 
NEUTRAL color palette:
grey1: 333
grey2: 666
// bright blue: 2F7FB7
 black: 000
 light: 999
*******************************************/


/*sets all elements to zero cross browser, including forms - makes for less hacking*/
* {
	margin:0;
	padding:0;
}

body {
	background-color:#fff; 
	color:#333; 
	font-family: Tahoma, "Trebuchet MS", Trebuchet, verdana, sans-serif; 
	font-size: 12px;
	}

.clearit {
	clear:both;
	}

img.work {
	border: 1px #666 solid;
}

a {	color: #2F7FB7;}

a:visited {	color: #333;}

a:hover {	color: #000; }


/******************************************
LEFT COLUMN
*******************************************/
#leftcol {
	margin: 40px 40px 10px 40px;
	width: 222px;
	/* adjust width for IE w/Tantek Box Model Hack */
	voice-family: "\"}\""; 
	voice-family:inherit;
	width: 222px;
	}
html>#leftcol {
	width: 242px;
}


/******************************************
HEADER BAR
*******************************************/
#headerbar {
	padding: 10px;
	border: 1px solid #333;
	text-align: center;
}

/******************************************
PAGE TITLE
*******************************************/
#pagetitle {
	padding: 10px 0;
	text-align: center;
}

/******************************************
 PAGE NAVIGATION a.k.a. SUBNAV
 ***with no border, margin or padding, no need to hack width measurements ... brilliant!
*******************************************/

#pagenav {
	height: 220px;
	width: 220px;
}

#pagenav ul {
	list-style: none;
	height:220px;
}

/*size the link area for 11 links */
#pagenav ul li {
	float:left;	
	height: 220px;
	overflow: hidden;
}

.pagenav1 ul li { width: 220px; }
.pagenav2 ul li { width: 110px; }
.pagenav3 ul li { width: 73px; }
.pagenav4 ul li { width: 55px; }
.pagenav5 ul li { width: 44px; }
.pagenav6 ul li { width: 36px; }
.pagenav7 ul li { width: 31px; }
.pagenav8 ul li { width: 27px; }
.pagenav9 ul li { width: 24px; }
.pagenav10 ul li { width: 22px; }
.pagenav11 ul li { width: 20px; }

/*hide the linked text*/
#pagenav ul li a {
	overflow: hidden;
	padding-top: 220px;
	color:#fff; /*set to bg color*/
	height: 0 !important;
	height /**/:220px;
}
/* empty */
#pagenav ul li.emptynav a {
	background: #EEE;
	display:block;
}

/*reveal bg for linked area*/
#pagenav ul li.brown a {
	background: #333;
	display:block;
}

/*reveal bg for linked area*/
#pagenav ul li.blue a {
	background: #666;
	display: block;
}

/*reveal bg for linked area - this is for the page we're on*/
#pagenav ul li.gold a {
	background: #000;
	display: block;
}

/*display rollover graphics for linked area*/
#pagenav ul li a:hover {
	background: #000;
}



/******************************************
SITE NAV a.k.a. MAIN NAV
*******************************************/
#sitenav {
	width: 220px;
	margin: 10px 0;
}

#sitenav ul#pagelinks {
	list-style:none;
	text-align: center;
}

#sitenav ul#pagelinks li a {
	font-size: 12px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 4px;
	line-height: 18px;
	text-decoration: none;
}

#sitenav ul#pagelinks li a:hover, #sitenav ul#pagelinks li.active a {
	color: #000;
	font-weight:bold;
}






#sitenav ul#about {
	width: 220px;
	height: 20px;
	list-style:none;
}

/*size it*/
#sitenav ul#about li {
	width: 20px;
	height: 20px;
	float:left;
}

/*hide it*/
#sitenav ul#about li a {
	overflow: hidden;
	padding-top: 20px;
	color:#fff; /*set to bg color*/
	height: 0 !important;
	height /**/:20px;
}

/*reveal bg*/
#info a { display: block; background: url(images/info.gif) no-repeat;}
#contact a { display: block; background: url(images/contact.gif) no-repeat;}

#info a:hover { background: url(images/info2.gif) no-repeat;}
#contact a:hover { background: url(images/contact2.gif) no-repeat;}






#copyright {
	width: 100%;
	text-align:center;
	margin-top:40px;
}







/******************************************
 RIGHT COLUMN
*******************************************/

#rightcol {
	position: absolute;
	left: 300px;
	top:110px;
	width: 500px;
	font-size: 11px;
	color: #000;
	line-height:16px;
}

#rightcol p { margin: 0 0 10px 0; }



/******************************************
 TYPOGRAPHY
*******************************************/

h1 { /*used for site title*/
	font-size:14px;
	color:#333;
	text-transform: uppercase;
	letter-spacing: 10px;
	padding-left: 10px; /*compensate for trailing end space from letter-spacing so text aligns center*/
}

h2 { /*used for page title*/
	font-size:14px;
	color:#666;
	text-transform: uppercase;
	letter-spacing: 10px;
	padding-left: 10px; /*compensate for trailing end space from letter-spacing so text aligns center*/
font-weight: normal; /*H tags default to bold*/
}

h3 { /*used for work title*/
	font-size:11px;
	color:#666;
	font-weight:bold;
}

.description { /*used for work description*/
	font-size: 11px;
	color: #666;
}


h6 {
	font-size:11px;
	color:#000;
	font-weight:bold;
}

.maintext { /*used for work description*/
	font-size: 11px;
	color: #000;
	line-height:16px;
	margin: 0 0 10px 0;
}


.footertext {
	font-size:9px;
	color: #666;
}

.footertext a {
	color: #333;
	text-decoration:none;
	}
	



/******************************************
 FORM ELEMENTS
*******************************************/

p.forms {
	padding:10px 0 0 0;
}

fieldset {
	margin: 10px 10px 10px 0;
	padding: 6px;
	border: 1px solid #666;
	background: #fff;
}

legend {
	color: #666;
	font-weight:bold;
	text-transform:uppercase;
	margin: 0 3px 0 1px;
}

input, textarea { 
	font: 10px verdana;
	padding: 2px;
	margin: 2px 0;
	}

textarea { width: 100%;	}








/*************************************************
 gallery styling
*************************************************/

#thumbnails { 
	margin: 10px 0;
	overflow: hidden;
	width: 500px;
	}


.thumbnail { 
	position: relative;
	float: left !important;
	float /**/:none;		/* fix for weird jumping bug with ie5.0/win */
	margin: 0 1px 2px 0;
	height: 124px;
	width: 124px;
	display: inline;
	}

.thumbnail a { 
	float: left; 
	height: 124px;
	line-height: 121px;
	width: 124px;
	display: inline;
	text-decoration: none;
	background: #EFEFEF;
	padding: 3px 5px 0 5px;
	text-align: center;
	border: 1px solid #FFF;
	voice-family: "\"}\""; /* begin of ie/win box model hack */
	voice-family: inherit;
	width: 112px;
	height: 121px;
	}
html>body .thumbnail a {
	height: 121px;
	width: 112px;	/* end ie/win hack */
	}
	
.thumbnumber { 
	font-size: 9px;
	color: #777;
	line-height: 15px;
	text-align: center;
	text-decoration: none;
	}
	
.thumbnail a:hover {
	background: #E6E6E6;
	border: 1px solid #C8CBCD;
	}

.thumbnail a img { 
	border: 1px solid #AAA; 
	vertical-align: middle; 
	}
	
.thumbnail a:hover img { border: 1px solid #777; }

div:hover.thumbnail .thumbnumber { color: #900; }
	
/*----------------------------
/* full image 				*/

#fullimage img {
	margin: 10px 0;
	border: 1px solid #AAA;
	}



/*************************************************
 gallery navigation
*************************************************/
#gallerynav {
	text-align: right;
	font-size: 10px;
	color: #AAA;
	}

#gallerynav a {
	text-align: center;
	background: #FFF;
	text-decoration: none;
	font-size: 9px;
	text-transform: uppercase;
	color: #555;
	}

#gallerynav a:hover {
	color: #900;
	}

/*
#gallerynav {
	margin: 0;
	overflow: hidden;
	width: 500px;
	text-align:center;
	}
	
#image #gallerynav { margin-bottom: 15px; }
	
#back, #next, #previous, #pagenumber { 
	float: left;
	margin: 0 1px;
	display: inline;
	width: 100px;
	}
#previous { margin-left: 0px; }

	
#gallerynav a {
	display: block;
	text-align: center;
	padding: 5px 0;
	border: 1px solid #CCC;
	background: #FFF;
	text-decoration: none;
	font-size: 9px;
	text-transform: uppercase;
	color: #555;
	}
	
#gallerynav a:hover {
	background: #EEE;
	color: #900;
	border-color: #CCC;
	}
	
.buttonoff {
	display: block;
	text-align: center;
	padding: 5px 0;
	border: 1px dotted #DDD;
	background: #FFF;
	text-decoration: none;
	font-size: 9px;
	text-transform: uppercase;
	color: #CCC;
	}
	
#pagenumber {
	display: block;
	text-align: center;
	padding: 5px 0;
	font-size: 9px;
	text-transform: uppercase;
	color: #999;
	border: 1px dotted #DDD;
	}
	
#imagenumber {
	padding: 5px 0;
	font-size: 10px;
	color: #777;
	}
	
*/