/****** COLORS ******/
body,
th,
td {
	background-color: #fff;
	color: #111111;
	text-decoration: none; 
}
/* darker detailing/backgrounds */
.nodelet_title,
#header,
#footer,
#footer a:link,
#footer a:visited,
#epicenter_zen {
	background-color: #38495e;
}
.nodelet {
	border-color: #38495e;
}
/* same color as body */
#header,
#footer,
#footer a:link,
#footer a:visited,
#epicenter_zen a:link,
#epicenter_zen a:visited {
	color: #f9fafa;
}
/* medium backgrounds/details */
.nodelet_title {
	color: #c5cdd7;
}
.oddrow,
.oddrow td,
#homenodeheader dt {
	background-color: #c5cdd7;
}
/* fractionally darker-than-body */
#cooluserpicks,
#staff_picks,
#loglinks,
#softlinks td,
.nodelet {
	background-color: #f8f9f9;
}
/* faint light borders */
#cooluserpicks,
#staff_picks,
#loglinks,
#softlinks td {
	border-color: #d3d3d3;
}
/* dark horizontal rules */
.nodetitle,
#creamofthecool .contentinfo {
	border-bottom-color: #333333;
}
.content {
	border-top-color: #333333;
}
/* miscellaneous */
td {
	background-color: transparent;
}
a:link {
	color: #4060b0; text-decoration: none;
}
a:visited {
	color: #507898; text-decoration: none;
}
a:active,
a:hover,
a:focus {
	color: #3bb5c3; text-decoration: none;
}
/* red */
.nodeshell a {
	color: #8b0000;
}
.nodeshell a:active,
.nodeshell a:hover,
.nodeshell a:focus {
	color: #ff0000;
}
/****** FORMATTING ******/
body {
	margin: 0;
	padding: 0;
	font-family: 'Verdana', 'Tahoma', 'Arial Unicode MS', sans-serif;
	font-size: 75%;
}
* html div#header { 
/* Make sure IE6 doesn't go mad with the header */
	width: 100%;
	padding-right: 0;
	padding-left: 0;
}
table {
	font-size: 100%;
}
th,
td {
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 140%;
	font-weight: bold;
}
h2 , h3.nodelet_title {
	font-size: 130%;
	font-weight: bold;
}
h3 {
	font-size: 120%;
	font-weight: bold;
}
h4 {
	font-size: 100%;
	font-weight: bold;
}
h5 {
	font-size: 90%;
	font-weight: bold;
}
h6 {
	font-size: 80%;
	font-weight: bold;
}
p {
	margin: 10px 0;
}
pre, tt, code {
	font-size: 123.08%; /* <pre> browser defaults are quite small */
}
pre {
	overflow: auto; /* to stop page-widening */
}
ul { list-style: disc; }
ul ul { list-style: circle; }
ul ul ul { list-style: square; }
ul ul ul ul { list-style: disc; }
ul ul ul ul ul { list-style: circle; }
ul ul ul ul ul ul { list-style: square; }
dt {
	font-weight: bold;
}
big {
	font-size: 125%;
}
big big big big big big big big big big big {
	font-size: 100%; /* cannot nest more than 11 <bigs> (~10x increase in font size) */
} 
small {
	font-size: 80%; /* a <big> and a <small> multiply to 100% */
}
/* nested italic tags give normal font */
i i,
i em,
em i,
em em {
	font-style: normal;
}
kbd {
        font-size: 100%;
}
form {
	margin: 0;
	padding: 0;
}
textarea {
	width: 100%;
	font-family: "Courier new", monospace;
}
textarea.expandable {
	width: inherit;
}

.pagination {
	text-align: center;
}


/* page layout */
div#header {
	width: 100%;
	margin: 0;
	overflow: hidden; /* IE fix */
}
#epicenter_zen {
	padding: 2px 2px 2px 2.5em;
	border-bottom: 1px solid #c5cdd7;
	font-size: 75%;
	text-align: left;
}
#epicenter_zen br {
	display: none;
}
form#search_form {
	float: right;
	width: 33em;
	text-align: right;
	padding: 0;
	margin: 8px 2px 3px 0px;
}
input#node_search,
input#search_submit {
	margin: 10px 0px;
	padding: 2px;
	float: left;
}
#search_form label {
	display: block;
	font-size: 85%;
	float: right;
	clear: right;
	text-align: left;
	width: 9.8em;
	margin: 0;
	padding: 0;
	height: 1.47em;
}
#search_form label input{
	float: left;
	margin: 0px;
	padding: 0px;
}
div#e2logo {
	margin: 5px 2px 5px 20px;
	width: 300px; height: 50px; /* these are the exact dimensions of the background image */
	overflow: hidden; /* sets a window big enough to show the background image and nothing else */
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(https://s3.amazonaws.com/static.everything2.com/e2_tight.gif);
}
div#e2logo a {
	display: block;
	padding: 50px 300px; /* means the text doesn't show in the 300x50 window */
}
#wrapper {
	clear: both;
	padding-right: 270px; /* sidebar goes in this gap */
	margin: 2px 2px 20px 20px;
}
#mainbody {
	float: left;
	margin-top: 20px;
	width: 100%;
	margin-bottom: 20px;
}
#mainbody > *:first-child {
	margin-top: 0;
}
.nodetitle {
	padding-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	margin: 0 0 1px;
}
.linklist,
.linklist li {
	padding: 0;
	margin: 0;
	display: block ;
	list-style: none outside none;
}
.sectioncontent .linklist{
    margin: 5px 0 16px 32px;
}
#mainbody .linklist {
	margin: 5px 0;
}
#mainbody .linklist li {
	padding: 1px 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	text-align: left;
	border-bottom-color: #d3d3d3;
}
#mainbody .linklist li a {
	padding: 1px;
	display: block;
	text-decoration: none;
}
.morelink,
.nodeletfoot {
	text-align: right;
}
/* TODO: introduce print-only styles to deprecate the "printable" view entirely */
p#printlink {
	text-align: right;
	font-size: 80%;
}

/* generic content */
.item {
	margin: 20px 0;
}
.contentheader cite {
	margin-left: 5px;
	display: inline;
	font-weight: bold;
}
.title {
	font-weight: bold;
}
.contentheader .title {
	margin-bottom:0.5em;
	font-size:107%;
}
.contentinfo a {
	text-decoration: none;
}
.content {
	clear: both;
	margin-top: 3px;
	border-top-width: 1px;
	border-top-style: solid;
}
.content table {
	border-collapse: collapse;
}
.content table[border="0"] th,
.content table[border="0"] td {
        border: 0;
}
.content th,
.content td  {
	border: 1px solid gray;
	padding: 5px;
}
.content th *:first-child,
.content td *:first-child {
	margin-top: 0;
}
.content th *:last-child,
.content td *.last-child {
	margin-bottom: 0;
}
.content th {
	background-color: #C5CDD7;
}
.content td {
	background-color: #f6f6f6;
}
.hasvoted .title, .mine .title {
	font-weight: normal;
}

/*** FRONT PAGE SPECIFIC ***/
#welcome_message {
	margin: 20px;
	text-align: center;
	font-weight: bold;
}
#tagline {
	margin:0px 250px 6px 0px;
	font-size:1.2em;
	text-align:center;
}
#tagline a:link{
	color:white;
}
#wit {
	margin:8px auto;
	font-size:1em;
}
#guestfrontpage #e2logo {
	margin: 5px auto;
	padding-right: 250px;
}
#guestfrontpage form#searchform {
	margin:0px auto 20px;
	text-align:center;
}
#guestfrontpage #searchfield {
	font-size:1.2em;
	height:1.5em;
	padding:2px 0px;
	text-align:left;
}
#guestfrontpage #search {
	font-size:1.2em;
	height:1.8em;
	text-align:center;
}
#loglinks,
#cooluserpicks,
#staff_picks {
	max-width: 33%;
	clear: both;
	float: left;
	margin-right: 20px;
	margin-bottom: 2px;
	width: 250px;
	border-width: 1px;
	border-style: solid;
	padding: 5px;
}
#cooluserpicks h3,
#loglinks h3,
#staff_picks h3 {
	margin: 0;
}
h3#creamofthecool_title {
	margin: 0;
}
#cotc {
	overflow: hidden;
}
#creamofthecool .item {
	margin: 5px 0px 0px 0px;
}
#bestnew {
	margin: 5px 60px;
}
#bestnew_title {
	margin: 8px 0px 0px 0px;
}
#bestnew .item {
	margin: 12px 0px;
}
#creamofthecool blockquote {
	margin: 0 5%;
}
#frontpage_news {
	clear: both;
}
/*** END FRONT PAGE ***/

/* Front page/ usergroups*/
.weblog .date,
#creamofthecool .date {
	margin-left: 5px;
	display: inline;
	font-weight: bold;
}
.weblog .date:before {
	content: "on ";
}
.remove {
	margin-left: 5px;
	display: inline;
	font-weight: bold;
}

/*** REGULAR NODES ***/
#firmlink,
#isalso,
.topic {
	margin: 1px 0 0;
	padding: 0;
	font-size: 90%;
	font-weight: normal;
	text-indent: 0px;
}
#firmlink strong:before {
	content: "\27A8 \A0"; /* big fat arrow */
}
.createdby {
	float: right;
}
.actions,
.actions li {
	display: inline ;
	margin: 0 ;
	padding: 0 ;
}
.actions .action {
	padding-right: 5pt ;
}
.categories li {
	list-style-type: none;
}
.e2node #pageheader {
	margin-bottom: 40px;
}
.writeuppage .item {
	margin: 20px 0 60px;
}
.writeuppage .contentheader {
	background: #c5cdd7;
	padding: 5px;
	border-top-color: #333333;
	border-top-width: 1px;
	border-top-style: solid;
}
.writeuppage .content {
	background-color: #eee;
	padding: 20px;
	overflow: auto;
	margin: 0;
	border-top-style: none;
}
.writeuppage .contentfooter {
	background-color: #C5CDD7;
	border-bottom: 1px solid #333333;
}
.contentfooter td {
	text-align: center;
	width: 10%;
	padding: 5px;
}
.vote_buttons input + input {
	margin-left: 5px;
}
.contentinfo .sentmessage {
	text-align: center ;
}
#displaytypelinks {
	margin: 5px 0;
	font-size: 90%;
	text-align: right;
}
#displaytypelinks p {
	margin: 0;
}
#killbutton,
#votebutton,
#blabbutton {
	float: right;
	margin: 5px 0;
}
#softlinks {
	margin: 5px 0;
	clear: both;
}
#softlinks table {
	border-collapse: collapse;
}
#softlinks td {
	border-width: 1px;
	border-style: solid;
	padding: 5px;
	text-align: center;
	width: 25%;
}
.wu_sendmsg textarea.expandable {
	width: 100%;
}
.writeup_add {
	margin: 20px 0;
}
/*** END REGULAR NODES ***/
/*** HOMENODES ***/
hr.clear {
	display: none ;
}
#homenodeheader {
	margin-top: 20px;
}
#homenodepicbox {
	float: left;
}
#homenodeheader dl {
	width: 250px;
	float: right;
	display: block;
}
#homenodeheader dt {
	display: block;
	padding: 2px;
	font-size: 90%;
}
#homenodeheader dd {
	padding: 2px;
	margin: 0;
	text-align: right;
	font-size: 90%;
}
#chatterbox textarea, 
#homenodeheader textarea {
	width: inherit;
}
#homenodetext {
	width: 100%;
	clear: both;
}
/*** END HOMENODES ***/
/*** SCRATCHPAD ***/
#skratch_form .content {
	background-color: #eee;
	padding: 20px;
	overflow: auto;
}
/*** END SCRATCHPAD ***/
/*** TABLES OF DATA ***/
.oddrow td,
.oddrow + tr td , .evenrow td {
	padding: 4px;
}
/*** END TABLES ***/
#mainbody > *:last-child {
	margin-bottom: 0;
}
#sidebar {
	float: left;
	margin-left: 20px;
	width: 250px;
	margin-right: -100%;
}
.nodelet {
	clear: both;
	padding: 0;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 2px;
}
.nodelet_title {
	display: block;
	margin: 0;
	padding: 1px 5px;
	text-align: center;
}
.nodelet_content {
	padding: 5px;
}
.nodelet h4 {
	margin: 4px 0px;
}
/*** NEW WRITEUPS etc. ***/
.nodelet .infolist {
	margin: 0;
	padding: 0;
	list-style: none outside none;
}
.nodelet .infolist li {
	margin:1px 4px;
	padding: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #d3d3d3;
}
.nodelet .infolist .contentinfo {
	display: block;
}
.nodelet .title {
	display: block;
}
.nodelet .infolist span.hidden,
.nodelet .infolist span.hide {
	font-size: 90%;
}
/*** END NEW WRITEUPS ***/
/* NOTIFICATIONS */
#notifications ul , #notifications li {
	display: block ;
	margin: 0 ; 
	padding: 0 ;
}
#notifications li {
	padding: 1px 1px 1px 24px ;
	text-indent: -23px ;
}
/*** EPICENTER NODELET ***/
#epicenter ul {
	margin: 5px;
	padding: 0;
	list-style: disc inside none;
}
#experience {
	font-size: 110%;
}
/*** END EPICENTER NODELET ***/
/*** CHATTERBOX NODELET  ***/
#formcbox {
	overflow: auto;
}
#chatterbox textarea, input#message {
	width: 90%;
	margin: 0 -1px;
}
/*** END CHATTERBOX NODELET ***/

#otherusers ul, #otherusers li {
	display: block ;
	margin: 0 ; 
	padding: 0 ;
}

#otherusers ul {
    margin: 4px;
}

/* PERSONAL LINKS NODELET */
#personallinks .linklist {
	margin-bottom: 1em ;
}
/*** AD NODELET ***/
#ads {
	background-color: white;
}
#ads h2 {
	display: none;
}
/*** END AD NODELET ***/
#footer {
	clear: both;
	padding: 5px;
	text-align: right;
	font-size: 90%;
}
#metalinks {
	display: none;
}
/* CHATTERLIGHT */
#chatterlight_mainbody {
	float: left;
	width: 75%;
}
#chatterlight_mainbody #links,
#chatterlight_mainbody #chatterbox_nodelet,
#chatterlight_mainbody #chatterlight_search {
	margin: 1em;
}
#chatterlight_credit { display: none; }
#chatterlight_hints { display: none; }
#chatterlight_mainbody .nodelet {
	float: none;
	width: auto;
	padding: 0;
}
#chatterlight_NW,
#chatterlight_Notifications {
	float: left;
	width: 25%;
}
#chatterlight_NW #newwriteups,
	#chatterlight_Notifications #notifications {
	margin: 1em;
}
#chatterlight_NW .nodelet,
#chatterlight_Notifications .nodelet {
	float: none;
	width: auto;
	padding: 0;
}
/*** Mobile bits ***/
#mobilewrapper > #wrapper {
	padding-right: 20px; /* override padding: no sidebar */
}
#zen_mobiletabs {
	background-color: #38495E;
	padding-left: 4px
}
.zen_mobiletab_selected {
	background-color: white;
	padding: 4px;
	padding-bottom: 0px;
}
.zen_mobiletab {
	background-color: #38495E;
	padding: 4px;
	padding-bottom: 0px;
}
.zen_mobiletab > A:link {
	color: #eeF;
}
.zen_mobiletab > A:visited {
	color: #ddF;
}