/*

  /web/themes/simple/style/screen.css -- Generic stylesheet.

	ToC:
	 - Elements and generic classes
	 - Form elements
	 - Form classes
	 - Icon classes
	 - Sidebar
	 - Sidebar boxes config
	 - Content
	 - Top banner
	 - Wrapper
	 - Grid
	 - Top menu
	 - Info and warning
	 - Navigation bar
	 - Boxes
	 - Footer
	 - Avatars
	 - User module (must be moved)
	 - Tags
	 - Comments
	 - Meta
	 - Tabs
	 - Columns
	 - List tree classes
	 - Login status messages
	 - News module (must be moved)
	 - Help classes

 */



/* Elements and generic classes */
* {
	margin: 0;
	padding: 0;
}

body {
	background-color: white;
	color: rgb(50,50,50);
	font: 13px/15px "Arial", "Helvetica", "Verdana", sans-serif;
}

a {
	color: rgb(48,95,143);
	text-decoration: none;
}

a:hover {
  text-decoration: underline;
}


/* styling lists, header, etc. */
h2,
h3,
h4,
h5,
h6 {
	font-family: "Arial", "Helvetica", "Verdana", sans-serif;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: rgb(50,50,50);
}

h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
}

h2 {
	font-weight: normal;
}

hr {
	display: none;
}

ul,
ol {
	padding: 0 0 .8em 2.5em;
}

ul li {
	list-style-image: url("../../../graphics/icons/silk/bullet_white.png");
	line-height: 140%;
}

ul li:hover {
	list-style-image: url("../../../graphics/icons/silk/bullet_gray.png");
}

ul.without-bullets {
	padding-left: 0;
}

ul.without-bullets li {
	list-style-image: none;
	list-style-type: none;
}

ul.without-bullets li:hover {
  list-style: none;
}

ul.spaced li {
	margin-bottom: 1em;
}

ul.spaced li p {  /*
                   * Icons will work as bullets, they are set on the a's,
                   * and the p's will be indented.
                   */
	margin-left: 1.8em;
}

ul.spaced.icons {  /* Icons will work as bullets */
	margin-left: -2em;
}

ul.horizontal,
ol.horizontal {
	padding-bottom: 2.8em;
	padding-left: 1.8em;
}

ul.horizontal li,
ol.horizontal li {
	float: left;
	width: 15%;
	list-style: none;
	margin-bottom: .2em;
	padding-right: .8em;
}

ol.lower-roman {
  list-style-type: lower-roman;
}

ol.upper-roman {
  list-style-type: upper-roman;
}

ol.lower-alpha {
  list-style-type: lower-alpha;
}

ol.upper-alpha {
  list-style-type: upper-alpha;
}

legend {
	margin-left: 0.3em;
}

fieldset {
	background-color: rgb(250,250,250);
	padding: 1em;
	width: 86%;
  margin-bottom: 2em;
}

h1 {
	font-size: 1.6em;
	padding: 0.5em 0;
	text-transform: lowercase;
}

h1 a,
h1 a:hover {
	border: 0;
	color: rgb(50,50,50);
  text-decoration: none;
}

h3 {
	font-size: 180%;
  border-bottom: 1px solid rgb(200,200,200);
	line-height: 100%;
  margin: 1em 0 0.5em;
  padding-bottom: .2em;
	font-weight: normal;
}

h4 {
	clear: left;
	font-size: 1.2em;
  font-weight: normal;
	margin: .4em 0;
	line-height: 110%;
}

img {
	border: 0;
}

p {
	text-align: justify;
  margin-bottom: .7em;
}

p.indent {
	margin-left: 2.8em;
}

table {
	padding-bottom: 1em;
	border-collapse: collapse;
	margin: 1em 1em 1em 0;
	border: 1px solid rgb(50,50,50);
}

tr {
	border: 1px solid rgb(240,240,240);
}

tr:nth-child(even) {
	background-color: rgb(250,250,250);
}

td {
	padding: 0.3em 0.1em 0.3em 0.1em;
}

thead {
	background-color: rgb(50,50,50);
	background-image: url("../images/top_menu_gradient.png");
	background-repeat: repeat-x;
	font-weight: bold;
	font-family: "Arial", "Helvetica", "Verdana", sans-serif;
}

thead,
thead a {
	color: white;
}

th {
	padding: 0.5em;
	font-size: 1.2em;
}

dl {
	margin: 0.5em 0 0.8em 0;
}

dl dt {
	font-weight: bold;
}

dl dd {
	margin-left: 1.9em;
	margin-bottom: 0.8em;
}

address {
	margin-left: 1em;
}

blockquote {
	border-left: 4px solid rgb(190,190,190);
	color: rgb(110,110,110);
	margin-bottom: 0.8em;
	padding-left: 1em;
}

blockquote a {
	text-decoration: underline;
}

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

kbd,
var {
	font-size: 75%;
	font-weight: bold;
	text-transform: uppercase;
	font-style: normal;
}

.right {
	text-align: right;
}

.hide {
	display: none;
}

.hidden {
	visibility: hidden;
}


/* Form elements */
input,
select,
textarea,
.button a {
	background-color: white;
	border: 1px solid rgb(187,187,187);
	color: rgb(50,50,50);
  font-size: 100%;
	padding: 0.4em;
}

input,
select,
.button a {
  font-family: "Arial", "Verdana", "Helvetica", sans-serif;
}

input[type=submit],
input[type=button],
select,
button,
.button a {
	cursor: pointer;
}

input[type=submit],
button,
.button a {
	/*
	background-image: url("../images/normal_button_bg_grey.png");
	color: white;
	*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	/*
	font-size: 90%;
	font-weight: bold;
	min-width: 50px;
	*/
}

input,
select,
textarea {
	background-image: url("../images/input-bg.png");
	background-position: bottom left;
	background-repeat: repeat-x;
}

select {
	padding: 0.35em;
}

input:hover,
select:hover,
textarea:hover,
.button a:hover {
	border: 1px solid rgb(150,150,150);
	color: black;
}

/*
input[type=submit]:hover,
button:hover,
.button:hover {
	color: white;
	border: 1px solid rgb(187,187,187);
}
*/

input:focus,
select:focus,
textarea:focus,
.button a:focus {
	border: 1px solid rgb(90,90,90);
}


input[type=radio],
input[type=radio]:hover {
	background: transparent;
	border: 0;
}

input[type=checkbox] {
	padding: 0.2em;
}

input[disabled=disabled],
input[disabled=disabled]:hover {
	color: rgb(130,130,130);
	cursor: default;
}

.button {
	background-color: white;
	display: inline;
}

.button a {
	background-image: none;
	background-color: transparent;
	padding: 6px;
}

.button a:hover {
	color: rgb(50,50,50);
	text-decoration: none;
}

textarea {
	width: 95%;
}

/* Form classes */
.form {
	float: left;
	margin-bottom: 1.5em;
	width: 99.9%
}

.form .meta {
	margin: 0 0 1.5em 0.5em;
}

.form.twoforms form {
	display: inline;
}

.form .buttons {
	clear: left;
	margin: 0.8em 0 1em 0;
}

.form .buttons p {
  display: inline;
}

.form .buttons.float_right {
	float: right;
	padding: 0.2em 0 0 1em;
}

.form .avatar {
	vertical-align: middle;
	margin-bottom: 0.2em;
}

.form .field {
	margin-bottom: 1em;
}

.form .field input,
.form .field select,
.form .field label,
.form .field small {
	margin-bottom: 0.8em;
}

.form .field label {
  color: rgb(80,80,80);
	font-weight: bold;
	font-size: 112%;
	display: block;
}

.form .field p label {
	font-weight: normal;
	font-size: 100%;
	display: inline;
}

.form .field label.disabled {
	color: silver;
}

.form .field small {
	color: rgb(165,165,165);
	font-size: 90%;
	display: block;
	margin-top: -0.6em;
}

.form .field small a {
	color: rgb(120,120,120);
}

.form .field input[type=radio] + label {
  font-weight: normal;
  display: inline;
}

.form  .field .error {
	background-image: url("../images/error_bottom.gif");
	background-position: 0 100%;
	background-repeat: no-repeat;
	color: rgb(224,28,21);
	font-weight: bold;
	margin-bottom: -0.4em;
	padding-bottom: 11px;
	position: relative;
	width: 65%;
}

.form .field .error .error_message {
	background-image: url("../../../graphics/icons/silk/exclamation.png");
	background-repeat: no-repeat;
	background-position: 0.3em 0.3em;
	background-color: white;
	border: 1px solid rgb(224,28,21);
	min-height: 1.2em;
	border-bottom: none;
	padding: 0.3em 0.4em 0.4em 2em;
}

.form .field .big {
	font-size: 2em;
	font-family: arial, sans-serif;
}

.form .field .long {
	width: 96%;
}

.form .field .medium {
	width: 43%;
}

.form .avatar_form .field {
	float: left;
	clear: none;
	width: 20em;
}

.form .avatar_form .field label {
	display: inline;
}

.form .field .subfield {
	padding: 0.5em 0.5em 1em 0.5em;
	width: 48%;
	margin-top: 4em;
}

.form .field .subfield label {
	font-weight: normal;
	font-size: 100%;
	position: absolute;
	margin: 0.4em 2.2em;
}

.form .field .subfield small {
	margin: 2em 2.4em 0 2.4em;
}

.form .field .subfield input {
	position: absolute;
	margin: -3.7em 0 0 0.5em;
}

.form.left-aligned .field {
	clear: left;
}

.form.left-aligned label {
	float: left;
	padding-right: 15px;
	padding-top: 0.5em;
	text-align: right;
	width: 120px;
}

.form.left-aligned input,
.form.left-aligned textarea {
}

.form.left-aligned textarea {
  width: 84%;
}

.form.left-aligned .error,
.form.left-aligned .grippie {
  margin-left: 10.35em;
}

.form.left-aligned .grippie {
	width: 85%;
}

.form.left-aligned .field small {
	clear: left;
	float: left;
	width: 120px;
	text-align: right;
	padding-right: 15px;
	font-size: 90%;
}

.form.left-aligned .helpers {
	margin-left: 120px;
	padding-left: 15px;
	margin-top: .2em;
}

.miniform .field input,
.miniform .field textarea,
.miniform .buttons input {
	font-size: 105%;
	margin-bottom: 0.5em;
}

.miniform .field label {
	vertical-align: middle;
}

.miniform .field input,
.miniform .field textarea {
	padding: 0.2em;
	width: 16.8em;
}

.miniform .buttons input {
	float: right;
}

.miniform .field textarea {
	width: 18em;
}

.form_help {
	font-size: 0.9em;
	color: gray;
	text-align: left;
	margin: 0 0 1em 1em;
}

div.grippie {
	background: rgb(238,238,238) url("../../../js/textarearesizer/grippie.png") no-repeat scroll center 2px;
	border-color: rgb(221,221,221);
	border-style: solid;
	border-width: 0pt 1px 1px;
	cursor: s-resize;
	height: 9px;
	overflow: hidden;
  width: 98%;
}


/* Icon classes */
ul.icons,
ol.icons {
	padding: 0;
}

ul.icons ul a,
ol.icons ol a {
	padding: 0.1em;
}

ul.icons > li, ol.icons > li {
	background-repeat: no-repeat;
	display: block;
	margin-left: 3em;
	margin-bottom: 0.5em;
	line-height: 150%;
	min-height: 16px;
}

#footer ul.icons > li {
	margin: 0;
	line-height: inherit;
}

ul.icons a, ol.icons a {
	background-repeat: no-repeat;
	padding-bottom: 3px;
	padding-left: 1.8em;
}

input.icon {
	background-position: 0.7em 0.5em;
	background-repeat: no-repeat;
	padding-left: 2.2em;
}

.button.icon {
	background-position: 0.7em 0;
	background-repeat: no-repeat;
	padding: 0;
}

.button.icon a {
	padding-left: 2.4em;
}

p.icon,
div.icon,
dt.icon,
label.icon {
	background-position: 0.2em 0;
	background-repeat: no-repeat;
	padding: 0 0 1em 1.8em;
}

a.icon,
strong.icon,
span.icon {
	background-repeat: no-repeat;
  background-position: 3px -1px;
	padding: 0 0 .2em 1.8em;
}

input.option {
	padding: 0 0 1em 2em;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.i_asterisk_gray {background-image: url("../../../graphics/icons/silk/asterisk_gray.png");}
.i_asterisk_yellow {background-image: url("../../../graphics/icons/silk/asterisk_yellow.png");}
.i_accept {background-image: url("../../../graphics/icons/silk/accept.png");}
.i_add {background-image: url("../../../graphics/icons/silk/add.png");}
.i_add_user {background-image: url("../../../graphics/icons/silk/user_add.png");}
.i_application {background-image: url("../../../graphics/icons/silk/application.png");}
.i_application_side_list {background-image: url("../../../graphics/icons/silk/application_side_list.png");}
.i_arrow_left {background-image: url("../../../graphics/icons/silk/arrow_left.png");}
.i_arrow_refresh {background-image: url("../../../graphics/icons/silk/arrow_refresh.png");}
.i_arrow_right {background-image: url("../../../graphics/icons/silk/arrow_right.png");}
.i_arrow_rotate_clockwise {background-image: url("../../../graphics/icons/silk/arrow_rotate_clockwise.png");}
.i_arrow_switch {background-image: url("../../../graphics/icons/silk/arrow_switch.png");}
.i_arrow_up {background-image: url("../../../graphics/icons/silk/arrow_up.png");}
.i_bin {background-image: url("../../../graphics/icons/silk/bin.png");}
.i_bin:hover {background-image: url("../../../graphics/icons/silk/bin_closed.png");}
.i_bin_closed {background-image: url("../../../graphics/icons/silk/bin_closed.png");}
.i_bin_empty {background-image: url("../../../graphics/icons/silk/bin_empty.png");}
.i_bin_empty:hover {background-image: url("../../../graphics/icons/silk/bin_closed.png");}
.i_bug {background-image: url("../../../graphics/icons/silk/bug.png");}
.i_calendar {background-image: url("../../../graphics/icons/silk/calendar.png");}
.i_cancel {background-image: url("../../../graphics/icons/silk/cancel.png");}
.i_cart {background-image: url("../../../graphics/icons/silk/cart.png");}
.i_chart_bar {background-image: url("../../../graphics/icons/silk/chart_bar.png");}
.i_chart_bar_add {background-image: url("../../../graphics/icons/silk/chart_bar_add.png");}
.i_chart_bar_edit {background-image: url("../../../graphics/icons/silk/chart_bar_edit.png");}
.i_cog_add {background-image: url("../../../graphics/icons/silk/cog_add.png");}
.i_cross {background-image: url("../../../graphics/icons/silk/cross.png");}
.i_comment {background-image: url("../../../graphics/icons/silk/comment.png");}
.i_comment_add {background-image: url("../../../graphics/icons/silk/comment_add.png");}
.i_comment_delete {background-image: url("../../../graphics/icons/silk/comment_delete.png");}
.i_comment_edit {background-image: url("../../../graphics/icons/silk/comment_edit.png");}
.i_comments {background-image: url("../../../graphics/icons/silk/comments.png");}
.i_comments_add {background-image: url("../../../graphics/icons/silk/comments_add.png");}
.i_comments_delete {background-image: url("../../../graphics/icons/silk/comments_delete.png");}
.i_date_add {background-image: url("../../../graphics/icons/silk/date_add.png");}
.i_disk {background-image: url("../../../graphics/icons/silk/disk.png");}
.i_door {background-image: url("../../../graphics/icons/silk/door.png");}
.i_door:hover {background-image: url("../../../graphics/icons/silk/door_open.png");}
.i_drive_user {background-image: url("../../../graphics/icons/silk/drive_user.png");}
.i_email {background-image: url("../../../graphics/icons/silk/email.png");}
.i_email_add {background-image: url("../../../graphics/icons/silk/email_add.png");}
.i_email_error {background-image: url("../../../graphics/icons/silk/email_error.png");}
.i_email_delete {background-image: url("../../../graphics/icons/silk/email_delete.png");}
.i_eye {background-image: url("../../../graphics/icons/silk/eye.png");}
.i_feed {background-image: url("../../../graphics/icons/silk/feed.png");}
.i_find {background-image: url("../../../graphics/icons/silk/find.png");}
.i_group {background-image: url("../../../graphics/icons/silk/group.png");}
.i_group_add {background-image: url("../../../graphics/icons/silk/group_add.png");}
.i_group_delete {background-image: url("../../../graphics/icons/silk/group_delete.png");}
.i_group_edit {background-image: url("../../../graphics/icons/silk/group_edit.png");}
.i_group_key {background-image: url("../../../graphics/icons/silk/group_key.png");}
.i_image_add {background-image: url("../../../graphics/icons/silk/image_add.png");}
.i_images {background-image: url("../../../graphics/icons/silk/images.png");}
.i_information {background-image: url("../../../graphics/icons/silk/information.png");}
.i_key {background-image: url("../../../graphics/icons/silk/key.png");}
.i_key:hover {background-image: url("../../../graphics/icons/silk/key_go.png");}
.i_lock {background-image: url("../../../graphics/icons/silk/lock.png");}
.i_lock:hover {background-image: url("../../../graphics/icons/silk/lock_open.png");}
.i_lock_break {background-image: url("../../../graphics/icons/silk/lock_break.png");}
.i_lock_open {background-image: url("../../../graphics/icons/silk/lock_open.png");}
.i_lock_open:hover {background-image: url("../../../graphics/icons/silk/lock.png");}
.i_medal_gold_1 {background-image: url("../../../graphics/icons/silk/medal_gold_1.png");}
.i_music {background-image: url("../../../graphics/icons/silk/music.png");}
.i_newspaper {background-image: url("../../../graphics/icons/silk/newspaper.png");}
.i_page {background-image: url("../../../graphics/icons/silk/page.png");}
.i_page_add {background-image: url("../../../graphics/icons/silk/page_add.png");}
.i_page_delete {background-image: url("../../../graphics/icons/silk/page_delete.png");}
.i_page_edit {background-image: url("../../../graphics/icons/silk/page_edit.png");}
.i_page_error {background-image: url("../../../graphics/icons/silk/page_error.png");}
.i_page_go {background-image: url("../../../graphics/icons/silk/page_go.png");}
.i_page_save {background-image: url("../../../graphics/icons/silk/page_save.png");}
.i_page_white {background-image: url("../../../graphics/icons/silk/page_white.png");}
.i_page_white_add {background-image: url("../../../graphics/icons/silk/page_white_add.png");}
.i_page_white_delete {background-image: url("../../../graphics/icons/silk/page_white_delete.png");}
.i_page_white_edit {background-image: url("../../../graphics/icons/silk/page_white_edit.png");}
.i_page_white_go {background-image: url("../../../graphics/icons/silk/page_white_go.png");}
.i_page_white_magnify {background-image: url("../../../graphics/icons/silk/page_white_magnify.png");}
.i_page_white_picture {background-image: url("../../../graphics/icons/silk/page_white_picture.png");}
.i_page_white_save {background-image: url("../../../graphics/icons/silk/page_white_save.png");}
.i_page_world {background-image:url("../../../graphics/icons/silk/page_world.png");}
.i_photo {background-image: url("../../../graphics/icons/silk/photo.png");}
.i_pictures {background-image: url("../../../graphics/icons/silk/pictures.png");}
.i_picture_edit {background-image: url("../../../graphics/icons/silk/picture_edit.png");}
.i_picture_error {background-image: url("../../../graphics/icons/silk/picture_error.png");}
.i_picture_delete {background-image: url("../../../graphics/icons/silk/picture_delete.png");}
.i_shape_square {background-image: url("../../../graphics/icons/silk/shape_square.png");}
.i_shape_square_edit {background-image: url("../../../graphics/icons/silk/shape_square_edit.png");}
.i_shape_square_grayscale {background-image: url("../../../graphics/icons/silk/shape_square_grayscale.png");}
.i_shape_square_key {background-image: url("../../../graphics/icons/silk/shape_square_key.png");}
.i_shape_square_red {background-image: url("../../../graphics/icons/silk/shape_square_red.png");}
.i_shape_square_star {background-image: url("../../../graphics/icons/silk/shape_square_star.png");}
.i_shape_square_yellow {background-image: url("../../../graphics/icons/silk/shape_square_yellow.png");}
.i_shield {background-image: url("../../../graphics/icons/silk/shield.png");}
.i_sitemap {background-image: url("../../../graphics/icons/silk/sitemap.png");}
.i_star {background-image: url("../../../graphics/icons/silk/star.png");}
.i_status_offline {background-image: url("../../../graphics/icons/silk/status_offline.png");}
.i_status_online {background-image: url("../../../graphics/icons/silk/status_online.png");}
.i_stop {background-image: url("../../../graphics/icons/silk/stop.png");}
.i_table {background-image: url("../../../graphics/icons/silk/table.png");}
.i_table_add {background-image: url("../../../graphics/icons/silk/table_add.png");}
.i_table_delete {background-image: url("../../../graphics/icons/silk/table_delete.png");}
.i_table_edit {background-image: url("../../../graphics/icons/silk/table_edit.png");}
.i_table_row_insert {background-image: url("../../../graphics/icons/silk/table_row_insert.png");}
.i_table_row_delete {background-image: url("../../../graphics/icons/silk/table_row_delete.png");}
.i_tag_blue {background-image: url("../../../graphics/icons/silk/tag_blue.png");}
.i_tag_green {background-image: url("../../../graphics/icons/silk/tag_green.png");}
.i_text_columns {background-image: url("../../../graphics/icons/silk/text_columns.png");}
.i_user {background-image: url("../../../graphics/icons/silk/user.png");}
.i_user_add {background-image: url("../../../graphics/icons/silk/user_add.png");}
.i_user_comment {background-image: url("../../../graphics/icons/silk/user_comment.png");}
.i_user_delete {background-image: url("../../../graphics/icons/silk/user_delete.png");}
.i_user_go {background-image: url("../../../graphics/icons/silk/user_go.png");}
.i_world {background-image: url("../../../graphics/icons/silk/world.png");}
.i_world_link {background-image: url("../../../graphics/icons/silk/world_link.png");}
.i_wrench {background-image: url("../../../graphics/icons/silk/wrench.png");}
.i_wand {background-image: url("../../../graphics/icons/silk/wand.png");}




/* sidebar */
#sidebar {
	float: right;
	font-size: 95%;
	padding: 0 0 0 2em;
	width: 17em;
}

#sidebar ul {
	margin-left: -3em;
}

#sidebar li {
	list-style: none;
	list-style-image: none;
}

#sidebar a:hover {
	border: 0;
}

#sidebar h2 a:hover {
	color: #4f7bad;
}


/* sidebar boxes */
.sidebar_boxes {
	list-style: none;
	margin-left: -3em;
}

.sidebar_boxes li {
	margin-bottom: 1em;
}

.sidebar_boxes li,
.sidebar_boxes li:hover {
	list-style-image: none;
}

.sidebar_boxes label {
	color: rgb(120,120,120);
	font-size: 120%;
}

.sidebar_boxes small {
	color: rgb(180,180,180);
	display: block;
	font-size: 100%;
}

.first .sidebar_boxes small {
	margin: 0 1em 0 2.6em;
}

.second .sidebar_boxes small {
	margin: 0 1em 0 8.4em;
}

.sidebar_boxes input {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	height: 1.8em;
	text-indent: 20em;
	vertical-align: middle;
	width: 1.8em;
}


/* Content */
.content {
	margin-right: 18em;
	min-height: 26em;
	padding-left: 0em;
}

.content.fullwidth {
	margin-right: 0;
}

.content h2 {
	font-size: 2.2em;
	padding: 0 0 0.5em 0;
	line-height: 100%;
}

.content p {
	line-height: 130%;
}

.content p.big {
	font-size: 115%;
}

/*
.content .image {
	background-color: white;
	font-size: 85%;
	margin: 0 0 1em 0;
	padding-left: 2.2em;
	float: right;
	max-width: 20%;
}
*/

/*
.content .image img {
	border: 1px solid rgb(50,50,50);
	width: 100%;
	padding: 0;
	margin: 0;
}
*/

.content .image.unknown {
  text-align: center;
  padding: 2em;
  border: 1px solid silver;
  color: rgb(120,120,120);
	margin: 0 0 2em 2em;
}

.content .image .caption {
}

.content .image .caption span {
	font-weight: bold;
	text-transform: uppercase;
}

.content .image .photographer {
	font-style: italic;
	float: right;
}

.quote_box {
  float: left;
  font-family: "Georgia", serif;
  font-size: 1.4em;
  text-align: center;
  margin: 2px 5px 2px 0;
  overflow: hidden;
  letter-spacing: -0.5px;
  line-height: 1.2em;
  width: 195px;
}

.fact_box {
  float: right;
  margin: 2px 0 2px 5px;
  width: 220px;
  background-image: url("../images/gradient.png");
  background-repeat: repeat-x;
  overflow: hidden;
}


/* Top banner */
#top {
	background-color: rgb(244,244,244);
	border-bottom: 1px solid rgb(212,212,212);
	margin: 0 0 2em 0;
}

#top p {
	color: rgb(104,104,104);
	font-size: 95%;
	text-transform: lowercase;
  height: 1.3em;
  overflow: hidden;
  text-align: left;
}

#top .inner {
	background-image: url("../images/factory2.gif");
	background-color: rgb(244,244,244);
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding: 1em 0 0.6em 5em;
}


/* Wrapper */
.wrapper {
	margin: auto;
	max-width: 1000px;
	min-width: 600px;
}

/* Grid */
.grid-80-20,
.grid-75-25,
.grid-25-75,
.grid-70-30,
.grid-30-70,
.grid-50-50,
.grid-40-60,
.grid-60-40,
.grid-66-33,
.grid-20-60-20,
.grid-50-25-25,
.grid-33-33-33,
.grid-25-25-25-25 {
	float: left;
	width: 99%;
}

.grid-80-20 .box,
.grid-75-25 .box,
.grid-25-75 .box,
.grid-70-30 .box,
.grid-30-70 .box,
.grid-50-50 .box,
.grid-40-60 .box,
.grid-60-40 .box,
.grid-66-33 .box,
.grid-20-60-20 .box,
.grid-50-25-25 .box,
.grid-33-33-33 .box,
.grid-25-25-25-25 .box {
	float: right;
	display: inline;
	padding-right: 1%;
}

.grid-80-20 .box.first,
.grid-75-25 .box.first,
.grid-25-75 .box.first,
.grid-70-30 .box.first,
.grid-30-70 .box.first,
.grid-50-50 .box.first,
.grid-40-60 .box.first,
.grid-60-40 .box.first,
.grid-66-33 .box.first,
.grid-20-60-20 .box.first,
.grid-50-25-25 .box.first,
.grid-33-33-33 .box.first,
.grid-25-25-25-25 .box.first {
	float: left;
}

.grid-80-20 .box {
	width: 19%;
}

.grid-80-20 .box.first {
	width: 79%;
}

.grid-75-25 .box,
.grid-25-75 .box.first {
	width: 24%;
}

.grid-75-25 .box.first,
.grid-25-75 .box {
	width: 72%;
	padding-right: 1%;

}

.grid-70-30 .box,
.grid-30-70 .box.first {
  width: 29%;
}

.grid-70-30 .box.first,
.grid-30-70 .box {
  width: 69%;
  padding-right: 1%;
}

.grid-66-33 .box {
	width: 32%;
}

.grid-66-33 .box.first {
	width: 65%;
}

.grid-60-40 .box {
	width: 39%;
}

.grid-60-40 .box.first {
	width: 57.5%;
}

.grid-20-60-20 .box.first {
	width: 19%;
}

.grid-50-50 .box,
.grid-50-50 .box.first {
	width: 48%;
}

.grid-40-60 .box {
  width: 59%;
}

.grid-40-60 .box.first {
  width: 39%;
}

.grid-20-60-20 .box + .box {
	width: 59%;
	float: left;
}

.grid-20-60-20 .box + .box + .box {
	width: 19%;
}

.grid-50-25-25 .box {
	width: 24%;
}

.grid-50-25-25 .box.first {
	width: 49%;
}

.grid-50-25-25 .box + .box {
	float: left;
}

.grid-33-33-33 .box {
	margin-right: 0.5em;
	width: 31%;
}

.grid-25-25-25-25 .box {
	margin-right: 0.5em;
	width: 24%;
}

.mod-100 {
	width: 100%;
}

.box.mod-80,
.box.mod-60,
.box.mod-50,
.box.mod-true-50,
.box.mod-39,
.box.mod-20,
.box.mod-30 {
	padding-right: 0;
}

.box.mod-80 {
	width: 80%;
}

.box.mod-75 {
  width: 74% !important;
}

.box.mod-60 {
	width: 59%;
}

.box.mod-50 {
	width: 49%;
}

.box.mod-true-50 {
	width: 50%;
}

.box.mod-39 {
	width: 39%;
}

.box.mod-30 {
	width: 30%;
}

.box.mod-25 {
	width: 25%;
}

.box.mod-20 {
	width: 20%;
}


/* Top menu */
/* FIXME: Clean up */
#top_menu ul.icons a {
	margin: 0 0 0 3px;
	padding: 0.1em 5px 5px 20px;
}

#top_menu ul.icons a.avatar {
	padding-left: 5px;
}

#top_menu ul.icons li {
	margin: 0 10px 0 0;
	vertical-align: bottom;
	padding: 0 0 5px 0;
}

#top_menu ul li.selected {
	background-color: rgb(244,244,244);
	padding-bottom: 0.7em;
}

#top_menu ul li.selected a {
	color: rgb(50,50,50);
	font-weight: bold;
	letter-spacing: -1px;
}

#top_menu {
	background-color: rgb(35,37,39);
	background-image: url("../images/top_menu_gradient.png");
	background-repeat: repeat-x;
	height: 2.6em;
	font-size: 95%;
	padding: 0.3em 0 0 0;
}

#top_menu input {
	font-size: 100%;
}

#top_menu li:before {
	background: transparent url("../images/tab-rounded-t-r.png") scroll no-repeat top right;
	border: none;
	content: url("../images/tab-rounded-t-l.png");
	display: block;
	font-size: 1px;
	height: 10px;
	line-height: 0.1;
	margin-bottom: -5px;
	padding: 0;
}

#top_menu li:after {
  background: transparent url("../images/tab-rounded-b-r.png") scroll no-repeat top right;
  content: url("../images/tab-rounded-b-l.png");
  margin-bottom: -5px;
  height: 4px;
  display: block;
  border: none;
  padding: 0;
  line-height: 0.1;
  font-size: 1px;
}

#top_menu li.selected:after {
	display: none;
}

#top_menu li {
	display: block;
	float: left;
	padding-bottom: 3px;
}

#top_menu li:hover {
	/*background-color: rgb(76,76,76);*/
	background-color: rgb(90,90,90);
}

#top_menu li:hover a {
	color: snow;
}

#top_menu li:hover a:hover {
  text-decoration: none;
}

#top_menu li:last-child {
	margin-right: 0 !important;
}

#top_menu a {
	color: rgb(220,220,220);
}

#top_menu a:hover {
	color: white;
}

#top_menu .left {
	width: 70%;
}

#top_menu .right {
	float: right;
	text-align: left;
}

#top_menu p {
	margin-top: 0.5em;
}

#top_menu img.avatar {
	background-color: rgb(70,70,70);
	border: 1px solid rgb(60,60,60);
}


/* Info and warning */
.info,
.warning {
	background-repeat: repeat-x;
	color: white;
	font-size: 117%;
	font-weight: bold;
	margin-bottom: 1em;
	padding: 1em;
}

.info a {
	color: rgb(203,255,178);
	border-bottom: 1px solid rgb(203,255,178);
}

.warning a {
	color: rgb(255,240,249);
	border-bottom: 1px solid rgb(255,240,249);
}

.info a:hover,
.warning a:hover {
	border: 0;
  text-decoration: none;
}

.info {
	background-image: url("../images/info_bg.png");
}

.warning {
	background-image: url("../images/error_bg.png");
}


/* Navigation bar */
.navigation {
	margin-bottom: 2em;
	text-align: center;
	/*clear: both;*/
  clear: left;
}

.navigation a {
  color: rgb(140,140,140);
}

.navigation a:hover {
  color: rgb(120,120,120);
}

.navigation a.next:hover,
.navigation a.previous:hover {
	border: 0;
}

.navigation .next {
	background-position: right;
	margin-left: 0.6em;
	padding-right: 1.7em;
	padding-left: 0 !important;
}

.navigation .previous {
	margin-right: 0.6em;
	padding-left: 1.7em;
}

.navigation .page {
	padding: 0.3em;
	border: 1px solid silver;
}

.navigation .page:hover {
	border: 1px solid rgb(140,140,140);
	text-decoration: none;
}

.navigation .page.current {
	border: 1px solid rgb(140,140,140);
	background-color: rgb(120,120,120);
	color: white;
}

.navigation .page.current:hover {
  border: 1px solid rgb(120,120,120);
  background-color: rgb(100,100,100);
}

/* Boxes  */
/* FIXME: Generealize */
#box_menu,
#box_chat,
#box_poll,
#box_messaging,
#box_active,
#box_your_groups,
#box_toolbox,
.box_regular {
	background-color: rgb(250,250,250);
	margin-bottom: 2em;
	padding: 1em;
}

.box_regular p {
	text-align: left;
}

#box_active h2,
#box_chat h2,
#box_poll h2,
#box_messaging h2,
#box_your_groups h2,
.box_regular h2 {
	border-bottom: 1px dotted rgb(190,190,190);
	color: rgb(160,160,160);
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 0.8em;
	display: block;
}

#box_messaging input,
#box_messaging textarea,
#box_chat input {
	font-size: 100%;
}

#box_search h2,
#box_search label,
#box_menu h2,
#box_toolbox h2 {
	display: none;
}

#box_chat p {
	text-align: left;
}

#box_search {
	float: right;
	margin: 1.2em 0 0 8em;
}

#box_menu ul {
	margin-left: -1em;
	list-style: none;
	list-style-image: none;
}

#box_poll ul {
  margin: 0;
}

#box_menu ul ul {
	margin-left: 0;
}

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

#box_menu ul li {
	padding-left: 1em;
}

#box_menu a {
	color: rgb(50,50,50);
	display: block;
}

#box_menu a:hover {
	color: black;
}

#box_menu li {
	font-weight: bold;
}

#box_menu li li {
	font-weight: normal;
}

#box_latest_comments h2 {
	font-size: 130%;
	margin-bottom: 0.8em;
}

#box_latest_comments .latest_comment {
	margin-bottom: 1em;
}

#box_latest_comments .latest_comment .author {
	margin-top: 0.5em;
}

#box_latest_comments .latest_comment .author .avatar {
	vertical-align: top;
	float: left;
	margin: 0 0.3em 0.3em 0;
}

#box_latest_comments .latest_comment .entry_title {
	display: block;
	font-size: 85%;
}

#box_your_groups ul {
	list-style-type: disc;
}

#box_admin li {
	background-repeat: no-repeat;
	line-height: 1.5em;
	margin-bottom: 0.5em;
}

#box_admin li:last-child {
	margin-bottom: -0.5em;
}

#box_admin li a {
	padding-left: 1.8em;
}

#box_toolbox ul {
	padding: 0;
}

/* Footer */
#footer {
	background-image: url("../images/gradient-reversed-small.png");
	background-position: left top;
	background-repeat: repeat-x;
	border-top: 1px solid rgb(222,222,222);
	clear: both;
	color: rgb(102,102,102);
	font-size: 90%;
	height: 13em;
	margin-top: 4em;
}

#footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer ul li {
	background-position: 0 50%;
	padding-bottom: 0.4em;
}

#footer .grid-75-25 .box {
	border-right: 1px solid rgb(240,240,240);
	border-top: 0;
	height: 12.8em;
	overflow: hidden;
	padding: 0;
}

#footer .grid-75-25 .box .inner {
	padding: 0.5em;
}

#footer .grid-75-25 .box.first {
	border-left: 1px solid rgb(240,240,240);
}

#footer a {
	color: rgb(120,120,120);
}

#footer a:hover {
	border: 0;
	text-decoration: underline;
}

#footer li {
	list-style: none;
	list-style-image: none;
}

#footer .powered_by,
#footer .developed_by {
	font-style: italic;
}

#footer .powered_by {
	margin-top: -0.8em;
}


/* Avatars */
img.avatar {
	background-color: rgb(240,240,240);
	border: 1px solid rgb(220,220,220);
}

img.avatar,
img.icon {
	display: inline-block;
	height: 16px;
	vertical-align: middle;
	width: 16px;
}

img.avatar.size-48 {
	height: 48px;
	width: 48px;
}

img.avatar.size-32 {
	height: 32px;
	width: 32px;
}


/* User module */
/* FIXME: Move me to user.css */
ul#avatars li {
	border-bottom: 1px solid silver;
	display: block;
	float: left;
	height: 75px;
	padding-top: 10px;
	text-align: center;
	vertical-align: top;
	width: 30px;
}

ul#avatars li input {
	display: block;
	margin: auto;
}


/* Tags */
ul.tags {
	background-image: url("../../../graphics/icons/silk/tag_green.png");
	background-position: 0.5em 0.6em;
	background-repeat: no-repeat;
	display: inline;
	font-size: 85%;
	list-style: none;
	padding-left: 2.2em;
}

ul.tags li {
	display: inline;
	list-style: none;
}

ul.tags li:after {
	content: ", ";
}

ul.tags li:last-child:after {
	content: "";
}

ul.tags.vertical {
	background-image: none;
	display: block;
	padding-left: 0;
}

ul.tags.vertical li {
	display: block;
}

ul.tags.vertical li:after {
	content: "";
}

ul.tags.vertical a {
	line-height: 180%;
	padding: .2em;
	padding-left: 1.8em;
	background-image: url("../../../graphics/icons/silk/tag_green.png");
	background-repeat: no-repeat;
	background-position: 0 50%;
}

ul.tags,
ul.tags a {
	color: #0a0;
}

ul.tags a:hover {
	border-bottom: 1px solid #0a0;
}

input.tags {
	color: #0a0;
	background-image: url("../../../graphics/icons/silk/tag_green.png");
	padding-left: 1.8em;
	background-repeat: no-repeat;
	background-position: 0.3em 50%;
}

span.tag {
	color: #0a0;
}

/* Comments */
.comments {
	display: inline;
	font-size: 85%;
}

.comments.one {
	background-image: url("../../../graphics/icons/silk/comment.png");
}

.comments.new_line {
	display: block;
}


/* Entries */
.edit_entry {
	float: right;
	margin-top: -35px;
}

.edit_entry a {
	color: rgb(150,150,150);
}

.edit_entry a:hover {
	color: rgb(50,50,50);
}


/* emoticon */
.emoticon {
	float: right;
}


/* Post meta information */
.meta {
  clear: right;
	color: #666;
}

.meta .avatar {
	float: left;
	margin-right: 0.5em;
}

.meta time,
.meta .time,
.meta .group_name,
.meta .kudos {
	display: inline;
	float: none;
}

/*
.meta .kudos.given {
	background-position: 0.2em -0.4em;
}
*/

.meta .time abbr {
	border: 0;
}

.meta time,
.meta .group_name,
.meta .comments {
	font-size: 85%;
}

.meta .comments {
	padding: 0;
}

.meta .group_name a.icon {
	margin-left: 0.2em;
}


/* tab headings (these are not panel tabs) */
.content .tab {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
  background-color: rgb(50,50,50);
  color: snow;
  margin-bottom: .5em;
  padding: .3em .3em .4em .3em;
}

.content .tab h2,
.content .tab h3 {
  font-size: 140%;
  border: 0;
  margin: 0;
  padding: 0;
}

.content .tab h2 a,
.content .tab h3 a {
  color: snow;
}


/* Tabs */
	/* Ensure accessability in print and other media types. */
	@media projection, screen {  /*
	                              * Use class for showing/hiding tab content,
								  * so that visibility can be better controlled
								  * in different media types.
								  */
		.panel li.hide {
			display: none;
		}
	}

	/* Hide useless elements in prin layouts. */
	@media print {
		.panel {
			display: none;
		}
	}

.panel {
	position: relative;
	clear: left;
	/*background-image: url("../images/gradient-reversed-very-small.png");
	background-position: bottom left;
	background-repeat: repeat-x;*/
	border-bottom: 1px solid rgb(210,210,210);
	height: 43px;
	margin: 0 0 1em 0;
	font-size: 113%;
	padding: 0 0 0 4px;
	font-weight: bold;
}

.panel:after {
	display: block;
	clear: both;
	content: " ";
}

.panel li {
	float: left;
	position: relative;
	list-style-image: none;
	list-style: none;
	margin: 0 0 0 1em;
	min-width: 84px;  /* be nice to Opera */
}

.panel a,
.panel a span {
	border: 0;
	display: block;
	padding: 0.8em 1em 0.8em 1em;
	cursor: pointer;
	min-height: 16px; /* Needed to accomodate lower default font sizes.  */
}

.panel a {
	background-color: rgb(245,245,245);
	color: rgb(130,130,130);
	margin: 1px 0 0;
	line-height: 1.2;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;  /* required for IE6 */
	outline: 0;  /* prevent dotted border in Firefox */
	border-top: 1px solid rgb(210,210,210);
	border-left: 1px solid rgb(210,210,210);
	border-right: 1px solid rgb(210,210,210);
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-o-border-radius-topleft: 10px;
	-o-border-radius-topright: 10px;
	-webkit-border-radius-topleft: 10px;
	-webkit-border-radius-topright: 10px;
}

.panel .selected {
	margin-top: 1px;
}

.panel .selected a {
	position: relative;
	top: 1px;
	z-index: 2;
	margin-top: 0;
	color: rgb(50,50,50);
	background-color: white;
	border-top: 1px solid rgb(210,210,210);
	border-left: 1px solid rgb(210,210,210);
	border-right: 1px solid rgb(210,210,210);
}

.panel a span {
	width: 64px;  /* IE 6 treats width as min-width */
	min-width: 64px;
	height: 18px;  /* IE 6 treats height as min-height */
	min-height: 18px;
	padding-top: 6px;
	padding-right: 0;
}

*>.panel a span {  /* hide from IE 6 */
	width: auto;
	height: auto;
}

.panel .selected a span {
	padding-bottom: 1px;
}

.panel li:hover {
	list-style: none;
}

.panel li a img {
	vertical-align: middle;
}

	/* Additional IE specific bug fixes */
	* html .panel {  /* auto clear, @ IE 6 & IE 7 Quirks mode */
		display: inline-block;
	}

	*:first-child+html .panel {  /*
	                              * @ IE 7 Standards Mode -- do not group
	                              * selectors, otherwise IE 6 will ignore
								  * complete rule (because of the unknown +
								  * combinator).
								  */
		display: inline-block;
	}


/* Columns */
.two-regular-columns {
	clear: left;
}

.two-regular-columns .first,
.two-regular-columns .second {
	width: 50%;
}

.two-regular-columns .first {
	float: left;
}

.two-regular-columns .second {
	margin-left: 50%;
}

.two-dynamic-columns {
}

.two-dynamic-columns .first {
	float: left;
}

.two-dynamic-columns .second {
	margin-left: 10%;
	text-align: right;
}

#two-columns {
	margin-top: 1em;
}

#two-columns .first {
	border-right: 1px dotted rgb(90,90,90);
	margin-left: 0.5em;
	padding-right: 1.5em;
	width: 75%;
}

#two-columns .second {
	clear: left;
	float: right;
	margin-left: 0.5em;
	padding-left: 0.5em;
	text-align: left;
	width: 18%;
}

#two-columns h3 {
	font-weight: normal;
}

/* List tree classes */
ul.tree,
ul.tree ul {
	list-style-type: none;
	background: url("../images/vline.png") repeat-y;
	margin: 0;
	padding: 0;
}

ul.tree {
	margin-left: 1em;
}

ul.tree ul {
	margin-left: 1em;
}

ul.tree li {
	list-style-image: none;
	margin: 0;
	padding: 0 1em;
	line-height: 1.4em;
	background: url("../images/node.png") no-repeat;
}

ul.tree li:last-child {
	background: #fff url("../images/lastnode.png") no-repeat;
}

ul.tree img {
	vertical-align: middle;
}


/* Horizontal list classes */
/*
ul.horizontal {
	display: block;
}

ul.horizontal li {
	display: inline;
	text-align: center;
	margin: 0;
	padding-right: 1em;
}

.navigation + ul.horizontal {
	text-align: center;
}
*/


/* Login status messages */
p.status.active,
p.status.active a {
	color: #0a0;
}

p.status.inactive,
p.status.inactive a {
	color: #a00;
}

p.status.active,
p.status.inactive {
	background-repeat: no-repeat;
	padding-left: 1.8em;
	margin-top: -2.8em;
	margin-bottom: 1em;
}


/* Help classes */
.help {
	font-size: 120%;
	/*margin: 1.5em 0 1.5em 0.8em;*/
	padding-left: 2em;
}

.help li {
	margin-bottom: 0.5em;
	background-image: url("../../../graphics/icons/silk/bullet_blue.png");
	background-repeat: no-repeat;
	background-position: left;
	list-style: none;
	padding-left: 1.6em;
}

.help li:hover {
	list-style-image: none;
}

ul.inline-list li {
	display: inline;
	background-image: url("../../../graphics/icons/silk/bullet_blue.png");
	background-repeat: no-repeat;
	background-position: left;
	list-style: none;
	padding-left: 1.6em;
}


/* tag cloud */
.tag_cloud {
	margin: 0 0 .8em 0;
	padding: 0;
	text-align: center;
}

.tag_cloud,
.tag_cloud li {
	list-style: none;
}

.tag_cloud li {
	/*display: inline;*/
	float: left;
	margin-right: 0.8em;
	line-height: 200%;
}

.tag_cloud li:hover {
	list-style-type: none;
	list-style-image: none;
}


/* bubble */
.bubble {
	margin-top: 0.5em;
}

.bubble .top {
	background-image: url("../images/bubble_top.png");
	background-repeat: no-repeat;
	height: 5px;
}

.bubble .bottom {
	background-image: url("../images/bubble_bottom.png");
	background-repeat: no-repeat;
	height: 12px;
}

.bubble .middle {
	background-image: url("../images/bubble_middle.png");
	background-repeat: repeat-y;
}

.bubble .body {
	font-size: 85%;
	padding: 0.5em 2em 0.5em 1em;
}


/* hilight */
.hilight {
	background-color: rgb(255,248,167);
}

.hilight.red {
	background-color: rgb(248,195,195);
	color: rgb(70,70,70);
}

#top_menu .hilight {
	color: rgb(70,70,70);
}


/* edit_object */
.edit_object {
	background-color: rgb(245,245,245);
	height: 2.5em;
	padding: 0.5em 1em 0.5em 1em;
	margin-bottom: 1.5em;
	font-size: 85%;
	color: rgb(100,100,100);
}

.edit_object p {
	margin-top: 0.6em;
	float: left;
	font-weight: bold;
	background-image: url("../images/edit_object_arrow.png");
	background-repeat: no-repeat;
	background-position: 2em 2.4em;
	height: 3em;
	text-align: left;
}

.edit_object p strong {
	color: rgb(160,160,160);
}

.edit_object .buttons {
	float: right;
}

.edit_object .form {
	width: auto;
	margin-left: 0.5em;
}


/* login */
#login .signup,
#login .signup p {
	text-align: center;
}

#login .signup p {
	color: rgb(120,120,120);
	margin-top: 4em;
}

#login .signup .button {
	position: block;
	display: block;
}

#login .signup .button {
	background-position: 3.8em 0;
}


/* map */
#map {
	width: 100%;
	height: 400px;
}


/* report bug */
#report_bug .not_logged_in {
  width: 80%;
  margin: 2em auto;
}

#report_bug .not_logged_in p {
  font-size: 120%;
}

#report_bug .not_logged_in .already_member * {
  text-align: center;
}

#report_bug .not_logged_in a {
  font-size: 140%;
}

#report_bug .grid-50-50 {
  margin-top: 2em;
}


/* sections */
.section {
	margin-bottom: 1.8em;
	font-size: 90%;
}

.section .title {
	background-color: rgb(238,238,238);
	padding: 6px 14px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	background-image: url("../images/border-radius.php?r=4&color=238,238,238");
}

.section .title a,
.section .title h3 a,
.section .title h4 a {
	color: rgb(50,50,50);
}

.section .title a {
	display: block;
}

.section .title a:hover {
	text-decoration: underline;
}

.section .title h3,
.section .title h4 {
	font-weight: bold;
	border: 0;
	font-size: 100%;
	color: rgb(50,50,50);
}

.section.active .title {
	/*background-color: rgb(224,28,21);*/
	background-color: rgb(219,20,36);
	background-image: url("../images/border-radius.php?r=4&color=224,28,21");
	color: white;
}

.section.active .title h3,
.section.active .title h4 {
	color: white;
}

.section.active .title a,
.section.active .title h3 a,
.section.active .title h4 a {
	color: white;
}

.section .title strong {
}

.section .title h3,
.section .title h4 {
	padding: 0;
	margin: 0;
}

.section .content {
	clear: none;
	margin: 0;
	min-height: 0 !important;
	padding: 1em;
	overflow: hidden;
}

.section .content h3,
.section .content h3 a {
	border: 0;
	color: rgb(50,50,50);
}

.section .content img {
	width: 100%;
}

.section embed {
	width: 100%;
	height: 222px;
}

.section .widget {
	float: right;
	margin-top: -21px;
	margin-right: 8px;
}

.section .content h3 {
	color: rgb(50,50,50);
	font-size: 120%;
}

/* Distracting?
.section:hover .title {
	background-color: rgb(230,230,230);
}

.section.active:hover .title {
	background-color: rgb(224,28,21);
}
*/


/* events */
#events ul,
#events ul li {
	list-style: none;
	padding: 0;
}