/* --------------------------------------------------------
   ISLAND POINT WINE & SPIRITS by 2BSEEN
   -------------------------------------------------------- */

/* Declare body first of all */

body {
background:#232;
font:normal 62.5% Verdana,sans-serif;
margin-top:0px;
text-align:center;
}


/* ----------------------------
   All headings and versions of 
   ---------------------------- */

h1, h2, h3, h4 {
color:#336;
margin-left:15px;
margin-right:15px;
}

h1 {
margin-top:13px;
font-size:1.7em;
}

h2 {
margin-top:12px;
margin-bottom:8px;
font-size:1.5em;
}

h3 {
margin-top:18px;
font-size:1.3em;	
}

h4 {
margin-top:15px;
margin-bottom:0px;
font-size:1.1em;	
}

h2 a:link, h2 a:visited {
color:#336;
text-decoration:underline;
}

h3 a:link, h3 a:visited {
color:#336;
text-decoration:underline;
}


/* ---------------
   Layout elements
   --------------- */

/* Masthead and descendants */

#masthead {
height:180px;
background:url(images/ip_graphic.gif) no-repeat;
font-size:1.1em;
font-weight:bold;
}

#masthead h1 {
float:left;
margin:0px;
padding:0px;
}

/* Main Logo */
#masthead img {
margin:15px 0px 0px 20px;
}

/* Box holding the Email form */

.getemail {
float:right;
text-align:left;
margin:66px 10px 0px 0px;
}

/* Form items only inside Email Box */

.getemail p {
line-height: 110%;
margin-top:3px;
margin-bottom:3px;
}

.getemail fieldset {
border: 0px solid #FFF;
padding:0px;
}

.invite-text p {
line-height: 110%;
font-size:1.1em;
font-weight:normal;
color:#FFF;
margin-top:5px;
margin-bottom:1px;
}

.getemail input {
margin-top:2px;
margin-left:2px;
border-width:1px;
}

.getemail input.blank {
margin-top:2px;
margin-left:1px;
border-width:1px;
}


/* Container - needed only for faux background */

#container {
width:760px;
margin:6px auto 0px auto;
background:#FFF url(images/container_background.gif) repeat-y;
}


/* Navigation Bar */

#navigation {
height:62px;
background:#352 url(images/navbar_wide.gif) no-repeat;
font-size:1.3em;
font-weight:bold;
text-align:left;
}

#navigation ul {
list-style:none;
margin:0px 0px 10px 122px;
padding:0;
}

#navigation li {
display:inline;
margin:0 22px 0 0;
padding:0;
line-height:170%;
}

#navigation li a:link, #navigation li a:visited {
text-decoration:none;
color:#FFCC99;
}

#navigation li a:hover {
color:#DDA;
}

/* Highlighting the current page */
#home #navigation a.home { 
border-bottom:3px solid #FFCC66;
}

#recipes #navigation a.recipes { 
border-bottom:3px solid #FFCC66;
}

#about #navigation a.about { 
border-bottom:3px solid #FFCC66;
}

#wine #navigation a.wine { 
border-bottom:3px solid #FFCC66;
}

#spirits #navigation a.spirits { 
border-bottom:3px solid #FFCC66;
}

#news #navigation a.news { 
border-bottom:3px solid #FFCC66;
}

#events #navigation a.events { 
border-bottom:3px solid #FFCC66;
}

#links #navigation a.links { 
border-bottom:3px solid #FFCC66;
}


/* The main column and descendants */

#mainCol {
float:right;
width:530px;
font-size:1.1em;
font-weight:normal;
line-height:150%;
color:#333;
text-align:left;
}


#mainCol ul {
list-style:square;
margin:0px 20px 0px -5px;
}

#mainCol li {
display:list-item;
margin-top:6px;
line-height:130%;
}

#mainCol li a:link, #mainCol li a:visited {
text-decoration:none;
color:#036;
}

#mainCol li a:hover {
color:#00F;
}

#mainCol p {
margin:4px 15px 5px 15px;
}

#mainCol h2 {
margin-bottom:1px;
}

#mainCol h3 {
margin-bottom:1px;
}

#mainCol h4 {
margin-bottom:1px;
}

/* Main Column Inset With Picture */

inner-column p {
float:left;
margin:0px 0px 0px 0px;
}

.inner-column img {
float:right;
margin:0px 15px 0px 15px;
}

.feature-block {
background-color:#FFC;
text-align:center;
margin:15px 15px 15px 15px;
padding:15px;
}

#mainCol .feature-block p {
margin:6px 0px 6px 0px;
}

.feature-block h3 {
color:#336;
margin:6px 0px 8px 0px;
}

.winelist p {
margin-top:15px;
}

.wine-name {
font-size:1.2em;
font-weight:bold;
color:#666633;
}

.goldlist {
font-size:1.2em;
font-weight:bold;
color:#996633;
}

.price {
font-size:1.2em;
font-weight:bold;
color:#cc0000;
}

.spacer {
clear:both;
}

/* The left column and descendants */

#sidebar {
float:right;
width:230px;
font-size:1.1em;
font-weight:bold;
line-height:150%;
color:#333;
background:url(images/bottleneck_only.gif) no-repeat;
text-align:left;
}

#sidebar p {
margin:159px 15px 25px 15px;
}

/* Left Column Inset With Map Icon */

#maptext img {
float:left;
margin:6px 0px 30px 7px;
}

#maptext address {
float:right;
font-size:1.0em;
font-weight:normal;
line-height:130%;
margin:3px 13px 30px 0px;
}

/* The footer and descendants */

#footer {
clear:both;
min-height:110px;
font-size:0.9em;
line-height:150%;
color:#CCC;
background:#0456a6 url(images/footer_gradient.gif) top no-repeat;
text-align:left;
}

#footer img {
float:left;
margin:30px 50px 70px 90px;
}


#footer ul {
list-style:none;
margin:0 0 0 0;
padding:20px 0 0 0;
}

#footer li {
display:inline;
margin:0 10px 0 0;
padding:0;
line-height:160%;
}

#footer li a:link, #footer li a:visited {
text-decoration:none;
font-weight:bold;
color:#CCC;
font-size:1em;
}

#footer li a:hover {
color:#CCF;
}

#footer p {
margin:5px 0 3px 0;
}


/* ---------------------
   Contact Form Elements
   --------------------- */

#contactform form { 
  margin:0; 
  padding:0; 
  } 

#contactform fieldset { 
  margin:3px 15px 2px 15px; 
  padding:5px; 
  border:2px solid #9C6;
  background:#FFC;
  font-size:1.1em;
  font-weight:bold;
  color:#666633; 
  }

#contactform legend { 
  background-color: #FFC; 
  margin: 0; 
  padding:5px; 
  border-style:solid; 
  border-width:2px; 
  border-color:#693; 
  } 

#contactform #iname, #contactform #iemail, #contactform #imessage, #contactform #isubject { 
  width:100%; 
  } 

#contactform input, #contactform textarea { 
  margin:5px 0 5px 0;
  border:3px double #693; 
  }

#contactform select {
margin:5px 0 5px 0;
}



/* ---------------------
   Other common elements 
   --------------------- */

abbr {
	
}

/* Turn off borders on image links */

img {
border:0;
}

/* Link states */

a:link {
color:#036;
}

a:visited {
color:#036;
}

a:hover {
color:#00F;
}

a:active {
color:#00F;
}