/*
Just another stylesheet.  
The (hopefully final) draft of the Greenwich Metals website, by John O'Hara
July 8th, 2008

This stylesheet commits many horrible crimes in the name of Ineternet Explorer Compatibility.
Fuck Internet Explorer.
*/



/*=======================================================
GENERAL STUFF
=========================================================*/

body
{
	margin: 0;
    padding: 0;
    font: .9em Arial;
    color: #777;
	background: url("leadbg.png") no-repeat left bottom;
	text-align: center;
}

a
{
	outline: none;
}

div#wrapper
{
    width: 840px;
    margin-left:auto;
	margin-right: auto;
	text-align: left;
}

div#footer
{
    font-size: 0.8em;
    text-align: center;
    clear: both;
}

p#editor
{
    text-align: center;
}

p#editor a
{
    color: #999;
    text-decoration: none;
    font-size: 0.75em;
}

p#editor a:visited
{
    color: #999;
}

p#editor a:hover
{
    background-color: #f6f6f6;
}

/*=======================================================
BANNER
=========================================================*/


div#banner
{
    border-bottom: 7px solid #8CBA47;
    height: 150px;
    background-color: #999;
}

div#banner img
{
	border: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	float: right;
	padding: 0px;
}


/*=======================================================
CONTENT
=========================================================*/


h1
{
    font: 1.8em Georgia;
    padding: 0 0 .5em .5em;
}

h2
{
	font: 1.4em Georgia;
	padding: 0 0 .5em 0;
}


p.date
{
    float:right;
    padding-top: 1.0em;
    color: #bbb;
}

div#content
{
    width: 600px;
    margin: 20px 10px 120px 190px;
    font-size: 0.9em;
    text-align: justify;
	min-height: 700px;
	line-height: 1.5em;
}

/*To be uncommented when IE6 dies a painful death.*/
/*div#content
{
    width: 620px;
    margin: 10px 10px 120px 190px;
    padding-left: 20px;
    padding-bottom: 20px;
    font-size: 0.9em;
    text-align: justify;
	min-height: 700px;
    background: url("60.png");
}*/

img
{
	display: block;
	margin: 2em;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #ddd;
	padding: 6px;
}

img.left
{
	float: left;
	margin: 5px;
	margin-right: 1em;
}

img.right
{
	float: right;
	margin: 5px;
	margin-left: 1em;
}

div#content a
{
	color: #8cba47;
	text-decoration: none;
}

div#content a:hover
{
	text-decoration: underline;
}

div #content a:visited
{
	color: #8cba47;
}

div.borderbox /*when an image failed to load and the alternate text appeared in the image's box it looked so cool that I was inspired to create this. */
{
	color: #888;
	margin: 2em;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	width: 500px;
	border: 1px solid #ccc;
}

div.indentbox
{
	color: #888;
	margin: 2em;
	background-color: #f7f7f7;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	width: 500px;
}

/*=======================================================
SIDEBAR
=========================================================*/

div#sidebar
{
    float: left;
    width: 180px;
	margin-right: 10px;
}

div#sidebar ul
{
    list-style-type: none;
	margin-top: 25px;
}

div#sidebar li
{
    /*display: block;*/
    min-height: 34px;
	padding: 0 4px 4px 4px;
}

div#sidebar li a
{
    font-size: 0.9em;
    color: #666;
    text-decoration: none;
	display: block;
}

/*not really needed, doubt it will be used.*/
div#sidebar li.sideheader
{
	display: none;
    text-align: center;
    font-weight: bold;
    font: 1.2em Georgia;
    margin-bottom: 20px;
}

div#sidebar li a:hover
{
	border-bottom: 1px solid #8CBA47;
	border-right: 5px solid #8CBA47;
}

div#sidebar li a.image:hover
{
	border-right: 5px solid #8cba47;
}

div#sidebar li img
{
	margin: 0 auto;
	padding: 0;
	width: 80px;
	border: 0px;
	display: inline;
}


/*=======================================================
INPUT
=========================================================*/

label
{
    text-align: right;
    float: left;
	width: 8em;
	margin-right: .5em
}

div#terriform input,select
{
    border: 1px solid #666;
}

div#terriform p
{
    margin: 0px;
}

span.small
{
	font-size: 0.8em;
	color: #aaa;
}