body {
 font:normal x-small verdana, arial, helvetica, sans-serif;
 background-image: url("http://homelessorhipster.com/app/webroot/img/bg-collage.jpg");
}

fieldset,img {
	border: 0;
}

a:link {color: #4444FF; }
a:active {color: #4444FF; }
a:visited {color: #FF4444; }
a:hover {color: #0000FF; }

#mainView {
	margin-left: 5px;
	margin-top: 5px;
}

#logoRow {

}

#userAndUploadRow {

}

#main3ColumnView {
	margin-top: 5px;
}

#left {
	/*width: 25%;*/
	width: 180px;
	padding: 10px;
	border: 1px;
	border-color: gray;
	border-style: solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#middle {
	/*width: 50%;*/
	width: 180px;
	margin-left: 10px;
	margin-right: 10px;
	
	padding: 10px;
	border: 1px;
	border-color: gray;
	border-style: solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#right {
	width: 25%;
	padding: 10px;
	border: 1px;
	border-color: gray;
	border-style: solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#logo {
	font-weight: bold;
}

.logoHomeless {
	font-size: 36pt;
	margin-right: 5px;
	color: gray;
}

.logoOrHipster {
	font-size: 36pt;
	color: black;
	/*width: 100%;*/
}

.logo2Point0 {
	font-size: 14pt;
	color: #7777FF;
}

#disclaimer {
}

.disclaimer {
	font-size: 12pt;
	margin-left: 25px;
}

.userView {
	margin-right: 10px;
}

.userView input {
	margin-right: 5px;
	margin-top: 5px;
}

.userView a {
	margin-left: 5px;
}

.loggedInUserView {
	color: gray;
}

.loggedInUser {
	margin-left: 5px;
	color: black;
	font-weight: bold;
}	

.loginLink {
	margin-left: 10px;
	margin-right: 10px;
}

.logoutLink {
	margin-left: 10px;
}

.registerText {
}

registerLink {
}

#uploadForm {
	margin-top: 5px;
}

.uploadFormPanel {

}

.uploadButton {
	margin-left: 5px;
}

.previouslyViewedCaption {
	font-weight: bold;
	font-size: 13pt;
	text-align: center;
	margin-bottom: 5px;
}

.previousPictures {
}

.newPictures {
}

.newPictureCaption {
	font-weight: bold;
	font-size: 14pt;
	text-align: center;
	margin-bottom: 5px;
}

#comments {
	width: 600px;
}

.comments {
	width: 600px;
}

.commentA {
	background-color: #EEEEEE;
	margin-top: 5px;
	width: 600px;
}

.commentB {
	background-color: #EEEEEE;
	margin-top: 5px;
	width: 600px;
}

.commentText {
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.commentTopRow {
	color: gray;
	width: 100%;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

.commentBottomRow {
	color: gray;
	width: 100%;
	font-size: 10px;
	padding-left: 5px;
	padding-right: 5px;
}

a .commentBottomRow {
	color: gray;
	
}

.commentSubmitter {
	font-weight: bold;
}

.commentDate {
	
}

.commentForm {
}

#linksPanel {
	width: 375px;
}

.linksPopup {
	background-color: #EEEEEE;
	padding: 10px;
	border: 1px;
	border-color: black;
	border-style: solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

#linksPanel input {
	width: 500px;
}

.registrationPopup {
	background-color: #EEEEEE;
	padding: 10px;
	border: 1px;
	border-color: black;
	border-style: solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.uploaderInfo {
	color: gray;
}

.username {
	color: black;
	font-weight: bold;
	/*
	margin-right: 5px;
	margin-left: 5px;
	*/
}

.notificationPanel {
	text-align: center;	
	vertical-align: middle;
	padding-top: 20px;
	position: absolute;
	left: 10px;
	top: 10px;
	width: 200px;
	height: 40px;
	background-color: #FF6666;
	color: #FFFFFF;
	z-index: 10;
	border: 1px;
	border-color: black;
	border-style: solid;
	-moz-border-radius: 5px;
	border-radius: 5px;
}