body {
	background:#fcfcf9 url(../img/bg-body.jpg) fixed no-repeat;
	height:1600px;
	font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size:12px;
	color:#202A00;
	padding:0;
	margin:0;
}
input[type=text], input[type=password], textarea {
	padding:8px 4px 8px 4px;
	border:2px solid #dedfe0;
    font-family:Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	clear:left;
	font-style:normal;
	color:#8a8a8a;
}
input[type=text].default, input[type=password].default, textarea.default {
	color:#bdbdbd;
	font-style:oblique;
}
input[type=text].focus, input[type=password].focus, textarea.focus {
	background:#fffde2;
    color:#8a8a8a;
    font-style:normal;
}

	a.cancel {
		text-decoration:none;
		line-height:36px;
        color:#333;
	}
        #items div.form a.cancel {
            position:absolute;
            bottom:20px;
            left:510px;
        }
img {
    border:0;    
}
a {
	cursor:pointer;
}
li, ul, fieldset {
	list-style-type:none;
	margin:0;
	padding:0;
	border:0;
}
#header fieldset.actions {
    height:40px;
    clear:left;
}
#wrapper {
	position:relative;
	margin:0 auto;
	width:960px;	
}
h4 {
    font-size:18px;
    margin:0 0 20px 0;
    padding:0;
    color:#608100;
}
#header {
	position:relative;
}
	#header .innerWrapper {
		position:relative;
		margin:0 auto;
		width:960px;
	}
	#utility {
		position:relative;
		margin:5px 0 0 0;
		color:#496200;
	}
        #utility div.content {
    		position:relative;
    		margin:0 auto;
    		width:960px;
    	}
        #utility .utilityLinks {
            text-align:right;
        }
		span.divider {
			margin:0 10px;
			font-weight:bold;
		}
        #utility a {
            text-decoration:none;
            color:#496200;
        }
		#utility a:hover {
			text-decoration:underline;
		}
        #utility a.rssLink {
            background:url(../img/feed.png) left center no-repeat;
            padding-left:20px;
        }
	#branding {
		position:relative;
		font-size:36px;
		font-weight:bold;
		color:#6e9709;
        display:block;
		margin:0;
		background:url(../img/logo-reyooz.png) left top no-repeat;
		text-indent:-5000px;
		width:181px;
		height:63px;
	}
	
	#offerItemButton {
		position:absolute;
		display:block;
		top:12px;
		right:22px;
		width:256px;
		height:56px;
		background:url(../img/btn-offer-something.png) left top no-repeat;
		color:#fff;
		text-indent:-5000px;
		font-weight:bold;
		cursor:pointer;
	}
		#offerItemButton.open {
			background-image:url(../img/btn-offer-something-open.png);
		}
	#tellFriendsButton {
		position:absolute;
		top:40px;
		right:290px;
		padding:5px 20px;
		background:#b6b7b9;
		color:#fff;
		font-weight:bold;
		border:2px solid #929294;
		cursor:pointer;
	}
    div.feedback {
        position:relative;
        display:none;
        padding:6px 10px;
        margin-bottom:10px;
        background:#889ae4;
        text-align:center;
        font-weight:bold;
        color:#fff;
        border:1px solid #6c7bb7;
    }
		ul li div.feedback {
			display:block;
		}
        #flashErrorMessageContainer {
            padding:6px 10px;
            margin:10px 0;
            background:#889ae4;
            text-align:center;
            font-weight:bold;
            color:#fff;
            border:1px solid #6c7bb7;
        }

#registration {
	position:relative;
	display:none;
	margin:20px 0 0 0;
}
    #registration div.content, #welcome div.content, #contact div.content {
        padding:40px 20px 20px 20px;
        position:relative;
    	border:1px solid #C6C3BD;
	    background:#fff;
    }
	#registration div.signin input[type=text] {
		width:468px;
        margin-bottom:10px;
	}
    #registration div.signup input[type=text] {
		width:348px;
        margin-bottom:10px;
	}
    #registration input.default, #offerItem input.default {
        color:#bdbdbd;
		font-style:oblique;
    }
    label {
        display:block;
        font-weight:bold;
    }
    #registration p.help {
        float:left;
        width:356px;
    }
	#registration div.signin {
		position:relative;
        float:left;
		width:480px;
        padding-right:36px;
        border-right:5px dashed #efefef;
	}
	#registration div.signup {
		float:right;
		width:360px;
	}
    #registration div.signin h1, #registration div.signup h1 {
        margin-bottom:16px;
    }
	#registration p, #offerItem p, #contact p {
		font-size:14px;
		margin:0 0 10px 0;
	}
	#registration fieldset.actions, #offerItem fieldset.actions {
		margin:10px 0 0 0;
        position:relative;
	}
    #registration a.signup {
        position:absolute;
        top:0;
        left:0;
        width:99px;
        height:40px;
        background:url(../img/btn-sign-in.png) left top no-repeat;
    }
    #registration a.signin {
        position:absolute;
        top:0;
        right:0;
        width:106px;
        height:40px;
        background:url(../img/btn-sign-up.png) left top no-repeat;
    }
	#offerItem {
	    position:relative;
	    display:none;
    }
    #offerItem div.form {
		background:#fff;
		margin:0 0 20px 0;
		padding:10px 10px 15px 10px;
        border-width:0 1px 1px 1px;
        border-style:solid;
        border-color:#C6C3BD;
	}
	#offerItem h2 {
		border-width:8px 0 1px 0;
        border-style:solid;
        border-color:#182000;
        margin:0;
        padding:4px 0;
        font-size:22px;
	}
	#offerItem label {
		margin:10px 0 0 0;
	}
	#offerItem input.title, #offerItem textarea {
		border:2px solid #dedfe0;
		width:260px;
	}
	#offerItem textarea {
		height:80px;
		border:2px solid #dedfe0;
	}
	#offerItem input.title {
		border:2px solid #dedfe0;
	}
	#offerItem a.addImage {
		padding:8px 10px 8px 25px;
		background:url(../img/camera-add.png) left center no-repeat;
	}
	#offerItem a.add {
		display:block;
		float:left;
		width:77px;
		height:40px;
		background:url(../img/btn-add.png) left top no-repeat;
		text-indent:-5000px;
		margin-right:20px;
        position:relative;
	}
        #offerItem a.add span.icon {
            position:absolute;
            top:10px;
            left:10px;
            width:16px;
            height:16px;
            background:url(../img/add.png) center center no-repeat;
        }
        #registration a.add span.loading {
            position:absolute;
            top:10px;
            left:10px;
            width:16px;
            height:16px;
            background:url(../img/ajax-loader.gif) center center no-repeat;
        }
#tellFriends {
	position:relative;
	display:none;
	padding:20px;
	background:#fff;
	margin:0 0 20px 0;
}
	#tellFriends div.signin div {
		display:none;
	}
	#tellFriends div.signin div.info {
		display:block;
	}
	#tellFriends li {
		float:left;
		margin:0 10px 10px 0;
	}
	#tellFriends li a {
		display:block;
		text-indent:-5000px;
		width:62px;
		height:78px;
		background-position:left top;
		background-repeat:no-repeat;
	}
	#tellFriends li a.facebook {
		background-image:url(../img/social-icons/facebook.png);
	}
	#tellFriends li a.buzz {
		background-image:url(../img/social-icons/microsoft.png);
	}
	#tellFriends li a.twitter {
		background-image:url(../img/social-icons/twitter.png);
	}
	#tellFriends li a.gmail {
		background-image:url(../img/social-icons/gmail.png);
	}
	#tellFriends li a.yahoo {
		background-image:url(../img/social-icons/yahoo.png);
	}
	#tellFriends li a.digg {
		background-image:url(../img/social-icons/digg.png);
	}
	#tellFriends li a.reddit {
		background-image:url(../img/social-icons/reddit.png);
	}
	#tellFriends li a.delicious {
		background-image:url(../img/social-icons/delicious.png);
	}
	#tellFriends li a.stumbleupon {
		background-image:url(../img/social-icons/stumbleupon.png);
	}
	
#welcome {
	margin:10px 0;
	position:relative;
    display:none;
}
#welcome h1 {
    padding:4px 8px;
    margin:0 0 3px 0;
}
#welcome ul {
    position:relative;
    height:275px;
}
    #welcome ul li {
    	width:303px;
        height:275px;
    	list-style-type:none;
    	text-align:left;
    	float:left;
    	background:#fff;
        overflow:hidden;
        margin-right:3px;
    }
	#welcome ul li h2 {
		font-size:22px;
		font-weight:bold;
		margin:0;
	}
	#welcome ul li h3 {
		font-size:12px;
		font-weight:normal;
        font-style:italic;
		margin:0;
	}
	#welcome a.more, #welcome a.less {
		text-decoration:underline;
		color:#608100;
        font-weight:bold;
	}
    #welcome li div.info {
        width:290px;
        height:260px;
        font-size:14px;
    }
        #welcome li div.info div.copy {
            font-style:italic;
            border-top:1px dashed #C6C3BD;
            padding:10px 0 0 0;
            margin:10px 0 0 0;
        }
#content {
	position:relative;
	padding:0;
}
	#content div.leftCol {
		position:relative;
		width:640px;
		float:left;
		margin:0 20px 0 0;
	}
		#search {
			position:relative;
			height:80px;
			background:url(../img/bg-search-container.png) left top no-repeat;
			margin:20px 0;
		}
			#search input[type=text] {
				width:512px;
				background:none;
				padding:8px;
				font-size:18px;
                border:0;
			}
			#search a.search {	
				position:absolute;
				display:block;
				width:109px;
				height:40px;
				top:0;
				left:510px;
				background:url(../img/btn-search.png) left top no-repeat;
				text-indent:-2000px;
			}
				#search a.search span.label {
					display:block;
					margin:8px 12px;
				}
		#search .searchField {
			position:absolute;
			top:20px;
			left:20px;
			width:520px;
			height:40px;
			background:url(../img/bg-search.png) left top no-repeat;
		}
        #search a.clearSearch {
            position:absolute;
            display:none;
            top:12px;
            left:480px;
            width:16px;
            height:16px;
            text-indent:-5000px;
            background:url(../img/clearSearch.png) center center no-repeat;
            opacity:0.5;
        }
            #search a.clearSearch:hover {
                opacity:1;
            }
		.savedSearches {
			position:absolute;
			top:22px;
			left:500px;
			width:30px;
		}
			.savedSearches div.cta {
				position:absolute;
				top:0px;
				height:28px;
				width:32px;
				border-left:1px solid #dedfe0;
				text-indent:-2000px;
			}
			.savedSearches div.cta a.closed {
				position:absolute;
				top:6px;
				left:5px;
				display:block;
				width:30px;
				height:16px;
				background:url(../img/saved-search-closed-on.gif) center center no-repeat;
			}
			.savedSearches div.cta a.open {
				position:absolute;
				top:6px;
				left:5px;
				display:block;
				width:30px;
				height:16px;
				background:url(../img/saved-search-open-on.gif) center center no-repeat;
			}
			.savedSearches ul.searches {
				display:none;
				position:absolute;
				top:29px;
				right:-13px;
				width:400px;
				background:#fff;
				z-index:1005;
				border-width:0 1px 1px 1px;
				border-color:#fff #aaa #aaa #ccc;
				border-style:solid;
			}
				.savedSearches ul.searches li {
					border-bottom:1px solid #efefef;
					display:block;
					position:relative;
				}
				.savedSearches ul.searches li a.searchTerm {
					display:block;
					padding:5px;
					width:360px;
				}
				.savedSearches ul.searches li a.searchTerm:hover {
					color:#007ECA;
					background:#eee;
				}
				.savedSearches ul.searches li a.email {
					position:absolute;
					top:4px;
					right:32px;
					width:16px;
					height:16px;
					background:url(../img/send-on.png) center center no-repeat;
					text-indent:-2000px;
				}
				.savedSearches ul.searches li a.delete {
					position:absolute;
					top:4px;
					right:8px;
					width:16px;
					height:16px;
					background:url(../img/delete-on.png) center center no-repeat;
					text-indent:-2000px;
				}
			.savedSearches span.label {
				font-weight:bold;
			}
			.savedSearches ul.options {
				position:absolute;
				display:none;
				z-index:1000;
				top:27px;
				right:-2px;
				width:110px;
				background:#fff;
				border-width:0 2px 2px 2px;
				border-color:#dedfe0;
				border-style:solid;
			}
        .searchFeedback {
            display:none;
            padding:10px 20px;
            text-align:center;
			margin:0 0 10px 0;
            color:#C6C3BD;
            font-weight:bold;
        }
        .loadNewPosts {
            display:none;
        }
        .loadNewPosts p {
            border:0;
            margin:0 0 11px 0;
            font-size:12px;
            background:#fffbd7;
        }
        .loadNewPosts a {
            padding:8px 10px;
            display:block;
            color:#000;
        }
		#items ul li {
			position:relative;
			padding:0;
			min-height:70px;
            background:#F7F7F5;
            margin:0 0 20px 0;
            border:1px solid #C6C3BD;
		}
		#items ul li.offered {
			
		}
			#items ul li.offered strong.title {
				color:#000;
                font-size:16px;
			}
            #items ul li span.desc {
                display:block;
                padding:0 0 10px 0;
            }
		#items ul li.wanted {
			background:#f2f7fa;
		}
			#items ul li.wanted strong.title {
				color:#096697;
			}
		#items ul li.taken {
			background:#fef4f7;
		}
			#items ul li.taken strong.title {
				color:#e31e5c;
			}
        #items ul li.recommended {
			background:#fff;
            border:3px solid #ff9000;
            margin:0 0 20px 0;
		}
            #items ul li.recommended strong.title {
				font-size:16px;
			}
		#items ul li div.when {
			position:absolute;
			top:6px;
			left:6px;
			width:54px;
			height:54px;
			background:url(../img/bg-calendar.png) center center no-repeat;
		}
			#items ul li div.when div.day {
				width:54px;
				padding:4px 0 0 0;;
				font-size:10px;
				line-height:10px;
				font-weight:normal;
				color:#fff;
				text-align:center;
			}
			#items ul li div.when div.dayDate {
				width:54px;
				color:#000;
				font-weight:bold;
				font-size:20px;
				line-height:20px;
				text-align:center;
				padding:5px 0 0 0;
			}
			#items ul li div.when div.time {
				width:54px;
				font-size:10px;
				line-height:10px;
				font-weight:normal;
				text-align:center;
				padding:0 0 0 0;
			}
			#items ul li a.image {
				border:none;
                text-align:center;
			}
			
		#items ul li div.details {
			padding:10px;
            background:#fff;
            border-bottom:1px solid #c6c3bd;
            overflow-x:hidden;
		}
        #items ul li.recommended div.details {
            border-bottom:1px solid #ff9000;
        }
		#items ul li strong.title {
			margin-right:4px;
		}
			
		#items ul li p.desc {
			margin:0 0 8px 0;
            padding:0;
            border-bottom:1px dashed #c6c3bd;
		}
			#items ul li p.desc em.searchTerm {
				color:#ed7600;
				font-style:normal;
			}
			#items ul li p.desc span.desc em.searchTerm {
				font-weight:bold;
			}
        #items ul li.recommended p.desc {
			border-bottom:1px dashed #ff9000;
		}
        	
		#items ul li em.whereWhen {
			display:block;
			clear:left;
			font-size:11px;
		}
		#items ul li span.label {
			font-weight:normal;
			margin:0 4px 0 0;
		}
		#items ul li span.location em, #items ul li span.timeString {
			font-weight:bold;
			font-style:normal;
		}
		#items ul li div.social {
		    position:relative;
			background:url(../img/post-bottom-drop-shad.png) left top no-repeat;
		}
		#items ul li div.actions {
			display:block;
			padding:10px;
            position:relative;
            height:20px;
		}
		#items span.location a, #items div.actions a {
			cursor:pointer;
            font-weight:bold;
			color:#608100;
		}
            #items a:hover {
                text-decoration:underline;
            }
            #items ul li div.actions a {
                margin:0 20px 0 0;
			    padding:0 0 0 20px;
            }
            #items ul li div.actions a.tellAFriend {
                display:none;
                background:url(../img/tell-a-friend.png) left center no-repeat;
                left:10px;
            }
            #items ul li div.actions a.contactUser {
                background:url(../img/email.png) left center no-repeat;
                left:140px;
            }
            #items ul li div.actions a.flag {
                background:url(../img/flag-red.png) left center no-repeat;
                left:260px;
            }
            #items ul li div.actions a.cancel {
                position:absolute;
                display:none;
                top:0;
                right:0;
                background:url(../img/arrow-up.gif) left center no-repeat;
                padding:0 0 0 20px;
                color:#8a8a8a;
            }
            #items ul li div.actions span.social {
                position:absolute;
                right:0;
                top:10px;
                text-align:right;
            }
                #items ul li div.actions span.social a {
                    width:16px;
                    height:16px;
                    padding:0 0 0 16px;
                    text-indent:-5000px;
                    margin:0 15px 0 0;
                }
                    #items ul li div.actions span.social a.twitter {
                        background:url(../img/social-icons/small/twitter.png) left center no-repeat;
                    }
                    #items ul li div.actions span.social a.facebook {
                        background:url(../img/social-icons/small/facebook.png) left center no-repeat;
                    }
                    #items ul li div.actions span.social a.buzz {
                        background:url(../img/social-icons/small/gBuzz.png) left center no-repeat;
                    }
		#items ul li div.tellAFriend {
			border-bottom:1px dashed #c6c3bd;
            position:relative;
		}
		#items ul li div.contactUser {
			border-bottom:1px dashed #c6c3bd;
            position:relative;
		}
        #items ul li div.form {
            position:relative;
            padding:10px 0 15px 0;
            margin:0 10px;
            display:none;
        }
		#items ul li div.form label {
			display:block;
            font-weight:bold;
			margin:0;
			padding:0;
			font-size:14px;
		}
		#items div.form input[type=text] {
			width:376px;
			height:20px;
			margin:4px 20px 0 0;
		}
            #items div.form textarea {
                width:376px;
            }
            #items div.form input.myEmail {
            }
            #items div.form input.friendsEmail {
                
            }
            #items div.form input.email {
                
            }
		#items div.form fieldset.actions {
			padding:8px 0;
		}
        #registration a.signIn {
		    position:absolute;
		    background:url(../img/btn-sign-in.png) 0 0 no-repeat;
            width:99px;
            height:40px;
		    top:5px;
            left:0px;
            text-indent:-5000px;
		}
            #registration a.signIn span.icon {
                position:absolute;
                top:10px;
                left:10px;
                width:16px;
                height:16px;
                background:url(../img/key-go.png) center center no-repeat;
            }
            #registration a.signIn span.loading {
                position:absolute;
                top:10px;
                left:10px;
                width:16px;
                height:16px;
                background:url(../img/ajax-loader.gif) center center no-repeat;
            }
        #registration a.signUp {
		    position:absolute;
		    background:url(../img/btn-sign-up.png) 0 0 no-repeat;
            width:106px;
            height:40px;
		    top:5px;
            left:0px;
            text-indent:-5000px;
		}
            #registration a.signUp span.icon {
                position:absolute;
                top:10px;
                left:10px;
                width:16px;
                height:16px;
                background:url(../img/sign-up.png) center center no-repeat;
            }
            #registration a.signUp span.loading {
                position:absolute;
                top:10px;
                left:10px;
                width:16px;
                height:16px;
                background:url(../img/ajax-loader.gif) center center no-repeat;
            }
		a.send {
		    position:absolute;
		    background:url(../img/btn-send.png) 0 0 no-repeat;
            width:87px;
            height:40px;
		    bottom:14px;
            left:410px;
            text-indent:-5000px;
		}
            a.send span.label {
                font-weight:bold;
                font-size:16px;
                display:none;
            }
            a.send span.icon {
                position:absolute;
                top:10px;
                left:10px;
                width:16px;
                height:16px;
                background:url(../img/send.png) center center no-repeat;
            }
            a.send span.loading {
                position:absolute;
                top:10px;
                left:10px;
                width:16px;
                height:16px;
                background:url(../img/ajax-loader.gif) center center no-repeat;
            }
            #header a.send {
                left:410px;
            }
		a.ajaxSpinner {
			background-image:url(../img/ajax-loader-button.gif);
		}
	#content div.rightCol {
		position:relative;
		width:300px;
		float:left;
	}
	    a.close {
            position:absolute;
            top:10px;
            right:10px;
            text-decoration:underline;
            font-size:12px;
            width:16px;
            height:16px;
            text-indent:-5000px;
            background:url(../img/clearSearch.png) center center no-repeat;
            opacity:0.5;
        }
           a.close:hover {
                opacity:1;
            }
            
    #items div.endlessScrollLoader {
        text-align:center;
        display:none;
    }
    #items div.noMorePostsToFetch {
        text-align:center;
        display:none;
        color:#C6C3BD;
    }
#mapWrapper {
    position:relative;
}
#mapWrapper div.where {
    position:relative;
    
}
#mapWrapper input.where {
    width:260px;
	height:20px;
	padding:6px 4px 4px 4px;
	margin:0;
	border-width:0 0 0 1px;
	border-style:solid;
    border-color:#C6C3BD;
}   
    #mapWrapper div.where a.go {
        position:absolute;
        top:0;
        right:0;
        height:30px;
        width:30px;
        border-width:0 1px 0 0;
        border-color:#C6C3BD;
        border-style:solid;
        background:#fff url(../img/magnifying-glass.png) center center no-repeat;
        text-indent:-5000px;
    }
    #mapWrapper h1 {
        border-width:8px 0 1px 0;
        border-style:solid;
        border-color:#182000;
        margin:0;
        padding:4px 0;
        font-size:22px;
    }  
#map {
    width:298px;
    height:320px;
    border:1px solid #C6C3BD;
}

#showMoreItemsButton {
	text-align:center;
	margin:20px 0;
}
	#showMoreItemsButton button {
		margin:0 auto;
		float:none;
	}
input.error, textarea.error, #items div.form input.error {
	border-color:#f00;
	color:#f00;
	background:#fff8f8;
}
div.error, p.error {
	position:relative;
    display:none;
    padding:3px 0;
    text-align:left;
    font-weight:bold;
    color:#f00;
}
#tooltip {
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
    max-width:340px;
	display:none;
}	
#preview {
	position:absolute;
	border:2px solid #333;
	background:#fff;
	padding:5px;
	display:none;
	color:#fff;
}
#snippets {
	display:none;
}
a.help {
    text-indent:-2000px;
    border:1px solid #f00;
    width:16px;
    height:16px;
    background:url(../img/icon-help.png) center center no-repeat;
}
#contact {
    display:none;
    margin:10px 0 0 0;
    position:relative;
}
    #header h1 {
        border-width:8px 0 1px 0;
        border-style:solid;
        border-color:#182000;
        margin:0;
        padding:6px 0;
        font-size:22px
    }
    #contact p {
        margin:0;
        float:left;
        width:356px;
    }
    #contact div.form {
        float:right;
        right:20px;
        top:20px;
        width:530px;
    }
    #contact div.form input[type=text], #contact div.form textarea {
        width:90%;
        margin-bottom:10px;
    }
    
#processing {
    position:absolute;
    z-index:5;
    top:0;
    left:0;
    width:100%;
    height:20px;
    background:#889ae4;
    text-align:center;
    font-weight:bold;
    color:#fff;
    border:1px solid #6c7bb7;
    padding:10px 0;
}
    #processing span.label {
        font-weight:bold;
        font-size:14px;
    }


    div#rssContainer {
        padding: 10px 0px 10px 0px;
}
/*
 ************* THE MIGHTY CLEARFIX ***************
 */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */
* html .clearfix {
    height: 1%;
}