/*------------------------------------------------

Title:			Port Restaurant
Author: 		Pixelcarve Inc.
Author: 		Pixelcarve Inc.
URL: 			http://www.portrestaurant.com

Created:		March 16, 2009
------------------------------------------------*/

/* ----- CSS ----- */

body {
	margin: 0px auto;
	text-align: center;
	background: #000 url(../images/background.jpg) no-repeat top center;
	font-family: Calibri, Arial, Helvetica, Verdana, Tahoma, Sans-Serif;
	}

/* ----- IDS ----- */
#events{
  width: 100%;
  float: left;
  text-align: left;
}

#events .left {
  float: left;
  width: 570px;
  background-color: #151515;
  border: 1px solid #222;
  padding: 10px;
  clear: both;
  margin: 0 0 15px 0;

}

#events .left span, #events .left span a {
  color: #fff;
  font-size: 18px;

}

img#features {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	border: 1px solid #444;
	margin: 15px 5px 10px 35px;
}

#events .left span a {
  text-decoration: underline;
}


#events .right {
  float: right;
  width: 240px;
  font-size: 14px;
}

#events .right a {
  text-decoration: underline;
}



#errors {
  border-top: #660000 1px solid;
  border-bottom: #660000 1px solid;
  background-color: #0d0d0d ;
  color: #ff0000;
  padding: 20px;
  margin-bottom: 20px;
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;

}


#top {
	margin: 50px auto;
	text-align: left;
	width: 1000px;
	}

#container {
	margin: 0px auto;
	text-align: left !important;
	width: 960px;
	font-family: Calibri, Arial, Helvetica, Verdana, Tahoma, Sans-Serif;
	color: #b7b7b7;
	font-size: 13px;
	line-height: 19px;
	}


#left {
	width: 315px;
	float: left;
	}

#left-content {
	width: 480px;
    padding-left: 50px;
	float: left;
	}
	
#right {
	width: 600px;
	float: right;
	margin-right: 10px;
	color: #c8c8c8;
	font-size: 13px;
	line-height: 19px;
	padding-left: 15px;
	margin-top: -20px;
	}

#right h2 {
  margin-top: 10px;
}


#right-content{
	width: 550px;
	float: right;
}


#navigation {
	background: url(../images/nav-bg.png) no-repeat -60px 0px;
	width: 1107px;
	height: 90px;
	margin-bottom: -50px;
    overflow: visible;
	_height: 100px;
	_margin-bottom: 0px;
	}

#navigation ul {
	position: relative;
	top: 60px;
	left: 80px;
	}

#navigation ul li{
    list-style:none;
	position:relative;
	text-align:left;
	display: inline;
	font-family: Calibri, Arial, Helvetica, Verdana, Tahoma, Sans-Serif;
	color: #b7b7b7;
	font-size: 12px;
	}

#navigation ul li a.menu1 {
  display: block;
  background-image: url(../images/menu1.jpg);
  background-repeat: no-repeat;
   width: 109px;
   padding: 10px 0 6px 0;
   text-align: center;
   float:left;
   border-right: 1px solid #747474;
}

#navigation ul li a.menu1:hover {
  background-position: 0px -29px;
	cursor: pointer;
	}

#navigation ul li a.menu2 {
  display: block;
  background-image: url(../images/menu2.jpg);
  	background-repeat: no-repeat;
   width: 109px;
   padding: 10px 0 6px 0;
   text-align: center;
   float:left;
   border-right: 1px solid #747474;
}

#navigation ul li a.menu2:hover {
  background-position: 0px -29px;
	cursor: pointer;
	}

#navigation ul li a.menu3 {
  display: block;
  background-image: url(../images/menu3.jpg);
  	background-repeat: no-repeat;
   width: 109px;
   padding: 10px 0 6px 0;
   text-align: center;
   float:left;
   border-right: 1px solid #747474;
}

#navigation ul li a.menu3:hover {
  background-position: 0px -29px;
	cursor: pointer;
	}

#navigation ul li a.menu4 {
  display: block;
  background-image: url(../images/menu4.jpg);
  	background-repeat: no-repeat;
   width: 109px;
   padding: 10px 0 6px 0;
   text-align: center;
   float:left;
   border-right: 1px solid #747474;
}

#navigation ul li a.menu4:hover {
  background-position: 0px -29px;
	cursor: pointer;
	}

#navigation ul li a.menu5 {
  display: block;
  background-image: url(../images/menu5.jpg);
  	background-repeat: no-repeat;
   width: 109px;
   padding: 10px 0 6px 0;
   text-align: center;
   float:left;
}

#navigation ul li a.menu5:hover {
    background-position: 0px -29px;
	cursor: pointer;
	}

#navigation ul li a.menu6 {
  display: block;
  background-image: url(../images/menu6.jpg);
  	background-repeat: no-repeat;
   width: 109px;
   padding: 10px 0 6px 0;
   text-align: center;
   float:left;
   border-right: 1px solid #747474;
}

#navigation ul li a.menu6:hover {
    background-position: 0px -29px;
	cursor: pointer;
	}

#navigation-home {
	background: url(../images/nav-bg-home.png) no-repeat -60px 0px;
	width: 1107px;
	height: 90px;
	margin-bottom: -50px;
	_margin-bottom: 0;
	} 

#navigation-home ul {
	position: relative;
	top: 60px;
	left: 80px;
	}

#navigation-home ul li{
    list-style:none;
	position:relative;
	text-align:left;
	display: inline;
	font-family: Calibri, Arial, Helvetica, Verdana, Tahoma, Sans-Serif;
	color: #b7b7b7;
	font-size: 12px;
	}

#navigation-home ul li a.menu1 {
  display: block;
  background-image: url(../images/menu1.jpg);
  background-repeat: no-repeat;
   width: 109px;
   padding: 10px 0 6px 0;
   text-align: center;
   float:left;
   border-right: 1px solid #747474;
}

#navigation-home ul li a.menu1:hover {
  background-position: 0px -29px;
	cursor: pointer;
	}

#navigation-home ul li a.menu2 {
  display: block;
  background-image: url(../images/menu2.jpg);
  	background-repeat: no-repeat;
   width: 109px;
   padding: 10px 0 6px 0;
   text-align: center;
   float:left;
   border-right: 1px solid #747474;
}

#navigation-home ul li a.menu2:hover {
  background-position: 0px -29px;
	cursor: pointer;
	}

#navigation-home ul li a.menu3 {
  display: block;
  background-image: url(../images/menu3.jpg);
  	background-repeat: no-repeat;
   width: 109px;
   padding: 10px 0 6px 0;
   text-align: center;
   float:left;
   border-right: 1px solid #747474;
}

#navigation-home ul li a.menu3:hover {
  background-position: 0px -29px;
	cursor: pointer;
	}

#navigation-home ul li a.menu4 {
  display: block;
  background-image: url(../images/menu4.jpg);
  	background-repeat: no-repeat;
   width: 109px;
   padding: 10px 0 6px 0;
   text-align: center;
   float:left;
   border-right: 1px solid #747474;
}

#navigation-home ul li a.menu4:hover {
  background-position: 0px -29px;
	cursor: pointer;
	}

#navigation-home ul li a.menu5 {
  display: block;
  background-image: url(../images/menu5-home.jpg);
  	background-repeat: no-repeat;
    background-position: top right;
   width: 109px;
   padding: 10px 0 6px 196px;
   text-align: center;
   float:left;
}

#navigation-home ul li a.menu5:hover {
    background-position: right -31px;
	cursor: pointer;
	}

#navigation-home ul li a.menu6 {
  display: block;
  background-image: url(../images/menu6.jpg);
  	background-repeat: no-repeat;
   width: 109px;
   padding: 10px 0 6px 0;
   text-align: center;
   float:left;
}

#navigation-home ul li a.menu6:hover {
    background-position: 0px -29px;
	cursor: pointer;
	}


#content {
	margin-top: 30px;
	}

#footer {
	margin-top: 100px;
	width: 950px;
	height: 105px;
	background: url(../images/footer-bg.jpg) no-repeat;
	}

.newspage .date {
  float: left;
  text-align: right;
  width: 170px;
  padding-right: 10px;
}

.newspage .news{
  float: right;
  padding-left: 20px;
  width: 590px;
  border-left: #333 1px solid;
  margin-bottom: 30px;
}

/* ----- CLASSES ----- */

span.colophon {
	color: #505050;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	top: -10px;
	left: 645px;
	}

/* ----- HEADINGS ----- */

h1#logo span{
	display: none;
	}

#logo {
	display: block;
    padding-left: 80px;
	width: 260px;
	height: 107px;
	}
	
h1 {
	}

h2 {
	font-family: Calibri, Arial;
	font-size: 42px;
	font-weight: normal;
	display: block;
	line-height: 50px;
	}
h2.menu {
    margin-top: 5px;
	}
h3 {
	font-family: Calibri, Arial;
	font-weight: normal;
	font-size: 24px;
	line-height: 28px;
	color: #333;
	}

h4 {
	}

/* ----- BUTTONS    ----- */

#make-reservations span {display: none;}
#make-reservations {
	width: 311px;
	height: 143px;
	display: block;
	background: url(../images/reservations.jpg) no-repeat;
	background-position: 0 0;
	border: 1px solid #555;
	}

#make-reservations:hover {
	width: 311px;
	height: 143px;
	display: block;
	background: url(../images/reservations.jpg) no-repeat;
	background-position: 0 -143px;
	}

#view-menu span {display: none;}
#view-menu {
	width: 311px;
	height: 143px;
	display: block;
	background: url(../images/menu.jpg) no-repeat;
	background-position: 0 0;
	border: 1px solid #555;
	}

#view-menu:hover {
	width: 311px;
	height: 143px;
	display: block;
	background: url(../images/menu.jpg) no-repeat;
	background-position: 0 -143px;
	}

/* ----- LISTS ----- */

#footer ul {
	position: relative;
	top: 10px;
	left: 20px;
	}

#footer ul li {
	list-style-type: none;
	display: inline;
	margin-right: 10px;
	}

#footer a {
	color: #505050;
	font-size: 12px;
	font-weight: bold;
    text-decoration: none;
	}

#footer a:hover {
  color: #fff;
}


#menu-choices {
	margin: 10px 0 10px -11px;
	}

#menu-choices li {
	list-style-type: none;
	cursor: pointer;
	display: inline;
	margin-left: 12px;
	}

/* ----- TEXT FORMATTING ----- */

strong {font-weight: bold;}
em {font-style: italic;}
b {font-weight: bold;}
i {font-style: italic;}

/* ----- LINKS ----- */

#top a:link {
	color: #b7b7b7;
	text-decoration: none;
	}

#top a:visited {
	color: #b7b7b7;
	text-decoration: none;
	}

#top a:hover {
	color: #f0f0f0;
	text-decoration: none;
	}

ul#menu-choices a:link, a:visited {
	color: #ccc;
	text-decoration: none;
	}

ul#menu-choices a:hover {
	color: #fff;
	text-decoration: none;
	}

/* ----- MISC ----- */

hr {
	border: 0;
	height: 1px;
}

#bea {
height: 10px;
width: 124px;
height: 124px;
float: right;
margin-top: -90px;
background: transparent url(../images/savour.png) no-repeat;
}

/* ----- ICONS ----- */
ul#social {margin-top: 10px; width: 300px;}
a.facebook {background: transparent url(../images/facebook.png) 0 3px no-repeat; padding: 5px 0 5px 20px;}
a.twitter {background: transparent url(../images/twitter.png) 0 3px no-repeat; padding: 5px 0 5px 20px;}


#brunch {margin-top: -1px; background: #1e1e1e; border-left: 1px solid #333; border-right: 1px solid #333; border-bottom: 1px solid #333; padding: 15px;}
#brunch h3 {color: #fff; font-family: Georgia, "Minion Pro", Garamond; font-variant: small-caps; font-size: 16px; margin: 0 0 -10px 0;}
#brunch h1 {font-size: 18px; font-family: Georgia, Garamond, Caslon, Times; }
#brunch p {font-family: Georgia, Garamond, Caslon, Times; font-style: italic; font-size: 11px; color: #777;}
#toggleBrunch:hover {cursor: pointer;}
sup {font-size: 12px;}

/* Events Page */

.leftimg {
  float: left;
  padding: 2px;
  border: 1px solid #444;
  margin: 0 15px 0 0;
}

#events h4 span.date {
  font-family: Arial;
  font-size: 11px;
  padding: 0 25px 0 15px;
  color: #444;
}

#events .left h4 {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px 0;
  color: #fff;
  border-bottom:  1px solid #333;
  padding: 0 0 5px 0;
}


.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }

.clearfix {display: inline-block;}  /* for IE/Mac */

.events-entry {
  width: 570px;
  padding: 0 0 10px 0;
}

.mceIframeContainer  {
  text-align: left !important;
}