/* base */

body, textarea, input, select, button {
  font-family: 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
  font-size: 9pt;
  color: #444;
}

body, textarea, input, select, button, ol, ul, td, th {
  line-height: 16px;
}

p {
  margin: 1ex 0;  
}

p, li, dd {
  line-height:1.50em;
}

form, div {
  margin:0px  
}

body {
  margin: 0;
  padding: 0;
}

h1, h2 {
  font-weight: normal;
  margin: 0 0 0 0;
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 20px;
  line-height: 22px;
  margin:0px;
  margin-top:8px;  
  margin-bottom:4px;  
  padding: 0px;
  color:#555;
}

h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0px;
  margin-top: 8px;
  margin-bottom: 4px;
  padding: 0px;
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 14px;
  line-height: 1.3em;
  color: #595;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  text-align: left;
  vertical-align: baseline;
  padding: 0.25em 0.5em;
}

a {
	text-decoration: none;
}

a:link:hover,
a:visited:hover {
  text-decoration: underline;
}

a:visited {
  text-decoration: none;  
  color: #07c; /* used to be #09d */
}

a:link {
  text-decoration: none;  
  color: #07c; /* used to be #09d */
}

a:active {
}

a img {
  border: 0;
}

tt, code, pre {
  font-family: "Courier New", monospace;
}

.caps,
acronym {
  text-transform: uppercase;
  font-size: 90%;
}  

label {
  color: #777;
  font-size: 12px;
  display: block;
  margin-bottom: 2px;
  margin-top: 4px;
}

*[disabled] {
  background: #eee;
}

hr {
  height: 1px;
  border: none;
  border-bottom: 1px #bbb dotted;
}

input[type=submit], 
input[type=reset],
button {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: solid 1px #8c8;
  background: #d5ffd5;
  padding: 3px;
  color: #373;
}  

input[type=submit]:hover, 
input[type=reset]:hover,
button:hover {
  border: solid 1px #5a5;
  background: #beb;
  color: #050;
}

input[type=text],
input[type=password],
input[type=file],
select,
textarea {
  font-family: 'Lucida Grande', Verdana, Helvetica, Arial, Sans-Serif;
  line-height: normal;
}  

input[type=text], 
input[type=password],
input[type=file],
select, 
textarea {
  border: solid 1px #ddd;
}

input[type=text], 
input[type=password],
input[type=file],
select {
  padding: 2px;
}  

textarea {
  padding: 4px;
}


/* standard */

.spaced {
  margin-bottom: 10px;
  padding-bottom: 10px;
}

#page {
  margin: 1em 0;
}

#content {
  margin: 0px;  
}

.wrapper
{
  width: 860px;
  margin: 0;
  padding: 0;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

#centreColumn {
  position: relative; /* Work around Firefox rendering bug in conjunction with Flash */
  margin: 0px;
  width: 626px;
  color: #444;
  float:left;
  min-height: 500px;
  overflow: hidden;
}

.centreBlock {
  margin: 0px;
  width: 630px;
  color: #444;
  float:left;
}

#wideBlock {
  margin: 0px;
  width: 860px;
  float:left;
  min-height: 500px;
}

#maincontent
{
  padding-right:5px;
  width: 405px;
  color: #444;
  float: left;
}

#maincontent.frontpage_maincontent {
  width: 440px;
}

#footer
{
  border-top: dotted 1px #e0e0e0;
  margin-top: 1em;
  margin-bottom: 1em;
  padding: 0.5em 0;
  clear: both;
  font-size: 8pt;
  line-height: 100%;
  color: #666;  
}

#footer p {
  margin: 0.3em 0;
}

#footer a
{
  color: #888;
}

#footer #svn_revision {
  float: right;
}

.hide {
	display:none;	
}

.quote {
  font-size:11px;
  line-height:17px;
  padding-left:22px;
  width:400px;
  margin-top:20px;
  margin-bottom:20px; 
}

.clear {
  clear: both;
}

.clear_left {
  clear: left;
}

.clear_right {
  clear: right;
}

.edit {
  font-size:10px;
  font-weight: normal;
  background-color: transparent;
  color: #000;
  margin: 0;
  padding: 0;  
}

.edit a {
  font-weight: normal;
  background-color: transparent;
  color: #444;
  margin: 0;
  padding: 0;  
  margin-right: 10px;  
}

.pipe 
{
  color: #bbb;
}

.notice_box {
  padding: 5px 10px;
  border: dotted 1px #ddd;
  margin: 10px 0;
}

.small {
  font-size: 10px;  
}

.big {
  font-size: 13px;
}

.light {
  color: #888;
}

.tag {
  color: #f80;
}

.member_image {
  float: left; 
  width: 48px; 
  height: 48px; 
  margin-right: 8px;
  margin-bottom: 0px; 
  padding: 4px;
  background: white;
  overflow: hidden;
  line-height: 12px;
}

.member_image_inner
{
  width: 48px;
  height: 48px;
  margin-right: 4px;
}

.member_image_inner img {
  width: 48px;
  height: 48px;	
}

.hr
{
  border-bottom: 1px #bbb dotted;
}

.dottedRight
{
  border-right: 1px #bbb dotted;
}

.dotted_left
{
  border-left: 1px #bbb dotted;
}

.minor {
  color: #777;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

.external_url {
}

.forum_container
{
  background-color: #ff0;
}

.list_view_header {
  margin-bottom: 23px;
}

.recent_items_divider {
  border-top: 1px #bbb dotted;
  padding-top: 10px;
}

.recent_context {
	font-size: 10px;
	padding-top: 20px;
	border-bottom: 1px #bbb dotted;
}

.conversation_context {
	padding-top: 20px;
	border-bottom: 1px #bbb dotted;
}

/* Admin */

.admin {
  border-bottom: dotted 1px #ddd;
  font-weight: normal;
  color: #888;
  padding-bottom: 8px;
  margin-top: 5px;
  margin-bottom: 15px;
  font-size: 10pt;
  font-weight: bold;
}

/* Admin small */

.admin_small {
  border-bottom: dotted 1px #ccc;
  font-weight: normal;
  color: #888;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-size: 8pt;
}

/* Links to more */

.links_to_more {
  text-align: right;
  margin-top: 10px;
}

/* Flash */

#page_notice_flash,
#page_error_flash {
  width: 600px;
  margin: 0;
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: dotted 1px #ddd;
  font-weight: bold;
}

#page_notice_flash {
  color: #590;
  background: url(http://underskog.no/images/accept.png) no-repeat 0 0.6em;
  padding-top: 8px;
  padding-left: 22px;
}

#page_error_flash {
  color: #c33;
  background: url(http://underskog.no/images/exclamation.png) no-repeat 0 0.6em;
  padding-top: 8px;
  padding-left: 22px;
}

/* Screenshots */

.screenshot {
  border: solid 1px #ddd;
  padding: 4px;
}

/*
 * Status
 */

.status_progressing p,
.status_success p,
.status_failure p,
.status_hourglass p {
  display: inline;
}
 
.status_progressing {
  background: url(http://underskog.no/images/spinner.gif) no-repeat 0 0.6em;
  padding-top: 8px;
  padding-left: 22px;
}

.status_success {
  background: url(http://underskog.no/images/accept.png) no-repeat 0 0.6em;
  padding-top: 8px;
  padding-left: 22px;
}

.status_failure {
  background: url(http://underskog.no/images/exclamation.png) no-repeat 0 0.6em;
  padding-top: 8px;
  padding-left: 22px;
}

.status_pending {
  background: url(http://underskog.no/images/hourglass.png) no-repeat 0 0.6em;
  padding-top: 8px;
  padding-left: 22px;
}

p.status_progressing,
p.status_success,
p.status_failure,
p.status_hourglass {
  padding-top: 5px;
}

/*
 * Action buttons/links
 */

ul.actions,
ol.actions {
  margin: 0;
  padding: 0;
}  

ul.actions li.action,
ol.actions li.action {
  list-style: none;
  display: inline;
}

.action {
  margin-right: 1px;
  line-height: normal;
}

.disabled_action {
	color: #ddd;
}

.action a,
.action a:link,
.action a:hover,
.action a:visited,
.action a:active {
  margin-left: -2px;
  padding: 2px;
  color: #888;
}  

.action a:hover,
.action a.hover {
  background: #7c7;
  color: #fff;
  text-decoration: none;
}

/*
 * Toggles
 */

.toggled {
  background: #ddd;
  color: #fff;
  text-decoration: none;
}  

h2 .toggled {
  background: none;
  color: #666;
}  

.toggle_arrow {
	color: #555;
	margin-right: 2px;
	font-size: 10px;
}

/*
 * Lists of steps.
 */

ul.steps {
  padding: 0;
  margin: 0;
}
 
ul.steps li {
  margin: 0.9em 1em;
  list-style: none;
  padding-left: 20px;
  background-color: transparent;
  background-image: url(http://underskog.no/images/tick.png);
  background-repeat: no-repeat;
  background-position: 0 0;  
}

/*
 * Tabs
 */
 
.tabs {
  border-bottom: solid 2px #7c3;
  margin-bottom: 15px;
}

.tabs .tabs_label {
  color: #595;
  float: left;
  margin-right: 5px;
  padding-top: 7px;
}

.tabs .tabs_tab {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  font-size: 13px;
  float: left;
  margin-left: 5px;
  padding: 5px 10px;
  border: solid 1px #eee;
  border-bottom: none;
}

.tabs .tabs_tab a {
  color: #555;
}

.tabs .tabs_tab.selected {
  background: #7c3;
  font-weight: bold;
  border-color: transparent;
}

.tabs .tabs_tab.selected a {
  color: #fff;
}

/*
 * Table of data
 */

table.data {
  border-spacing: 0;
  border-collapse: collapse;
  border: solid 1px #ccc;
}

table.data th,
table.data td {
  border: solid 1px #ccc;
  vertical-align: baseline;
  padding: 3px 6px;
  font-size: 10px;
  text-align: left;
}

table.data th {
  background: #e8e8e8;
}

table.data tr.odd td {
  background: #f3f3f3;
}

/*
 * Successes and errors
 */

.success_message {
  background-color: transparent;
  background-image: url(http://underskog.no/images/accept.png);
  background-repeat: no-repeat;
  background-position: 0.3em;
  padding: 0.3em;
  padding-left: 25px;
}

.warning_message {
  background-color: transparent;
  background-image: url(http://underskog.no/images/error.png);
  background-repeat: no-repeat;
  background-position: 0.3em;
  padding: 0.3em;
  padding-left: 25px;
}

.error_message {  
  background-color: transparent;
  background-image: url(http://underskog.no/images/exclamation.png);
  background-repeat: no-repeat;
  background-position: 0.3em;
  padding: 0.3em;
  padding-left: 25px;
}

.error_detail {
  width: 100%;
  overflow: hidden;
  padding: 4px;
  margin: 0;
}

ul.ruby_stacktrace {
  padding-left: 16px;
}  

ul.ruby_stacktrace li {
  white-space: pre;
  margin: 3px 0;
  font-family: "Courier New", monospace;
}

table.data .ruby_stacktrace {
  font-size: 10px;
}

/* Used for AJAX error fragment */  
.error_fragment {
  background: white;
  border: solid 1px #ccc;
  padding: 0.3em;
  color: red;
}

/*
 * Object actions
 */
 
.object_actions {
  font-size: 11px;
  padding: 0.5em;
  margin: 0;
  margin-bottom: 1em;
  white-space: nowrap;
  border-bottom: dotted 1px #ccc;
  list-style: none;
}

ul.object_actions li {
  list-style: none;
}

.object_actions .action {
  display: block;
  float: left;
  margin: 0.1em 1em 0.1em 0;
}

.help a {
}

.feed_link_small {
  padding-left: 16px;
  background: url(http://underskog.no/images/feed-icon-12x12.png) left center no-repeat;
}          

.underbar_link_small {
  padding-left: 16px;
  background: url(http://underskog.no/images/underbar-icon-12x12.png) left center no-repeat;
}          

.jabber_link_small {
  padding-left: 16px;
  background: url(http://underskog.no/images/underskog-jabber-icon-12x12.png) left center no-repeat;
}          

.ical_link_small {
  padding-left: 16px;
  background: url(http://underskog.no/images/ical-icon-12x12.gif) left center no-repeat;
}

.browser_capability_error {
  color: #c00;
  margin-bottom: 1em;
  background: url(http://underskog.no/images/big_red_asterisk.png) right top no-repeat;
  padding-left: 0;
  padding-right: 33px;
}

.browser_capability_error strong {
}

#login_page .browser_capability_error {
  width: 400px;
  float: right;
  background: url(http://underskog.no/images/big_red_asterisk.png) left top no-repeat;
  padding-left: 33px;
  padding-right: 0;
}

/* Search page */

#search_page .search_stats {
  margin-top: 5px;
  color: #888;
  font-size: 8pt;
  text-align: center;
}

#search_page .search_query {
  width: 80%;
  margin-right: 5px;
}

#search_page .search_form {
  padding-top: 10px;
  margin-bottom: 20px;
}

#search_page .search_form .search_form_tips {
  font-size: 8.5pt;
  color: #666;
  margin: 15px 0 20px 0;
}

#search_page .search_form .search_form_tips h5 {
  display: inline;
  font-weight: bold;
}

#search_page .search_form .search_form_options {
  color: #666;
  font-size: 8.5pt;
  margin: 5px 0;
}

#search_page .search_form .search_form_options input {
  vertical-align: middle;
  position: relative;
  top: -0.2em;
}

#search_page .search_form .search_form_options label {
  display: inline;
  color: inherit;
  font: inherit;
  margin: 0;
}

#search_page .search_form .search_form_options .search_form_options_group {
  margin-right: 25px;
}

#search_page .search_no_hits {
  border-top: dotted 1px #ddd;
  padding-top: 10px;
  color: #666;
}

#search_page .search_results .highlight {
  background: #ff8;
  font-weight: bold;
}

#search_page .search_results h2 a {
  color: inherit;
}

#search_page .search_results .search_result_context {
  font-size: 13px;
  color: #888;
}

#search_page .search_results .comment_count {
  display: block;
  margin-top: 10px;
}

#search_page .search_result_for_user {
  float: left;
  width: 200px;
  overflow: hidden;
  margin: 5px 0;
}

#search_page .search_result_for_user .user_image {
  float: left;
  margin-right: 10px;
  width: 48px;
  height: 48px;
}

#search_page .search_result_for_user .small {
  margin-top: 3px;
}

#search_page .search_result_for_post {
  margin: 15px 0;
}

#search_page .search_result_for_post h3 {
  color: #666;
}

#search_page .search_result_group {
  margin: 10px 0 25px 0;
}

#search_page .search_result_group h4 {
  border-bottom: dotted 1px #ddd;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

/* Pages */

.page_intro {
  font-size: 10pt;
  color: #888;
}

/* Results of things */

.no_results {
  font-size: 10pt;
  color: #888; 
}

/* Pagination */

.pagination {
  font-size: 11pt;
  font-weight: bold;
  margin: 15px 0;
}

.pagination .pages {
  font-size: 8.5pt;
  font-weight: normal;
  margin: 0 10px;
}

/* Text */

.text p {
  margin: 5px 0;
}

.text p,
.text ul li,
.text ol li {
  line-height: 150%;
}

.text ul {
  padding: 0;
  margin: 0;
}

.text ul li {
  list-style: none;
  margin: 5px 0;
  margin-top: -0.6em;
  padding-top: 0.6em;
  padding-left: 20px;
  background: url(http://underskog.no/images/bullet_blue.png) no-repeat 0 8px;
}

.text blockquote {
  color: #777;
  margin: 0;
  padding-left: 10px;
  border-left: solid 4px #888;
}

.text pre {  
  background: #f0f0f0;
  padding: 5px 0;
  margin: 5px 0;
}

.text img {
  max-width: 100%;  /* Force images to fit within column */
}

.text img.image_left {
  margin: 0 10px 10px 0;
  clear: both;
  float: left;
}  

.text img.image_right {
  margin: 0 0 10px 10px;
  clear: both;
  float: right;
}  

.text .caption-left, .text .caption-right {
  margin: 5px 5px 0 5px;
  padding: 2px;
  text-align: center;
  border-collapse:collapse;
}
.text .caption-left img, .text  .caption-right img {
  display:block;
}
.text .caption-left { float:left; }
.text .caption-right { float:right; }
.text .caption-left td, .text  .caption-right td {
  font-size: smaller;
  text-indent: 0;
  text-align: center;
}

/* Creation of stuff */

.nothing_created_yet {
  margin: 20px 0;
  border: solid 1px #ddd;
  padding: 30px;
  font-size: 11pt;
  color: #888;
}

.nothing_created_yet a {
  font-weight: bold;
}

/* Beta warning */

.beta_warning {
  color: #6b4;
  font-size: 8.5pt;
  font-weight: bold;
}

/* Trolls */

.troll_blah {
  color: #aaa;
}

a .troll_blah,
h2 .troll_blah {
  color: inherit;
}