/* 
	Zilino
	Basic Stylesheet

 	Author: Tim Schneider [tim@railslove.com]

 */

/* HIDE DEBUG STUFF */

code {
	display: none;
}

/* GLOBAL SETTINGS */

* {
	margin: 0;
	padding: 0;
	font-size: 10pt;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
}

.clear_this {
	float: none;
	clear: both;
}

.ghostie {
	color: #333;
}

.ghostied {
	color: #888!important;
}

.form {
	padding-top: 5px;
	padding-left: 8px;
}

/* NIFTY CORNERS */
 
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #bbe5fb}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

div.rounded_corner_link {
	background-color: #bbe5fb;
	color: #000!important;
	text-align: center;
	width: 100%;
}

div.rounded_corner_link a {
	background-color: #bbe5fb;
	color: #000!important;
	margin: 0em 0.5em;
}

.simple_corners {
	color: #fff!important;
	border: 1px outset #0066FF;
  	-moz-border-radius: 8px;
  	-webkit-border-radius: 8px;
  	border-radius: 8px;
  	background-color: #0066FF;
  	padding: 0.2em 0.5em;
  	display: inline;
  	border-style: solid;
}

.simple_corners.small_corners {
	-moz-border-radius: 5px;
  	-webkit-border-radius: 5px;
  	border-radius: 5px;
  	padding: 0.1em 0.4em;
	font-size: 0.9em;
	margin-bottom: 0.5em;
}

.simple_corners:hover, .mini_form input:hover {
  background-color: #bbe5fb;
  color: #000!important;
  border-color: #bbe5fb;
  text-decoration: none;
}

.simple_corners a:link, .simple_corners a:visited {
	color: #fff;
 	margin: 0em 0.5em;
}
.simple_corners a:hover {
  color: #99f;
  text-decoration: none;
}

.right_button {
	float: right;
}

.mini_form input {
  	-moz-border-radius: 8px;
  	-webkit-border-radius: 8px;
  	border-radius: 8px;  
	background-color: #0066FF;
  	color: #fff;
  	padding: 3px 5px;  
  	border-style: solid;
	border-color: #0066FF;
}

.standalone {
  margin-bottom: 1em; 
  display: inline-block;
}
/* LAYOUT */

#wrapper {
	margin: 0 auto;
	width: 850px;
}

#header {
	background-color: #fff;
	padding: 0px 18px 10px 10px;
	margin-top: 1em;
	margin-bottom: 0em;
}

#header ul#authentication_links {
	text-align:right;
	list-style: none;
	font-size: 17px;
}

#header ul#authentication_links li {
  display: inline;
	font-size: 17px;
}

#header ul#authentication_links li a {
	text-decoration: none;
	color: #0098d8;
	font-size: 17px;
}

#header ul.navigation {
	padding-left: 0;
	text-align: left;
	list-style: none;
	margin-top: 1em;
	font-size: 17px;
	margin-bottom: 0px;
}

#header ul.navigation li {
	display: inline;
	font-size: 17px;
}

#header ul.navigation li  a {
	text-decoration: none;
	color: #0098d8;
	font-size: 17px;
	font-weight:bold;
}

#content {
	padding: 0 0 0.8em;
}

#content:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#content .content {
	float: left;
	width: 600px;
	padding-left:10px;
}

.sidebar {
	padding-top: 20px;
	float: left;
 	width: 196px; /* 206px; */
	margin-left: 20px;
}

#content .sidebar ul {
  list-style-type: none;
  margin-left: 0;
  padding-left: 0;
}

/* BASICS */

a {
    color: #0098d8;
    font-size: 1em;
    text-decoration: none;
    }
    
a:visited {
    font-size: 1em;
    color: #0098d8;
    }

a:hover, a:focus {
    text-decoration: underline;
    }

em {
	text-decoration: none;
	font-size: 1em;
	color: #000;
	background-color: #CCFF66;
	font-style: italic;
	padding: 0.1em 0.2em;
}

em.alpha {
	background-color: #ffff00;
}

h1 {
	font-size: 2em;
	color: #333;
	margin-left: 0px;
	margin-top: 25px;
	margin-bottom: 20px;
}

h1 small {
	font-size:80%;
	font-weight: normal;
}

h2 {
	font-size: 1.5em;
	font-weight: normal;
	color:#222;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 15px;
}

h2 small {
	font-size:80%;
	font-weight: normal;
}

h2.inside_a_box {
	margin-top: 5px;
	margin-left: 0;
}

h3 {
	font-size: 1.2em;
	font-weight: normal;
	color:#222;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom: 15px;
}

h3 small {
	font-size:80%;
	font-weight: normal;
}

h3.inside_a_box {
	margin-top: 5px;
	margin-left: 0;
}

p.intro_text {
	margin-left: 0px;
}

p {
	color: #222;
	line-height: 1.5em;
	margin-bottom: 1em;
	margin-left: 0px;
}

div.story p {
  padding: .7em 0;  
}

small, cite {
	font-size:0.8em;
	font-style: normal;
}

/* ERROR HANDLING */

div.errorExplanation {
	margin: 20px auto;
	border-bottom: 3px solid #ef979d;
	border-top: 3px solid #ef979d;
	padding: 0.8em;
	background-color: #fcb9ba;
}

div.errorExplanation h2 {
	margin: 0em;
	
	color: #000;
	font-size: 1.2em;
	padding: 0em 0em 0.4em;
}

div.errorExplanation li, div.errorExplanation p {
	line-height: 1.5em;
}

div.errorExplanation li {
	list-style-type: none;
}

div.flash {
	font-weight:bold;
	margin:10px 10px 20px;
	padding:10px;
	text-align:center;
	border:1px dashed #fff;
}

.flash_notice {
  background:#DFFFDF none repeat scroll 0 0;
  border:3px solid #9FCF9F;
  color:#005F00;
  font-size:16px;
  margin:0 11px 16px;
  padding:10px;
  -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
}

.flash_error {
  background:#FFE3E3 none repeat scroll 0 0;
  border:3px solid #D00;
  color:#500;
  font-size:16px;
  margin:0 11px 16px;
  padding:10px;
  -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
  
}

div.notice {
	background-color: #D9FFAD;
}
div.error {
	background-color: #fcb9ba;
}

/* SPECIAL ELEMENTS */

div.or_create { /* obsolet? */
	padding: 0.5em 0;
	text-align: left;
}

div.or_create span { /* obsolet? */
	color: #666;
}

div.or_create a { /* obsolet? */
	font-size: 1em;
	color: #333;
}

/* FORM ELEMENTS */

form.left_one, table.left_one	{
	margin: 0em 0;
	margin-left: 10px;
}

form.left_one {
	width: 380px;
	border-left: 0px dotted #ececec;
	border-right: 0px dotted #ececec;
	border-bottom: 0px dotted #ececec;
}

form.left_one div.some_elements {
	padding-bottom: 1em;
	padding-left: 0em;
	border-top: 0px dotted #ccc;
}

form.left_one div.last_elements {
	padding-bottom: 1em;
	padding-left: 0em;
	border-top: 0px dotted #ccc;	
	border-bottom: 0px dotted #ccc;	
}

form.left_one div.submit_region {
	padding-left: 0em;
	padding-top: 0.5em;
}

form.left_one div.submit_region span {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.9em;
	margin-left: 10px;
}

form.left_one div.submit_region span a {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1em;
	color: #666;
	text-decoration: none;	
}

label.small_label { 
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.1em;
	display:block;
	padding: 1em 0 0.3em;
	font-weight: normal;
}

label.hint {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #666;
	font-size: 0.9em;
	line-height: 1.3em;
}

select {
	font-size: 1em;
	padding: 0.1em;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

select option {
	font-size: 0.9em;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0.2em 1em 0 0.2em;
}

select.date_select {
	margin-bottom: 0.3em;
	border: 1px solid #cacaca;
}

select.right_select {
	width: 190px;
	display:block;
	margin-bottom:0.5em;
}

.all_input {
}

input {
	
}

input.field {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0.4em;
	margin-bottom: 0.1em;
	display: block;
	border: 1px solid #cacaca;
	width: 350px;
}

input.submit {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0.1em;
	font-size: 1em;
	margin-bottom: 0.3em;
}

textarea {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	padding: 0.4em;
	margin-bottom: 0.1em;
	display: block;
	border: 1px solid #cacaca;
	width: 350px;
}

textarea.short_text {
	height: 100px;
}

textarea.long_text {
	line-height: 1.4em;
}

select.select {
	display: block;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 0.1em;
	font-size: 1em;
	border: 1px solid #cacaca;
}

/* OTHER STUFF */
table { border-collapse: collapse; margin-top: 10px; width: 100%;}

td {
  vertical-align: top;
  }
  
table.left_one {
	width: 95%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

thead th {
	text-align: left;
	background-color: #f0f0f0;
	font-weight: normal;
	font-size: 1em;
	padding: 8px 8px;
}

tbody td {
 	text-align: left;
	font-size: 0.9em;
	border-bottom: 1px solid #F0F0F0;
	padding: 8px 8px;
}

/* SUPPORT (used when user=authenticated) */

#support {
	background-color: #fff;
	height: 300px;
	border-top: 1px solid #ccc;
	margin-bottom:0;
	margin-top: 80px;
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 0.8em;
	color: #666;
	margin-bottom: 80px;
}

/* FOOTER (used on static pages) */

.block {
	border-right: 10px solid #f8f8f8;
	margin-top: 20px;
}

#footer {
	background-color: #fff;
	height: 50px;
	border-top: 1px solid #ccc;
	margin-bottom:0;
	margin-top:1em;
	padding-top: 10px;
	margin-left: 10px;
	margin-right: 0.8em;
	color: #666;
	margin-bottom: 100px;
}

#footer ul {
	list-style-type: none;
    list-style-image: none;
	display: block;
	padding: 0;
	margin-bottom: 0em;
	margin-left: 0px;
}
#footer ul li {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #777;
	display: inline;
}

#footer p {
	font-size: 0.9em;
	color: #666;
	margin-left: 0px;
}

#footer p a {
	color: #666;
}

/* FORM ELEMENTS */

ul, ol { 
    padding-left: 2em;
    margin-bottom: 1em;
}

ol li, ul li {
	line-height: 1.5em;
	color: #333;
}


/* should be refactored */

#feedback_form {
	background-color: #f3f3f3;
	padding: 0.8em;
	margin: 2em 0;
}

#feedback_form textarea {
	height: 100px;
	width: 98%;
}

#feedback_form #feedback_label {
	font-size: 1.2em;
	display: block;
	margin-bottom: 0.2em;
}

#feedback_elements span {
	font-size: 1em;
}

#feedback_elements span input {
	margin: 0 0.2em;
}

ul.right_one {
	list-style:none;
}

a img {
	border:none;
}

/* VIEWS */

.pagination {
	text-align: right;
	margin-bottom: 0.7em;
}

.pagination span, .pagination a {
	padding: 0.1em 0.2em;
}

/* ALL INDEXES */

.index_listing {
	margin: 1.5em 0;	
}

/* USERS#INDEX */

#user_index {
}

#user_index div.user {
	width: 48%;
	float: left;	
}

#user_index div.user span.user_index_add {
	display: block;
}

/* USER PARTIAL (used on index pages) */

div.user {
	border-bottom: 1px solid #ccc;
	padding: 0.8em 0;
	padding-right: 1%;
	margin-right: 1%;
	height: 50px;
}

div.user span.user_index_add {
	display: none;
}

div.user img.user_index_small_pic {
	float: left;
	margin-right: 0.5em;
	height: 50px;
	width: 50px;
	background-color: #f8f8f8;
}

div.user a.user_index_link {
	color: #000;
	font-size: 1.2em;
}

div.user a:hover { text-decoration: none; }

div.user span.user_index_screenname {
	color: #666;
}

div.user span.user_index_location {
	color: #333;
}

div.user span.user_index_add {
	float: right;
}

/* USERS#SHOW */

div#user_show h1 span.screenname {
	color: #999;
	font-size: 0.8em;
}

div#user_show img.user_profile_picture {
	height: 120px;
	width: 120px;
	background-color: #f8f8f8;
	float: left;
	margin-right: 1em;
}

div#user_show div#user_profile_edit_link {
	float: right;
}

div#user_show div#user_profile_edit_link a {
	margin: 0em 0.5em;
	color: #000;
}
div#user_show div#user_profile_edit_link a:hover {
	text-decoration: none;
}

/* listings */

div.three_of_a_kind {
	width: 33%;
	float: left;
}

/* GROUPS#INDEX */

#groups_index {
	margin: 1.5em 0;
}

#groups_index div.group {
	width: 48%;
	float: left;	
}

#groups_index_create_link {
	float: right;
}

/* GROUP PARTIAL */

div.group {
	border-bottom: 1px solid #ccc;
	padding: 0.8em 0;
	padding-right: 1%;
	margin-right: 1%;
	height: 50px;
}

div.group a.group_index_link {
	color: #000;
	font-size: 1.2em;
	display: block;
}

div.group a:hover { text-decoration: none; }

div.group span.group_description {
	color: #333;
}

/* PROJECTS#INDEX */

#projects_index {
}

#projects_index div.project {
	width: 48%;
	float: left;	
}

#projects_index_create_link {
	float: right;
}

.simple_form {
		margin-left: 10px;

}

.simple_form label {
  display: block;
  width: 12em;
  float: left;
}

.simple_form input.field {
  clear: right;
  margin-left: 12em;
  margin-bottom: 5px;
}
.simple_form textarea {
  display: block; 
  margin-left: 12em;
  margin-bottom: 5px;
}  

/* SIDEBAR WIDGETS */

.sidebar_widget {
	border: 2px solid #eee;
  	-moz-border-radius: 6px;
  	-webkit-border-radius: 6px;
  	border-radius: 6px;
  	padding: 0.6em;
  	margin-bottom: 1em;
}

.sidebar_widget.without_border {
	border:none
}

/* DASHBOARD */

.dashboard_element {
	margin: 2em 0;
}

/* BREADCRUMB */

div.breadcrumb {
	padding: 5px 8px;
	font-size: 1em;
	color:#555;
	background-color: #eee;
	-moz-border-radius: 6px;
  	-webkit-border-radius: 6px;
}

div.breadcrumb a {
	color: #0098d8;
}

/* PROJECTS#SHOW */

ul.modules li {
	border-bottom: 1px solid #eee;
	padding: 5px 0;
}

/* FORUMS */

#page_header {
	background-color: #f8f8f8;
	padding: 5px 15px;
  	-moz-border-radius: 6px;
  	-webkit-border-radius: 6px;
  	margin: 1em 0;
}

#page_header p.meta {
	color: #666;
	font-size: 90%;
}

#page_header:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

#page_header_text p {
padding-right: 200px;
}

#page_header_text h2, #page_header_text h1 {
	font-size: 2em;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0;
}

#page_header_text p {
		line-height: 1.7em;
}

#page_header_meta {
	float: right;
	padding: 10px 0;
	text-align: right;
}

#page_header_meta .fake_table {
	display: table;
}

#page_header_meta .fake_table .meta {
	display: table-cell;
	vertical-align: bottom;
	height: 100%;
}

#page_header_meta a.highlighted {
	padding:5px 8px;
	background-color:#fff;
	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
}

#page_content h3 {
	padding-bottom: 10px;
	margin-bottom: 20px;
}

#page_content h3 a {
}

/* Forum_Post Partial*/

.forum_post {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
	float: none;
}

.forum_post:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.forum_post_comment {
	border-bottom: 1px solid #ccc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.forum_post .post_user, .forum_post_comment .comment_user {
	float: left;
	width: 110px;
	margin-right: 20px;
}

.forum_post .post_user img {
	width: 100px;
	height: 100px;
}

.forum_post.forum_post_reply .post_user {
}

.forum_post.forum_post_reply .post_user img {
	width: 60px;
	height: 60px;
}

.forum_post .post_user p, .forum_post_comment p {
	color: #666;
	font-size: 0.8em;
}

 .forum_post .post_user p span, .forum_post_comment p span {
	font-size: 1em;
}.

.forum_post .post_user .user_image, .forum_post_comment .comment_user .user_image {
	display: block;
	background-color: #f8f8f8;
	width: 100px;
	height: 100px;
	margin-bottom: 0.5em;
}

.forum_post .post_contents, .forum_post_comment .comment_body {
	float: left;
	width: 698px;
}

.forum_post_comment .comment_user {
	float: left;
	width: 110px;
}

.forum_post_comment .comment_user img {
	width: 60px;
	height: 60px;
}

.comment .comment_user {
	float: left;
	width: 70px;
}

.comment .comment_body {
	float: left;
}

.forum_post .post_contents .post_digests {
	float: right;

	border: 2px solid #eee;
  	-moz-border-radius: 6px;
  	-webkit-border-radius: 6px;
  	border-radius: 6px;
  	padding: 0.6em;

	width: 170px;
	margin-bottom: 10px;
	margin-left: 20px;
}

.forum_post .post_contents .post_digests h5 {
	margin-bottom: 0.5em;
	font-size: 1.5em;
	font-weight: normal;
	color:#222;
	margin-bottom: 15px;
}

.forum_post .post_contents .post_digests ul.digests {
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0.5em;
}

.forum_post .post_contents .post_digests ul.digests li {
	list-style-type: none;
}

.forum_post .post_contents .post_title {
	margin-bottom: .5em;
	font-size: 130%;
}

.forum_post .post_contents .post_title a {
	color: #000;
}

.forum_post .post_contents .post_body, .forum_post_comment .comment_body {
	line-height: 1.7em;
	color: #333;
	font-size: 1em;
}
.forum_post .post_contents .post_actions {
	text-align: right;
	margin-top: 10px;
}

.forum_post_comment:after {
	content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.comment {
	margin-top: 20px;
}

ul.linked_posts {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.linked_posts li {
	padding: 19px;
	list-style-type: none;
	border: 2px solid #eee;
	margin-bottom: 10px;
	  	-moz-border-radius: 3px;
  	-webkit-border-radius: 3px;
}

ul.linked_posts li p, ul.linked_posts li p.meta_line {
	margin-bottom: 0;
	padding-left: 60px;
	width: 550px;
}

ul.linked_posts li p.meta_line {
	margin-top: 0.5em;
	color: #666;
	font-size: 90%;
}

ul.linked_posts li p.meta_line strong {
	font-size: 1em;
}


ul.linked_posts li img {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 20px;
}
ul.linked_posts li span.label {
	float: right;
	color: #666;
	font-size: 150%;
}

ul.linked_posts li span.label.confirmed {
	color: green;
}

ul.linked_posts li span.label.declined {
	color: red;
}

ul.linked_posts li .confirmation {
	text-align: center;
	margin-top: 15px;
}

ul.linked_posts li .confirmation a span.headline {
	display: block;
	font-size: 1.5em;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
	font-weight: bold;
}

ul.linked_posts li .confirmation a span.description {
	display: block;
}

ul.linked_posts li .confirmation a {
	display: block;
	padding: 5px;
	float: left;
	width: 250px;
	height: 70px;
	color: #000;
	  	-moz-border-radius: 6px;
  	-webkit-border-radius: 6px;
	margin: 0 5px;
	border: 2px solid #000;
}

ul.linked_posts li .confirmation a {
	text-decoration: none;
}

ul.linked_posts li .confirmation a#confirm_this {
	background-color: #9ff786;
	border-color: #9ff786;

}

ul.linked_posts li .confirmation a#confirm_this:hover {
	border-color: green;
}

ul.linked_posts li .confirmation a#decline_this {
	background-color: #f5888c;
	border-color: #f5888c;
}

ul.linked_posts li .confirmation a#decline_this:hover {
	border-color: red;
}


.content .blog {
	padding-left: 8px;
}

.blog_post {
	border-bottom: 1px solid #eee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

.blog_post h4 {
	font-size: 1.1em;
	line-height: 1.4em;
	margin: .5em 0;
}

.blog_post h4 a {
	color:#333;
}

.blog_post h4 small {
	color: #666;
	margin-right: 10px;
}

.blog_post .text p {
	line-height: 1.6em;
	font-size: 0.9em;
	
}
.blog_post_replies {
	border-top: 1px solid #eee;
	padding-top: 20px;
	margin-top: 15px;
}

.blog_post_comment {
	border-bottom: 1px solid #eee;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.blog_post_comment:after {
 content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;	
}
 
.blog_post_comment .comment_user{
	float: left;
	width: 70px;
	
}
.blog_post_comment .comment_contents {
	float: left;
	width: 530px;	
}

.blog_post_comment .comment_contents p.by {
	color: #666;
}


.user_partial {
	border: 1px solid #eee;
  	padding: 10px;
	min-height: 60px;
	width: 273px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
 }

.user_partial.odd {
	margin-right: 0;
}

.user_partial .user_partial_picture {
	float: left;
	width: 50px;
	height: 50px;
}
.user_partial h4 {
	padding-left: 60px;
	font-size: 1.3em;
}
.user_partial p {
	padding-left: 60px;
}

.advisory {
  font-style: italic;
}