/* things we just want all the time */

body { background: white; }

fieldset { background: #eee; }
legend  { font-weight: bold; font-family: sans-serif; font-size: small; }

label { cursor: pointer; }
form { margin: 0 }

em { color: red; font-weight: bold; font-style: normal; }

sup { font-size: x-small; }

p { clear: both; }

img { border: 0; }

/* generic styles found sprinkled all over the place */
.sectionhead {
	background:#ddd;
	border:1px solid;
	padding:4px;
	font-weight: bold;
	font-family: serif;
}
.highlight, .error {
	background: #ffc;
	font-family:sans-serif;
	padding: 6px;
}
.error { color: red; font-weight: bold; }

.greytext {
	color: #777;
	font-size: x-small;
	font-weight: normal;
	font-family: serif;
}
.clfooter {
	text-align: center;
	font-size: small;
	list-style-type: none;
	padding: 0px;
}
.clfooter li {
	display: inline; padding: 0 5px;
}

td.head {
	background: #eee;
	border: 1px solid #ccc;
	text-align: right;
	white-space: nowrap;
}

.bchead {
	background: #eee;
	padding: 3px;
	font-family: sans-serif;
	border-bottom: 2px #ccc solid;
	margin-bottom: 1em;
}

/**********
 HELP PAGES
 **********/
.dropshadow { background: gray; float: left; margin-bottom: 10px; margin-right: 5px;}
.dropshadow img { position: relative; right: 5px; top: -5px; border: 1px #333 solid; display:block; }
.header { background: #ddd; font-weight: bold; }

td.p {
	font-family: courier,monospace;
	width: 50%;
	font-size: small;
}
td.p pre { font-size: medium; }

/*********
 HOMEPAGES
 *********/
body.hp { background: #f4f4f4; font-family: sans-serif; }

.hp * { padding: 0;  margin: 0; }

.hp td, .hp a, .hp th { white-space:nowrap; }
.hp a { text-decoration:none; }
.hp a:hover { text-decoration:underline; color:purple; }

.hp td { vertical-align: top; }

.hp ul { list-style: none; }

.hp .city td {
	font-size:70%;
	line-height: 1.43em;
	vertical-align: top;
	padding: 5px;
}

.hp .city h5 {
	background: #ddd;
	padding: 3px;
	font-size: 85%;
	font-weight: 300;
}

.hp .city h5.ctry {
	background: #ff9;
	border: 1px #ddd solid;
}

.hp .city ul {
	margin: 4px;
}

.hp .for     {
	font-size:72%;
}
.hp .for a   {
	background:#fff;
	padding: 1.0px;
	margin: 1.0px;
}

.hp .ban, .hp .col h4 {
	background:#ddd;
	font-size:85%;
	text-align:center;
	font-weight:600;
	white-space: nowrap;
	margin-top: 10px;
}

.hp .col h4 {
	clear: both; margin: 0;
}

.hp .col { /* dep */
	clear: both;
}

.hp .col ul {
	list-style: none;
	float: left;
	margin: 1px;
	margin-bottom: 1em;
	font-family: sans-serif;
	font-size: smaller;
	white-space: nowrap;
}


.hp div#ccc ul { width: 47%; }
.hp div#ppp ul { width: 100%; }
.hp ul.ccc { width: 47%; }
.hp ul.ppp { width: 100%; }

.hp div#forums ul { width: 31%; font-size: 72%; }
.hp ul.forums { width: 31%; font-size: 72% !important }

.hp div#hhh ul { width: 100%; }
.hp ul.hhh { width: 100%; }

.hp ul#sss1 { width: 42%; }
.hp ul#sss2 { width: 54%; }

.hp ul#bbb1 { width: 41%; }
.hp ul#bbb2 { width: 55%; }

.hp ul#jjj1 { width: 100%; }
.hp ul.jjj { width: 100%; }

.hp ul#ggg1 { width: 61%; }
.hp ul#ggg2 { width: 34%; }


.hp .col ul li {
	background: #fff;
	padding: 1px;
	border-bottom: 1px #f4f4f4 solid;
}

.hp .col ul li a {
	position: relative;
	width: 100%;
}

.hp #logo {
	background: #f4f4f4;
	font-size: 190%;
	font-weight: 500;
	font-family: serif;
	font-stretch: expanded;
	padding: 2px 0px 16px 3px;
	width: 100%;
}

.hp #leftbar {
	background: #ddd;
	text-align: center;
}

.hp #leftbar * {
	margin-left: auto;
	margin-right: auto;
	white-space: nowrap;
}

.hp #leftbar ul {
	padding: 4px;
}

.hp #leftbar li {
	background: #f4f4f4;
	font-size: smaller;
	padding: 2px;
}

.hp #leftlinks li {
	margin: 4px;
}

.hp .cal {
	font-size: smaller;
	margin: 0 10px;
	text-align: center;
}

.hp .cal th.ban {
	background: #eee;
}

.hp .cal .dys th  {
	background:#aaa;
	color: white;
	font-weight:bold;
}
.hp .cal td  {
	background: white;
	padding: 3px;
}
.hp .cal .tdy {
	background: #ff9;
	font-weight:bold;
}
.hp #postlks li {
	margin: 10px 4px;
	font-size: 90%;
	font-weight: 500;
}

.hp #search {
	margin: 10px;
	text-align: left;
}

.hp #search div {
	background: #f4f4f4;
	text-align: center;
}

.hp #search #query { width: 98%; }
.hp #search select { width: 75%; }

.hp #topban { height: 3em; white-space: nowrap; }

.hp #topban div {
	background: #ddd;
	padding: 3px;
}

.hp #topban h2 {
	display: inline;
	font-weight: normal;
	font-family: serif;
}

.hp #topban .for a {
	margin: 2px;
}

.hp #alks td { background: #f4f4f4; }
.hp #alks a { padding: 2px; font-size: smaller; }

/****
 TOCS
 ****/

.toc h4, .toc .sh {
	background: #eee;
	border-bottom: 2px solid #ccc;
	padding: 6px 25px;
}

.toc td, .toc a, .toc th, .toc .hl { white-space:nowrap; }
.toc #messages { white-space: normal; text-align: right; }
.toc dd, .toc dt { font-size:smaller; }

.toc #ef a { font-weight: bold; }

.toc #satabs {
	margin-top: 10px;
	font-size: smaller;
}

.toc #satabs b, .toc #satabs a {
	padding: 3px;
	-moz-border-radius: 0.7em 0.7em 0 0;
	border-top: 2px #ccc solid;
	border-left: 2px #ccc solid;
	border-right: 2px #ccc solid;
	line-height: 2em;
	white-space: nowrap;
}
.toc #satabs b {
	background: white;
	padding-bottom: 0.9em;
}

.toc #satabs a {
	text-decoration: none;
	padding-bottom: 0.7em;
}

.toc #satabs a:hover  {
	background: #f7f7f7;
}

.toc #sform {
	white-space: nowrap;
	background:#eee;
	border:1px solid #ccc;
	width: 90%;
	padding: 4px;
}

.toc #footer #copy { float: left; }
.toc #footer #copy a { font-size: x-small; }
.toc #footer .rss { float: right; text-align: right; }

.toc #hideImgs { display: none; }
.toc #showImgs { display: none; }

.rss .l {
	background: orange;
	padding: 0px 2px;
	color: white;
	font-family: sans-serif;
	font-weight: bold;
	text-decoration: none;
}
.rss .y { font-size: x-small; }

.toc #floater {
	position:absolute;
	overflow:hidden;
	z-index:999;
	display: none;
}

.toc #floater img {
	border: 2px solid #ccc;
}


.toc .row .ih { display: none; }

.toc .row .i {
	float: left;
	width: 60px;
	height: 52px;
	clear: both;
	background-repeat: no-repeat;
	background-position: center center;
}

.toc .row .i img { 
	border: 0;
	height: 50px;
	width: 50px;		
 }

.toc span.p { color: orange;  font-size: smaller; }
.toc .row .c { clear: both; }

/*************
 POSTING PAGES
 *************/

#tsb {
	background: #ff9;
	font-size: small;
	margin-top: 1em;
	padding: 4px;
}

#tsb a { white-space: normal; font-style: italic; }

#ef { float: right; }

/* flag links on postings */
#flags {
	margin: 7px;
	padding: 7px;
	border: 2px #ccc solid;
	float: right;
	text-align: right;
	font-size: small;
	background: white;
}

#flags a.fl { padding-right: 8px; display: block; }
#flags a.fl:visited { position: relative; }

/* body blurbs*/
ul.blurbs { margin-left: 0px;  padding-left: 10px;  font-size: smaller; }

/************
 SIMPLE PAGES
 ************/

#fakePage { position: relative; }

#sc { position: absolute; }

#sc #banner {
	width: 9em;
	position: absolute;
	background: #ddd;
	padding: 4px;
	height: 100%;
	top: 0;
	left: 0;
}

#sc #banner #logo {
	text-align: center;
	margin-bottom: 8em;
}
#sc #banner #logo span {
	color: #009;
	font-size: 80%;
	font-family: verdana,sans-serif;
	font-weight: bold;
}
#sc #banner #logo a { font-size: 200%; }

#sc #banner #update {
	font-size: xx-small;
	color: #444;
	padding: 12px;
	padding-bottom: 600px;
}

#sc #banner #prinfo {
	font-size: x-small;
	background: #ff9;
	padding: 4px;
	margin: 8px;
	margin-bottom: 3em;
}

#sc #content { margin-left: 11em;  padding: 10px; }

#sc #content p { clear: none; }

/************
 SOCIAL LINKS
 ************/

div#shareSocial {
	margin: 7px;
	padding: 7px;
	border: 2px #ccc solid;
	float: right;
	font-size: x-small;
	font-family: sans-serif;
	display: none;
	background: white;
	width: 10em;
}

div#shareSocial #sstitle { font-size: small; }

div#shareSocial #ssmain {
	border-top: 2px #ccc solid;
	margin-top: 6px;
}
div#shareSocial #ssGetMore { padding: 2px 0 0 20px; }

div#shareSocial a {
	color: #4c4c4c !important;
	text-decoration: none;
	line-height: 16px;
	margin: 3px;
	padding: 0 0 0 20px;
	background: url(/images/shareSocial.png) no-repeat top left;
	display: block;
	height: 16px;
	border-bottom: 1px #eee solid;
}

div#shareSocial a.more { display: none; }

#shareSocial a#delicious { background-position: 0px -176px; }
#shareSocial a#diigo { background-position: 0px -208px; }
#shareSocial a#digg { background-position: 0px -192px; }
#shareSocial a#email { background-position: 0px -224px; }
#shareSocial a#facebook { background-position: 0px -240px; }
#shareSocial a#fark { background-position: 0px -256px; }
#shareSocial a#friendfeed { background-position: 0px -304px; }
#shareSocial a#mixx { background-position: 0px -464px; }
#shareSocial a#myspace { background-position: 0px -496px; }
#shareSocial a#stumbleupon { background-position: 0px -704px; }
#shareSocial a#propellor { background-position: 0px -576px; }
#shareSocial a#reddit { background-position: 0px -592px; }
#shareSocial a#technorati { background-position: 0px -752px; }
#shareSocial a#twitter { background-position: 0px -784px; }

div#shareSocial a:hover { background-color: #eee; }


/***************
 POSTING PROCESS
 ***************/

#pp bc a {font-weight: bold; white-space: nowrap; }
#pp span.imageLabel { font-size: smaller; font-family: sans-serif; }
#pp #header { line-height: 1.5; }

#pp input, #pp textarea {
	font-family: serif;
	border: #ccc 1px solid;
	background: #fbfbfb
}

#pp span.std, #pp span.req, #pp span.err { font-weight: bold; }
#pp span.req { color: green; }
#pp span.err { color: red; }

#pp input.req { border: green 1px solid; }
#pp input.err,
	#pp textarea.err { border: red 2px solid; }


#pp button { font-family: sans-serif; }
#pp blockquote#thanks {font-family: sans-serif; }
#pp blockquote#thanks div { background: #eee; padding: 12px; }

#pp h5 { font-family: sans-serif; padding: 6px; border-bottom: 3px #aaa solid; } /* bye? */

#pp .highlight { margin: 10px; }
#pp #map div { float: left; }

#pp .title { white-space: nowrap; }
#pp .title input { font-size: 1.3em; font-weight: bold; padding: 0 5px; }
#pp .row div { float: left; padding: 0 5px; }

#pp .posting { background:#f5f5f5; padding: 10px;}

#pp #jsErr { display: none; }

#pp #oiab { font-style: italic;}

#pp #ed { white-space: nowrap; }
#pp #ed p { float: left; clear: none; padding: 5px; }

#imgtbl { min-width: 660px; }
#imgtbl div { text-align: center; width: 300px; font-size: small; float: left; margin: 10px; }

body.mceContentBody, body.mceContentBody td { font-size: inherit !important; font-family: inherit !important; }

/* forms classes for use with js validation / etc */
form .defval { color: #aaa; }
form .req { color: green; }
form .err { color: red; }

input.req, textarea.req { border: green 1px solid; color: black; }
input.err, textarea.err { border: red 2px solid; color: black; }

/* teambios whee */
.bios hr { clear: both; }
.bios > div { clear: both; float: left; width: 100%; margin-bottom: 20px;}
.bios > div > div { padding: 10px; }
.bios > div > div > p { clear: none; }
.bios img { float: left; margin-right: 10px;}
.bios .d { background: #f0f0f0; }
.bios .d img { float: right; margin-left: 10px; margin-right: 0; }