/* tasteofaloha.com */
html {
margin: 0;
padding: 0;
width: 100%;
}
body {
margin: 0;
padding: 0;
font-size: 14px; /* enables you to easily size text with ems */
font-family: "Georgia", georgia, "Times New Roman", Times, serif;
background: #7A92AC url(/images/background.jpg) no-repeat top center;
color: #ffffff;
position: relative;
width: 100%;
text-align: center;
}
html { height: 100%; }
body { min-height: 100%; height: 100%; }
#main {
width: 988px;
margin: 0 auto 0 auto;
border: 0;
text-align: left;
}
#mainblog {
width: 988px;
margin: 0 auto 0 auto;
border: 0;
background: url(/images/blogback.png) repeat-y;
text-align: left;
}
h1 {
font-size:24px;
color: #cd7009;
}
h1, h2, h3, h4, ul, li, div {
margin: 0;
padding: 0;
}
img {
border:0;
}
p {
padding: 0;
margin: 0;
}
a {
padding: 0;
margin: 0;
text-decoration: none;
font-weight: normal;
color: #00228E;
display: inline;
border:0;
}
.hidden {
display: none;
}
#rest_menu{
margin:20px;
}
#leftcolumn {
width: 29px;
margin: 0 auto 0 auto;
border: 0;
float: left;
background: url(/images/leftsidestrip.png) repeat-y;
height: 1545px;
}
#leftcolumnblog {
width: 29px;
margin: 0 auto 0 auto;
border: 0;
float: left;
}
#middlecolumn {
width: 930px;
margin: 0 auto 0 auto;
border: 0;
float: left;
height: 1545px;
}
#middlecolumnblog {
width: 930px;
background-color:#fff;
margin: 0 auto 0 auto;
border: 0;
float: left;
height:100%;
}
#rightcolumn {
width: 29px;
margin: 0 auto 0 auto;
border: 0;
float: left;
background: url(/images/rightsidestrip.png) repeat-y;
height:1545px;
}
#rightcolumnblog {
width: 29px;
margin: 0 auto 0 auto;
border: 0;
float: left;
}
#top {
width: 930px;
height: 162px;
margin: 0 auto 0 auto;
border: 0;
background: #fff url(/images/header.jpg) no-repeat;
position:relative;
float:left;
}
#goog-ad {
float:left;
height:90px;
padding:3px 0 7px 0;
width: 930px;
background-color:#fff;
text-align:center;
}
#social {
background: url(/images/rightnavmenu.jpg) no-repeat;
text-align:center;
}
.socialimage img {margin: 0px 10px 0px 10px}
#sidead {
float:left;
height:280px;
width:336px;
padding-left:7px;
margin-bottom:10px;
}
#sidead2 {
height:280px;
width:336px;
padding-left:7px;
margin-top:10px;
margin-bottom:10px;
}
#sidead3 {
height:250px;
width:300px;
margin-top:10px;
margin-bottom:10px;
}
#sidead4 {
height:280px;
width:336px;
margin-top:10px;
margin-bottom:10px;
}
#logo {
position:absolute;
top:15px;
left:140px;
z-index:5;
}
#top img {
margin: 0 0 0 0;
border: 0;
}
.buttons{
margin: 0px auto 0 430px;
float:none;
width:440px;
height: 40px;
}
.buttons a{
background: url(http://www.tasteofaloha.com/images/topmenu.jpg) no-repeat;
height: 40px;
text-indent: -999em;
display: block;
overflow: hidden;
border:0px;
}
.buttons li {
float: left;
position: relative;
}
.buttons li, .buttons ul {
list-style-type: none;
margin: 0px;
padding: 0;
}
#homebut a { background-position: 0 0; width: 161px; }
#aboutbut a { background-position: -161px 0; width: 113px; }
#contactbut a { background-position: -274px 0; width: 166px; }
#homebut a:hover { background-position: 0 -40px; width: 161px; }
#aboutbut a:hover { background-position: -161px -40px; width: 113px; }
#contactbut a:hover { background-position: -274px -40px; width: 166px; }
#leftinside {
width: 578px;
margin: 0 auto 0 auto;
border: 0;
float: left;
}
#navbar {
width:578px;
}
#navbar a {
background: url(http://www.tasteofaloha.com/images/navmenu.jpg) no-repeat;
height: 59px;
text-indent: -999em;
display: block;
overflow: hidden;
}
#navbar li {
float: left;
position: relative;
}
#navbar li, #navbar ul {
list-style-type: none;
margin: 0;
padding: 0;
z-index:899;
}
/*--- Default ---*/
#hawaiibut a { background-position: 0 0; width: 105px; }
#kauaibut a { background-position: -105px 0; width: 94px; }
#lanaibut a { background-position: -199px 0; width: 94px; }
#mauibut a { background-position: -293px 0; width: 91px; }
#molokaibut a { background-position: -384px 0; width: 105px; }
#oahubut a { background-position: -489px 0; width: 89px; }
#hawaiibut a:hover { background-position: 0 -59px; width: 105px; }
#kauaibut a:hover { background-position: -105px -59px; width: 94px; }
#lanaibut a:hover { background-position: -199px -59px; width: 94px; }
#mauibut a:hover { background-position: -293px -59px; width: 91px; }
#molokaibut a:hover { background-position: -384px -59px; width: 105px; }
#oahubut a:hover { background-position: -489px -59px; width: 89px; }
/*--- Dropdowns ---*/
#navbar li:hover ul { left: auto; }
#navbar li li { float: none; position: static; width: 100%; }
#navbar li li a, #navbar li li a:hover, #navbar li li a:active {
background: none;
height: auto;
padding: 1px 12% 2px;
text-indent: 0;
width: 76%;
}
#navbar li li a:hover { background: #2781BF; color:#fff;}
#navbar li ul {
background: #ffffff url(/bottomwhite.jpg) repeat-x;
border-left: 2px solid #CA6D0D;
border-right: 2px solid #CA6D0D;
border-bottom: 2px solid #CA6D0D;
left:-999em;
line-height: 1.5;
padding: 5px 0;
position: absolute;
top: 59px;
width: 150px;
}
li#oahubut ul{margin:0px; line-height: 1.5; width: 435px; display: block; float:left; }
li#oahubut .oahucol{font-size: 0.9em; float: left; width: 145px;background: none; }
li#oahubut .oahucol ul{border: 0; position: static; width: 100%; background: none;}
#greeting {
background: url(/images/lightblueback.jpg) no-repeat;
margin: 0 auto 0 auto;
border: 0;
width: 410px;
height: 346px;
float: left;
}
.welcome{
margin: 35px;
line-height:21px;
}
#catpictures {
background: url(/images/darkblueback.jpg) repeat-x;
margin: 0 auto 0 auto;
border: 0;
width: 168px;
height: 346px;
float: left;
}
.pictures {
margin: 0 auto 0 15px;
}
.pictures img:hover{
border: 3px solid #b0c2f3;
}
.picborder {
border: 3px solid #ffffff;
}
#featured {
background: url(/images/middleline.jpg) repeat-y;
margin: 0 auto 0 auto;
border: 0;
width: 578px;
height: 371px;
float: left;
}
.featuredrest {
margin: 0 auto 0 50px;
}
#whitebox {
background: url(/bottomwhite.jpg) repeat-x;
margin: 0 auto 0 auto;
font-size:0;
border: 0;
width: 578px;
height: 455px;
background-color: #ffffff;
float: left;
}
#leftmidgray {
width: 241px;
height: 415px;
background: url(/bottomlgrey.jpg) repeat-x;
background-color: #F5F5F5;
margin: 0 auto 0 8px;
float: left;
padding:0 20px 20px 20px;
}
#rightmidgray {
width: 241px;
height: 415px;
background: url(/bottomdgrey.jpg) repeat-x;
background-color: #F5F5F5;
margin: 0 8px 0 0;
float: left;
padding:20px;
}
#leftmidgray a, #rightmidgray a {
font-size: 14px;
font-weight: bold;
}
#leftmidgray a:hover, #rightmidgray a:hover {
text-decoration: underline;
}
#leftmidgray h2, #rightmidgray h2 {
margin:15px 0 5px 0;
}
.date {
color: #cd7009;
font-size: 11px;
font-style:italic;
margin-left:3px;
font-weight: bold;
}
.description {
font-size: 13px;
color: #666666;
margin-top:5px;
margin-bottom:10px;
}
.description1 {
font-size: 13px;
margin-top:5px;
text-align:right;
}
#rightinside {
margin: 0 auto 0 auto;
border: 0;
width: 352px;
height: 1231px;
float: left;
font-size: 14px;
background: #FFF no-repeat;
}
#restsearch {
margin: 0 0 5px 0;
border: 0;
width: 352px;
height: 206px;
background: url(/restaurantsearch.jpg) no-repeat;
float: left;
}
#restsearchform table{
margin: 50px 50px 0 40px;
color: #00228E;
font-weight: bold;
text-align: right;
font-size: 90%; /* enables you to easily size text with ems */
}
#restsearchform td{
height: 30px;
}
.fdesc{
text-align: left;
}
.fbut{
text-align: center;
}
#btnSearch{
margin-top: 6px;
}
.fbox{
color: #00228E;
width: 165px;
font-size: 105%; /* enables you to easily size text with ems */
font-family: "Georgia", georgia, "Times New Roman", Times, serif;
}
#cuisinesearch {
margin: 0 auto 0 5px;
padding:0;
border: 0;
width: 342px;
height: 43px;
background: url(/cuisinesearchbox.jpg) no-repeat;
float: left;
}
#cuisinecon {
margin: 0 auto 0 5px;
border: 0;
width: 342px;
height: 457px;
background: url(/cuisinesearchshade.jpg) repeat-x;
float: left;
}
#cuisinecon1 {
margin: 0 auto 0 5px;
border: 0;padding:0;
width: 342px;
height: 457px;
background: url(/cuisinesearchshade1.png) repeat-x;
float: left;
}
.cuisinecol {
padding: 0;
margin: 0px;
float:left;
list-style-type: none;
text-align:left;
}
.cuisinecol li {
width: 171px;
height: 30px;
margin: 0;
padding: 0;
list-style-type: none;
}
.cuisinecol li a{
display: block;
width: 171px;
line-height: 30px;
font-weight: bold;
text-decoration: none;
text-align: center;
}
.cuisinecol li a:hover{
color: #FFF; /* white */
background-color: #00228E;
}
#threerest {
background: #f6f6fc;
width:540px;
height: 280px;
margin: 5px auto 0 18.5px;
border: 1px solid #B0C2F3;
padding:0px;
}
#bluebox {
background: url(/midfeatsign.jpg) repeat-y;
height: 30px;
margin:0px;
top:0px;
padding:0px;
float:left;
}
#bluebox ul{
padding: 7px 0px 0px 0px;
margin:0px;
}
#bluebox li{
display: block;
width: 180px;
list-style-type: none;
padding: 0px;
text-align:center;
float:left;
}
#bluebox a{
font-weight: bold;
color: #ffffff;
}
#bluebox a:hover{
text-decoration: underline;
}
#logoscon {
background: url(/midtopback.jpg) repeat-x;
margin:0px;
padding:0;
float:left;
width:540px;
}
#logoscon ul{
padding:0px;
margin:15px 0 0 0;
}
#logoscon li {
display: block;
width: 179px;
list-style-type: none;
padding: 0px;
text-align:center;
float:left;
font-size:90%;
}
#logoscon img{
border:0px;
}
#row1 img {
border: 3px solid #B0C2F3;
}
#row1 img:hover {
border: 3px solid #185596;
}
#row2 li {
color:#00228E;
font-size: 13px;
}
#row2 li, #row3 li{
margin-top:10px;
}
#footer{
width: 988px;
height: 120px;
margin:0;
padding:0px;
border: 0;
float:left;
}
#footer2{
margin:25px 40px 0 0;
padding:0px;
border: 0;
text-align:right;
font-size: 12px; /* enables you to easily size text with ems */
color: #00228E;
}
#footer2 a{
color: #00228E;
font-size: 12px;
}
#footer2 a:hover{
text-decoration: underline;
}
#lfooter{
width:29px;
float:left;
background: url(/images/bottomleftcorner.jpg) no-repeat;
margin-left:0px;
}
#cfooter{
width:930px;
float:left;
background: url(/images/bottomstrip.jpg) repeat-x;
margin:0px;
}
#rfooter{
width:29px;
float:left;
background: url(/images/bottomrightcorner.jpg) no-repeat;
margin:0px;
}
#bottomnav {
width: 930px;
height: 50px;
margin:0px;
padding:0px;
background-color: #00228E;
float:left;
border-top: 2px solid #cb7214;
position:relative;
}
#bottomnav ul{
float:left;
margin:0 0 0 65px;
}
#bottomnav ul#collinks {
margin:0 0 0 87px;
}
#bottomnav li{
margin-right:9px;
list-style-type: none;
display:inline;
font-size: 14px;
line-height:50px;
}
#bottomnav a{
color:#fff;
}
#bottomnav a:hover{
text-decoration: underline;
}
#weblinks {
position:absolute;
top:3px;
left:8px;
}
#islandlinks {
position:absolute;
top:3px;
left:421px;
}
#footer li {
margin-right:9px;
list-style-type: none;
display:inline;
}
.designed {margin: 25px 0 0 80px;}
.designed a{
float:left;
border:0;
background: url(http://www.tasteofaloha.com/mixplatelogos.jpg) no-repeat;
text-indent: -999em;
display: block;
height: 48px;
overflow: hidden;
}
.designed li{
position: relative;
float:left;}
.designed ul{
list-style-type: none;
margin: 0px;
padding: 0;}
#mixbut a { background-position: 0 0; width: 228px; }
#mixbut a:hover { background-position: 0 -48px; width: 228px; }
/* Results Page
=====================================================================*/
#leftinsideresults {
width: 578px;
height: 1231px;
margin: 0 auto 0 auto;
border: 0;
float: left;
background-color:#ffffff;
}
#leftinsideresultsblog {
width: 578px;
margin: 0 auto 0 auto;
height:100%;
border: 0;
float: left;
background-color:#ffffff;
}
#rightinsideresults {
margin: 0 auto 0 auto;
border: 0;
width: 352px;
height: 1231px;
background-color: #F5F5F5;
float: left;
}
#rightinsideresultsblog {
margin: 0 auto 0 auto;
border: 0;
width: 352px;
float: left;
}
#leftinsideresults1 {
width: 578px;
height: 59px;
margin: 0 auto 0 auto;
border: 0;
float: left;
background-color:#ffffff;
}
#rightinsideresults1 {
margin: 0 auto 0 auto;
border: 0;
width: 352px;
height: 59px;
background-color: #F5F5F5;
float: left;
}
#topresults {
width: 930px;
height: 162px;
margin: 0 auto 0 auto;
border: 0;
background: url(/images/header.jpg) no-repeat;
position:relative;
}
input.searchy {
margin: 0 0 0 67px;
}
#aboutcon {
width:870px;
height:1112px;
margin:0;
border:0;
float:left;
background: #ffffff url(/images/resultswhiteback.jpg) repeat-x;
padding:30px;
color: #666;
line-height:20px;
}
#btnSearch{
vertical-align: -50%;
}
#greetingresults, #greetingresultsres {
background: url(/images/resultswhiteback.jpg) repeat-x;
margin: 0 auto 0 auto;
border: 0;
width: 578px;
float: left;
height: 1231px;
padding:0;
color:#052d73;
}
#greetingresultsresblog {
height:100%;min-height:100%;padding:25px;margin-top:25px;
}
#greetingresultsres{
padding:25px 0 0 20px;
}
#greetingresults table, #greetingresultsres table {
color: #666666;
}
#greetingresults a, #greetingresultsres a{
font-weight: bold;
font-size: 16px;
}
#greetingresults a:hover, #greetingresultsres a:hover{
text-decoration: underline;
}
#greetingresults td, #greetingresultsres td{
padding: 15px;
}
.wspace{
border-bottom: 5px solid #fff;
width:350px;
}
.wspace1 {
border-bottom: 5px solid #fff;
width:130px;
}
#greetingresults td.pagi, #greetingresultsres td.pagi {color:#00228E; text-align:right; margin-right:15px; font-size:13px;}
#greetingresults td.pagi, #greetingresultsres td.pagi a{font-size:13px;}
#h1float {
float:left;
}
#greetingresults h1, #greetingresultsres h1{
text-transform: capitalize;
font-size:20px;
margin-left:15px;
}
#greetingresults #nomarg{
font-size:28px;
margin-left:0px;
}
#rightinsidetop{
width:352px;
height:59px;
background: url(/images/rightnavmenu1.jpg) no-repeat;
margin:0px;
padding:0px;
float:left;
}
#rightinsidetop table{
padding:0px;
margin:14px 0 0 25px;
}
#sebutton {
margin-left:12px;
}
#rightinsidetopbottomresults {
border: 0px;
width: 352px;
height: 1172px;
background: url(/images/resultsgreyback.jpg) no-repeat;
float: left;
}
#rightinsidetopbottomresultsblog {
border: 0px;
width: 312px;
padding:20px;
float: left;
}
#rightinsidetopbottomresults img{
margin:0 0 5px 0;
padding:0;
}
#rightinsidetopbottomresultsblog img{
margin:0 0 5px 0;
padding:0;
}
.orange {
color:#cb7214;
font-weight:bold;
}
/* Restaurant Page
=====================================================================*/
#toprestaurant {
width: 930px;
height: 162px;
margin: 0 auto 0 auto;
border: 0;
background: url(/images/header.jpg) no-repeat;
position:relative;
}
#map {
z-index:1;
width: 328px;
height: 250px;
border: 2px solid #fff;
margin-bottom:7px;
}
.sidemenu {
overflow: auto;
height: 350px;
width: 332px;
margin-bottom:7px;
background: url(/cuisinesearchshade1.png) repeat-x scroll;
}
.sidemenu ul{
padding: 0px;
margin: 0px;
float:left;
list-style-type: none;
text-align:left;
}
.sidemenu li{
width: 155px;
height: 30px;
margin: 0;
padding: 0;
list-style-type: none;
}
.sidemenu li a{
display: block;
width: 155px;
line-height: 30px;
font-weight: bold;
text-decoration: none;
text-align: center;
}
.sidemenu li a:hover{
color: #FFF; /* white */
background-color: #00228E;
}
.sidemenutype {
overflow: auto;
height: 350px;
width: 332px;
background: url(/cuisinesearchshade1.png) repeat-x scroll;
}
.sidemenutype ul{
padding: 0px;
margin: 0px;
float:left;
list-style-type: none;
text-align:left;
}
.sidemenutype li{
width: 155px;
height: 30px;
margin: 0;
padding: 0;
list-style-type: none;
}
.sidemenutype li a{
display: block;
width: 155px;
line-height: 30px;
font-weight: bold;
text-decoration: none;
text-align: center;
}
.sidemenutype li a:hover{
color: #FFF; /* white */
background-color: #00228E;
}
#rightinsidetopbottom {
border: 0px;
padding-left:10px;
width: 352px;
height: 1172px;
background: url(/images/resultsgreyback.jpg) no-repeat;
float: left;
}
#rest_details{
width: 515px;
padding:25px 0 0 20px;
}
#more_rest_details {
width: 100%;
background: url(/images/side_gray.jpg) repeat-y;
padding-top:3px;
}
#rest_details ul{
margin-left: 0px;
padding-left: 0px;
}
#rest_details ul#title {
background: url(/images/blue_fade.jpg) no-repeat;
padding:10px;
width: 515px;
}
#more_rest_details table{
background-color:white;
width:535px;
border-collapse: collapse;
margin:0 0 20px 20px;
padding:0;border: 1px solid #d3d3d3;
}
#more_rest_details td{
margin:0;
padding:10px 10px 10px 20px;
vertical-align: top;
border: 1px solid #d3d3d3;
color: #052d73;
background: url(/images/light_blueback.jpg) repeat-x bottom;
}
#rest_details li {
list-style-type: none;
display:block;
width:495px;
padding:10px;
line-height:23px;
}
#more_rest_details .descript {
color: #666;
font-size: 13px;
font-weight: normal;
}
#rest_details #descdark {
background-color:#d7e8f2;
}
#restaurant_name {
margin:25px 0 0 35px;
float:none;
color:#A6B6C9;
}
#aboutcon a{
text-decoration: none;
font-weight: bold;
color: #00228E;
}
#aboutcon a:hover{
text-decoration: underline;
}
#aboutcon label{
font-weight: bold;
color: #00228E;
}
#conform input{
padding:5px;
width:350px;
}
#aboutcon textarea{
padding:5px;width:350px;
}
#aboutcon input#submit{
padding:0px;
width:103px;
}
.ad {
width:352px;
height:96px;
display:block;
text-indent: -999em;
margin-bottom:6px;
}
#pac {
background: url(http://www.tasteofaloha.com/images/pacohana.jpg) no-repeat;
}
#buzz {
background: url(http://www.tasteofaloha.com/images/buzzhawaii.jpg) no-repeat;
}
#pam {
background: url(http://www.tasteofaloha.com/images/pam.jpg) no-repeat;
}
#payday {
background: url(http://www.tasteofaloha.com/images/payday.jpg) no-repeat;
}