/* //////////////MENU/////////////// */
#menu {
  width: 165px;
  height: 100%;
  display: block !important;
  float: left;
  background-color:#5a5959;
  }
#menu h4{
	color:#fff;
	margin:0;
	background-color: #5a5959;
	padding:4px 0 4px 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(5%,rgba(90,89,89,1)), color-stop(85%,rgba(66,65,65,1)));
	border-top:solid #6b6b6b 1px;
	border-bottom:solid #3d3d3d 1px;
	text-shadow: 0px -1px 1px #333;
}
#menu ul {
  margin: 0;
  padding: 0;
  width: inherit;
}
#menu ul li {
  list-style-type: none;
  margin: 0px 0;
}
#menu ul li a:link, #menu ul li a:visited {
  border-bottom: solid #333 1px;
  box-shadow: 0 1px 0 #727272;
  color: #fff;
  font-size: 14px;
  font-family: arial;
  text-decoration: none;
  width: 165px;
  display: block;
  padding: 10px 0px 10px 10px;
  text-shadow: 0px 1px 1px #000000;
}
#menu ul li a:active {
  background-color: #716f6f;
}
.active {
  background-color: #383737;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1e1d1d), color-stop(21%, #383737));
}
.ui-body-c{
	background-color:#fff;
	line-height:18px;
}
.ui-bar-a{
	background:  -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(200,200,200,1)));
	border: none !important;
	border-bottom:solid #878787 1px !important;
	color:#000 !important;
	text-shadow: 0px 1px 1px #fff;
	height:42px !important;
}
.active{
	color:#fff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,29,29,1)), color-stop(21%,rgba(56,55,55,1)));
	text-shadow: 0px 1px 1px #000;
}

.ui-btn-corner-all {
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
}

/* //////////////LOADING SCREEN/////////////// */
#loading {
background:#fff no-repeat center center;
height: 1136px;
width: 640px;
position: fixed;
left: 5%;
top: 5%;
margin: -35px 0 0 -15px;
z-index: 1000;
}
#loadingimage{
width: 320px;
height: auto;
}

/* //////////////TopBar/////////////// */
#topbar{
background-color: #6bc3c0;
}
#menubutton{
background-color: #6bc3c0;
border-style: none;
}
#searchbutton{
background-color: #6bc3c0;
border-style: none;
}
#backbutton{
background-color: #6bc3c0;
border-style: none;
}
#locationbutton{
background-color: #6bc3c0;
border-style: none;
}
#howitworksmenu{
background-color: #6bc3c0;
border-style: none;
}
#backto1{
background-color: #6bc3c0;
border-style: none;
}
#backto2{
background-color: #6bc3c0;
border-style: none;
}
#backto3{
background-color: #6bc3c0;
border-style: none;
}
#inboxid{
background-color: #6bc3c0;
border-style: none;
}
h1{
color: white;
}

/* //////////////Search2/////////////// */
#hero .ui-controlgroup{
width: 100%;
margin: 0 auto;
max-width: 310px;
}

/*//////////Headings/////////*/
h3{
color: grey;
font-family: 'Lato', sans-serif !important;
font-size: 15px;
}

/*/////////Override button color and hover state//////////*/
.override{
background-color: #F6F6F6;
border-color: #DDD;
color: #333;
text-shadow: 0px 1px 0px #F3F3F3;
}
.override:hover{
background:#ededed;
}
.override2{
background-color: orange;
border-color: #ce8500;
color: #333;
text-shadow: 0px 1px 0px #F3F3F3;
}
.override2:hover{
background:#e59400;
}
.text{
color: grey;
font-family: 'Lato', sans-serif;
font-size: 15px;
}
.heading3{
color: grey;
font-family: 'Lato', sans-serif !important;
font-size: 15px;
}

/*//////////Bulletin page Info/////////*/
#homebulletin{
margin-top:-16px;
}
#bulletinimage1{
background-size: 320px 251px;
margin-left: -16px;
margin-right: -16px;
margin-top: 0px;
background-image: url('../images/lillypost_image.jpg');
background-repeat: no-repeat;
padding-top: 100px;
}
#bulletinimage2{
margin-left: -16px;
margin-right: -16px;
margin-top: 0px;
background-image: url('../images/fayepost_image.jpg');
background-size: 320px 251px;
background-repeat: no-repeat;
padding-top: 100px;
}
#bulletinimage3{
background-size: 320px 251px;
margin-left: -16px;
margin-right: -16px;
margin-top: 0px;
background-image: url('../images/fayepost_image.jpg');
background-repeat: no-repeat;
padding-top: 100px;
}
#bulletinimage4{
margin-left: -16px;
margin-right: -16px;
margin-top: 0px;
background-image: url('../images/donaldpost_image.jpg');
background-size: 320px 251px;
background-repeat: no-repeat;
padding-top: 100px;
}
#bulletinimage5{
background-size: 320px 251px;
margin-left: -16px;
margin-right: -16px;
margin-top: -16px;
background-image: url('../images/fayepost_image.jpg');
background-repeat: no-repeat;
padding-top: 100px;
}
#bulletinimage6{
background-size: 320px 251px;
margin-left: -16px;
margin-right: -16px;
margin-top: 0px;
background-image: url('../images/tara_post_image2.jpg');
background-repeat: no-repeat;
padding-top: 100px;
}
#bulletinimage7{
margin-left: -16px;
margin-right: -16px;
margin-top: 0px;
background-image: url('../images/david_post_image2.jpg');
background-size: 320px 251px;
background-repeat: no-repeat;
padding-top: 100px;
}
#bulletinimage8{
background-size: 320px 251px;
margin-left: -16px;
margin-right: -16px;
margin-top: -16px;
background-image: url('../images/tara_post_image2.jpg');
background-repeat: no-repeat;
padding-top: 100px;
}
#pin{
height: 30px;
width: 30px;
margin-left: 10px;
padding-bottom: 140px;
margin-top: -90px;
}
#bulletintext{
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.69) 26%, rgba(0,0,0,0.83) 65%, rgba(0,0,0,0.83) 66%, rgba(0,0,0,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(26%,rgba(0,0,0,0.69)), color-stop(65%,rgba(0,0,0,0.83)), color-stop(66%,rgba(0,0,0,0.83)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.69) 26%,rgba(0,0,0,0.83) 65%,rgba(0,0,0,0.83) 66%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.69) 26%,rgba(0,0,0,0.83) 65%,rgba(0,0,0,0.83) 66%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.69) 26%,rgba(0,0,0,0.83) 65%,rgba(0,0,0,0.83) 66%,rgba(0,0,0,1) 100%); /* W3C */
font-family: 'Lato', sans-serif;
color: white;
margin-right: -16px;
height: 90px;
}
#bartericon{
height: 40px;
width: 40px;
margin-left:270px;
margin-top: -50px;
padding-bottom: 18px;
display:inline;
}
#picofperson{
height: 60px;
width: 60px;
padding-top: 20px;
margin-left: -30px;
}
#bulletintext h2{
width:180px;
font-size: 15px;
font-weight: 200;
margin-left: 85px;
margin-top: -65px;
}
#bulletintext p{
font-size: 10px;
font-weight: 200italic;
margin-left: 85px;
margin-top: -25px;
}
#box-link{
height: 120px;
width: 320px;
margin-top: -100px;
position: absolute; 
background-color: transparent; 
}
#chatbubble{
height: 20px;
width: 20px;
margin-left: 250px;
margin-top: -20px;
display:block;
}
#messageperson{
color: grey;
font-family: 'Lato', sans-serif !important;
margin-top: 20px;
}


/*//////////Article Info/////////*/
#buttonsforsearch{
text-align: left;
}
#icons{
height: 40px;
width: 40px;
margin-left:-200px;
padding-top: 10px;
padding-bottom: 10px;
}
#icons2{
height: 40px;
width: 40px;
}
#catagories{
margin-left: 55px;
margin-top: -35px;
padding-bottom: 5px;
}
.margin-over{
margin-left:55px;
}
#searchtext{
margin-top: -50px;
margin-left: 100px;
text-align: left;
}
.submit{
background-color: orange;
margin-left: 20px;
margin-right: 20px;
}

/*////////SEND/////*/
#sendmessage{
margin-top:-16px;
}
#herooverride{
color: white;
}

/*////////////////PROFILE////////////*/
#picofpersonvanish{
height: 60px;
width: 60px;
padding-top: 20px;
margin-left: -30px;
visibility:hidden;
}
#fayenameprofile{
color: grey;
font-family: 'Lato', sans-serif !important;
font-weight:lighter;
font-size: 30px;
margin-left: 90px;
margin-top: -100px;
}
#smalltext{
color: grey;
font-family: 'Lato', sans-serif !important;
font-size: 13px;
margin-left: 113px;
margin-top: -40px;
}
#smalltext2{
color: grey;
font-family: 'Lato', sans-serif !important;
font-size: 13px;
margin-left: 183px;
margin-top: -23px;
}
#smallname{
color: grey;
font-family: 'Lato', sans-serif !important;
font-size: 10px;
padding-left: 10px;
padding-top: 5px;
}
#smalldate{
color: grey;
font-family: 'Lato', sans-serif !important;
font-size: 10px;
text-align:right;
padding-right: 10px;
margin-top: -15px;
padding-bottom: 20px;
}
#titleword{
color: grey;
font-family: 'Lato', sans-serif !important;
font-size: 15px;
font-weight: bold;
text-align: center;
padding-bottom: 10px;
}
#readmore{
font-family: 'Lato', sans-serif !important;
font-size: 10px;
text-align: center;
padding-bottom: 15px;
padding-top: 10px;
}
#paragraphdescription{
color: grey;
font-family: 'Lato', sans-serif !important;
font-size: 12px;
text-align: center;
}
#profilepicofperson{
height: 60px;
width: 60px;
margin-top: 20px;
}
#herorating{
height: 20px;
width: 20px;
margin-top: -40px;
margin-left: 90px;
}
#starcontainer{
margin-top: -20px;
margin-left: 90px;
}
#starrating{
height: 20px;
width: 20px;
margin-top: 10px;
margin-right:-3px;
}
#groupimages{
text-align:center;
padding-bottom: 15px;
}
#profileimages{
width: 50px;
height: 50px;
}
#profileimages2{
width: 50px;
height: 50px;
visibility:hidden;
}
#reviewpic{
height: 60px;
width: 60px;
display: block;
margin-left: auto;
margin-right: auto;
}
#boxreview{
border-style:solid;
border-width:1px;
height: 135px;
width: 270px;
margin-left: 10px;
margin-top: -30px;
}
#connections{
padding-top:15px;
}
#containerconnectionpic{
text-align: center;
margin-right:-20px;
}
#connectionspic{
height: 60px;
width: 60px;
margin-right: 20px;
}
#nameofpeoplecontainer{
margin-left: 40px;
width: 270px;
}
#nameforpeople{
color: grey;
font-family: 'Lato', sans-serif !important;
font-size: 13px;
font-weight: bold;
text-align: center;
display: inline;
padding-right: 50px;
}
#nameforpeople2{
color: grey;
font-family: 'Lato', sans-serif !important;
font-size: 13px;
font-weight: bold;
text-align: center;
display: inline;
padding-left: 15px;
}
#knowsfayetab{
margin-left: 34px;
width: 270px;
margin-top: -5px;
}
#knowsfaye{
color: grey;
font-family: 'Lato', sans-serif !important;
font-size: 10px;
text-align: center;
display: inline;
padding-right: 30px;
}
#fayemap{
width: 320px;
height: 188px;
margin-left: -16px;
}
#containeraboutfaye{
margin-bottom: 60px;
}
#aboutfayeimage{
height: 60px;
width: 60px;
display: block;
margin-left: auto;
margin-right: auto;
}
#aboutfayeinfo{
color: grey;
font-family: 'Lato', sans-serif !important;
font-size: 12px;
}
.contactmember{
text-decoration: none;
position: fixed;
bottom: 0px;
right: 0px; 
width: 100%
}

/*////////////howitworks/////////*/
#hiw{
width: 320px;
height: auto;
margin-top: -70px;
}

/*///////INBOX//////////////*/
#inboxmessage{
color: grey;
font-family: 'Lato', sans-serif !important;
font-size: 12px;
width: 325px;
height: 100px;
background-color: F0F0F0;
border-style:solid;
border-width:1px;
margin-top: 0px;
margin-left: -16px;
padding-left: 10px;
}
#varificationbox{
width: 320px;
height: auto;
margin-left: -16px;
padding-bottom: 100px;
}
#chatinfo{
color: grey;
font-family: 'Lato', sans-serif !important;
font-size: 12px;
margin-left: 80px;
margin-top: -50px;
text-decoration: none;
}
#chatbutton{
background: url('../images/chat_white.png')no-repeat;
background-size: 20px 20px;
margin-top: 8px;
padding-left: 20px;
width: 25px;
height: 25px;
border:none;
}
#carlosmessage{
color: grey;
font-family: 'Lato', sans-serif !important;
font-size: 12px;
}
#carlosorange{
color: orange;
}
#chatbubble2{
height: 20px;
width: 20px;
margin-left: 160px;
margin-top: -15px;
display:block;
}
#date{
color: grey;
font-family: 'Lato', sans-serif !important;
font-size: 12px;
margin-left: 190px;
margin-top: -20px;
}

/*/////////Pop outs/////*/
#sentbutton{
width: 200px;
margin-left: auto;
margin-right: auto;
display:block;
}
#popupBasic{
padding: 10px;
}
#popupBasic2{
padding: 10px;
}
#popupBasic3{
padding: 10px;
}