/*****************************
Elizabeth Matthews Webpage CSS
*****************************/

/* COLOR SWATCHES:
color:#ddf6fc; /*light blue
color:#ffe29e; /*yellow
color:#bcbdc1;/*med grey
color:#7d7e80; /*dk grey
color:#BA334D; /*red
*/

/***************************/
/*		 ZERO OUT		   */
/***************************/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
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-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/***************************/
/*		GENERIC STYLES	   */
/***************************/

body {
	margin:0;
	padding:0;
	background-color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:75%;/* 75% of base size 16px is 12px */
	line-height:150%; /* CLOSE TO 18PX LINE HEIGHT */
	text-align:center;
	}

h1 {
	padding:0 0 5px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:130%;
	line-height:130%;
	font-weight:bold;
	color:#000;
	text-align:left;
	}

h2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:120%;
	color:#7d7e80; /*dk grey*/
	text-align:left;
	clear:none;
	}
h2 span {
	font-size:80%;
	/*color:#ddf6fc; light blue*/
	/*color:#ffe29e; yellow*/
	color:#bcbdc1;/*med grey*/
	}
h3 {
	font-size:95%;
	color:#000;
	text-align:left;
	}

p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:92%;
	font-weight:normal;	
	text-align:left;
	}

.dk_grey {
	color:#7d7e80; /*dk grey*/
	}

/***************************/
/*		 BEGIN CONTENT	   */
/***************************/

#container {
	margin:0 auto;
	width:900px;
	text-align:center;
	background:#fff;
	}

#headerflash {
	margin:0 auto;
	}

#content {
	width:900px;
	background:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:left;
	clear:none;
	background:none;
	/*background-image:url(images/footer.gif);*/
	}
	
/* LEFT COLUMN */

.leftcolumn {
	/*margin:90px 0 0 40px; NEW 3.13.08*/
	margin:90px 0 0 0;/*NEW 5.01.08*/
	float:left;
	/*width:360px;*/
	/*width:354px;*/
	width:400px;/*NEW 4.30.2008 to compensate for 2px border*/
	/*border:1px solid #000;*/
	}

.columns {
	height:100%;
	margin:0 0 0 20px;
	/*border-left:1px solid #bcbdc1;*/
	border-right:2px dotted #bcbdc1;
	text-align:center;
	}

.leftcolumn h2 {
	margin:20px 0 0 0;
	padding:0 0 10px 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:120%;
	color:#7d7e80; /*dk grey*/
	text-align:left;
	clear:none;
	}
.leftcolumn h2 span {
	font-size:80%;
	/*color:#ddf6fc; light blue*/
	/*color:#ffe29e; yellow*/
	color:#bcbdc1;/*med grey*/
	}

.leftcolumn ul {
	padding:0 10px 20px 30px;
	color:#000;
	text-align:left;
	}
.leftcolumn ul li {
	padding:0 10px 10px 0;
	list-style-type:circle;
	color:#ffe29e; /*yellow*/
	}
.leftcolumn ul li span {
	color:#000;
	}

.leftcolumn ul li span a {
	color:#7d7e80; /*dk grey*/
	text-decoration:none;
	}
.leftcolumn ul li span a:hover {
	color:#000;
	text-decoration:underline;
	}

.portfolio {
	margin:4px 40px 0 40px;
	float:left;
	clear:both;
	width:820px;
	}

/* RIGHT COLUMN */

.copy {
	width:500px;
	background:#fff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-align:left;
	float:right;
	clear:none;
	}

.copy #header {
	margin:20px 0 10px 0;
	padding:0;	
	}

.copy #text {
	padding:10px 30px;
	}

.copy #text h1 a {
	/*color:#000;*/
	color:#BA334D;/*red*/
	}
.copy #text h1 a:hover {
	color:#BA334D;/*red*/
	text-decoration:underline;
	}

.copy #text hr.yellow {
	margin:20px 0;
	padding:0;
	/*border:1px solid #ffe29e;/*yellow*/
	border:none;
	height:1px;
	background-color:#ffe29e;
	}

.copy #text a {
	color:#7d7e80; /*dk grey*/
	text-decoration:none;
	}

.copy #text a:hover {
	color:#000;
	text-decoration:underline;
	}
.copy span {
	color:#bcbdc1;/*light grey*/
	}

.articles {
	margin:0 200px 0 200px;
	padding:0;
	text-align:center;
	clear:both;
	}
.articles a {
	color:#666666;
	text-decoration:none;
	}
.articles a:hover {
	color:#000;
	text-decoration:underline;
	}
.articles hr.yellow {
	margin:20px 0;
	padding:0;
	/*border:1px solid #ffe29e;/*yellow*/
	border:none;
	height:1px;
	background:#ffe29e;
	}


/***************************/
/*		 BEGIN FOOTER	   */
/***************************/

#footer {
	margin:0;
	padding:0;
	width:900px;
	height:223px;
	background:url(images/footer.gif) no-repeat 0 0;
	clear:both;
	vertical-align:bottom;
	}

#footer p {/*style outside of white*/
	/*margin:0 0 20px 0;
	padding:150px 30px 0 0;
	text-align:right;
	font-size:10px;
	line-height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;*/
	}

#footer p {/*style inside white*/
	/*margin:15px 70px 20px 0;*/
	margin:15px 8% 20px 0;/*NEW 5.01.08*/
	padding:20px 0 0 0;
	width:400px;
	float:right;/*NEW 5.01.08*/
	clear:both;/*NEW 5.01.08*/
	text-align:left;
	font-size:10px;
	line-height:18px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#bcbdc1;/*med grey*/
	border-top:1px solid #ffe29e;/*yellow*/
	}

#footer p a {
	color:#7d7e80; /*dk grey*/
	text-decoration:none;
	}
#footer p a:hover {
	text-decoration:underline;
	color:#000;
	}
#footer p span {
	color:#ffe29e;/*yellow*/
	}

/***************************/
/*		 ELEMENTS		   */
/***************************/
hr.columndivider {
	margin:5px 0 12px 0;
	border:none;
	height:1px;
	background:#ffe29e;
	width:225px;
	}