/* $Id: style.css,v 1.13 2006/04/03 22:20:48 unconed Exp $ */

/*
** HTML elements
*/
body {
	margin:				0;
	padding:			0;
	color:				#000;
	background-color:	#eef5ff;
	font:				76% Georgia, serif;
	font:				76% 'Trebuchet MS', 'Lucida Grande', Verdana, sans-serif;
}
td {
	padding:			0.3em;
}


/* --------------------------------------------------------------------- : Basic text markup */

h1, h2, h3, h4, h5, h6 {
	margin-bottom:		0.5em;
	font-family:		'Trebuchet MS', 'Lucida Grande', Verdana, sans-serif;
}
h1 {
	font-size:			200%;
}
h2 {
	font-size:			140%;
}
h3,	h4,	h5,	h6 {
	font-size:			125%;
}
p {
	margin-top:			0.5em;
	margin-bottom:		0.9em;
}
a:link {
	color:				#39c;
}
a:visited {
	color:				#369;
}
a:hover {
	color:				#39c;
	text-decoration:	underline;
}
a img {
	border:				0;
}
tt, code {
	font-size:			12px;
}
pre {
	background-color:	#eaedf2;
	font-size:			12px;
	border:				1px solid #ccc;
}
table {
	/* make <td> sizes relative to body size! */
	font-size:			1em;
}
dt {
	font-weight:		bold;
	font-size:			115%;
}
dd {
	margin-bottom:		2em;
}
.messages {
	border:				2px solid rgb(0,128,255);
	padding:			1em;
	background:			#DDEEFF;
}
.error {
	color:				red;
	padding:			1em;
	background:			rgb(255,240,240);
}

/* --------------------------------------------------------------------- : Forms */

input, textarea {
	border:				1px solid #ccc;
	background:			white;
	color:				black;
}
fieldset {
	border:				1px solid #cde;
	margin-bottom:		.5em;
	background: -moz-linear-gradient(-90deg,#def 0,#eef5ff 50%);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
fieldset fieldset {
	background: transparent;
}
legend {
	font-weight:		bold;
	font-family:		'Trebuchet MS', 'Lucida Grande', Verdana, sans-serif;
}
legend a:link {
	color: inherit;
	text-decoration: inherit;
}

.item-list .title {
	font-size:			1em;
	color:				#222;
}
.form-item .description {
  font-size:			0.85em;
}
.form-item label {
	margin-top:			1em;
	display:			block;
	font-weight:		bold;
	font-size:			1em;
	font-family:		'Trebuchet MS', 'Lucida Grande', Verdana, sans-serif;
	color:				#222;
}
.form-item label.option {
	display:			inline;
	font-weight:		normal;
}

.form-item .error {
	border:				2px solid red;
}
.marker, .form-required {
	color:				#d22;
	font-weight:		bold;
}

.links {
	margin-bottom:		0em;
}
input.form-submit {
	margin-top:			.5em;
	color:				white;
	padding:			.1em;
	padding-left:		.3em;
	padding-right:		.3em;
	background-color:	#aa2828;
	border:				1px solid;
	border-color:		rgb(204,53,53) rgb(150,32,32) rgb(150,32,32) rgb(204,53,53);
}
input.form-submit:hover {
	border-color:		#d64 #931 #931 #d64;
	background:			#b42 url(bg-button-hover.png) repeat-x right bottom;
}
input.form-submit:active {
	border-color:		#b50 #d72 #d72 #b50;
	background:			#c61 url(bg-button-active.png) repeat-x left bottom;
}
input.form-checkbox {
	vertical-align: middle;
}

/* --------------------------------------------------------------------- : Header */

#header {
	margin-left:		10px;
	margin-right:		10px;
}
#logo {
	position:			absolute;
	left:				1.5em;
	top:				.3em;
	border:				0;
}
#logo img {
	border:				0;
}
#header .site-name {
	margin:				0;
	margin-left:		90px;
	padding-left:		6px;
	margin-top:			.2em;
	font-size:			400%;
	color:				#000;
	padding-bottom:		.1em;
	border-bottom:		7px solid #2175bc;
}

#header .site-name a {
	color:				#000;
	text-decoration:	none;
}
#menu {
	padding:			0.5em 0.5em 0 0.5em;
	text-align:			right;
	vertical-align:		middle;
}

#content .breadcrumb {
	color:				#888;
	position:			relative;
	top:				-.8em;
	margin-bottom:		-.3em;
}
#content .breadcrumb a {
	color:				#888;
}

/* --------------------------------------------------------------------- : Main page layout */

#sidebar-left .content {
	width:				11em;
	background-color:	#aa2828;
	border-left:		1px solid rgb(204,48,48);
	border-right:		1px solid rgb(150,32,32);
	border-top:			1px solid rgb(204,48,48);
	border-bottom:		1px solid rgb(150,32,32);
	padding:			4px;
	font-family:		'Trebuchet MS', 'Lucida Grande', Verdana, sans-serif;
	margin:				0;
	margin-bottom:		1em;
}
#sidebar-left {
	position:			absolute;
	left:				1em;
	margin-top:			1em;
}
#main {
	margin-left:		15em;
	/* padding in px not ex because IE messes up 100% width tables otherwise */
	padding:			10px;
}
#footer {
	padding:			.1em;
	padding-top:		.6em;
	margin:				1em;
	margin-top:			2em;
	margin-left:		19.75em;
	border-top:			1px solid #aaa;
	font-size:			0.8em;
	color:				#888;
	clear:				both;
}
#footer a {
	color:				#888;
}

/* --------------------------------------------------------------------- : Sidebars */


#sidebar-left {
	font-size:			115%;
	color:				white;
}
#sidebar-left h3 {
	margin:				0;
	margin-top:			.5em;
	font-size:			100%;
}
#sidebar-left .title,
#sidebar-left .poll .total {
	border-bottom:		1px solid rgb(204,48,48);
}
#sidebar-left .title:after,
#sidebar-left .poll .total:after {
	content: "";
	display: block;
	border-bottom:		1px solid rgb(150,32,32);
	width:100%;
	height:0;
}
#sidebar-left ul {
	margin: 			0;
	padding:			0;
	padding-left:		1.5em;
}

#sidebar-left .menu, 
#sidebar-left form ul {
	padding:			0;
	margin:				0;
	list-style:			none;
	border-top:			1px solid rgb(150,32,32);
	border-bottom:		1px solid rgb(204,48,48);
}
#sidebar-left li {
	margin:				0;
	padding:			0;
}
#sidebar-left a {
	color:				white;
	text-decoration:	none;
}
#sidebar-left .menu a,
#sidebar-left form a {
	color:				white;
	text-decoration:	none;
	display:			block;
	border-top:			1px solid rgb(204,48,48);
	border-bottom:		1px solid rgb(150,32,32);
	padding:			4px;/*ems cause off by one error in older moz*/
	margin:				0;
	padding-left:		.5em;
	padding-right:		.5em;
}
#sidebar-left .expanded a,
#sidebar-left .expanded .expanded a,
#sidebar-left a:hover,
#sidebar-left .expanded li a:hover,
#sidebar-left .expanded .expanded li a:hover { /* override the override below */
	border-bottom-color:	#931;
	border-top-color:		#d64;
	background:				#b42 url(bg-button-hover.png) repeat-x right bottom;
}
#sidebar-left .expanded li a,
#sidebar-left .expanded .expanded li a { /* override .expanded a rule */
	border-bottom-color:	#931;
	border-top-color:		#d35040;
	background:				#b23526;
}
#content #sidebar-left ul.menu a:active, /* always use this rule*/
#content #sidebar-left ul.menu a.active {
	border-top-color:		#b50;
	border-bottom-color:	#d72;
	border-left:			1px solid #b50;
	border-right:			1px solid #d72;
	background:				#c61 url(bg-button-active.png) repeat-x left bottom;
}

/* collapsed */
#sidebar-left .collapsed {
	background-image:		url(button-collapsed.png);
	background-repeat:		no-repeat;
	background-position:	bottom right;
}
#content ul.menu .expanded li.collapsed a,
#content ul.menu .expanded .expanded li.collapsed a {
	background-image:		url(button-collapsed.png);
	background-repeat:		no-repeat;
	background-position:	bottom right;
}
#content ul.menu .collapsed a:hover,
#content ul.menu .expanded li.collapsed a:hover,
#content ul.menu .expanded .expanded li.collapsed a:hover {
	background-image:		url(bg-button-hover-collapsed.png);
}

/* submenu*/
#sidebar-left li .menu {
	margin-left:		1em;
	border-top:			0;
	border-left:		1px solid rgb(150,32,32);
	border-right:		1px solid rgb(204,48,48);
	font-size:			95%;
	margin-bottom:		.5em;
}
#sidebar-left li .menu .menu {
	font-size:			100%;
}
#content #sidebar-left li .menu a {
	border-left:		1px solid rgb(204,48,48);
	border-right:		1px solid rgb(150,32,32);
	padding:			3px;/*ems cause off by one error in older moz*/
	padding-left:		5px;
}

/* search, login */
#sidebar-left form {
	margin:				0;
	padding:			0;
}
#sidebar-left .form-text {
	background:			#eef5ff;
	color:				black;
	border:				0;
	width:				97.5%;
	padding:			1px;
	border:				1px solid;
	border-color:		rgb(150,32,32) rgb(204,48,48) rgb(204,48,48) rgb(150,32,32);
}
#sidebar-left #block-search-0 .form-item {
	padding-bottom:		4px;
	border-bottom:		1px solid rgb(150,32,32);
	margin:				0;
}
#block-search-0 .container-inline {
	border-bottom:		1px solid rgb(204,48,48);
}
#sidebar-left .form-submit {
	margin:				0;
	padding:			0;
	border-left-width:	0;
	border-right-width:	0;
	width:				100%;
}
* html #block-search-0 .form-submit {
	border-width:		1px;
}
/* login */
#sidebar-left label {
	color:				white;
	font-weight:		normal;
	margin:				0;
}
#sidebar-left .form-item {
	margin-bottom:		.2em;
}
#sidebar-left form ul {
	border-top:			none;
} 
#sidebar-left form a {
	padding-top:		1px;
	padding-bottom:		1px;
	font-size:			95%;
}
#sidebar-left .form-required {
	display:			none;
}

/* --------------------------------------------------------------------- : Tabs */

/*
.thread-links li {
	display:			inline;
	margin-left:		1em;
}
.thread-links a {
	padding:			2px 4px 2px 4px;
	text-decoration:	none;
	font-family:		sans-serif;
	font-weight:		bold;
	color:				white;
	background:			#aa2828;
	border:				1px solid;
	border-color:		rgb(204,48,48) rgb(150,32,32) rgb(150,32,32) rgb(204,48,48);
}
.thread-links a:hover {
	border-color:		#d64 #931 #931 #d64;
	background:			#b42 url(bg-button-hover.png) repeat-x right bottom;
}
.thread-links a:active {
	border-color:		#b50 #d72 #d72 #b50;
	background:			#c61 url(bg-button-active.png) repeat-x left bottom;
}
*/
#content .tabs li {
	display:			inline;
	margin-left:		4px;
}
#content .tabs a {
	padding:			2px 4px 2px 4px;
	text-decoration:	none;
	font-family:		sans-serif;
	font-weight:		bold;
	color:				white;
	background:			#aa2828;
	border:				1px solid;
	border-color:		rgb(204,48,48) rgb(150,32,32) rgb(150,32,32) rgb(204,48,48);
}
#content .tabs a:hover {
	border-color:		#d64 #931 #931 #d64;
	background:			#b42 url(bg-button-hover.png) repeat-x right bottom;
}
#content .tabs .active a,
#content .tabs a:active {
	border-color:		#b50 #d72 #d72 #b50;
	background:			#c61 url(bg-button-active.png) repeat-x left bottom;
}


#content .tabs {
	float:				right;
	margin:				0;
	padding-top:		3px;
	padding-bottom:		9px;
	position:			relative;
	z-index:			1;
}
#content .secondary.tabs {
	clear:				right;
}
#content .tabs ul {
	border:				0;
}


/* --------------------------------------------------------------------- : Content area */

.taxonomy {
	display:			none;
}
.submitted {
	display:			none;
}
h1.title {
	color:				black;
	font-size:			200%;
	margin-top:			.1em;
}

#main .node .content {
	font-size:			105%;
}
#main .node .content table {
	font-size:			95%;
}
#main .node .content table table {
	font-size:			100%;
}
#main p {
	margin-top:			.5em;
	margin-bottom:		.8em;
}
#main ul {
	margin-top:			.5em;
	margin-bottom:		.8em;
}
#main ul ul {
	margin-top:			0;
	margin-bottom:		.5em;
}
#main ol li {
	margin-top:			.2em;
}
h2 {
	margin-bottom:		.4em;
}

/* --------------------------------------------------------------------- : Tables */

table {
	border-collapse:	collapse;
	font-family:		'Trebuchet MS', 'Lucida Grande', Verdana, sans-serif;
	border:			1px solid #ddd;
	border-left: 0;
	border-right: 0;
}
th {
	background-color:	rgb(33,117,188);
	font-size:			110%;
	color:				white;
	text-align:			left;
	padding:			3px;
	padding-right:		1em;
	border-bottom:		3px solid #ddd;
}
#content th a {
	color:				white;
	text-decoration:	none;
}
tr {
	padding:		0.1em 0.6em;
}
tr.even {
	background-color:	#f9f9ff;
	border-bottom:		1px solid #ddd;
}
tr.odd {
	background-color:	#ebeff5;
	border-bottom:		1px solid #ddd;
}
td.active {
	background-color:	#ddd;
}

/* --------------------------------------------------------------------- : Forum */

#forum table {
	width:				100%;
	margin-top:			.2em;
}

#forum td {
	padding:			0.5em 0.5em 0.5em 0.5em;
	border:				0 !important;
	font-family:		sans-serif;
}

.even .replies,
.even .topics,
.even .last-reply {
	background-color:	#e8eff4;
}
.odd .replies,
.odd .topics,
.odd .last-reply {
	background-color:	#dae1e6;
}

#forum .container {
	background-color:	#acf;
	padding-top:		.2em;
	padding-bottom:		.2em;
}
#forum .container a {
	color:				#000;
	text-decoration:	none;
	font-weight:		bold;
}
#forum .statistics, #forum .settings, #forum .pager {
	height:				1.5em;
	border:				1px solid #bbb;
}
#forum .title a {
	display:			block;
	line-height:		200%;
}
#forum .name {
	color:				#96c;
}
#forum .links {
	padding-top:		0.7em;
	font-size:			0.9em;
}
#forum .created, #forum .last-reply {
	font-size:			90%;
}

.thread-links {
	margin:				0;
	padding:			0;
	list-style:			none;
	position:			relative;
	top:				-.5em;
	text-align:			right;
}

/* --------------------------------------------------------------------- : Paging */

#tracker .inline-pager {
	margin-left:		.5em;
	float:				right;
}
#forum .inline-pager {
	float:				right;
	line-height:		100%;
	font-size:			90%;
	margin-bottom:		-.8em;
	position:			relative;
	top:				-.6em;
}
.inline-pager a,
#forum .inline-pager a {
	display:			inline;
	margin-right:		.3em;
}

.continued {
	background-color:	#e8e8e8;
	color:				black;
	text-align:			left;
	padding:			2px;
	padding-right:		1em;
	border:				1px solid #abc;
	margin-top:			.5em;
	margin-bottom:		.5em;
	font-style:			italic;
}

/* --------------------------------------------------------------------- : Thread / comments */


.comment {
	border:				1px solid #abc;
	margin-top:			0.4em;
	width:				100%;
	background-color:	#eee;
}

.comment th {
	border-bottom:		0;
	font-weight:		normal;
	font-size:			100%;
}

.comment .info {
	width:				150px;
	background-color:	#ddd;
	vertical-align:		top;
}
.poster {
	font-size:			140%;
}
.poster a {
	text-decoration:	none;
}
.comment .info img {
	margin-top:			.1em;
}
.user-title {
	color:				#aa2828;
	font-weight:		bold;
}

.comment .body {
	vertical-align:		top;
}
.comment .title {
	font-size:			100%;
	font-weight:		bold;
	color:				black;
	width:				100%;
	border-bottom:		1px solid #aaa;
	margin-top:			0;
	margin-bottom:		.25em;
}
.comment .title a {
	font-size:			100%;
	font-weight:		bold;
	color:				black;
	text-decoration:	none;
}
.new {
	text-align:			right;
	font-weight:		bold;
	font-size:			0.8em;
	font-family:		sans-serif;
	font-style:			italic;
	float:				right;
	color:				red;
}
.comment p {
	margin-top:			0;
}
#main .comment .links,
#main .message-actions .links {
	text-align:			right;
	margin: 0;
	padding: 0;
	list-style: none;
}
.comment .links li,
#main .message-actions li {
	margin: 0;
	padding: 0;
	display: inline;
	float: none;
}
.comment .links li:before,
#main .message-actions li:before {
	content: " | ";
	color: #888;
}
.comment .links li:first-child:before,
#main .message-actions li:first-child:before {
	content: "";
}

.comment .links .move span {
	color:				#39c;
}
#main .comment .links .move ul {
	display:			none;
}
#main .comment .links .move:hover {
	background:			#000;
	color:				white;
}
#main .comment .links .move:hover span{
	background:			#000;
	color:				white;
}
#main .comment .links .move:hover ul {
	display:			block;
	background:			#000;
	color:				white;
	padding:			.5em;
	line-height:		150%;
}
.comment .links .move:hover a {
	color:				white;
}
.comment .links .move-to-self {
	font-weight:		bold;
}

.comment img {
	vertical-align:		top;
}

.comment .signature {
	font-size:			80%;
	color:				rgb(102,102,102);
	border-top:			1px solid #aaa;
	margin-bottom:		0;
	margin-top:			.25em;
	padding-right:		4em;
}
#main .comment .signature p {
	margin-top:			.2em;
	margin-bottom:		.2em;
}
#main .comment .links.after-sig {
	margin-top:			-1.5em;
}


.bb-quote {
	font-size:			80%;
	background-color:	rgb(33,117,188);
	color:				white;
	border:				2px solid rgb(33,117,188);
}
blockquote {
	font-size:			120%;
	margin:				0;
	padding:			1px;
	margin-top:			1px;
	margin-left:		1em;
	background-color:	#eee;
	color:				black;
}

.bb-spoiler {
	font-size:			80%;
	background-color:	rgb(33,117,188);
	color:				white;
	border:				2px solid rgb(33,117,188);
}
.bb-spoiler-body {
	display:			none;
}
.bb-spoiler input {
	font-size:			90%;
	background:			rgb(53,147,218);
	border:				1px outset rgb(43,137,208);
	color:				white;
	margin:				0;
	margin-left:		1em;
	padding:			0;
}
.bb-spoiler input:active {
	border:				1px inset rgb(43,137,208);
}

/* --------------------------------------------------------------------- : Private message */

#main .message-actions {
	margin: .2em 0;
	text-align: right;
}
.privatemsg-box-fb {
	border: 1px solid #ccc;
	border-top:  4px solid #2175BC;
	margin-bottom: 5px;
	background-color: #eee;
	background-image: -moz-linear-gradient(0deg,#ddd 245px, #eee 250px);
	border-radius: 3px;
	-moz-border-radius: 3px;
}
.privatemsg-box-fb .left-column,
.privatemsg-box-fb .middle-column {
	background: #ddd;
}
.privatemsg-box-fb .bottom-border {
	border: 0;
	margin: 0;
}
#main .privatemsg-view-pager {
	margin: 0;
}
.privatemsg-box-fb .name, .privatemsg-box-fb .date {
	margin-right: 10px;
}
.privatemsg-box-fb .middle-column {
	width: 145px;
}
.privatemsg-box-fb .right-column {
	margin-right: 5px;
}
.privatemsg-box-fb .message-body {
	margin-left: 10px;
}
.privatemsg-box-fb .name {
	font-size: 120%;
}
.privatemsg-box-fb .name a {
	text-decoration: none;
}

/* --------------------------------------------------------------------- : Search */

.search-form {
  margin-bottom: 1em;
}
.search-form p {
  margin-top: 0;
  margin-bottom: 0.2em;
  padding-top: 0;
  padding-bottom: 0;
}
.search-form input {
  margin-top: 0;
  margin-bottom: 0;
}
.search-results p {
  margin-top: 0;
}
.search-results dt {
  font-size: 1.1em;
}
.search-results dd {
  margin-bottom: 1em;
}
.search-results .search-info {
  font-size: 0.85em;
}
.search-advanced .criterion {
  float: left;
  margin-right: 2em;
}
.search-advanced .action {
  float: left;
  clear: left;
}

/* --------------------------------------------------------------------- : Book */

.book-navigation .menu {
  border-top: 1px solid #2175bc;
  padding: 1em 0 0 3em;
  display:	none;/* until it works?*/
}
.book-navigation .page-links {
  border-top: 1px solid #2175bc;
  border-bottom: 1px solid #2175bc;
  text-align: center;
  padding: 0.5em;
}
.book-navigation .page-links a {
	text-decoration:	none;
}
.book-navigation .page-previous {
  text-align: right;
}
.book-navigation .page-up {
  margin: 0 4em;
}
.book-navigation .page-next {
  text-align: left;
}

/* --------------------------------------------------------------------- : Polls */

.poll .bar {
	height:			1em;
	background-color: #ddd;
	background: -moz-linear-gradient(-90deg,#bbb 0%,#ddd 60%,#ccc 100%);
}
.poll .bar .foreground {
	background-color: #000;
	background: -moz-linear-gradient(-90deg,#666 0%,#000 40%,#333 100%);
	height:			1em;
	clear:			left;
	float:			left;
}
.poll .links {
	text-align:		center;
}
.poll .percent {
	text-align:		right;
}
.poll .total {
	text-align:		center;
}
.poll .vote-form {
	text-align:		center;
}
.poll .vote-form .choices {
	text-align:		left;
	margin:			0 auto;
	display:		table;
}

.overlapping.poll .percent {
	position:		relative;
	top:	-1.1em;
	color: black;
	margin-bottom: -1em;
}

/* --------------------------------------------------------------------- : Pager */

#pager strong, #pager a {
	margin-right:	.5em;
}

#main .pager {
	text-align: left;
	margin: .2em;
	padding: 0;
}
#main .pager li {
	margin: 0;
	padding: 0;
	margin-right: .2em;
}

/* --------------------------------------------------------------------- : Syntax highlight */

.hl-key {
	color:			rgb(128,0,128);
}
.hl-ckey {
	color:			rgb(0,50,100);
}
.hl-comment {
	color:			rgb(100,100,100);
	font-style:		italic;
}
.hl-num {
	color:			rgb(0,100,0);
}
.hl-str {
	color:			rgb(0,128,128);
}
.hl-tag {
	color:			rgb(64,128,64);
}
.hl-kw {
	color:			rgb(0,107,188);
	font-weight:	bold;
}
.hl-op {
	color:			#aa2828;
	font-weight:	bold;
}
.hl-paren {}
.hl-fun-paren {
	font-weight:	bold;
}
.hl-this {
	color:			#000;
	font-weight:	bold;
}
a.hl-fun {
	color:			inherit;
}
a.hl-fun:hover {
	color:			#369;
}
.hl-input {
	color:			rgb(0,107,188);
}

.hl-rgb {
	position:		relative;
}
.hl-rgb .popup {
	border:			1px solid black;
	width:			30px;
	height:			20px;
	display:		none;
	position:		absolute;
	left:			0;
	top:			-20px;
}
.hl-rgb:hover .popup {
	display:		block;
}

/* --------------------------------------------------------------------- : Documentation */

table ul {
	margin-top:		0;
	margin-bottom:	0;
	margin-left:	2em;
	padding-left:	0;
}
tr.even table {
	background-color:	#eaedf2;
}
tr.odd table {
	background-color:	#f9f9ff;
}
.version-note {
	border:			1px solid #ccc;
	background-color:	#f9f9ff;
	float:			right;
	position:		relative;
	top:			-1em;
	padding:		.2em .5em;
}
table .version-note {
	top:			0;
	margin-left:		.5em;
}



/* --------------------------------------------------------------------- : Fixes */

ul.primary,
ul.secondary li {
	border:	0;
}

.profile .picture {
	border: 1px solid #ccc;
	background: white;
}

#subscriptions-ui-node-form {
	display: none;
}