/* 
Theme Name: Metcom Wordpress
Theme URI: http://themetropolitancomplex.com
Description: The 2012 metcom theme
Author: Sven Anderson
Author URI: http://svenanderson.net
Version: 1.0
Tags: Custom Theme for Sarah Pierce / The Metropolitan Complex
*/

/***********************************************************

 formatting for main HTML document 
 
***********************************************************/

html {

	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	
}

/***********************************************************

 formatting for text WAS padding-top: 16px; line-height: 16px
 
***********************************************************/

p {
	text-align: left;
	color: #444444;
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	padding-top: 18px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
	line-height: 18px;
}

p A:link {color: #444; text-decoration: none; border-bottom:1px dotted #444; outline: none;}
p A:visited {color: #444; text-decoration: none; border-bottom:1px dotted #444; outline: none;}
p A:focus {color: #444; text-decoration: none; border-bottom:1px dotted #444; outline: none;}
p A:active {color: #000; text-decoration: none; border-bottom:1px dotted #000; outline: none;}
p A:hover {color: #000; text-decoration: none; border-bottom:1px dotted #000; outline: none;}

div.Black p{color: #fff; }
div.Black h2{color: #fff; }
div.Black h1{color: #fff; }

div.Black p A:link {color: #fff; text-decoration: none; border-bottom:1px dotted #fff; outline: none;}
div.Black p A:visited {color: #fff; text-decoration: none; border-bottom:1px dotted #fff; outline: none;}
div.Black p A:focus {color: #fff; text-decoration: none; border-bottom:1px dotted #fff; outline: none;}
div.Black p A:active {color: #fff; text-decoration: none; border-bottom:1px dotted #fff; outline: none;}
div.Black p A:hover {color: #fff; text-decoration: none; border-bottom:1px dotted #fff; outline: none;}

div.NavBox p A:link {color: #444444; text-decoration: none; border-bottom: #444444; border-width: 0px 0px 1px 0px; border-style: none none none none; outline: none;}
div.NavBox p A:visited {color: #444444; text-decoration: none; border-bottom: #444444; border-width: 0px 0px 1px 0px; border-style: none none none none; outline: none;}
div.NavBox p A:focus {color: #444444; text-decoration: none; border-bottom: #444444; border-width: 0px 0px 1px 0px; border-style: none none none none; outline: none;}
div.NavBox p A:active {color: #000000; text-decoration: none; border-bottom: #000000; border-width: 0px 0px 1px 0px; border-style: none none dotted none; outline: none;}
div.NavBox p A:hover {color: #000000; text-decoration: none; border-bottom: #000000; border-width: 0px 0px 1px 0px; border-style: none none dotted none; outline: none;}

h1 {
	font: 14pt/14pt "Andale mono", courier, monospace; ; 
	text-align: left;
	color: #444444;
	margin: 0px;
	font-size: 14px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}

h2 {
	font: 14pt/14pt "Andale mono" courier, monospace; 
	text-align: left;
	color: #444444;
	margin: 0px;
	font-size: 14px;
	padding-top: 12px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}

p.caption {
	font: 8pt/10pt Georgia, "Times New Roman", Times, serif;
	color: #999999;
}

p.projectinfo {
	font: 12pt/16pt "Andale mono" courier, monospace; 
	text-align: left;
	color: #444444;
}

.R {
	text-align:right;
}

/***********************************************************

 formatting for images
 
***********************************************************/

.Thumb {
/*	border: 1px dotted #444444; */
}

.MainImage {
/*	border: 1px dotted #444444; */
}

.Border {
	border: 1px dotted #444444; 
}
	
/***********************************************************

 formatting for boxes  [NOTE - BLACK BOX COLOUR WAS 000000; THEN 444444]
 
 
***********************************************************/
#outercontainer{

	position:absolute;
	z-index:0;
	top:0px;
	left:0px;
}

.Box {

	position:absolute;
	z-index:1;
	border-width: 1px;
	border-top-style: dotted;
	border-right-style: dotted;
	border-bottom-style: none;
	border-left-style: dotted;
	border-color: #444444;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;	
}

.Black {
	background-color: #999999;
	layer-background-color: #999999;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.Square {
	height:520px;
}

.Tall {
	overflow:hidden;
	height:3000px;
}

.Bottom {
	position:absolute;
	bottom: 0px;
	z-index:3;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;	
	width:100%;

}