/*-----------------------
Jason Weaver
012/22/2008
pinotopia.net
-------------------------*/

/*----------------------------------------------------------
global resets based on Eric Meyer's "Reset Reload" at
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
------------------------------------------------------------*/

html, body, div, span,
h1, h2, h3, h4, h5, h6, p, pre,
a, code, em, font, img, strong, sub, sup,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 1em;
    font-family: inherit;
    vertical-align: baseline;
    }
/* remember to define focus styles! */
:focus {
    outline: 0;
    }
body {
    line-height: 1.5;
    color: #030303;
    background: #fff;
    }
ol, ul {
    list-style: none;
    }
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
    }
caption, th, td {
    text-align: left;
    font-weight: normal;
    }


/*-----------------------
body 
-------------------------*/
body  {
	font: 80%  helvetica, arial,sans-serif;
	background-color: #262222;
	margin: 0;
	padding: 0;
	color: #CCCCCC;
	border-top: 61px solid #211d1d;
}

body {
    min-width: 940px;
}

/*-----------------------
header
-------------------------*/
h1  {
	font-family: "Baskerville", Georgia, Times, serif;
	font-size: 3em;
	font-weight: lighter;
	font-variant: small-caps;
	margin: 5px 0 0 0;
	padding: 5px 0 5px 5px;
	z-index: 7;
	clear: left;
}

#header  {
	width: 680px;
	margin: 8px 0 12px 0;
	padding: 0 0 5px 0;
}

#header a  {
	color: #69808c;
	text-decoration: none;
}

#header a:focus,
#header a:hover   {
	color: #859daa;
	text-decoration: underline;
}

#header span  {
	font-size: .5em;
	font-variant: normal;
	font: "Times New Roman", Times, serif;
}

#header img  {
	position: absolute;
	margin-left: -135px;
	margin-top: -80px;
	float: left;
}

#header img  {
	border: 1px solid #191919;
	padding: 2px;
}

#header img:focus,
#header img:hover   {
	border: 1px solid #69808c;


}

/*------------------------
navigation
--------------------------*/
#navigation  {
	position: relative;
	font-family:  Verdana, arial, sans serif;
	height: 60px;
	padding: 0;	
	background: #211d1d;
	margin: 0;
}

#navigation ul {
	padding: 0;
  	margin: 0;
	list-style: none;
	float: left;  
	width: 100%;
}
  
#navigation li {
  	float: right;
  	font-variant:small-caps;
  	font-size: 1.3em;
	padding: 0; 
	margin: 0;
	display: inline;
	z-index: 50;
}

#navigation  li a  {
	color: #69808c;
	padding: 40px 2px 0px 38px;
	margin: 0;
	border-right: 1px solid #666;
	float: left;
	width: auto;
	text-decoration: none;
}


#navigation a:visited  {
	color: none;
}

#navigation a:focus,
#navigation a:hover {
	
	border-right: 1px solid #fff;
	background-image: url(images/navgif.gif);
	background-repeat: repeat-y;
	background-position: right;
	color: #FFFFFF;	 
}

#navigation a:active {
	color: white;	
}

#navigation .home-nav  {
 	background: transparent url(images/home-gif.gif) no-repeat bottom left;
}

#navigation .home-nav  a:focus,
#navigation .home-nav  a:hover  {
 	background: transparent url(images/home-gif-hover.gif) no-repeat bottom left;
}
/*--------------------------
content
----------------------------*/
#content  {
	float: left;
	background-color: #262222;
	width: 500px;
	clear: right;	
	margin: 0;
	padding: 0;
	border-bottom: 10px solid #2c2828;
	margin-bottom: 10px;
}




#content p {
	color: #999;
	font-size: 1.3em;
	padding: 10px 15px 20px 5px;
	margin: 0;
	line-height: 2em;
}



#content h2  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	font-weight:lighter;
	color: #859daa;
	margin: 0;
	padding: 4px 2px 3px 5px;
	line-height: 1.1em;
	font-variant: small-caps;
	background-image: url(images/texture.gif);
	background-repeat: repeat-x;
	border-top: 1px solid #666;

}


#content h2 a {
	color: #859daa;
	text-decoration: none;
}

#content h2 a:focus,
#content h2 a:hover  {
	color: #ccc;
	text-decoration: none; 	
}

#content li a {
	color: #999;
	text-decoration: none;
}


#content li a:hover  {
	color: #ccc;
	text-decoration: none; 	
}

#content h3  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #666;
	font-weight: lighter;
	font-variant: small-caps;
	padding: 8px 15px 5px 5px;
	margin: 0;	
}

#content h4  {
	font-size: 1.1em;
	color: #999;
	padding: 0px 15px 20px 5px;
	margin: 0;
}

#content  a  {
	color: #ccc;
}

#content  a:visited  {
	color: #999;
}

#content  a:hover  {
	color: #FFFFFF; 
}

#content h5 {
	font-size: 1em;
	color: #999;
	padding: 5px 15px 5px 5px;
	margin: 20px 0 5px 0;
	border-bottom: 1px solid #2c2828;	
}

h4  a  {
	color: #666;
	text-decoration: none;
}

h4 a:focus, 
h4 a:hover  {
	color: #ccc; 
}

h5  a  {
	color: #666;
	text-decoration: none;
}

h5 a:focus,
h5 a:hover  {
	color: #ccc; 
}

p span  {
	font: 80px "Baskerville", "Times New Roman", Times, serif; 
	padding: 0;
	margin: -20px 10px 0px -60px;
	clear: right;
	float: left;
	font-size: 8em;
	color: #69808c;
	
	
}

img  {
	border: 7px solid #2c2828;
	margin: 0 5px 0 10px;
}

img:focus,
img:hover   {
	border: 7px solid #403a3a;
	margin: 0 5px 0 10px;
}

span img{
	float: right;
	padding: 2px;
	margin-top: 20px;
	margin-left: 20px;

}

span img:focus,
span img:hover  {
	float: right;
	padding: 2px;
	margin-top: 20px;
	margin-left: 20px;

}

span a {
	border-color: #ccc;
}

span a:focus,
span a:hover {
	border-color: #813b45;	
}

#content ul  {
	margin: 0;
	padding: 0px 0px 20px 5px;
	font-size: 1.2em;
}

#content li  {
	list-style: none;
	padding: 4px 0px 4px 0px;
	display: block;
}
	
.onpagetype  {
	font-variant: small-caps;
}

.older  {
	float: right;
	clear: left;
}


/*--------------------------
sidebar
----------------------------*/



#content2  {
	background-color: #262222;
	position: relative;
	float: right;
	clear: right;
	width: 160px;
	margin: 0;
	padding: 0;
}


#content2 p {
 	color: #999;
	font-size: 1.2em;
	padding: 5px 5px 20px 5px;
	line-height: 1.6em;
	margin: 0;
}


#content2 h2  {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #666;
	font-size: 1.4em;
	background-image: url(images/texture.gif);
	background-repeat: repeat-x;
	font-variant: small-caps;
	font-weight: lighter;
	margin: 0;
	padding: 2px 6px 4px 5px;
	border-top: 1px solid #666;

}

#content2 h2 a {
	color: #666;
	text-decoration: none;
	
	
}

#content2 h2 a:focus,
#content2 h2 a:hover  {
	color: #ccc;
	
}

#content2 h3  {
	color: #999;
	font-size: 1.1em;
	padding: 10px 20px 0px 20px;
	margin: 0;	
}

#content2 h4  {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #999;
	padding: 0px 20px 0px 20px;
	margin: 0;
}

#content2  a  {
	color: #999;
	
}

#content2  a:visited  {
	color: #666;
}

#content2  a:focus,
#content2  a:hover  {
	color: #ccc;
}


#content2 h5 {
	font-size: 1.1em;
	color: #111f1f;
	padding: 0 50px 0px 20px;
	margin: 0;
	
}


#content2 h3 a  {
	color: #999;
	
}

#content2 h3 a:visited  {
	color: #666;
	text-decoration: none;
}

#content2 h3 a:focus,
#content2 h3 a:hover  {
	color: #ccc; 
	
}


#content2 ul {
	padding: 5px 0 25px 5px;
	margin: 0px;
	font-size: 1.2em;
}

#content2 li {
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	font-variant: small-caps;
	color: #999;
	border: none;
	padding: 5px 0 5px 0px;
	

}

#content2 li a  {
	color: #999;
	padding: 5px 5px 5px 0px;
	margin: 0;

}




/*---------------------------
footer
-----------------------------*/
#footer {
	position: relative;
	clear: both;
	background: #211d1d;
	margin: 0;
	padding: 10px 0px 30px 0px;
}





/*--------------------------
container
----------------------------*/
#container  {

	width: 680px;
	margin: auto;
	margin-top: -61px;
	
	
	
}

/*--------------------------
container2 for footer
----------------------------*/

#container2  {
	width: 680px;
	margin: auto;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#container2 p  {
	color: #666;
	font-size: 1em;
	line-height: 1.8;
	padding: 10px 0 10px 5px;
	margin: 0;
	
	
	 
}

#container2 h3  {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.6em;
	font-variant: small-caps;
	font-weight:lighter;
	border-bottom: double #454545;
	color: #666;
	margin-bottom: 10px;
	padding: 0 0 0 5px;
}


#container2  ul {
	padding: 0 0 30px 5px;
  	margin: 0;
	float: left;  
	width: 100%;
	margin-top: 20px;
	
}

#container2 li {
  	float: left;
  	position: relative;
  	font-size: 1.2em;
	font-variant: small-caps;
	padding: 0;
	margin: 2px 0 2px 0;
	width: 100%;
	display: block;
}



#container2 li a {
	color: #999;
	
	
	
}

#container2  a {
	color: #999;
	
	
}

#container2 a:focus,
#container2 a:hover {
	color: #ccc; 
}

.footernav  {
	position: absolute;
	padding: 0; 
	margin: 0;
	width: 300px;
	float: left;
	clear: right;
	

}

.stamp  {
	clear: both;
	border-top: double #454545;
	padding: 30px 0px 10px 5px;

	
	
}	



.links  {
	
	padding: 0 0 0 5px; 
	margin: 0;
	float: right;
	clear: left;
	width: 320px;
	padding-bottom: 20px;
	
}


/*--------------------------
form
----------------------------*/

	
.form  {
	width: 350px;
	height: 50px;
}