/* 
-------------------------------------------------------------- 

   Resets default browser CSS.
   
-------------------------------------------------------------- 
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input[type=hidden],
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
}




/* Tables */
table {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-collapse: collapse;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	background-color: #f2f2f2;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	text-align: center;
}

table a {border: none;}
table a:hover {border:none;}

table tr {border-bottom: 1px solid #ccc;}
table tr td {border: none;}

/*
		------------
			HTML
		------------
*/

body {
	font: normal 0.9em/1.2em Helvetica, Verdana;
	background-color: #fff;
	color: #333;
	border: 0px;
	line-height: 1.5;
}

/* links */

a {
	border-bottom: 1px dotted #333;
	color: #333;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	border-bottom: 1px solid #c41d00;
	color: #c41d00;
	text-decoration: none;
}

a img { border: none; }

/* Forms */
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 100%;
}

form div {
	clear: both;
	margin-bottom: 1em;
	vertical-align: text-top;
}

form div.input {
	color: #444;
}

form div.submit {
	border: 0;
	margin-top: 10px;
}

label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}
input, textarea {
	clear: both;
	display: block;
	font-size: 140%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px 0 2px 0;
	width: 100%;
}

select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
	margin:0px;
}

form input {
	margin-bottom: 10px;
}

form select {
	margin-bottom: 10px;
}

div.error-message {
	clear: both;
	color: #900;
	font-weight: bold;
}

/* lists */

li {
	list-style: none;
	line-height: 1.6em;	
}
li, ul {
	margin: 0;
}

/* headers */

h1 {
	font: normal 2.2em/1em Helvetica, arial, Verdana, sans-serif;
	color: #A30006;
	padding-top: 0px;
	margin-top:0px;
}

h3 {
	color: #333;
	padding-top: 0px;
}

/*
		----------
    		ID
		----------
*/

/* layout & columns */

#main {
	margin-top: 20px;
}

#container {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}

#right_column {
	float: right;
	width: 330px;
}

#left_column_user {
	float: left;
	margin-right: 10px;
	width: 330px;
}

#right_column_user {
	float: right;
	width: 620px;
}

#center_column {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	float: left;
	margin-right: 10px;
	padding-left: 5px;
	padding-right: 5px;
	width: 398px;
}

#right_column a, #left_column a {
	border: none;
}

#left_column_view {
	float: left;	
	width: 620px;
}

#left_column {
	width: 200px;
	margin-right: 10px;
	float: left;
	color: #333;

}

#right_column h2, #left_column h2, .user-friends h2, .user-events h2, 
.user-groups h2, #suggestion-box h2 {
	font: 1.5em/1.2em Helvetica, Verdana;	
	background-color: #A30006;
	color: #fff;
	margin-bottom: 10px;
	padding: 10px;
	text-shadow: #000000 1px 1px 1px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

#tags_column, #cities_column {
	margin-top: 20px;
}

#tags-1 {
	float: left;
	line-height: 1.6em;
	margin-right: 10px;
	width: 160px;
}

#tags-2 {
	width: 160px;
	float: left;
}

#cities_column ul {
	margin-bottom: 10px;
}

/* terms & conditions layout */

#terms {
	width: 500px;
}

#terms h3 {
	margin-bottom: 10px;
	margin-top: 10px;
}

#terms p {
	margin-bottom: 20px;
}

/* flash message */

#flashMessage {
	text-align: center;
	background-color: #ff0;
	padding: 2px;
	margin-bottom: 15px;
}


#flash-container {
	height: 30px;
	margin-bottom: 5px;
}

/* paginator */

#paginator {
	color: #ccc;
	margin-top: 10px;
}

#paginator a, #paginator a:hover {
	border: none;
}

/* navigation menu */

#menu {
	background-color: #1C0113;
	padding: 8px;
	text-shadow: #000000 1px 1px 1px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

#menu a {
	border: none;
	color: #fff;
	font-weight: bold;
	margin-right: 20px;
}

/* map */

#map {
	color: #333;
	width: 100%;
}

#map a {
	border: none;
}

#streetviewlink {
	background-color: #1C0113;
	color: #fff;
	text-align: center;
	font-size: 12px;
}

#streetviewlink a {
	color: #fff;
	border: none;
	padding: 3px;
}

form div #map {
	margin-bottom: 0px;
}

#view_map_full {
	border: 1px solid #555;
	margin-bottom: 10px;
	width: 100%;
}

/* report */

.report-form textarea {
	height: 100px;
}

#report-event {
	margin-top: 150px;
}

#report-event a {
	border: none;
	padding-left: 20px;
	background-image: url('../img/warning.png');
	background-repeat:no-repeat;
	background-position: 0px 1px;
}

#report-text p {
	margin-top: 5px;
}

/* users */

#user {
	margin-bottom: 10px;
}

#user-edit, #user-message {
	width: 600px;
	float: left;
	margin-left: 10px;
}

#user-edit {
	width: 580px;
	padding: 10px;
	background-color: #ddd;
	border: 1px solid #ccc;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

#user-message h3 {
	margin-bottom: 10px;
}

#login-form, #registration-form, #recover-form {
	padding: 10px;
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	background-color: #ddd;
	border: 1px solid #ccc;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;	
}

.upload-form, .password-form, #event-form {
	padding: 10px;
	width: 400px;
	background-color: #ddd;
	border: 1px solid #ccc;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

#user-list a {
	border: none;
}

/* events */

#event-form, .main_width {
	width: 600px;
}

#add-event-box {
	margin-bottom: 20px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid #ccc;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;	
}

#add-event-box h2 {
	font-size: 18px;
	font-weight: bold;
	background-color: #0066FF;
	color: #fff;
}

#add-event-box h2 a{
	border: none;
	color: #fff;
}

#events {
	background-color: #fff;
}

/* header */

#header {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}

/* footer */

#footer {
	background-color: #fff;
	border-top: 1px solid #ccc;
	color: #ccc;
	font-family: helvetica, arial, verdana, sans-serif;
	margin: 0px;
	margin-top: 50px;
	min-height: 100px;
	padding: 1.5em;
	text-align: center;
}

#footer h1 {
	color: #000;	
	font-family: helvetica, arial, verdana, sans-serif;
}

#footer a {
	border: none;
	margin-right: 10px;
}

#footer p.evento-info, #footer p.evento-languages {
	color: #555;	
	margin-bottom: 1.5em;
	padding-bottom: 1.5em;
}

#footer p.evento-languages b {
	color: #000;
}



/** GROUPS **/

#group-block {
	float: left;
	margin-top: 20px;
	width: 600px;
}

#group-block-border {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

#hgroups {
	float: right;
	margin-left: 48px;
	width: 300px;
}

.group {
	background-color: #efefef;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.group h3 a{
	font-size: 18px;
	border: none;
}

.group p.group-info {
	color: #555;
	font-size: 12px;
}

.group .group-img {
	float: left;
	width: 75px;
}

.group .group-text {
	float: left;
	padding: 10px;
	width: 400px;
}

#grouppost-title {
	border-bottom: 3px solid #222;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

.groupreply {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
	width: 600px;
}

.groupreply-image {
	float: left;
	width: 75px;
}

#groupreply-sidebar a, .groupreply-image a {border:none;}

.groupreply-text {
	float: left;
	margin-left: 25px;
	width: 500px;
}

#groupreply-column {
	float: left;
	width: 600px;
}

#groupreply-sidebar {
	border-left: 1px dotted #ccc;
	float: right;
	margin-left: 10px;
	min-height: 300px;
	padding-left: 10px;
	width: 329px;
}

/** GROUP END **/

/** SUGGESTIONS **/

div.suggestion {
	border-bottom: 1px dotted #ccc;
	float: left;
	height: 75px;
	margin: 10px 5px 0 0;
	padding: 0 0 10px 0;
	width: 290px;
}

div.suggestion img {
	float: left;
	height: 75px;	
	margin-right: 15px;
	width: 75px;
}

div.suggestion p {
	float: right;
	width: 200px;
}

/** **/

#form-block div.submit {
	margin-top: 20px;
}

#form-block div.submit input {
	float: left;
	margin-right: 5px;
}
#form-block div.submit p.backlink {
	float: left;
}

/*
		---------------
			CLASSES
		---------------
*/

.user-friends h2 {
	background-color: #ddd;
	color: #000;
	text-shadow: #000000 0px 0px 0px;
}

.user-friends {
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

#main_content {
	float:left;
	border-right:1px dotted #ccc;
	margin-right:10px;
	padding-right:10px;
}

#main_sidebar {
	float:right;
	width:320px;
}

#small_photos {
	margin-bottom: 15px;
}

#small_photos img {
	float:left;
	margin-right: 5px;
	margin-top: 5px;	
}

/* attendees */

.block-attendees {
	background-color: #ddd;
	border: 1px solid #ccc;
	padding: 5px;	
	margin-bottom: 10px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

.block-attendees p {
	margin-bottom: 10px;
	margin-top: 10px;
}

.block-attendees a.button {
	background-color: #eee;
	color: #000;
	border: 1px solid #ccc;
	padding: 5px;
	text-shadow: #000000 0px 0px 0px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	margin-bottom: 10px;
	display:block;
	font-weight: bold;	
}

.block-attendees a.button:hover {
	background-color: #fff;
}

.attendees div {
	float:left;
	margin:10px;
	margin-top: 20px;
	text-align: center;
	width: 75px;
}

.attendees a {border:none;}
/* comments */

.comment {
	margin-top: 10px;
	padding: 10px;
}

.block-comments h2 {
	color: #1C0113;
	margin-bottom: 10px;
	margin-top: 20px;
}

.country {
	color: #000;
	font-weight: bold;
}

.block {
	margin-top: 30px;
}

.tags {
  margin-top: 15px;
  margin-bottom: 10px;
}

/* autocomplete */

div.auto_complete    {
     position         :absolute;
     width            :250px;
     background-color :white;
     border           :1px solid #888;
     margin           :0px;
     padding          :0px;
}
 
li.selected { 
	background-color: #ffb; 
}

.auto-complete li {
	border-top: 1px solid #ccc;
	color: #000;
	font-weight: bold;
	padding: 10px;
}

/* users */

.user-info {
	margin-bottom: 1.5em;
}

.user-links {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.user-links a {
	background-color: #0066FF;
	border: none;
	color: #fff;
	display: block;
	margin-bottom: 1px;
	padding: 5px;
	text-shadow: #000000 1px 1px 1px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

.user-photo {
	float:left; 
	margin-right: 15px;
}

.new-users img {
	margin-right: 25px;
	margin-top: 10px;
}

.user-events li, .user-events ul {
	margin-top: 5px;
}

/* messages */

span.mailbox-active {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	margin-right: 20px;
}

span.mailbox-inactive {
	border-bottom: 1px dotted #555;
	color: #555;
	font-size: 16px;
	text-decoration: none;
}

.new_message {
	font-weight: bold;
}

.message {
	margin-top: 20px;
}

/* events */

.event-browser {
	margin-bottom: 20px;
}

.vevent {
	float: left;
	width: 330px;
	margin-left: 20px;
	border-bottom: 1px dotted #ddd;
}

.vevent h2 {
	color: #e32;
	font-family:'Gill Sans','lucida grande',helvetica, arial, sans-serif;
	font-size: 28px;
}

.event-date {
	margin-top: 5px;
	margin-left: 5px;
	font-size: 1em;
	text-transform: uppercase;
	width: 40px;
	text-align: center;	
	background-color: #A30006;
	color: #fff;
	float: left;
}

.event-date-num {
	font-size: 1.7em;
	padding-bottom: 4px;
	text-align: center;	
}

.event-date-day {
	padding-top: 4px;
}

.event-date-month {
	color: #999;
	background-color: #fff;
}

.post {
	color: #555;	
	margin-bottom: 10px;
}

.post h2 a {
	border: none;
	color: #0066FF;
	font: normal 0.65em/1.5em Helvetica, arial, Verdana, sans-serif;
}

.event-when, .adr {
	font-weight: bold;
	color: #000;
}

.adr a {
	font-weight: bold;
}

.post-info, .comment-info {
	color: #555;
	font-size: 12px;
}

.description, .shortDescription {
	color: #544D54;
	line-height: 1.4em;
	margin-top: 10px;
	margin-bottom: 10px;
}

.event-info {
	background-color: #CBDDF7;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 10px;
	line-height: 1.6em;
}

.edit-post h2 {
  margin-bottom: 20px;
  margin-top: 20px;
}

/* misc */

.info-line {
	background-color: #f9f3bc;
	margin-bottom: 10px;
	padding:5px;
}

.clear {
	clear: both;
}

.logo {
	margin-bottom: 20px;
}

.logo a {
	text-decoration: none;
	border: none;
}

.delete-button {
	margin-top: 100px;
}

.submit-button {
	margin-top: 10px;
}

a.button {
	background-color: #0066FF;
	border: none;
	color: #fff;
	margin-right: 5px;
	padding: 5px;
	text-shadow: #000000 1px 1px 1px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}

.link-button {
	margin-top: 20px;
}

.link-button a {
	background-color: #eee;
	border: none;
	padding: 5px;
}

.bclear {
	margin-top: 10px;
}