/*
Notes:
page width: 670px

yellow color: #fc0

title bar height: 60px
title bar width: 511px;

primary content area width: 511px
secondary content area width: 159px
tertiary content bar height: 38 px
content area height: 290px
*/

body {

	background-image: url(../images/corktile.png);
	background-attachment: fixed;

	margin: 0;

	padding: 0;

	font-family: verdana, sans-serif;

	font-size: 10pt;

}

form {
	margin: 0;
}

fieldset  {

	border: none; /* lets get rid of those annoying borders */

}

h3, h2 {
	margin-top: 0;
}

a img {
	border: none;
}

/* main page tabs */

.ui-tabs-hide { display: none; }

#map_tab {
	width: 27px;
	height: 36px;
	position: relative;
	overflow: hidden;
}

#map_tab span {
	width: 27px;
	height: 36px;
	position: absolute;
	top:0;
	left:0;
	display:block;
	background: url('../images/v1-map-tab.png');
}

#about_tab {
	width: 27px;
	height: 85px;
	position: relative;
	overflow: hidden;
}

#about_tab span {
	width: 27px;
	height: 85px;
	position: absolute;
	top:0;
	left:0;
	display:block;
	background: url('../images/v1-about-tab.png');
}

#mainTabs ul {
	width: 36px;
	height: 280px;
	float: right;
	background: #333;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#about {
	height: 280px;
	overflow: auto;
}

#about h3, #about h2 {
	padding-left: 44px;
	margin-bottom: 0;
}


/*geo-slider*/
.ui-slider {
	height: 20px;
	width: 200px;
	position: relative;
	background-color:black;
}

.ui-slider-handle {
	height: 20px;
	width: 20px;
	position:absolute;
	background-color:white;
}


#page-body {
	position: relative;

	width: 670px;

	margin: 0 auto 0 auto;

}

#footer {
	background-image: url('../images/v1-footer.png');
	width: 100%;
	height: 20px;
	margin-bottom: 10px;
}

#titlebar {

	top: 0;

	width: 670px;
	margin: 10px auto 0 auto;

	/*z-index: 100;

	position: fixed;

	background-image: url(../images/titlebar-grad.png);*/

}



#titlebar a {

	/*position: relative;*/

	background-image: url(../images/v1-title-bar.png);

	/*left: 20%;*/

	text-indent: -1000px;

	width: 511px;

	height: 60px;
	border-bottom: 10px #fc0 solid;

	display: block;

}



#extrabar {

	/*width: 100%;*/
	position: absolute;
	top: -70px;
	left: 511px;
	width: 159px;
	height: 350px;

	font-size: 8pt;

	background-image: url(../images/v1-polaroid-bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;

}

#login_box p {
	margin:1.5px;
	padding: 1.5px;
	font-size: 9px;
}

/*#extrabar,*/ #nearby {
	height: 280px;
}



#extrabar fieldset legend {
	display: none;

}

#extrabar fieldset {
	/*width: 100%;*/
	margin: 0;
	padding-top: 90px;
	padding-right: 17px;
}

#extrabar label {
	display: block;
	font-size: 12pt;
	margin: 0 auto 0 auto;
	padding-top: 10px;
	padding-bottom: 5px;
	font-weight: bolder;
	text-align: center;
	width: 80%;
}

input {
	border-color: #fc0;
	background-color: #fc0;
}

select {
	border-color: #fc0;
	background-color: white;
}

input[type=submit] {

}

input[type=text], textarea {
	border: thin solid #fc0;	
	background: white;
}

input[type=password] {
	border: thin solid #fc0;
	background-image: url(../images/v1-password-bg.png);
	text-align: center;
	color: #999;
}

#settings_page input[type=submit] {
	margin-left: 22ex;
}

#extrabar input {
	margin: 0 auto 5px auto;
	display: block;
	width:80%;
}

#extrabar [type=text], #extrabar [type=password] {
	
}

#extrabar p {
	text-align: center;
}

#extrabar form {
	background-image: url(../images/v1-signup-bar.png);
	background-repeat: no-repeat;
}

#extrabar .welcome {
	/*margin: 0;*/
	font-size: 12pt;
	font-weight: bolder;
	padding: 80px 17px 0 7px;
	/*background-image: url(../images/v1-welcome-bar.png);*/
	background-repeat: no-repeat;
}

#extrabar ul {
	font-size: 8pt;
	font-weight: normal;
	padding: 0;
	list-style-type: none;
	margin-left: 15px;
}

#activation_page label {
	font-weight: bold;
}

#search, #content-map{
	background-image: url(../images/v1-corktile-faded.png);
	background-position: 0 0;
	background-attachment: fixed;
}

#search {

	width: 670px;

}

#content-map {
	width: 511px;
}

#content-map h2, /*#content-map .log-entry,*/ #content-map p, #content-map #addLogEntryForm{
	padding: 5px 10px 5px 40px;
}

#nearby p {
	margin: 0;
	padding: 5px !important;
}

#search fieldset {
	margin: 0;
	padding: 10px;
	padding-top: 38px;
	background-image: url(../images/v1-search-bar.png);
	background-repeat: no-repeat;
}

#search legend, #search-page-form legend {
	display: none;
}

#content #project-list form,
#content #project-list table,
.comment, #comment-form,
#settings_page #content {
	padding: 10px 40px 0 40px;
	background-image: url(../images/v1-corktile-faded.png);
	background-position: 0 0;
	background-attachment: fixed;
}

#content .profile,
#addProjectForm,
.simple-page-message,
#search-page-form,
#reset_page #content,
#activation_page #content,
#login_page #content{
	width: 431px;
	height: 260px;
	padding: 10px 40px 10px 40px;
	overflow: auto;
	background-image: url(../images/v1-paper-area.png);
	background-repeat: no-repeat;
}

#content #project-list{
	padding-top: 38px;
	background-image: url(../images/v1-project-bar.png);
	background-repeat: no-repeat;
  }

#activation_page label {
	font-weight: bold;
}

#login_page form {
	width: 254px;
}


#project-list table {
	width: 100%;
}

#share {
	margin: 5px;
}

#share li {
	display: block;
	float: right;
	margin: 5px;
}

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

.infoContainer {
	width: 200px !important; 
}

/*#extrabar fieldset, #extrabar .welcome {

	margin: 10px;

}*/



#comments {
	padding-top: 38px;
	background-image: url(../images/v1-comment-bar.png);
	background-repeat: no-repeat;

	width: 670px;

}



#comment-form textarea {

	width: 100%;

}

#projectMembers {
	position: absolute;
	top: 280px;
	left: 511px;
	width: 159px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: #fc0;
}

#projectMembers li {
	padding: 2px 15px;
}

#projectMembers .title {
	padding: 2px 5px;
	font-weight: bold;
}

/*
 *  for the join form
 */



#signup-form #map-wrapper {

	margin: 5px auto;

	width: 450px;

	height: 350px;

	overflow: auto;

}

#signup-form dd,
#activation_page dd,
#reset_page dd,
#settings_page dd{
	margin: 5px 0 5px 0;
	display: block;
}

#signup-form dt,
#activation_page dt,
#reset_page dt,
#settings_page dt {
	float: left;
	text-align: right;
	width: 20ex;
	padding-right: 1em;
}

#signup-form legend,
#activation_page legend,
#reset_page legend,
#settings_page legend {
	font-weight: bold;
}

#signup-form #submit-div {
	margin-left: 30px;
}

#signup-form #submit-div input {
	font-size: 15px;
}
/*
 * for log entries
 */
 

.log-entry {
	background-color: white;
	border: 1px solid #ccc;
	margin: 5px 10px 5px 40px;
	padding: 5px;
	width: 450px;
}

.log-entry img,
.log-entry object,
.log-entry iframe,
.log-entry embed
{
	display: block;
	margin: 5px auto !important;
	max-width: 425px;
}

.log-entry h1,
.log-entry h2,
.log-entry h3,
.log-entry h4,
.log-entry h5,
.log-entry h6 {

	text-align: center;	
}
 
.log-entry p,
.log-entry h1,
.log-entry h2,
.log-entry h3,
.log-entry h4,
.log-entry h5,
.log-entry h6,
.log-entry blockquote
{
 	margin: 7px 5px;
	padding: 0 !important;
}

#addLogEntryForm dl,
#addLogEntryForm fieldset {
	margin: 0;
	padding: 0;
}

/*.add_log {
	overflow: hidden;
}*/

/*
 *  for the username display
 */


.user{

	color: #630;

	font-weight: bold;

}



.mod{

	color: #930;

	font-weight: bold;

}



.admin{

	color: #c30;

	font-weight: bold;

}
