/*
Theme Name: Commonwealth Lounge Blog
Author: Nestor Aceves
Tags: CUSTOM THEME
*/


@charset "utf-8";
/* CSS Document */

body {
	width:100%;
	margin:0px;
	background:#000;
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#a97f37;
	}
#intro-bg
	{
	background: url(images/intro-bg.jpg) top center repeat-x #000;
	position:relative;
	width:100%;
	}
	
@font-face {
  font-family: "Copperplate Gothic Bold";
  src: url(http://www.commonwealthlounge.com/COPRGTB.TTF) format("truetype");
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

#flash-intro {
	position:relative;
	width:675px;
	height:275px;
	padding:7px 0px 0px 0px ;
	margin: 0 auto 0 auto;
	}
#intro-wrap {
	position:relative;
	width:675px;
	height:452px;
	margin: 0 auto 0 auto;
	}
#newport-wrap {
	position:relative;
	width:700px;
	margin: 0 auto 0 auto;
	}
.newport-content {
	float:left;
	padding-bottom:10px;
	width:680px;
	}
.intro-content {
	padding:10px;
	background:url(images/black.png);
	}
#index-icon-1 {
  float:left;
  width:317px;
  height:437px;
  margin: 12px 0px 0px 0px;
  background: url(images/fullerton1.jpg);
}

#index-icon-1 a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}

#index-icon-1 a:hover {
  text-decoration:none;
  background: url(images/fullerton2.jpg);
}

#index-icon-2 {
  float:right;
  width:317px;
  height:437px;
  margin: 12px 0px 0px 0px;
  background: url(images/newport1.jpg);
}

#index-icon-2 a {
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
}

#index-icon-2 a:hover {
  text-decoration:none;
  background: url(images/newport2.jpg);
}

/* MAIN LAYOUT */

/* header */
#header-bg { /* HEADER BG DIV CONTAINING HEADER DIV */
	position:relative;
	background:url(images/header.jpg) top center repeat-x;
	width:100%;
	height:171px;
	text-align: center;
	}
#header {
	background:url(images/header2.jpg);
	position:relative;
	width:990px;
	height:171px;
	margin-left:auto;
	margin-right:auto;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	color:#E0E0E0; 
	}
	
#newport {  /* BOX AT TOP OF BANNER  */
	background:#000;
	color:#c23700;
	font-size:16px;
	letter-spacing:2px;
	position:relative;
	margin: 10px 0px 0px 400px;
	width:400px;
	padding:10px;
	text-align:center;
	border:double 4px #530001;
	}

#shefs-corner { /* CHEF´S CORNER LINK ABOVE NAV BAR */
	position:relative;
	width: 969px;
	height:36px;
	margin:10px 0px 0px 0px;
	padding:74px 20px 0px 0px;
	text-align:right;
	font-size:12px;
	color:#c23700;
	}
#shefs-corner a:link {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#c23700;
	text-decoration:none;
	}
#shefs-corner a:visited {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#c23700;
	text-decoration:none;
	}
#shefs-corner a:hover {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#ffffff;
	text-decoration: none;
	}
/* end header */

/* main navigation */

#navigation{ position:relative; height:24px; color:#cacaca; font-family: "Copperplate Gothic Bold"; font-size:12px; padding:0 0 0 0px; margin: 34px 0px 0px 20px; letter-spacing:1px;}
#navigation ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#navigation ul li{display:block;float:left;margin:0 1px; color:#cacaca; font-family:"Copperplate Gothic Bold";}
#navigation ul li a{display:block; float:left; color:#cacaca;text-decoration:none; padding:0 0 0 15px;height:24px; font-family:"Copperplate Gothic Bold";}
#navigation ul li a span{padding:6px 15px 0 0; height:18px;float:left; color:#cacaca; font-family:"Copperplate Gothic Bold";}
#navigation ul li a:hover{color:#ffffff;background:#3f0309; font-family:Verdana, Geneva, sans-serif;}
#navigation ul li a:hover span{display:block;width:auto;cursor:pointer; color:#ffffff; font-family:"Copperplate Gothic Bold";}

.body-links { font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#feb83f; text-decoration:none;}
.body-links  a:link {font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#feb83f; text-decoration:none;}
.body-links  a:visited {font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#feb83f; text-decoration:none;}
.body-links  a:hover {font-family: Verdana, Geneva, sans-serif; font-size:12px; color:#ffffff; text-decoration:none;}
/* end main navigation */

.wine-list {
	list-style-type: none;
	margin:0px;
	padding:0px;
	}

.menu-list ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
ul.menu-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
strong {
		letter-spacing:2px;
			color:#d5a03a;
	}

/* main content wrap */
#content-wrap {
	position:relative;
	width: 950px;
	margin: 0 auto 0 auto;
	padding: 0px 20px 30px 20px;
	}
/* end main content wrap */
	
/* footer */
#footer {
	position:relative;
	background:	url(images/footer-bg.jpg) top center repeat-x #1a100e;
	padding: 10px 0px 0px 0px;
	height: 75px;
	width: 100%;
	text-align:center;
}
#footer-elements {
	position:relative;
	width:990px;
	margin: 0 auto 0 auto;
	text-align:center;
	}
#bottom-navigation {
	float:left;
	width:990px;
	text-align:center;
	}

#bottom-links {
padding:0;
margin:0;
color:#cacaca;
font-family: "Copperplate Gothic Bold";
white-space:nowrap;
list-style-type:none;
}
#bottom-links li {display:inline;}
#bottom-links li a
{
padding:0.2em 1em;
background:#000000;
color:#cacaca;
text-decoration:none;
border:1px solid #000;
}
#bottom-links li a:hover
{
background:#3f0309;
color:#ffffff;
}
#social-media {
	float:left;
	text-align:center;
	width:990px;
	padding: 20px 0px 20px 0px;
	}
#cmw-logo {
	float:left;
	width:100px;
	margin: 0px 10px 0px 300px;
	border-right: solid 1px #1f1f1f ;
	text-align:left;
	}
#reserve-tex {
	float:left;
	width:400px;
	height:31px;
	text-align:left;
	padding: 10px 0px 0px 0px;
	}
#media-logos {
	float:left;
	width:400px;
	height:40px;
	text-align:left;
	padding: 10px 0px 0px 0px;
	}
.media-logos {
	margin-right:5px;
	}
.small-text {
	float:left;
	font-size: 10px;
	color: #59452d;
	}

.bottom-nav { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#967042; text-decoration:none;}
.bottom-nav a:link {font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#967042; text-decoration:none;}
.bottom-nav a:visited {font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#967042; text-decoration:none;}
.bottom-nav a:hover {font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#ffffff; text-decoration:none;}

.small-text { font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#765834; text-decoration:none;}
.small-text a:link {font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#765834; text-decoration:none;}
.small-text a:visited {font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#765834; text-decoration:none;}
.small-text a:hover {font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#ffffff; text-decoration:none;}
/* end footer */

/* background divs */
#container {
	position:relative;
	background:url(images/bg.jpg) top center repeat-x #110202;
	width: 100%;
	margin: 0 auto;
	}
#container-red {
	position:relative;
	background:url(images/bg.jpg) top center repeat-x #110202;
	width: 100%;
	margin: 0 auto 0 auto;
	}
#container-cyan {
	position:relative;
	background: url(images/cyan-bg.jpg) top center repeat-x #000000;
	width: 100%;
	margin: 0 auto 0 auto;
	}
#container-yellow {
	position:relative;
	background: url(images/yellow-bg.jpg) top center repeat-x #000000;
	width: 100%;
	margin: 0 auto 0 auto;
	}
#container-green {
	position:relative;
	background: url(images/green-bg.jpg) top center repeat-x #000000;
	width: 100%;
	margin: 0 auto 0 auto;
	}
#empty-div-bottom {
	float:left;
	width:950px;
	}
/* end background divs */
/* END MAIN LAYOUT */
	
/* INDEX LAYOUT */
#slideshow-and-featured {
	position:relative;
	width:950px;
	}
#index-slideshow {
	background: url(images/slideshow-bg.jpg); 
	float:left;
	width:561px;
	height:258px;
	margin:5px 0px 5px 0px;
	padding: 17px 0px 0px 62px;
	}
#featured-events { 
	background: url(images/featured-bg.jpg) #000;
	float:left;
	width:320px;
	height:241px;
	margin:5px 0px 5px 5px;
	padding: 34px 0px 0px 0px;
	}
#nightmenu-happyhr-daily {
	position:relative;
	width:950px;
	}
#late-night-box {
	background:url(images/late-night-menu-box.jpg);
	float:left;
	width:309px;
	height:230px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:14px;
	color:#FFF;
	}
#happy-hr-box {
	background: url(images/happy-hour-box2.jpg);
	float:left;
	width:309px;
	height:230px;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
	font-size:14px;
	color:#FFF;
	}
#late-night-happy-hr-heading {
	background:url(images/header-bg2.jpg) top center repeat-x;
	float:left;
	width:309px;
	height:22px;
	padding: 8px 0px 0px 0px;
	text-align:center;
	}

#daily-event-box {
	background:url(images/daily-events-box.jpg) top left no-repeat #000;
	float:left;
	width:320px;
	height:200px;
	margin: 0px 0px 0px 5px;
	padding: 30px 0px 0px 0px;
	}
/* social media and hours at bottom */
#bottom-content {
	position:relative;
	width:950px;
	height:22px;
	padding:0px 0px 0px 0px;
	border-bottom: dotted 1px #000000;
	border-top: dotted 1px #000000;
	text-align:right;
	}
#mysp-fbook {
	float:right;
	width: 252px;
	height:20px;
	padding:0px 0px 0px 0px;
	border-bottom: dotted 1px #000000;
	border-top: dotted 1px #000000;
	text-align:right;
	}

#hours {
	float:left;
	width:300px;
	text-align:center;
	margin-top:4px;
	font-family: "Copperplate Gothic Bold";
	font-size:14px;
	color:#FFF;
	}
#music {
	float:right;
	width:150px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-align:right;
	margin-top:4px;
	}
.myspace{
	margin-left:10px;
	margin-right:10px;
	}
/* social media and hours at bottom */
/* END INDEX LAYOUT */

/* PAGES LAYOUT */
#page-headings {
	background:url(images/headings-bg.png);
	float:left;
	width:940px;
	height:25px;
	padding: 10px 0px 0px 10px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#a97f37;
	}
#post-content {
	float:left;
	}
#content-left {
	float:left;
	width:670px;
	background:url(images/black.png);
	margin:5px 5px 0px 5px;
	padding: 5px 10px 0px 10px;
	}
#right-margin {
	background: url(images/black.png);
	float:left;
	width:240px;
	margin:5px 5px 0px 0px;
	padding: 5px 0px 0px 5px;
	border-bottom: solid 4px #000;
	border-top: solid 4px #000;
	}
/* PAGES LAYOUT */

/* MENU STYLES */
#menu-slideshow {
	float:right;
	width:691px;
	height:336px;
	margin:5px 0px 10px 6px;
	padding: 0px 0px 0px 0px;
	}
#menu-content {
	background:url(images/black.png);
	float:left;
	width:651px;
	margin:5px 0px 10px 6px;
	padding: 0px 20px 10px 20px;
	}
#menu-header {
	background-color:#000;
	width:220px;
	float:right;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:16px;
	letter-spacing:3px;
	color:#ffffff;
	text-align:right;
	padding: 4px 20px 4px 10px;
	margin-bottom:2px;
	}
#menu-cat {
	background-color:#000;
	width:661px;
	float:right;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:12px;
	letter-spacing:3px;
	color:#ffffff;
	text-align:left;
	padding: 7px 10px 6px 20px;
	margin:0px 0px 0px 6px;
	}
#menu-sub-cat {
	background-color:#000;
	width:620px;
	float:left;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:12px;
	letter-spacing:3px;
	color:#ffffff;
	text-align:left;
	padding: 7px 10px 6px 20px;
	margin:0px 0px 0px 0px;
	}
#menu-item {
	float:left;
	width:614px;
	height:14px;
	padding-top:6px;
	border-bottom: dotted 1px #372423;
	}
#menu-price {
	float:left;
	width:35px;
	height:14px;
	padding-top:6px;
	text-align:center;
	border-bottom: dotted 1px #372423;
	}
#menu-item-description {
	float:left;
	width:614px;
	padding-bottom:15px;
	}

.menu-top-decription {
	font-size:14px;
	font-weight:bold;
	letter-spacing:4px;
	color:#d5a044;
	}
.menu-item {
	width:565px;
	font-size:12px;
	font-weight:bold;
	letter-spacing:4px;
	color:#d5a044;
	/*border-bottom: dotted 1px #372423;*/
	}
.wine-item {
	width:565px;
	font-size:12px;
	letter-spacing:2px;
	color:#d5a044;
	/*border-bottom: dotted 1px #372423;*/
	}
.menu-price {
	width:75px;
	font-size:12px;
	font-weight:bold;
	color:#d5a044;
	padding: 0px 10px 0px 0px;
	text-align:right;
	/*border-bottom: dotted 1px #372423;*/
	}
.menu-item-description {
	font-size:12px;
	}
.menu-sub-cat {
	background-color:#000;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:12px;
	letter-spacing:3px;
	color:#ffffff;
	padding: 7px 10px 6px 20px;
	}
.menu-prices {
	font-weight:bold;
	letter-spacing:3px;
	/*display:block;
	width:100%;
	border-bottom: solid 1px #000;*/
	}
	
/* wine list stiles */
#wine-item {
	float:left;
	width:500px;
	height:14px;
	padding-top:6px;
	border-bottom: dotted 1px #372423;
	}
#wine-glass {
	float:left;
	width:75px;
	height:14px;
	padding-top:6px;
	text-align:center;
	border-bottom: dotted 1px #372423;
	}
#wine-bottle {
	float:left;
	width:75px;
	height:14px;
	padding-top:6px;
	text-align:center;
	border-bottom: dotted 1px #372423;
	}
.wine-prices {
	font-weight:bold;
	letter-spacing:1px;
	}
.wine-items {
	font-weight:bold;
	letter-spacing:2px;
	color:#d5a044;
	}

/* menu navigation */
#left{
	width:250px;
	float:left;
	margin:5px 0px 0px 0px;
}
#left #pages {
	padding:0;
	margin:0;
	margin-top:0px;
}
#left #pages li{
	float:right;
	padding:0;
	margin:0;
	margin-bottom:2px;
	text-align:left;
	list-style:none;
}
#left #pages li a{
	background: url(images/black.png);
	margin:0;
	float:right;
	width:220px;
	padding: 9px 20px 2px 10px;
	color:#feb83f;
	text-decoration:none;
}
#left #pages li a:hover{
	text-decoration:none;
	background:#000;
	color:#ffffff;
	letter-spacing:1px;
}
/* END MENU STYLES */

/* RESERVATIONS PAGE */
#reserve-left {
	float:left;
	width:200px;
	margin-right:10px;
	}
#reservations-right {
	float:left;
	width:930px;
	background:url(images/black.png);
	margin:5px 0px 10px 10px;
	padding: 0px 0px 0px 0px;
	}
/* END RESERVATIONS PAGE */

/* CONTACT PAGE */
#contact-left {
	float:left;
	width:225px;
	margin:5px 0px 0px 5px;
	padding: 5px 10px 50px 10px;
	background:url(images/black.png);
	line-height:1.5;
	}
#contact-right {
	float:left;
	width:670px;
	background:url(images/black.png);
	margin:5px 5px 0px 5px;
	padding: 5px 10px 0px 10px;
	}
/* END CONTACT PAGE */

/* GALLERY PAGE */
#gallery-container {
	float:left;
	width:830px;
	background:url(images/black.png);
	margin:5px 0px 10px 10px;
	padding: 30px 50px 50px 50px;
	}
/* END GALLERY PAGE */

/* PRESS PAGE */
#press-content {
	width:940px;
	float:left;
	border: solid 1px #0b1f26;
	margin: 5px 0px 0px 5px;
	}
#press-single {
	width:920px;
	float:left;
	border: solid 1px #0b1f26;
	margin: 5px 0px 0px 5px;
	padding: 10px;
	background: url(images/black.png);
	}
.press-heading {
	float:left;
	width:926px;
	height:25px;
	font-size:14px;
	letter-spacing:2px;
	background: #000608;
	margin: 2px 0px 0px 2px;
	padding:5px 0px 0px 10px;
	}
.press-article {
	float:left;
	width:916px;
	background:url(images/black.png);
	margin: 4px 0px 0px 2px;
	padding:5px 10px 10px 10px;
	}
.what-did-you-say {
	float:left;
	width:926px;
	height:25px;
	font-size:20px;
	letter-spacing:2px;
	background: #03161a;
	margin: 2px 0px 0px 2px;
	padding:5px 0px 0px 10px;
	font-family: "Copperplate Gothic Bold";
	font-size:14px;
	color:#FFF;
	}
.excerpt-bottom-border {
	border-top: solid 3px #0b1f26;
	}
/* END PRESS PAGE */

/* MISC FORMATS */

.header1 {
	font-size:14px;
	font-weight:bold;
	letter-spacing:2px;
	color:#a97f37;
	}
	
hr {
	height:1px;
	background-color:#000;
	}

img { border: none; } 


a:link, a:visited {
	color:#feb83f;
	text-decoration:none;
	}
a:hover {
	color:#FFF;
	text-decoration:none;
	}

.justified {
	text-align:justify;
	}
	
.floatcontainer:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }
/* MISC FORMATS */