/*
Theme Name: Trends and Spots
Theme URI: http://wordpress.org/
Description: Trends and Spots ver. 1.0.
Version: 1.6
Author: Ely Onanad
Author URI: http://www.emoconcepts.com/
Tags: orange, custom header, fixed width, two columns, widgets

	This theme was designed and built by Ely Onanad.


*/



@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#FEA330;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:12px
}

/*a {
	font-family:Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color:#C45819;
}*/

p {
	text-align:justify
}

#wrapper {
	width:980px;
	margin:0 auto;
	position:relative;
}

/* The header and navigation */

.trendHeader {
	height:165px;
	background:#C45818	
}

.trendHeader .stampLogo {
	width:145px;
	height:165px;
	float:left;
}

.trendHeader .stampLogo h1 {
	display:none
}

.trendHeader .siteDescription {
	display:none
}

.trendHeader .navSearch {
	width:835px;
	float:right;
	background:url(/images/nav-bg.jpg) repeat-x bottom
}

.trendHeader .navSearch .logoSearch {
	height:129px;
}

.trendHeader .navSearch .logoSearch .trendsLogo {
	width:279px;
	float:left
}

.trendHeader .navSearch .logoSearch .trendsSearch {
	/*width:556px;*/
	width:835px;
	float:left;
	height:119px;
	padding-top:10px;
	/*background:url(/images/building.jpg) no-repeat;*/
	background:url(/images/trends-and-spots3.gif) no-repeat;
	text-align:right;
}

.trendHeader .navSearch .navMenu {
	width:835px;
	background:url(/images/nav-bg.jpg) repeat-x
}

/*.trendHeader .navSearch .navMenu ul {
	width:835px;
	margin:0;
	padding:0
}

.trendHeader .navSearch .navMenu ul li {
	display:block;
	float:left;
	list-style-type:none;
}

.trendHeader .navSearch .navMenu ul li a.home {
	display:block;
	width:94px;
	height:36px;
	background: transparent url(/images/nav.gif) no-repeat 0 0;
	text-indent:-9009px;
}
.trendHeader .navSearch .navMenu ul li a.home:hover {
	background: transparent url(/images/nav.gif) no-repeat 0 -36px;
}

.trendHeader .navSearch .navMenu ul li a.aboutus {
	display:block;
	width:91px;
	height:36px;
	background: transparent url(/images/nav.gif) no-repeat -94px 0;
	text-indent:-9009px;
}

.trendHeader .navSearch .navMenu ul li a.aboutus:hover {
	background: transparent url(/images/nav.gif) no-repeat -94px -36px;
}

.trendHeader .navSearch .navMenu ul li a.contactus {
	display:block;
	width:91px;
	height:36px;
	background: transparent url(/images/nav.gif) no-repeat -185px 0;
	text-indent:-9009px;
}

.trendHeader .navSearch .navMenu ul li a.contactus:hover {
	background: transparent url(/images/nav.gif) no-repeat -185px -36px;
}

.trendHeader .navSearch .navMenu ul li a.directory {
	display:block;
	width:109px;
	height:36px;
	background: transparent url(/images/nav.gif) no-repeat -276px 0;
	text-indent:-9009px;
}

.trendHeader .navSearch .navMenu ul li a.directory:hover {
	background: transparent url(/images/nav.gif) no-repeat -276px -36px;
}

.trendHeader .navSearch .navMenu ul li a.people {
	display:block;
	width:129px;
	height:36px;
	background: transparent url(/images/nav.gif) no-repeat -385px 0;
	text-indent:-9009px;
}

.trendHeader .navSearch .navMenu ul li a.people:hover {
	background: transparent url(/images/nav.gif) no-repeat -385px -36px;
}

.trendHeader .navSearch .navMenu ul li a.reviews {
	display:block;
	width:85px;
	height:36px;
	background: transparent url(/images/nav.gif) no-repeat -514px 0;
	text-indent:-9009px;
}

.trendHeader .navSearch .navMenu ul li a.reviews:hover {
	background: transparent url(/images/nav.gif) no-repeat -514px -36px;
}

.trendHeader .navSearch .navMenu ul li a.blog {
	display:block;
	width:85px;
	height:36px;
	background: transparent url(/images/nav.gif) no-repeat -599px 0;
	text-indent:-9009px;
}

.trendHeader .navSearch .navMenu ul li a.blog:hover {
	background: transparent url(/images/nav.gif) no-repeat -599px -36px;
}

.trendHeader .navSearch .navMenu ul li a.archive {
	display:block;
	width:85px;
	height:36px;
	background: transparent url(/images/nav.gif) no-repeat -684px 0;
	text-indent:-9009px;
}

.trendHeader .navSearch .navMenu ul li a.archive:hover {
	background: transparent url(/images/nav.gif) no-repeat -684px -36px;
}*/

/* main content area */

#floatSide {
	position:absolute;
	left:670px;
	top:185px;
	width:290px;
	z-index:1;
	background-color: #FFFFFF;
	opacity:.90;
	-moz-opacity:.90;
	filter:alpha(opacity=90);
}

#floatSide p {
	font-family:Trebuchet MS, "Times New Roman", Times, serif;
	font-size:12px;
	padding-right:15px;
}

.featureImage {
	height:300px;
	background:#CCCCCC
}

#mainContent {
	clear:both;
	width:940px;
	padding:20px;
	background:#DEDDCB;
	overflow:hidden;
	position:relative;
	height:auto
}

.contentLeft {
	width:630px;
	float:left;
}

.contentRight {
	width:290px;
	float:right;
	background:#fff
}

.teaserArea {
	width:630px;
	overflow:hidden;
}

.teaserArea .adbox {
	width:200px;
	height:250px;
	float:left;
	text-align:center;
	background:#DEDDCB
}

.teaserArea .adbox p {
	margin:0;
	padding:0;
	text-align:center
}

.teaserArea .teaserContent {
	width:400px;
	float:right;
	padding-left:5px;
	font-family:Trebuchet MS, "Times New Roman", Times, serif;
	font-size:13px;
}

.teaserArea .teaserContent p {
	margin-top:0;
}

.readMore {
	float:right;
	font-family:Verdana, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#C45819;
	padding-right:10px;
}

.readMore a {
	font-family:Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color:#C45819;
}

/* wide box */

.boxWide {
	width:630px;
}

.boxWide .headOrange {
	background:#C35818 url(/images/boxhead-orange-tr.gif) no-repeat right;
	height:30px;
}

.boxWide .headOrange h2 {
	margin:0;
	background:url(/images/boxhead-orange-tl.gif) no-repeat;
	padding-left:15px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:20px;
	font-family:"Myriad Pro", Georgia, "Times New Roman", Times, serif
}

.boxWide .headViolet {
	background:#88297C url(/images/boxhead-violet-tr.gif) no-repeat right;
	height:30px;
}

.boxWide .headViolet h2 {
	margin:0;
	background:url(/images/boxhead-violet-tl.gif) no-repeat;
	padding-left:15px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:20px;
	font-family:"Myriad Pro", Georgia, "Times New Roman", Times, serif
}

.boxWide .headViolet h2 a {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:normal
}

.boxWide .headViolet h2 a:hover {
	color:#FFFFFF;
	text-decoration:underline
}

.boxWide .mainBox {
	background:#FFFFFF;
	padding:10px 0;
}

/* post container */

.boxWide .mainBox .items {
/*	width:602px; */
	margin:0 20px;
	overflow:hidden;
	padding-bottom:20px;
}

/*.boxWide .mainBox .items .postImg {
	width:150px;
	float:left;
	margin-right:20px;
}*/

.boxWide .mainBox .items .postText {
	padding:20px;
/*	border-bottom:solid 1px #CCCCCC;
	width:602px;
	float:right;*/
}

.boxWide .mainBox .items .postText h2 {
	margin:0 0 10px;
	color:#C35818;
	font-weight:bold;
	font-size:16px;
}

.boxWide .mainBox .items .postText h2 a {
	color:#C35818;
	font-weight:bold;
	text-decoration:none
}

.boxWide .mainBox .items .postText h2 a:hover {
	text-decoration:underline
}

.boxWide .mainBox .items .postText p {
	margin-top:0;
}

.boxWide .mainBox .items .postText .postInfo {
	clear:both;
	/*width:602px;*/
	color:#666666;
	display:block;
	padding:5px 0;
}

.boxWide .mainBox .items .postText .postInfo .postedBy {
	float:left;
}

.boxWide .mainBox .items .postText .postInfo .comments {
	float:right
}

.boxWide .mainBox .items .postText .postInfo .comments a {
	color:#666666;
	font-weight:normal;
	text-decoration:none
}

.boxWide .mainBox .items .postText .postInfo .comments a:hover {
	text-decoration:underline
}

.boxWide .tailBox {
	background:#FFFFFF url(/images/btm-tail-br.gif) no-repeat right;
	height:10px;	
}

.boxWide .tailBox p {
	margin:0;
	padding-left:10px;
	background:url(/images/btm-tail-bl.gif) no-repeat;
	font-size:8px
}

/* narrow box */

.boxNarrow {
	width:290px;
}

.boxNarrow p {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	padding-right:10px;
}

.boxNarrow .headOrange {
	background:#C35818;
/*	background:#C35818 url(/images/headbox-trans-tr.gif) no-repeat right;*/
	height:30px;
}

.boxNarrow .headOrange h2 {
	margin:0;
	background:url(/images/boxhead-orange-tl.gif) no-repeat;
	padding-left:15px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:20px;
	font-family:"Myriad Pro", Georgia, "Times New Roman", Times, serif
}

.boxNarrow .headOrange2 {
	background:#C35818 url(/images/headbox-trans-tr.gif) no-repeat right;
	height:30px;
}

.boxNarrow .headOrange2 h2 {
	margin:0;
	background:url(/images/boxhead-orange-tl.gif) no-repeat;
	padding-left:15px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:20px;
	font-family:"Myriad Pro", Georgia, "Times New Roman", Times, serif
}

.boxNarrow .headBlack {
	background:#000;
	background:#000 url(/images/boxhead-black-tr.gif) no-repeat right;
	height:30px;
}

.boxNarrow .headBlack h2 {
	margin:0;
	background:url(/images/boxhead-black-tl.gif) no-repeat;
	padding-left:15px;
	color:#FFFFFF;
	font-weight:normal;
	font-size:20px;
	font-family:"Myriad Pro", Georgia, "Times New Roman", Times, serif
}

.boxNarrow .mainBox {
	background:#FFFFFF;
	padding:10px 0 10px 15px;
}

/* post container */

.boxNarrow .mainBox .items {
	width:602px;
	overflow:hidden;
	padding-bottom:30px;
}

.boxNarrow .mainBox h3 {
	margin: 0 10px 0 0px;
	color:#C45819;
	font-size:14px;
	text-align:left
}

.boxNarrow .mainBox h3 a {
	text-decoration:none;
	color:#C45819;	
}

.boxNarrow .mainBox h3 a:hover {
	text-decoration:underline;
	color:#C45819;	
}

.boxNarrow .mainBox p {
	font-size:10px
}

.boxNarrow .mainBox .items .postImg {
	width:150px;
	float:left;
	margin-right:20px;
}

.boxNarrow .mainBox .items .postText {
	width:432px;
	float:right;
}

.boxNarrow .mainBox .items .postText h2 {
	margin: 0 0 0 10px;
	color:#C35818;
	font-weight:bold;
	font-size:16px;
}

.boxNarrow .mainBox .items .postText h2 a {
	color:#C35818;
	font-weight:bold;
	text-decoration:none
}

.boxNarrow .mainBox .items .postText h2 a:hover {
	text-decoration:underline
}

.boxNarrow .mainBox .items .postText p {
	margin-top:0;
}

.boxNarrow .mainBox .items .postText .postInfo {
	color:#666666;
}

.boxNarrow .mainBox .items .postText .postInfo .postedBy {
	float:left;
}

.boxNarrow .mainBox .items .postText .postInfo .comments {
	float:right
}

.boxNarrow .mainBox .items .postText .postInfo .comments a {
	color:#666666;
	font-weight:normal;
	text-decoration:none
}

.boxNarrow .mainBox .items .postText .postInfo .comments a:hover {
	text-decoration:underline
}

.boxNarrow .tailBox {
	background:#FFFFFF url(/images/btm-tail-br.gif) no-repeat bottom right;
	height:10px;	
}

.boxNarrow .tailBox p {
	margin:0;
	padding-left:10px;
	background:url(/images/btm-tail-bl.gif) no-repeat bottom left;
	height:10px;
}

/* the footer */

#footer {
	clear:both;
	padding:20px 0;
	text-align:center;
	color:#C35818
}

#footer a {
	font-family:Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color:#C45819;
}

/* Other boxes and types */

.genAdBox {
	width:250px;
	/*height:64px;
	border:dashed 1px #CCCCCC;*/
	text-align:center;
	background:#FFFFFF;
	margin-bottom:12px;
}

.genAdBox p {
	margin:10px;
	padding:0;
	text-align:center
}

.thisLink {
	font-family:Verdana, Helvetica, sans-serif;
	font-weight:bold;
	color:#C45819;
}

/* Happenings */

.happenings {
	border-bottom:dashed 1px #CCCCCC;
	padding:10px 0 15px 0;
	margin: 10px 10px 10px 0;
	overflow:hidden;
	display:block;
	clear:both;
}

.happenings .date {
	width:90px;
	float:left;
}

.happenings .event {
	width:160px;
	float:right
}

.happenings .break {
	overflow:hidden;
}

.happenings .floatFix {
	overflow:hidden;
	clear:both;
}

/* list */

ul.previous {
	margin:0;
	margin-top:10px;
	padding:0;
	list-style:none
}

ul.previous li {
	padding:0 5px 11px 17px;
	background:url(/images/icon-list.gif) no-repeat 2px 5px
}

/* post info */

.tags {
	clear:both;
	color:#666666;
	font-size:12px;
	margin-bottom:20px
}

.postInfo2 {
	clear:both;
	border-left:solid 1px #CCCCCC;
	margin:0 20px;
	padding:0 10px 0 5px;
	color:#666666;
	font-size:10px;
	margin-bottom:20px
}

.postInfo3 {
	color:#666666;
	padding:10px 20px;
}

.postInfo3 .postedBy {
	float:left;
}

.postInfo3 .comments {
	float:right
}

.postInfo3 .comments a {
	color:#666666;
	font-weight:normal;
	text-decoration:none
}

.postInfo3 .comments a:hover {
	text-decoration:underline
}

/* Post */

.post {
	margin: 0 0 40px;
	text-align: justify;
}

small {
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 2em;
	padding:10px 0;
	margin:10px 0
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	padding-bottom: 10px;
	margin-bottom:20px
}

.alignright {
	float: right;
}

.alignleft {
	float: left
}

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
/* You Speak Boxes */

/* Hotel */

.ysHotel {
	background:#E0E0F5;
	margin:0 auto 10px;
}

.ysHotel .topbar {
	margin:0;
	background:url(/images/ys-hotel-tr.gif) no-repeat top right
}

.ysHotel .topbar h2 {
	color:#C35818;
	margin:0;
	padding:10px 0 0 10px;
	background:url(/images/ys-hotel-tl.gif) no-repeat top left;
	font-weight:bold;
	font-size:18px;
	font-family:"Myriad Pro", Georgia, "Times New Roman", Times, serif
}

.ysHotel .btmBar {
	margin:0;
	background:url(/images/ys-hotel-br.gif) no-repeat bottom right
}

.ysHotel .btmBar p {
	margin:0;
	padding:0;
	background:url(/images/ys-hotel-bl.gif) no-repeat bottom left;
}

/* Travel */

.ysTravel {
	background:#CCE0F5;
	margin:0 auto 10px;
}

.ysTravel .topbar {
	margin:0;
	background:url(/images/ys-travel-tr.gif) no-repeat top right
}

.ysTravel .topbar h2 {
	color:#C35818;
	margin:0;
	padding:10px 0 0 10px;
	background:url(/images/ys-travel-tl.gif) no-repeat top left;
	font-weight:bold;
	font-size:18px;
	font-family:"Myriad Pro", Georgia, "Times New Roman", Times, serif
}

.ysTravel .btmBar {
	margin:0;
	background:url(/images/ys-travel-br.gif) no-repeat bottom right
}

.ysTravel .btmBar p {
	margin:0;
	padding:0;
	background:url(/images/ys-travel-bl.gif) no-repeat bottom left;
}

/* Real Estate */

.ysReal {
	background:#F5E0CC;
	margin:0 auto 10px;
}

.ysReal .topbar {
	margin:0;
	background:url(/images/ys-real-tr.gif) no-repeat top right
}

.ysReal .topbar h2 {
	color:#C35818;
	margin:0;
	padding:10px 0 0 10px;
	background:url(/images/ys-real-tl.gif) no-repeat top left;
	font-weight:bold;
	font-size:18px;
	font-family:"Myriad Pro", Georgia, "Times New Roman", Times, serif
}

.ysReal .btmBar {
	margin:0;
	background:url(/images/ys-real-br.gif) no-repeat bottom right
}

.ysReal .btmBar p {
	margin:0;
	padding:0;
	background:url(/images/ys-real-bl.gif) no-repeat bottom left;
}


/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* RSS FEED Box */

.myRss {
	background:transparent url(/images/rss-icon.png) no-repeat 10px 10px;
	padding:10px 5px 10px 70px;
	margin-right:10px;
}

.myRss form {
	margin:0;
	padding:0;
}

.myRss .myInput {
	margin:0;
	padding:2px 4px;
	color:#666666;
	border:solid 1px #999999;
	width:160px;
	height:16px;
	font-size:10px;
}

.myRss .myBttn {
	margin:0;
}

.myRss .smText {
	font-size:9px;
	color:#999999;
	display:block;
}

/* Page title */

.pagetitle {
	font-family:Trebuchet MS, "Times New Roman", Times, serif;
	font-style:italic;
	color:#660066
}