body { 
	background-image: url(skin/bg-page.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	text-align: center;
}

p { margin: 0 0 1.3em 0; line-height: 1.6em; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

em { font-style: italic; }
strong { font-weight: bold; }

small { font-size: 90%; }

h1 { 
	background-image: none;
	border-bottom-width: 0;
	color: #cbff00;
	font-family: Georgia, Serif;
	font-size: 150%;
	margin: 0 0 1.5em 0;
	text-transform: none;
	padding: auto;
}

h1 sup { font-size: .6em; }

h1.hdr {
	background-image:  url(skin/bg-green.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	border-bottom: 6px solid #cbff00;
	font-family: Georgia, Serif;
	font-size: 220%;
	margin: 0;
	padding: 1em 1em .5em 21%;
}

h1 small { 
	font-size: 70%; 
}

h2 { 
	font-family: Arial, Sans-Serif;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.6em;
	margin: 1.5em 0 1em 0;
}

h3 { 
	font-family: Arial, Sans-Serif;
	font-size: 90%;
	text-transform: uppercase;
	padding: 5px 7px;
}

h3 em {font-style: normal; text-transform: none; }

h3.tab {
	background-image: url(skin/tab-h3-left.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	border-bottom: 5px solid #80ad00;
	height: 25px;
	font-size: 95%;
	font-weight: bold;
	/*letter-spacing: .02em;*/
	padding: 0 0 0 2px;
}

h3.tab span {
	background-image: url(skin/tab-h3-right.gif);
	background-position: 100% 0;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 16px;
	padding: 7px 25px 2px 10px;
	width: auto;
}

h4 {
	color: #ccc;
	font-family: Arial, Sans-Serif;
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 1.3em 0;
}

h5 {font-weight: bold; margin: 0 0 5px 0; }
h5 em {font-weight: normal; }
h6 {color: #aa9; font-family: Arial, Sans-Serif; font-size: 1em; font-weight: normal; margin: 0 0 .2em 0; }

dl {margin: 0 0 1.5em 1.5em; }
dt {float: left; font-weight: bold; margin-right: .5em; width: auto; }
dd {margin: 0 0 1em 0; }

blockquote {padding: 0 0em 0 0em; margin: 0 0 2em 0; font-style: italic; }

ol {
	margin: .5em 0  1.5em 1.7em;
}

ol li {margin: 0 0 .5em 0; }

a.btn {
	background: #ffe;
	border: 1px solid #fc3;
	clear: both;
	display: block;
	font-size: 1.2em;
	font-family: Arial, Sans-Serif;
	padding: .5em .7em;
	text-decoration: none;
	width: 250px;
}

a.btn:hover {background-color: #ffc; }
a.btn img { vertical-align: middle; margin-right: .5em; }

.note {color: #999; font-family: Arial, Sans-Serif; font-size: .9em; }

#wrapper {
	margin: 10px auto;
	text-align: left;
	width: 955px;
}

/*
	= Header
*/

#header, #main {
	position: relative;
	padding: 10px;
}


#header {padding-bottom: 0; }
#main {padding-top: 0; }

body.ethics #main {padding: 5em; }
body.rsc #main {padding: 2em 5em 5em 5em; }
body.blog #main {padding: 2em 5em 5em 5em; }
body.cal #main {padding-top: 2em; }

#header .inner {
	background-color: #97adba;
	background-image: url(skin/bg-header.jpg);
	background-repeat: repeat-x;
	background-position : 0 0;
	height: 145px;
	position: relative;
}

body.fromted #header .inner { height: 350px; }
div.fromted {
	background: #fa400f;
	background-image: url(../images/logos/var-rev.gif);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	border: 1px solid #fff;
	color: #fff;
	margin: 10px 35px 10px 35px;
	padding: 20px;
	position: relative; 
}

div.fromted a {color: #fff; position: relative; top: -10px; }
div.fromted .note {border-right: 1px solid #fff; margin-right: 240px; padding-right: 35px; }
div.fromted .note p {font-size: 1.4em; line-height: 1.2; margin: 0 0 .6em 0; }
div.fromted .note p.attrib {font-size: 1em; padding-left: 10em; }

.slimeted {
	background: transparent url(skin/slime-the-ted.gif) 100% 0 no-repeat;
	height: 75px;
	position: absolute;
	right: 0;
	top: 0;
	width: 215px;
}
.slimeted span { display: none; }
	

#header .hdr {padding: 20px 30px; }

/* logo */
#header h1 { 
	background-image: url(skin/code-logo.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	border: 0;
	float: left;
	height: 50px;
	margin: 0 10px 0 0;
	padding: 0;
	overflow: hidden;
	width: 315px;
}

#header h2 { 
	font-family: Georgia, Serif;
	font-size: 1.1em;
	font-style: italic;
	font-weight: normal;
	margin: 0;
	padding-top: 22px;
}

#header h1 span {visibility: hidden; }

#main {top: -2px; }


/*
	= Video
*/

#video {height: 400px; }
 
.border {
	background-image: url(skin/bg-main-bottom.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	height: 25px;
	padding-bottom: 10px;
}

/*
	= Navigation Tabs
*/

#nav {
	bottom: 1px; *bottom: 0;
	font-size: .9em;
	left: 15px;
	margin: 0;
	position: absolute;
}

#nav li {
	display: inline;
	float: left;
	font-weight: bold;
	padding: 0 12px 0 0;
	margin: 0;
}

#nav a {
	display: block;
	text-decoration: none;
	padding: 5px 3px 5px 15px;
}


/*  tab highlight */
body.ss #nav li.lnkss, body.ethics #nav li.lnkethics, body.rsc #nav li.lnkrsc, body.talk #nav li.lnktalk,
body.blog #nav li.lnkblog, body.merch #nav li.lnkmerch, body.cal #nav li.lnkcal {
	background-image: url(skin/tab-right.gif);
	background-position: 100% 0;
	background-repeat: no-repeat;
	padding-right: 12px; /* width of image */
}

body.ss #nav li.lnkss a, body.ethics #nav li.lnkethics a, body.rsc #nav li.lnkrsc a, body.talk #nav li.lnktalk a,
body.blog #nav li.lnkblog a, body.merch #nav li.lnkmerch a, body.cal #nav li.lnkcal a {
	background-image: url(skin/tab-left.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: default;
	padding-left: 15px;
}

body.talk #nav li.lnktalk {background-image: url(skin/tab-right-g.gif); }
body.talk #nav li.lnktalk a {background-image: url(skin/tab-left-g.gif); }

#secondary { margin: 10px; }

/*
	= Navigation Areas
*/

.lnks {}
.lnks li {margin: 0 0 .4em 0; }

#sitelinks li img {
	vertical-align: middle;
}


/* events */

.events { margin: .6em 0 1em .6em; }

#events dl { margin: 0 .7em 1.5em 0; }

#events dl dt, #events dl dd {
	font-size: 100%;
	line-height: 1.4em;
}

#events dl dt { 
	float: left; 
	font-weight: bold;
	margin-right: .3em; 
}

#events dl dd {
	color: #666;
	font-family: Georgia, Serif;
	margin-bottom: .6em;
}

/*= feeds */


.feeds dl {
	margin: 1em 0 1em 10px;
	padding-left: 50px;
	padding-right: 10px;
	position: relative;
}

.feeds dt {
	float: left;
	font-size: 90%;
	left: -50px;
	margin-right: -50px;
	position: relative;
	top: 3px;
}

.feeds dd {
	margin-bottom: 1em;
}

.feeds dd.lnk {
	font-size: 120%;
	margin-bottom: .1em;
}

.feeds dd.intro {
}

/* = blog */



/* = feature */

.feature {
	margin: 0 0 1.7em 0;
}

.feature h2 { 
	font-size: 1.2em; 
	font-weight: normal;
	line-height: 1.5em;
	margin: 0;
	padding: 15px 15px;
}

.sponsor .img {
	background-image: url(skin/bg-sponsor.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	border: 1px solid #fff;
	text-align: center;
	margin: 10px 10px 10px 0;
	padding: 10px;
}

/*
	= content area
*/

#content {
	font-family: Georgia, Serif;
}

.content {
	padding-left: 21%;
	position: relative;
}

.content h1 {
	border: 0;
	font-size: 120%;
	font-weight: normal;
	font-style: normal;
	margin: 2em 0 1.5em 0;
	padding: 0;
	text-align: center;
}

body.talk .content h1 {
	color: #80ad00; 
	font-family: Arial, Sans-Serif;
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: 0;
	text-align: left;
}

.disclaimer {
	background: #e7ff87 url(skin/disclaimer.gif) 20px 50% no-repeat;
	font-family: Arial, Sans-Serif;
	font-size: .9em;
	line-height: 1.3;
	margin: 1.5em 0 1em 0;
	padding: 1em 1.5em 1em 70px;
}

.disclaimer p {margin: 0; }

#sb {
	font-size: 90%;
	padding: 0 1.85% 0 1%;
	position: absolute;
	width: 17%;
	top: 100px;
}

#sb p {
}

#sb ul {margin: 0 0 1em 0em;}
#sb li {margin: 0 0 .5em 0; }
#sb li {font-size: 120%; font-weight: bold; }
#sb li small { font-size: 70%; font-weight: normal; }

.terms {font-family: Arial, Sans-Serif; font-size: 90%; line-height: 1.3em; margin: 1em 0 2em 0; padding: 1em; }
.terms h4 {color: #000; font-size: 110%; margin: 0 0 1em 0; font-weight: bold; }
.terms p { line-height: 1.4em; margin: 0 0 1em 0; }
.terms p { color: #888; }
.terms p strong { color: #000; }

/* = resources */

.resources {
	background-image: url(skin/bg-resources.jpg);
	background-position: 0 0;
	background-repeat: repeat-x;
	font-family: Arial, Sans-Serif;
	padding: 1em 2em;
}

.resources dl {
	margin: 0 0 1em 0;
}

.dim { font-size: 90%;}

#mainrsc {}

#mainrsc dd { font-size: 105%; }
#mainrsc dd { font-weight: bold; margin-bottom: 1.5em; }

#secrsc {
	border-top: 1px solid #d4e3a8;
	padding-top: 1.5em;
}

/* = footer */
.footer {clear: both; font-size: .87em; padding: 1em 0em 1em 0; color: #999; text-align: center; }
.footer a {color: #999; }
.footer a:hover {color: #999; text-decoration: underline; }

.notice { padding: 3em 12em 2em 4em; }

/* = ads */

/* green */

.ad2 {
	padding: 10px;
	text-align: center;
}

.ad2i {
	background-image: url(skin/ad2-bg.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.ad2 a {text-decoration: none; }
.ad2 a:hover {text-decoration: underline; }
.ad2 p {margin: auto; }
.ad2i a:hover {text-decoration: none; }
.ad2i strong, .ad2i em { font-family: Georiga, Serif; }
.ad2i a strong {font-size: 190%; font-weight: normal; }
.ad2i a strong em {font-size: 100%; }
.ad2i a em {font-size: 120%; }

/*
	= ethics cases
*/

body.ethics #content { padding-right: 2em; }

body.ethics blockquote { 
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 1.1em;
	font-style: normal;
	font-weight: normal;
	left: -1.5em;
	padding: 1em 1.5em; 
	position: relative; 
	width: 100%; 
}
#settings {margin: 4em 0 0 0; padding: 1em; }
#settings h3 {font-size: 1.1em; margin: 0 0 1em 0; padding: 0; }
#settings label {font-size: .9em; line-height: 1.4em; }



/* = event calendar */

#calendarcontainer {
	position: relative;
}

.ecal { 
	position: fixed;
	width: 350px;
}
.ecal table { 
	border-bottom: 1px solid #b1b1b1;
	border-left: 1px solid #b1b1b1; 
	padding: 0;
	width: 100%; 
}
.ecal .head {
	font-size: 110%; 
	height: 40px; 
	margin-bottom: 7px; 
}
.ecal .head span { 
	display: block; 
	float: left; 
	height: 100%; 
	line-height: 40px; 
	text-align: center; 
	width: 16.8%; 
}
.ecal .head a { display: block; padding-top: 0.6em; }
.ecal .head .motitle { 
	font-size: 130%; 
	font-weight: bold;
	width: 66%; 
}

.ecal th, .ecal td { 
	border-right: 1px solid #b1b1b1; 
	border-top: 1px solid #b1b1b1; 
	text-align: center; 
}
.ecal th { 
	font-size: .95em; 
	font-weight: bold; 
	line-height: 2em; 
	text-transform: lowercase; 
}
.ecal td { 
	font-size: 1.5em; 
	line-height: 2.1em;
}

.ecal td.today { border-top-color: #666; border-right-color: #666; }

.ecal td.event {  }


/* = event list */

.el {}
.el h2 {
	font-family: Georgia, Serif; 
	font-size: 130%;
}
.elitem {
	margin: 0 0 1em 0; 
	padding-left: 50px;
}
.elitem h2, .elitem p {
	margin-bottom: .1em;
	margin-top: 0; 
}

.sel .eldate {
	background-color: #cbff00;
}

.eldate {
	float: left; 
	font-family: Arial, Sans-Serif;
	font-size: 1.8em;
	font-weight: bold;
	left: -50px; 
	line-height: .85em;
	margin-right: -40px;
	padding: 0em .1em .3em .2em; 
	position: relative;
	text-align: center;
	width: 40px; 
}

.eldate span {
	font-size: .6em; 
	font-weight: normal; 
	position: relative;
	top: -0.3em;
}

/* 
	= resources 
*/

body.rsc #content {
	padding-right: 3em;
}

.rscs h4 {
	margin: 1em 0 .3em 0;
}

.rscs ul {
	font-family: Arial, Sans-Serif;
	font-size: 1.1em;
	line-height: 1.4em;
	margin: .3em 0 1em 0em;
}

.rscs li { margin: 0 0 .7em 0; }


/* = blog */

body.blog #content {
	padding-right: 3em;
}

body.blog #content h1,
body.rsc #content h1 {
	border-bottom: 1px solid #80ad00;
	color: #000;
	font-size: 1.5em;
	margin: 0 0 1em 0;
	padding: 0 0 .5em 0;
}

body.blog h2 {
	font-family: Georgia, Serif; 
	font-size: 130%;
	line-height: 110%;
	margin-bottom: .5em;
}

.dt {color: #999; font-family: Arial, Sans-Serif; font-size: 90%; margin-top: -1.5em; }

.section {padding: 1em .7em; }
.section ul {margin: 0 0 1.5em 0; }
.section li {margin: 0 0 .6em 0; }
.section h4 {color: #000; font-weight: bold; margin: 0 0 .7em 0; }

#commentform {
	border-top: 1px solid #80ad00;
	border-bottom: 1px solid #80ad00;
	font-family: Arial, Sans-Serif;
	margin: 2em 0;
	padding: 1em 1em;
}

.subscribe-feeds {
	float: right;
	font-family: Arial, Sans-Serif;
}
.subscribe-feeds a {
	background-color: transparent;
	background-position: 0 50%;
	background-repeat: no-repeat;
	color: #99a;
	margin-left: 5px;
	padding-left: 19px;
	width: 20px;
}
.subscribe-feeds a:hover {
	color: #779;
	text-decoration: underline;
}
.subscribe-feeds span {display: none; }
.subscribe-feeds a.feed-rss {background-image: url(skin/feed-icon-14x14.gif); }
.subscribe-feeds a.feed-email {background-image: url(skin/icon-email_go.gif); }

.c-by { color: #999; }
	
.blog-post {
	border-bottom: 1px solid #ccc;
	margin-bottom: 1.2em;
	padding-bottom: 1em;
}

.blog-post h2 a {text-decoration: none; }
.blog-post a, .blog-post h2 a:hover {text-decoration: underline; }

.blog-post .post-footer {
	color: #aaa;
	font-family: Arial, Sans-Serif;
	font-size: .93em;
	line-height: 20px;
}

.post-footer a {color: #99b; text-decoration: none; }
.post-footer a:hover { color: #779; text-decoration: underline; }

.comment-link, .comment-rss, .comment-new, .tags {
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	margin-left: 10px;
	padding-left: 20px;
	height: 20px;
}

.comment-link {background-image: url(skin/icon-comment.gif); margin-left: 0; }
.comment-rss {background-image: url(skin/icon-comments.gif); }
.comment-new {background-image: url(skin/icon-comment_edit.gif); }
.tags {background-image: url(skin/icon-tag.gif); margin-left: 0; }
.tags span {display: none; }

#comments {
	border-top: 1px solid #80ad00;
	/*background: #eee;*/
	padding: 10px 20px;
	/*position: relative;
	left: -20px;
	margin-right: -20px;*/
	margin-top: 40px;
}
	
/* = form related */

.errmsg, .errormsg {color: #900; }
.errormsg {background: #eef; padding: .3em .3em .3em 2em; }
.reqfld {background-color: #eef; }
.reqfld input, .reqfld textarea, .reqfld select { background-color: #fff; }
fieldset {padding: .7em .5em .3em 0em; }
fieldset.alt {background-color: #ccc; }
fieldset.buttons {padding-top: 1em; }
fieldset.buttons input {width: auto !important; }

fieldset legend {display: none;	margin-bottom: .5em; }

* html fieldset legend {
	margin-left: -5px;
	margin-bottom: .8em;
}

fieldset label {
	display: block;
	clear: both;
	margin-bottom: .7em;
	padding-bottom: .1em;
	padding-left: 10em;
}

fieldset label span.lbl {
	float: left;
	left: -10em; 				/* - label { padding-left: } */
	margin-right: -10em;		/* - label { padding-left: } */
	padding-bottom: .1em;
	position: relative;
	top: .2em;
	width: 9em;
}

#commentform label span.lbl { text-align: right; color: #999; }

fieldset label.req span.lbl {font-weight: bold; }
fieldset label.highlight {background-color: #ffc; }

fieldset input, fieldset textarea, fieldset select {
	font-size: 1em;
	padding: 2px 3px;
	width: 15em;
}

#commentform input, #commentform textarea, #commentform select { width: 20em; }

fieldset select {padding: 0; }

fieldset input.check, fieldset input.radio {
	margin-left: 1.2em;
	width: auto;
}

fieldset textarea { font-family: Sans-Serif; }


/*
	= colors
*/

.ad2i a strong em, .ad2i a, .ad2i a:hover, body.talk h1, h3.tab , #header h2, #nav a, body.talk #nav li.lnktalk a, body.talk #nav li.lnktalk, .sponsor {color: #fff; }
a, a:hover, #events dl dt, #settings h3 {color: #496fad; }
h1, h2, h2 a, h2 a:link, h2 a:hover, h2 a:visited, h3, body.ethics blockquote {color: #80ad00; } 
body.ss #nav li.lnkss, body.ethics #nav li.lnkethics, body.rsc #nav li.lnkrsc, body.talk #nav li.lnktalk,body.blog #nav li.lnkblog, body.merch #nav li.lnkmerch, body.cal #nav li.lnkcal, body.ss #nav li.lnkss a, body.ethics #nav li.lnkethics a, body.rsc #nav li.lnkrsc a, body.talk #nav li.lnktalk a, body.blog #nav li.lnkblog a, body.merch #nav li.lnkmerch a, body.cal #nav li.lnkcal a, #nav a:hover {color: #000; }
.dim, .terms dd {color: #666; }
.ad2 a, .ad2 a:hover, .ad2i a strong {color: #cbff00; }

#header, #main, #video, .border {background-color: #fff; }
body.talk h1, h3.tab span, .ad2 {background-color: #80ad00; }
h3 {background-color: #e4eec9; }
#content h1, #header h1, h3.tab {background-color: transparent; }
.feature, .hl, #settings, #settings h3 { background-color: #e7ebed; }
q, .content em {background-color: #e7ff87; }
.sponsor .img {background-color: #bbc9d2; }
.resources, body.ethics blockquote { background-color: #eef4de; }
.ad2i {background-color: #739a00; }

/* event */
.ecal td { color: #dee4ce; }
.ecal td.othermonth { color: #fff; }
.ecal .prev a, .ecal .next a, .eldate, .ecal td.event { color: #496fad; }


.ecal td.event:hover, .ecal td.today-o, .elci .eldate { background-color: #cbff00; } 
.ecal .head .prev, .ecal .head .next, .eldate, .ecal td.event { background-color: #eef4de; }
.ecal td.today { background-color: #f8ffe8; }
.ecal td.othermonth { background-color: #e5e5eb; }