/* CSS Document */

.trans {opacity:.25;filter: alpha(opacity=25); -moz-opacity: 0.25;}

body {
	background: url(http://images.starved.org/background.gif) repeat-y top left;
	padding: 0px;
	margin: 0px;
	font-size: 62.5%; /* 1em = 10px */
	font-family: Arial, Helvetica, sans-serif;
}

img {
    border: none;
} 

#maincontainer {
	width: 800px;
	padding: 0px;
	margin: 0px;
}

/**************************************************************
   title bars
 **************************************************************/

.centertitle {
	height: 24px;
	width: 582px;
	padding-top: 5px;
	margin: 0px;
	background-image:url(http://images.starved.org/titlecenter.gif);
	background-repeat: repeat-x;
	text-align: center;
	color:#FFFFFF;
	float: left;
}

.lefttitle {
	height: 24px;
	width: 13px;
	padding: 0px;
	margin: 0px;
	background-image:url(http://images.starved.org/titleleft.gif);
	background-repeat: repeat;
	float: left;
}

.righttitle {
	height: 24px;
	width: 13px;
	padding: 0px;
	margin: 0px;
	background-image:url(http://images.starved.org/titleright.gif);
	background-repeat: repeat;
	float: left;
}

.titlebar {
	height: 24px;
	padding: 0px;
	margin: 0px 0px 4px 0px;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}

/**************************************************************
   Head
 **************************************************************/
#slice1, #slice2, #slice3, #slice4, #slice5, #slice6, #slice356 {
	padding: 0px;
	margin: 0px;
	float: left;
	overflow: hidden;
}

#slice1 {
	background: url(http://images.starved.org/Sliced_01.jpg) no-repeat top left;
	width: 288px;
	height: 106px;
}

#slice2 {
	background: url(http://images.starved.org/Sliced_02.jpg) no-repeat top left;
	width: 187px;
	height: 106px;
}

#slice356 {
	width: 312px;
	height: 106px;
}

#slice3 {
	background: url(http://images.starved.org/Sliced_03.jpg) no-repeat top left;
	width: 325px;
	height: 10px;
}

#slice5 {
	background: url(http://images.starved.org/Sliced_05.jpg) no-repeat top left;
	width: 312px;
	height: 64px;

}

#slice6 {
	background: url(http://images.starved.org/Sliced_06.jpg) no-repeat top left;
	width: 312px;
	height: 26px;
	text-align: right;
	padding-top: 6px;
}

#slice6, #slice6 a, #slice6 a:hover, #slice6 a:visited {
	color: #ffffff;
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#slice6 a:hover {
	text-decoration: underline;
}

#slice4 {
	background: url(http://images.starved.org/Sliced_04.jpg) no-repeat top right;
	width: 13px;
	height: 106px;
}

#bigblacktext h1 {
        color: #000000;
}


/**************************************************************
   Login Box
 **************************************************************/
#slice5 form {
	margin: 0px;
	padding: 0px;
}

#loginbutton {
	width: 15px; 
	height: 64px; 
	float: right;
	padding: 0px;
	margin: 0px;
}

#password, #username {
	float: right;
	padding: 11px 0px;
	margin: 0px;
}
#password input, #username input {
	width: 120px;
	height: 16px;
	padding: 1px 5px;
	margin: 0px;
	border: 1px solid #000000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
}

#password p, #username p {
	padding: 0px 5px 0px 0px;
	margin: 0px;
	font-weight: bold;
	font-size: 1.0em;
	text-transform:uppercase;
	text-align: right;
}
#password .inputlabel, #username .inputlabel {
	padding-right: 10px;
}
#password {
	width: 137px; 
	height: 42px/*64px;*/
}

#username {
	width: 140px; 
	height: 42px;
}

/**************************************************************
   container to hold left column and content column
 **************************************************************/
#container {
	padding: 0px;
	margin: 0px;
	clear: both;
}

/**************************************************************
   left column
 **************************************************************/
#leftcol {
	width: 170px;
	display: inline;
	padding: 0px;
	margin: 0px 0px 0px 10px;
	float: left;
}

#slice7 {
	background: url(http://images.starved.org/Sliced_07.jpg) no-repeat top left;
	width: 170px;
	height: 15px;
	padding: 0px;
	margin: 0px;
}

.navhead {
	background: url(http://images.starved.org/navhead.gif) no-repeat top left;
	color: #ffffff;
	width: 170px;
	height: 25px;
	padding: 0px;
	padding-top: 7px;
	margin: 0px;
	text-align: center;
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
}

/**************************************************************
   menu
 **************************************************************/
#menu {
	width: 170px;
	margin: 0px;
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}	

#menu li a {
  	height: 24px;
	text-decoration: none;
}	
	
#menu li a:link, #menu li a:visited {
	color: #FFF;
	display: block;
	background: url(http://images.starved.org/menubutton.gif);
	padding: 8px 0 0 10px;
}
	
#menu li a:hover {
	color: #FFF;
	background:  url(http://images.starved.org/menubutton.gif) 0 -32px;
	padding: 8px 0 0 10px;
}

/**************************************************************
   Search
 **************************************************************/
.search {
	margin-top: 16px;
}

#searchcontainer {
	color: #000000;
	margin: 0px;
	padding: 0px;
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#searchcontainer form {
	padding: 0px;
	margin: 0px;
}
#searchcontainer p {
	padding: 5px 0px 3px 27px;
	margin: 0px;
	text-align: left;
}

#searchcontainer .searchdrop {
	color: #708400;
	margin: 0px;
	padding: 1px;
	width: 135px;
	border: 1px solid #a5acb2;
}

#searchcontainer input {
	background-color: #b0cc59;
	color: #ffffff;
	margin: 11px 0px 0px 0px;
	padding: 0px;
	width: 65px;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
	border-top: 1px solid #ddeea5;
	border-left: 1px solid #ddeea5;
	border-bottom: 2px solid #7b7a7c;
	border-right: 2px solid #7b7a7c;
	
}

#searchcontainer .advsearch {
	padding-top: 8px;
}

/**************************************************************
   Calendar
 **************************************************************/
.calendar {
	margin: 24px 0px 4px 0px
}

#calendarcontainer {
	color: #ffffff;
	padding: 0px;
	margin: 0px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#eventtitle {
	font-size: 1.2em;
}

#eventdate {
	font-size: 1.1em;
	margin: 0px;
}

#eventcalendar {
	width: 161px;
	margin: 10px auto;
}

#eventcalendar .month {
	text-transform:uppercase;
	font-size: 1.0em;
	text-align: left;
	border-bottom: 2px solid #ffffff;
	padding-bottom: 2px;
	padding-left: 3px;
	width: 100%;
}

#eventcalendar td {
	width: 23px;
	text-align: center;
	font-size: 0.9em;
	line-height: 2em;
}

#eventcalendar td a{
	color: #ffa200;
	text-decoration: none;
	font-weight: bold;
}

#eventcalendar td a:hover{
	text-decoration: underline;
}
/**************************************************************
   center content container
 **************************************************************/
#content {
	width: 613px;
	padding: 0px 0px 0px 7px;
	margin: 0px;
	float: left;
}

/**************************************************************
   Full Width content
 **************************************************************/
.fullwidth {
	padding: 0px;
	margin: 0px;
	width: 100%;
}
.fullwidth .centertitle {
	width: 582px;
}

/**************************************************************
   Two col content
 **************************************************************/
.twocol {
	padding: 0px;
	margin: 0px;
	width: 401px;
	float: left;
}
.twocol .centertitle {
	width: 375px;
}

/**************************************************************
   newest reviews
 **************************************************************/
#reviews {
	padding-left: 2px;
}
.review {
	width: 195px;
	padding: 0px;
	margin: 0px 3px 0px 3px;
	float: left;
}

.reviewtext {
	color: #4f280b;
	width: 175px;
	margin: 0px 0px 0px 12px;
	font-size: 1.1em;
}

.reviewtext h2 {
	font-size: 1.4em;
	font-weight: bold;
	margin: 5px 0px;
}

.more {
	margin-top: 10px;
	margin-bottom: 19px;
}

/**************************************************************
   featured cuisines
 **************************************************************/
#cuisinecontent{
	padding-left: 5px;
}
.cuisine {
	width: 390px;
	float: left;
	margin-bottom: 13px;
	padding: 0px;
}

.cuisine img {
	float: left;
	margin-right: 10px;
}

.cuisinedescription{
	color: #4f280b;
	font-size: 1.1em;
	text-align: justify;
}

.cuisinedescription h2 {
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	color: #648c0b;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

.cuisinerestaurant {
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	color: #ffa200;
	margin-top: 3px;
}

.cuisinerestaurant a {
	color: #648c0b;
	text-decoration: none;
}

.cuisinerestaurant a:hover {
	color: #000000;
	text-decoration: underline;
}

/**************************************************************
   user reviews
 **************************************************************/
#userreview {
	background-color: #a5c14f;
	color: #ffffff;
	width: 197px;
	padding: 0px;
	margin: 0px 5px;
	float: left;
} 

.titleuserview {
	width: 197px;
	height: 19px;
	background: url(http://images.starved.org/titleuserreivew.gif) no-repeat top left;
	padding-top: 5px;
	text-align: center;
	color:#FFFFFF;
	font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
}

.ureview {
	background-color: inherit;
	color: inherit;
	padding: 7px 15px;
}

.ureview .restaurant {
	font-weight: bold;
	font-size: 1.2em;
}

.ureview .user {
	font-size: 1.2em;
	padding-left: 37px;
}

.ureview .partreview {
	color: #000000;
	font-size: 1.2em;
}

.ureview a {
	color: #ba650d;
	font-weight: bold;
	font-size: 1.1em;
	padding-left: 3px;
}

.ureview a:hover{
	color: #ffffff;
}

.bottomgreen {
	width: 197px;
	height: 11px;
	background: url(http://images.starved.org/profile/userreivewbottom.gif) no-repeat top left;
	overflow:hidden;
}	



#alphas{
        width: 600px;
        margin: 10px 0px;
        padding: 0px;
        font: 1.0em Tahoma;
        text-align: center;
        overflow: hidden;
        float: middle;
        border-top: 2px solid #d9e6bb;
        color: #648c0b;
        vertical-align: bottom;
}
#alphas ul {
        width: 100%;
        padding: 5px 0px;
        margin: 0px;
}

#alphas ul li {
        display: inline;
        list-style: none;
        margin: 0px;
        padding: 0px;
}

#alphas ul li a {
        padding: 0px 5px;
        color: #648c0b;
        border-right: 1px solid #648c0b;
        text-decoration: none;
}

#alphas ul li a.last {
        padding-right: 0px;
        border-right: 0px;
}

#alphas ul li a:hover {
        color: #000000;
}

/**************************************************************
   footer
 **************************************************************/
#footer{
	width: 600px;
	margin: 10px 0px;
	padding: 0px;
	font: 1.0em Tahoma;
	text-align: right;
	overflow: hidden;
	float: left;
	border-top: 2px solid #d9e6bb;
	color: #648c0b;
	vertical-align: bottom;
}	

#footer ul {
	width: 100%;
	padding: 5px 0px;
	margin: 0px;
}

#footer ul li {
	display: inline;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#footer ul li a {
	padding: 0px 10px;
	font: bold 1.0em Tahoma;
	color: #648c0b;
	border-right: 1px solid #648c0b;
	text-decoration: none;
}

#footer ul li a.last {
	padding-right: 0px;
	border-right: 0px;
}

#footer ul li a:hover {
	color: #000000;
}

#footer ul {
	float: left;
}