/*

CSS File for http://kimlancornell.com.

Copyright 2005 Kimlan Cornell. All Rights Reserved.


LISTING ORDER:
------------------------------------------------------

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

/*
DEFAULTS
*/

* {
	padding:0;
	margin:0;
}

body {
	background-color: #DBD5BE;
	background-image: url("../_images/background_gradient.jpg");
	background-repeat: repeat-x;
	font-family: Trade Gothic, Helvetica Neue, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	line-height: 21px;
	color: #6FA053;
}
h1 	{
	font-size: 15px;
	font-weight: normal;
}
h2	{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color:#6FA053;
	font-style: italic;
	font-weight: normal;
	font-size: 10px;
	padding: 0 0 10px 0;
	margin: 0 13px 10px 0;
}

/*
SPLASH PAGE STRUCTURE
*/

body#splash #container {
	margin: 0 auto;
	width: 780px;
	height: 543px;
	background-image: url("../_images/splash_bg.jpg");
	background-repeat: no-repeat;
}
body#splash #container a#login {
	position: relative;
	top: 218px;
	left: 451px;
	display: block; text-indent: -2100px; text-decoration: none;
	width: 109px; height: 41px; margin: 0 0 0 0;
	background: transparent url(../_images/login_button.jpg) no-repeat 0 0 ;
}
body#splash #container a#login:hover  {
	background-position: 0 -41px; /* this makes the item display its rollover */
}
body#splash #container a#login:hover, body#splash #container a#login:active, body#splash #container a#login:focus 
{  /*\*/ overflow: hidden; /**/ } 

body#splash #container #footer {
	position: relative;
	top: 500px;
	padding: 10px 23px 0 20px;
	margin: 0;
}

/*
WEB/PRINT PAGE STRUCTURE
*/

#container {
	margin: 0 auto;
	width: 780px;
	background-color: #FFFFFF;
}
#stage{
	background-image: url("../_images/background_short.jpg");
	background-repeat: no-repeat;
}
#colleft {
	margin: 0;
	padding: 0;
	width: 275px;
}
#colleft a:link , #colleft a:visited {
	text-decoration: none;
	color:#326220;
	padding: 2px 5px 2px 5px;
}
#colleft a:hover {
	background-color: #C7D2B5;
	padding: 2px 5px 2px 5px;
}
#collefttop {
	margin: 0;
	padding: 40px 10px 10px 65px;
	height: 262px;
}
#colleftbottom {
	margin: 0;
	padding: 10px 10px 10px 55px;
	height: 40px;
	line-height: 17px;
}
#colright {
	padding: 29px 0 0 0;
	margin: 0;
	width: 505px;
	height: 366px;
	float: right;
}
#footer {
	padding: 35px 25px 50px 25px;
	margin: 40px 0 0 0;
	height: 200px;
}
#footer a:link , #footer a:visited {
	text-decoration: none;
	color:#6C9E4F;
	padding: 2px 5px 2px 5px;
}
#footer a:hover {
	background-color: #E5E1D0;
	padding: 2px 5px 2px 5px;
}
.floatright {
	float: right;
}

/*
PHOTO PAGE STRUCTURE
*/

#photostage{
	background-image: url("../_images/background_long.jpg");
	background-repeat: no-repeat;
}
#photocolleft {
	margin: 0;
	padding: 0;
	width: 275px;
}
#photocolleft a:link , #photocolleft a:visited {
	text-decoration: none;
	color:#326220;
	padding: 2px 0px 2px 0px;
}
#photocolleft a:hover {
	background-color: #C7D2B5;
	padding: 2px 0px 2px 0px;
}
#photocollefttop {
	margin: 0;
	padding: 45px 10px 10px 55px;
	height: 405px;
}
#photocolleftbottom {
	margin: 0;
	padding: 10px 10px 0 55px;
	height: 2px;
}
#photocolright {
	padding: 29px 0 0 0;
	margin: 0;
	width: 505px;
	height: 466px;
	float: right;
}
#photocount {
	float: right;
	padding: 0 47px 0 0;
	color:#6FA053;
}
#archivecontainer {
	border-bottom-style: solid;
	border-bottom-color: #B4C199;
	border-bottom-width: 1px;
	padding: 0 0 15px 0;
	margin: 0 10px 15px 0;
}


/*
NAVIGATION
This is the code that styles the main nav, and the rollovers.
*/

#wrap-mast {
	position: relative;
	margin: 0;
	padding: 26px 0 0 0;
	width: 780px;
}

#logo {
	position: absolute;
	top: 60px;
	left: 0;
	margin: 0;
	width: 284px;
	height: 49px;
	z-index: 99;
}

#mast {
	height: 34px;
	margin: 0;
	padding: 0;
	/*
	width: 100%;
	background: url(../img/nav_bg.gif) no-repeat;
	*/
}
#nav {
	height: 49px;
	width: 406px;
	/*
	margin-right: auto;
	margin-left: auto;
	background: url(../img/mast_fg.gif) no-repeat;
	*/
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 80%;
	text-align: left;
}

#nav ul#menu	{
	width: 389px;
	background: transparent url(../_images/nav_home.jpg) top left no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
}

#nav ul#menu li {
	height: 49px;
	margin: 0 0 0 284px;
	padding: 0;
	position: absolute;
	top: 0;
}
	
ul#menu li, ul#menu a {
	height: 49px;
	/*\*/overflow: hidden;/**/
	display: block;
}
	
#nav ul#menu li a {
	text-indent: -9999px;
	text-decoration: none;
}

#printmenu	{left: 0; width: 106px; background: transparent url(../_images/nav_print_off.jpg) top left no-repeat;}
#webmenu	{left: 106px; width: 115px; background: transparent url(../_images/nav_web_off.jpg) top left no-repeat;}
#photomenu	{left: 221px; width: 168px; background: transparent url(../_images/nav_photo_off.jpg) top left no-repeat;}
#mastright	{left: 389px; width: 107px; background: transparent url(../_images/mast_mid_right.jpg) top left no-repeat;}

#printmenu a:hover	{background: transparent url(../_images/nav_print_on.jpg) 0 no-repeat;}
#webmenu a:hover {background: transparent url(../_images/nav_web_on.jpg) 0 no-repeat;}
#photomenu a:hover {background: transparent url(../_images/nav_photo_on.jpg) 0 no-repeat;}

/* 
NAVIGATION - YOU ARE HERE
This code displays the appropriate graphic to show what page you're currently in
*/
body#print #printmenu {background: transparent url(../_images/nav_print_on.jpg) 0 no-repeat;}
body#web #webmenu {background: transparent url(../_images/nav_web_on.jpg) 0 no-repeat;}
body#photo #photomenu {background: transparent url(../_images/nav_photo_on.jpg) 0 no-repeat;}


/*

Copyright 2005 Kimlan Cornell. All Rights Reserved.
  
*/