/* social design website basic stylesheet */

A:link { color: #393; text-decoration: none; }
A:visited { color: #060; text-decoration: none; }
A:active { color: #f00; text-decoration: none; }

body { 
	font-size: 100%; 
	font-family: Palatino, Garamond, "Minion Web", "Times New Roman", serif; 
	color: #000; 
	background: #fff; }

div.logo { 
	position: absolute;
	top: 0; left: 0; bottom: auto; right: auto; 
	margin: 8px 16px 8px 8px; 
	z-index: 8; 
	background-color: #fff; }

div.newstuff { 
	position: absolute; 
	top: 0; left: 500px; bottom: auto; right: auto;
	width: 190px; 
	margin-top: 16px;  
	border: 2px solid #063; 
	border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; 
	padding: 8px 8px 8px 8px; 
	text-align: right; 
	z-index: 16; 
	background-color: #eee; }

div.content { 
	position: absolute;
	width: 620px; 
	margin: 108px 0px 12px 0px; 
	border: 76px solid #063; 
	border-top-width: 2px; border-right-width: 1px; border-bottom-width: 2px; 
	padding: 24px 8px 16px 16px;
	z-index: 0; 
	background-color: #fff; }

div.sectionleft { 
	float: left;
	width: 44%; 
	margin: 0px 0px 16px 8px; 
	border: 1px solid #ccc; 
	padding: 8px 8px 8px 12px; 
	background-color: #fff; }

div.sectionright { 
	float: right;
	width: 44%; 
	margin: 0px 0px 16px 8px; 
	border: 1px solid #ccc; 
	padding: 8px 8px 8px 12px; 
	background-color: #fff; }

div.sectionfull { 
	clear: both; 
	width: 80%;
	margin: 0px 0px 16px 8px; 
	border: 1px solid #ccc; 
	padding: 8px 8px 8px 12px; 
	background-color: #fff; }

div.contact { 
	clear: both; 
	width: 66%;
	margin: 36px 16% 0px 16%; 
	border-top: 1px solid #063; 
	padding: 12px; 
	text-align: center; 
	font-size: 90%; 
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; }


h1 { 
	width: 250px; 
	border: 1px solid #000; 
	border-left: 8px solid #063; 
	padding: 6px; 
	background-color: #cdd8d2; 
	color: #063; 
	font-weight: bolder; font-size: 125%; 
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; 
	margin: 0px 0px 8px -24px; }

h2 { 
	color: #063; 
	font-weight: bold; font-size: 125%; 
	padding: 0px; margin: 24px 0px 12px 0px; }

h3 { 
	color: #063; 
	font-weight: bold; font-size: 110%; 
	padding: 0px; margin: 20px 0px 4px 0px; }

h4 { 
	font-weight: bold; font-size: 110%; }

h5 { 
	font-weight: bold; font-size: 100%; }


hr { 
	margin: 24px 0px 16px 16%; 
	clear: both; 
	color: #063; 
	width: 66%;
	height: 2px; }

li {
	margin: 0px 0px 0.75ex -1em; }

p, ul, li, td {
	line-height: 1.2; }

p.lightheading {
	color: #696; 
	font-weight: bold; font-size: 100%; 
	font-family: Verdana, Helvetica, Arial, Geneva, Swiss, SunSans-Regular, sans-serif; 
	padding: 0px; margin: 0px 0px 8px 0px; }

.nomargin {
	margin: 0px 0px 0px 0px; }


/* older stuff */

.highlight { font-weight: bold; }
.instruction { font-style: italic; }
.important { font-weight: bold; font-style: italic; }
.warning { color: #f00; }
.darkcolor { background-color: #ccc; }
.lightcolor { background-color: #fcc; }
.separator { border-left: 2px solid #ccc; }
.gray20 { color: #ccc; }
.gray40 { color: #999; }
.gray60 { color: #666; }
.gray80 { color: #333; }
.forestgreen { color: #063; }
.red { color: #f00; }
.smaller { font-size: 90%; }