@import url("/css/forms.css");
@import url("/css/layout.css");

/**********[ global elements ]**********/
*
{
	margin: 0;
	padding: 0;
}

body
{
	background: #fff;
	font: 80% "Lucida Grande", Sans-Serif;
}

p, li, label
{
	color: #4e4e4e;
	font-size: 0.9em;
}

p, label
{
	line-height: 1.6em;
	margin-bottom: 1.2em;
}

h1, h2
{
	color: #4e4e4e;
	font-size: 1.1em;
	margin-bottom: 0.5em;
}

h1.home
{
	font-family: Georgia, Serif;
	font-size: 1.7em;
	color: #68b6db;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 1em;
}

h3
{
	color: #7f7f7f;
	font-size: 1.1em;
	margin-bottom: 0.3em;
}

b
{
	color: #4e4e4e;
	font-weight: bold;
}

a
{
	outline: none; 
	text-decoration: none; 
	color:#68b6db; 
	background: transparent; 
	padding: 1px 3px; 
	margin: 0px -3px;
}

a:hover
{
	color:#fff; 
	background: #68b6db; 
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
	padding: 1px 3px; 
	margin: 0px -3px;
}

/**********[ global layout ]**********/
#contentwrapper
{
	width: 900px;
	margin: 20px 20px;
	background: transparent;
}

#content
{
	width: 100%;
	margin: 0;
	padding: 0;
	float: left;
}

#headerimg
{
	width: 100px;
	float: left;
}

#headerimg a, #headerimg a:hover, #headerimg img
{
	border: 0;
	background-color: Transparent;
}

#header
{
	border-bottom: 1px solid silver;
	height: 110px;
	margin-bottom: 30px;
}

#nav a:hover
{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;	
}

#nav
{
	font: 1.3em Baskerville, Georgia, serif;
	color: #fff;
	text-transform: uppercase;
}

ul#nav
{
	float: right;
	width: auto;
}

ul#nav li
{
	display: inline;
}

ul#nav li a 
{
	border: 0px;
	color: #7f7f7f;
	display: block;
	float: left;
	margin-left: 12px;
	padding-top: 45px;
}

ul#nav li a:hover
{
	color: #333;
	background: #fff;
	border-bottom: 5px solid #68b6db;
}

#footer
{
	clear: both;
	padding-top: 10px;
	margin-top: 20px;
	border-top: solid 1px silver;
	float: left;
	width: 100%;
}

#footer p
{
	color: #7f7f7f;
}

/**********[ member's control panel ]**********/
#navmenu
{
	float: left;
	width: 200px;
}

#navmenu ul
{
	margin-left: 10px;
	list-style-position: inside;
	margin-bottom: 1em;
}

#navmenu ul li
{
	font-size: 1em;
	margin-bottom: 0.5em;
}

#membercontent
{
	float: left;
	margin-left: 20px;
	width: 680px;
}

/**********[ location add/edit ]**********/
.keyworditem
{
	background: url(/images/cross_grey.png) no-repeat left center;
	padding-left: 17px;
	margin: 0.7em 1em 0 0;
	font-weight: bold;
	color: #4e4e4e;
	text-transform: capitalize;
	float: left;
}

.keyworditem:hover
{
	background: url('/images/cross_red.png') no-repeat left center;
	padding-left: 17px;
	margin: 0.7em 1em 0 0;
	font-weight: bold;
	color: #7f7f7f;
	text-transform: capitalize;
	float: left;
}

.categoryitem
{
	background: url(/images/cross_grey.png) no-repeat left center;
	padding-left: 17px;
	margin: 0.7em 1em 0 0;
}

.categoryitem:hover
{
	background: url(/images/cross_red.png) no-repeat left center;
	padding-left: 17px;
	margin: 0.7em 1em 0 0;
	color: #4e4e4e;
	text-decoration: underline;
}

.autocompletelist
{
    background-color: #fbf3e8;
    border: solid 1px #efe9de;
    list-style-type: none;
    margin: 0;
    overflow: auto;
}

.autocompleteitem
{
	font: 1.1em "Lucida Grande", Sans-Serif;
	color: #4e4e4e;
}

.autocompleteitemhighlight
{
	font: 1.1em "Lucida Grande", Sans-Serif;
	color: #fff;
	background-color: #68b6db;
}

.photopreview
{
	background-color: #fbf3e8;
	padding: 10px;
	float: left;
	width: 190px;
	margin: 10px 10px 0 0;
}

.photopreview div
{
	width: 190px;
	height: 127px;
	margin-bottom: 10px;
	text-align: center;
}

/**********[ members locations ]**********/
.progress div
{
	float: left;
}

/**********[ profile details ]**********/
.avatar
{
	width: 680px;
	float: left;
	margin-bottom: 10px
}

.avatar img, .avatar input
{
	float: left;
}

.avatar img
{
	margin-right: 10px;
}

.avatar input.context
{
	margin-left: 5px;
}

/**********[ home ]**********/
.homecategory
{
	width: 170px;
	float: left;
	margin: 0 10px 3px 0;
	padding: 0;
}

.column145 ul
{
	list-style-type: none;
}

.toplocation
{
	margin: 0;
	padding: 0;
}

.latestitem
{
	float: left;
	width: 190px;
	padding: 10px;
}

.latestitem div
{
	width: 190px;
	height: 127px;
	text-align: center;
	float: left;
}

.latestitem p
{
	clear: both;
}

.latestitem div a, .latestitem div a:hover, .latestitem div img
{
	border: 0;
	background: transparent;
}

.column340 input.front
{
	width: 260px;
}

/**********[ browse/search ]**********/
.searchchoices
{
	background: url(/images/orangedot.png) repeat-x left bottom;
	margin: 0;
	float: left;
	width: 900px;
}

.searchchoices h2, .searchchoices h1
{
	float: left;
	margin-bottom: 0;
	margin-top: 0;
	padding-bottom: 0;
	padding-top: 0;
	width: 160px;
}

.searchchoices a
{
	font-weight: bold;
	background-color: Transparent;
}

.searchchoices a:hover
{
	background-color: Transparent;
	color: #68b6db;
	text-decoration: underline;
}

.tabin
{
	background: #fffefd none repeat scroll 0 0;
	border-color: #fbf3e8 #fbf3e8 #fffefd;
	border-style: solid;
	border-width: 1px;
	float: left;
	padding: 5px 8px;
	margin: 1px 10px 0 0;
	color: #f00;
}

.tabout
{
	background: #fbf3e8 none repeat scroll 0 0;
	float: left;
	padding: 5px 8px;
	margin: 3px 10px 0 0;
}

.searchpanel
{
	background: url(/images/search_bg.png) repeat-x left bottom;
	background-color: #fffefd;
	min-height: 88px;
	clear: both;
	width: 900px;
	margin-bottom: 20px;
	float: left;
}

#displayoptions
{
	float: left;
	width: 250px;
}

#displayoptions p
{
	font-size: 0.85em;
}

#sortoptions
{
	float: right;
	width: 650px;
	text-align: right;
}

#sortoptions p
{
	display: inline;
	font-size: 0.85em;
	margin-left: 20px;
}

#pager
{
	width: 100%;
	text-align: right;
	float: left;
}


.pager
{
	font-size: 1.1em;
	background-color: #fffefd;
	font-weight: bold;
	text-align: center;
	border: solid 1px silver;
	margin-left: 5px;
	padding: 0;
	width: 1em;
	float: left;
}

.pager:hover
{
	font-size: 1.1em;
	background-color: #68b6db;
	color: #fff;
	border: solid 1px silver;
	text-align: center;
	margin-left: 5px;
	width: 1em;
	padding: 0;
}

.pagerselected
{
	font-size: 1.1em;
	background-color: #68b6db;
	border: solid 1px #68b6db;
	color: #fff;
	margin-left: 5px;
	text-align: center;
	padding: 0;
	width: 1em;
	float: left;
}

.pagerselected a
{
	color: #ffffff;
}

.pagerselected:hover
{
	font-size: 1.1em;
	background-color: #68b6db;
	border: solid 1px #68b6db;
	color: #fff;
	margin-left: 5px;
	text-align: center;
	padding: 2px 5px 2px 5px;
	width: 1em;
	padding: 0;
}

.resultitem
{
	float: left;
	width: 900px;
	margin: 0 0 10px 0;
	padding: 0;
}

.resultitem img
{
	float: left;
	margin-right: 15px;
}

.resultdetails
{
	float: left;
	width: 545px;
}

.resultdetails label
{
	padding-left: 25px;
	font-size: 0.95em;
	margin-right: 10px;
	float: left;
}

.resultitemcondensed
{
	background-color: #fbf3e8;
	padding: 12px;
	width: 190px;
	float: left;
	margin: 0 14px 14px 0;
}

.resultitemcondensed div a
{
	border: 0;
	outline: none;
	background-color: Transparent;
}

.resultitemcondensed img, .noborder, .noborder img
{
	border: 0;
	background-color: Transparent;
	padding: 0;
}

.resultitemcondensed img:hover, .noborder:hover, .noborder img:hover
{
	border: 0;
	background-color: Transparent;
	padding: 0;
}

.resultitemcondensed div
{
	width: 190px;
	height: 127px;
	text-align: center;
}

.resultitemcondensed p
{
	text-align: center;
	margin: 5px 0 0 0;
	font-size: 0.85em;
}

.resultitemcondensed a
{
	font-size: 1.2em;
}

.nomarginright
{
	margin-right: 0;
}

.viewslabel
{
	background: url(/images/icon_views.png) no-repeat left center;
}

.addresslabel
{
	background: url(/images/icon_address.png) no-repeat left center;
}

.telephonelabel
{
	background: url(/images/icon_telephone.png) no-repeat left center;
}

.emaillabel
{
	background: url(/images/icon_email.png) no-repeat left center;
}

#noresults
{
	width: 100%;
	text-align: center;
	margin: 5em 0 5em 0;
	font-style: italic;
}

/**********[ location ]**********/
.avatarlocation
{
	float: left;
	width: 80px;
}

.avatarlocation p
{
	font-size: 0.85em;
	text-align: center;
	margin: 0;
}

.locationdetails
{
	float: left;
	width: 810px;
}

.share, .detailed
{
	float: left;
	width: 810px;
	padding: 0;
	margin: 0;
}

.detailed label
{
	padding-left: 25px;
	margin-right: 10px;
	float: left;
	font-size: 1em;
	margin-bottom: 10px;
}

.share label
{
	float: left;
	font-size: 0.95em;
	margin-bottom: 10px;
	margin-right: 15px;
}

.shareFacebook
{
	padding-left: 21px;
	background: url(/images/social/facebook.gif) no-repeat left center;
}

.shareTwitter
{
	padding-left: 21px;
	background: url(/images/social/twitter.gif) no-repeat left center;
}

.shareDelicious
{
	padding-left: 21px;
	background: url(/images/social/delicious.gif) no-repeat left center;
}

.shareDigg
{
	padding-left: 21px;
	background: url(/images/social/digg.gif) no-repeat left center;
}

.shareFlickr
{
	padding-left: 21px;
	background: url(/images/social/flickr.gif) no-repeat left center;
}

.shareStumbleupon
{
	padding-left: 21px;
	background: url(/images/social/stumbleupon.gif) no-repeat left center;
}

.shareReddit
{
	padding-left: 23px;
	background: url(/images/social/reddit.gif) no-repeat left center;
}

.photodisplay .thumb
{
	margin-top: 15px;
	padding: 0;
	border: 0;
	width: 190px;
	height: 127px;
	float: left;
	text-align: center;
}

.photodisplay .thumb img
{
	border: 0;
	padding: 0;
}

.photodisplay a, .photodisplay a:hover
{
	background-color: Transparent;
	border: 0;
	margin: 0;
	padding: 0;
}

.categorylist
{
	list-style-position: inside;
}

.categorylist li
{
	margin-bottom: 3px;
}

/**********[ privacy policy ]**********/
.privacylist
{
	margin-left: 20px;
    list-style-position: outside;
	margin-bottom: 1em;
}