ÿþ/*#############################################################

Name: TransFormX

Date: 10/2009

Description: Version 1.01

Author: Deidre Lin







#############################################################*/



/* standard elements */

* { margin: 0;

	padding: 0;

}



a {color: #36C;}



a:hover {color: #213432;}







body {

	

	background: #f2fdfd url(img/bg20.jpg);

	color: #444;

	font: normal 62.5% "Lucida Sans Unicode",sans-serif;

	margin: 0; 

	

      }



p,blockquote,ul {margin-bottom: 1.2em;}



h1 {font: normal 1.6em serif;}



h2 {font: bold 1em Verdana,serif;

	margin: 3px 0 1px;}

h3 {font: bold 1.2em Lucinda Sans; }

h4 {font: bold 1.4em Serif;}



legend {margin: 3px 0 1 px; font: bold 1.4em serif; color: #000025; }



ul {margin-left: 10px; list-style-circle;}



acronym {color: blue; cursor: help;}



 





blockquote {

	background: url(img/quote.gif) no-repeat;

	color: #555;

	font: normal 1.4em serif;

	padding-left: 22px;

}



blockquote p {padding: 6px;}



/* misc */

.clearer {clear: both;}



.left {float: left}



.right {float: right;}



img.left {margin: 0px 18px 9px 0px;}



.divider {

	background: url(img/divider2.png) no-repeat;

	height: 60px;

	margin: 24px 0;

}



/* structure */

.container {

	background: url(img/bg10.jpg) repeat-y center top;

	margin: 0 auto;

	width: 736px;

}



.gfx {

	background: url() no-repeat;

	float: left;

	height: 140px;

	margin-top: 43px;

	width: 51px;

}



.top {

	background: url(img/bgcon2.png) no-repeat 0 -4%;

	float: left;

	text-align: center;

	width: 632px;

	

}



.header {

	background: #56644A url(img/header7.jpg) no-repeat;

	color: #FFC;

	font-size: 1.4em;

	height: 232px;

	padding-right: 270px;

}



.header h1 {

	font: normal 3.2em serif,sans-serif;

	padding: 62px 0 34px 0;

}



.pattern {

	background: #334127 url(img/pattern7.gif) repeat-x;

	clear: both;

	height: 12px;

}



/* navigation */

.navigation {margin: 0 24px;}



.navigation a {

	color: #6C7151;

	font: normal 1.9em serif;

	line-height: 50px;

	margin: 0 16px;

	text-decoration: none;

}

.navigation a:hover,.navigation #selected {

	color: #2C3111;

}



/* content */

.content {

	background: url(img/bgcontent2.png) no-repeat;

	clear: both;

	font-size: 1.2em;

	margin: 0 52px;

	padding: 0 38px 12px;

}

.content .spacer {

	height: 42px;

}



/* content item */

.item {clear: both;}



.item img {border: 1px dashed #8A6;}



.item .title {

	color: #445044;

	font: normal 2em serif;

}



.item .title:first-letter {

	display: block;

	float: left;

	font-size: 2.4em;

}



.item .metadata {

	color: #666;

	font-size: 0.9em;

	float: left;

	padding: 0 0 6px 4px;

}



.item .body {

	clear: both;

}







/* footer */

.footer {

	background: url(img/bgfooteri2.png) no-repeat;

	color: #666;

	font-size: .85em;

	line-height: 100px; 

	margin: 0 auto;

	text-align: center;

	width: 632px;

}



.footer a {

	color: #666;

	text-decoration: none;

}



.footer a:hover {

	color: #333;

	text-decoration: underline;

}