/*-----------------------------------------------------------------------------
Mercantile Hotel

version:   1.0
author:    ChoiceCuts/Kevin Devine
email:     info@choicecuts.ie
website:   http://www.workwithchoicecuts.com/
date:	   April 2010		
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

/* Remove padding and margin */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Class for clearing floats */
.clear {
	clear:both;
}
.right {float:right;}
.left {float:left;}


/* Remove border around linked images */
img, a img {
	border: 0;
}

ul {list-style-type:none;}
a:link, a:visited {text-decoration:none; color:#94817a;}
a:hover, a:active {text-decoration:underline; color:#3d3f51; }

/* =Body
-----------------------------------------------------------------------------*/

body {
  font: 62.5%/1.6  Arial, Verdana, Helvetica, sans-serif; background:   url(../images/layout/bgFoot.gif) repeat-x left bottom #efefe3; 
  border-top:27px #e2dbcb solid;
  
 
}

/* =Main Content
-----------------------------------------------------------------------------*/
#wrapper {width:950px;  margin:0px auto; position:relative;  }

p#contact-details
{
	color:#94817A;
	font-size:10px;
	left:0;
	line-height:12px;
	position:absolute;
	top:-20px;
}

/* =Headings
-----------------------------------------------------------------------------*/
#logo {padding-top:17px; clear:both; float:left; width:232px; }
#logo a {display:block;  background:url(../images/layout/logo.gif) no-repeat; width:232px; height:47px; text-indent:-9999px;}




/* =Nav
-----------------------------------------------------------------------------*/
 ul#mainNav {float:right; width:642px; margin-right:-8px;}
 ul#legalNav { background:#e2dbcb; float:right; height:14px;  display:block; margin-top:-21px; }
 ul#legalNav li, ul#mainNav li {float:left;}
 ul#legalNav li { padding:0 8px; border-right:1px solid #94817a}
 ul#legalNav li.last {border-right:0px; padding-right:0px;}

#mainNav li a {  display:block; float: left; padding:0 6px; margin-top:25px; background: url(../images/layout/nav.gif) no-repeat 0 5px; height:20px; text-indent:-9999px;}

#magic-line { position: absolute;  left: 0; width: 100px; height: 17px; background: url(../images/layout/navBg.gif) no-repeat 50% 0; }
 
#mainNav li a.home {width:40px; background-position:6px 5px;}
#mainNav li a.home:hover, #p-home #mainNav li a.home  { background-position:6px -14px;} 

#mainNav li a.rooms {width:48px; background-position:-46px 5px;}
#mainNav li a.rooms:hover, #p-rooms #mainNav li a.rooms  { background-position:-46px -14px;} 

#mainNav li a.special {width:100px; background-position:-106px 5px;}
#mainNav li a.special:hover, #p-special #mainNav li a.special  { background-position:-106px -14px;} 

#mainNav li a.location {width:66px; background-position:-220px 5px;}
#mainNav li a.location:hover, #p-location #mainNav li a.location  { background-position:-220px -14px;} 

#mainNav li a.contact {width:83px; background-position:-300px 5px;}
#mainNav li a.contact:hover, #p-contact #mainNav li a.contact  { background-position:-300px -14px;} 

#mainNav li a.food {width:37px; background-position:-394px 5px;}
#mainNav li a.food:hover, #p-food #mainNav li a.food  { background-position:-394px -14px;} 

#mainNav li a.entertainment {width:111px; background-position:-444px 5px;}
#mainNav li a.entertainment:hover, #p-entertainment #mainNav li a.entertainment  { background-position:-444px -14px;} 

#mainNav li a.aboutus {width:53px; background-position:-574px 5px;}
#mainNav li a.aboutus:hover, #p-aboutus #mainNav li a.aboutus  { background-position:-574px -14px;} 



/* =Body
-----------------------------------------------------------------------------*/
 #mainBody {clear:both; float:left; margin-top:17px; width:100%; font-size:110%; color:#94817a; padding-bottom:20px;}
 
 #mainCol {float:left;width:640px; color:#505262; font-size:110%;}
 #mainCol p, #sidebar p {padding:4px 0 5px 0; font-size:12px;}
 #sidebar #booking p {padding:0px;}
 #mainCol h3 {font-size:120%;}
 #mainCol ul {padding:10px;}
 #mainCol li { list-style-type:disc; list-style:inside;}
 
 #sidebar {float:right;  width:300px; display:block; background:url(../images/layout/bookTop.gif) top left no-repeat ; color:#505262;}
 #booking { background:url(../images/layout/bookBot.gif) bottom left no-repeat #6c2418; width:220px; padding:10px 60px 20px 20px; color:#fff; height:300px; margin:10px 0;}
 #booking h2 {text-transform:uppercase; font-weight:bold; font-size:135%;}
 
 .promo a { display:block; width:300px; height:81px; margin-bottom:10px; float:left; text-indent:-9999px;}
 
 .promo a.promo1 {background:url(../images/layout/promo1.jpg) no-repeat;}
 .promo a.promo2 {background:url(../images/layout/promo1.jpg) no-repeat;}
 
 h1 {font-size:17px; font-weight:100; color:#505262; margin:0 0 15px 0 ;}
 
 h1 strong {font-weight:bold;}
 
 #p-home h1 {margin-bottom:30px;}/* sorts out IE bug */
 
 #homeBoxes {clear:both; margin-bottom:30px; border-top:1px solid #c4b1a6; border-bottom:1px solid #c4b1a6; background:url(../images/layout/homeBoxGrad.gif) repeat-x bottom left; float:left;  width:100%;}

 .homebox {position:relative;width:202px; float:left; display:block; background:url(../images/layout/homeBoxBg.gif) no-repeat right 10px; 
 padding:12px 20px 20px 15px;height:230px;}
 
 .homebox.hp
 {
	min-height:190px;
	height:auto;
 }

 .homebox a.more-menu
 {
	position:absolute;
	bottom:5px;
 }

 .homebox p
 {
	margin-bottom:10px;
 }
 
 #homeBoxes.no-top-border { border-top: none; }

 .homebox h2 {color:#6767b1; font-size:14px; font-weight:bold; margin-bottom:8px;}
 .homebox h2 span {color:#6767b1; font-size:11px; font-weight:bold; margin-bottom:8px;}
 .homebox.last {background:none; float:right}
 .homebox .button {display:block; float:left; width:71px; height:25px; background:url(../images/layout/more.gif) left bottom; text-indent:-9999px; margin-top:10px ;}
 .homebox .button.hp-more { position:absolute;bottom:5px; }
 .homebox .button:hover {background-position:left top;}
 
 .homebox a {display:block; float:left; width:71px; height:25px; background:url(../images/layout/more.gif) left bottom; text-indent:-9999px; margin-top:10px ;}
 .homebox a:hover {background-position:left top;}
 
 .fullBox { clear:both; padding-top:16px; }
 .fullBox img { float:left; padding-right:50px; }
 .fullBox p { float:left; padding-right:50px; width:210px; }

 .halfBox {float:left; width:440px;}
 .halfBox.right {float:right;}
 .halfBox h3, .sideInfo h3 {color:#6767b1; font-size:15px; font-weight:bold; margin:8px 0; border-bottom:1px solid #c4b2a7;}
 .fullBox h3, .halfBox h3, .sideInfo h3 {color:#6767b1; font-size:15px; font-weight:bold; margin:8px 0; margin-bottom:15px; border-bottom:1px solid #c4b2a7;}
 .sideInfo h3 {margin:15px 0; padding-bottom:10px;}
 
 
 .awards li {float:left; margin:5px 14px;}
 
 .map {width:630px;height:350px;}
 
/* =Special Offers
-----------------------------------------------------------------------------*/ 
 .offer 
{
	float:left;
	margin-top:30px;
	padding-bottom:0;
	width:100%;
}
 
.offer .left {width:224px;}
.offer .right {width:375px; margin-left:20px;}
 
 .offer img {float:left;}
 .offer h3, .offer p {float:left; width:300px;}
 
.book {display:block; clear:both; float:left; width:226px; height:30px; background:url(../images/layout/book.gif) left bottom; text-indent:-9999px; margin-top:10px ;}
 
 .book:hover {background-position:left top;}
 
 
 


/* =Footer
-----------------------------------------------------------------------------*/
#footer {clear:both; color:#ae9985;  display:block; height:163px; padding-top:25px; }
#footer h3 { font-size:13px; background:url(../images/layout/mercGroup.gif) no-repeat bottom left; padding-bottom:80px; float:left; margin-right:-160px; }

#mercGroup {background:url(../images/layout/mercBg.gif) no-repeat right top; width:770px; float:right; margin-top:32px;}
#mercGroup li {float:left; margin-left:100px;}
#mercGroup li.last {margin-right:0px;}


#fader {
	height: 339px;
	margin-bottom: 20px;
	min-height: 339px;
	visibility: hidden;
}


/* =Slider
-----------------------------------------------------------------------------*/
#mainCol #slider ul, #slider li,
	
#mainCol #slider li { 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:640px;
height:339px;
overflow:hidden; 
display:block; float:left;
padding:0px;
}	

#slider {margin-bottom:20px;}

/* numeric controls */	

ol#controls{
margin:-350px 0 0 10px;
height:28px;	
display:block; float:left;
}
ol#controls li{
margin:0 2px 0 0; 
padding:0;
float:left;
list-style:none;
height:20px;
line-height:20px;
}
ol#controls li a{
float:left;
height:20px;
width:20px;
line-height:20px;
background:#6c2418;
color:#fff;
text-decoration:none;
text-align:center;
}
ol#controls li.current a{
background:#000;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* =Rooms
-----------------------------------------------------------------------------*/
#rooms {
	background: url(../images/layout/roomsTop.gif) no-repeat top left #fff;
	float:left;
	width:910px;
	padding:20px;
	padding-bottom:0px;
	font-size:110%;
	color:#505163;
}
.rooms.clear {background: url(../images/layout/roomsBot.gif) no-repeat bottom left; height:20px; width:100%; margin-bottom:20px;}
#rooms h2 {color:#50525f; text-transform:uppercase; float:right; width:280px; font-size:120%; margin-top:-4px; padding-bottom:10px;}
#rooms h4
{
	color:#6767B1;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}

.roomType li
{
	border-top:1px solid #C9B8B0;
	font-size:12px;
	height:58px;
	line-height:14px;
	padding:10px 0;
}

.roomType {width:280px; float:right;}

#rooms #slider, #rooms #fader, #rooms #slider li {width:580px; height:339px;  float:left;}

#rooms #slider {margin-bottom:0px;}

#rooms ol#controls{
width:200px;	
display:block; float:left;
margin:44px -180px 0 20px
}
#rooms ol#controls li{
margin:0 2px 59px 0;
padding:0;
list-style:none;
height:20px;
line-height:20px; 
clear:both; 

}
#rooms ol#controls li a{
float:left;
height:20px;
width:20px;
line-height:20px;
background:#fff;
color:#fff;
text-decoration:none;
text-align:center;
text-indent:-9999px;
margin-top:-4px;
}
#rooms ol#controls li.current a{
background: url(../images/layout/roomsArrow.gif) no-repeat;
color:#fff;
}

/* =Forms
-----------------------------------------------------------------------------*/

#booking_form, #booking_form  fieldset  { margin:8px 0;}
#booking_form  fieldset {padding-bottom:8px;}
#booking_form select {margin-right:3px;}
.formBlock {float:left; margin-right:25px;}
label {display:none;}
label.visible {display:block;}

#booking_form .button {display:block; float:left; width:89px; height:30px; background:url(../images/layout/search.gif) left bottom; text-indent:-9999px; margin-top:10px ; border:0px; cursor:pointer;}
#booking_form .button:hover {background-position:left top;}

#emailForm {margin:10px 0;}
#emailForm input {border:1px solid #e2dbcb; color:#aea48e; text-transform:uppercase; padding:3px; height:16px; font-size:12px; width:167px; float:left; margin-right:9px;}
#emailForm .button {display:block; float:right; width:71px; height:25px; background:url(../images/layout/send.gif) left bottom; text-indent:-9999px;  border:0px; cursor:pointer;}
#emailForm .button:hover {background-position:left top;}
 
#mainCol form input { border:1px solid #e2dbcb; color:#aea48e; text-transform:uppercase; padding:3px; height:16px; font-size:12px; width:400px; }
#mainCol form textarea { border:1px solid #e2dbcb; color:#aea48e; text-transform:uppercase; padding:3px; font-size:12px; width:400px; }
#mainCol form input.submit-button { border:1px solid #FFF; color:#aea48e; text-transform:uppercase; padding:3px; height:30px; font-size:12px; width:150px; }


/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 0px solid transparent;
}

form {margin:0;padding:0;}

select {height:20px; font-size:12px; color: #666666; }

iframe {margin:20px 0;}

/* =Tables
-----------------------------------------------------------------------------*/


td {
  text-align: left;
	font-weight: normal;
}

#p-entertainment .listings
{
	display:none;
}

#p-entertainment .listings a
{
	color:#FFFFFF;
	display:block;
	font-size:11px;
	margin-bottom:15px;
	text-align:center;
	text-decoration:underline;
}

/* = Gig
-----------------------------------------------------------------------------*/
#gig-section {
	margin-bottom: 30px;
}

#gig-section a
{
	color:#94817A;
}

#gig-section a:hover
{
	color:#FFF;
}

.gig-container {
	background-color:#282828;
	margin-bottom:15px;
	padding:10px;
}

.gig-image {
	float: left;
	padding-right: 10px;
	width: 100px;
}

.gig-copy {
	float: left;
	width: 510px;
}

.gig-title
{
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:2px solid #555;
}

.gig-copy h2 {
	float: left;
	font-size: 18px;
}

.gig-copy  h3 {
	float: right;
	padding-top: 5px;
	text-align: right;
	width: 150px;
}

.gig-copy p {
	padding: 0px;
}

.gig-copy a {
	font-weight: bold;
}


/* = Entertainment
-----------------------------------------------------------------------------*/
body#p-entertainment {
background-color:#333; border-top-color:#282828; color:#fff;
}

#p-entertainment #mainCol {color:#fff;}

#p-entertainment ul#legalNav {background-color:#282828;}

#p-entertainment ul#legalNav li {border-right-color:#6c6c6c;}

#p-entertainment ul#legalNav li a:hover, #p-entertainment p#contact-details a:hover { color: #FFF; }

#p-entertainment #mainNav li a {background-image:url("/wp-content/themes/the_merc/images/layout/ent-nav.gif");}

#p-entertainment #logo a {background-image:url("/wp-content/themes/the_merc/images/layout/ent-logo.gif"); }
#p-food #logo a {background-image:url("/wp-content/themes/the_merc/images/layout/logo-bargrill.gif"); }

#p-entertainment #magic-line {background-image:url("/wp-content/themes/the_merc/images/layout/ent-navBg.gif");}



#ent {
background:url("/wp-content/themes/the_merc/images/layout/entTop.gif") no-repeat scroll left top #282828;
color:#505163;
float:left;
font-size:110%;
padding:10px 20px 0;
width:909px;
}

.ent.clear {
background:url("/wp-content/themes/the_merc/images/layout/entBot.gif") no-repeat scroll left bottom;
height:15px;
margin-bottom:20px;
width:100%;
}

#ent h2 {
color:#d7ae6c;
float:left;
font-size:150%;
width:480px;
}

#p-entertainment h1 {color:#d7ae6c;}


#p-entertainment #sidebar {background:none;}

.promo a.promo3 {
background:url("/wp-content/uploads/2010/04/entpromo1.jpg"); height:118px;
}

.promo a.promo4 {
background:url("/wp-content/uploads/2010/04/entpromo2.jpg") ;height:99px;
}


.promo a.promo5 {
background:url("/wp-content/uploads/2010/04/entpromo3.jpg"); height:150px;
}


/* =Special Offer Stubs
-----------------------------------------------------------------------------*/
.special-stub {
	height: 80px;
	min-height: 80px;
	width: 300px;
}

#sidebar .special-stub p.title {
	color:#000000;
	display:block;
	font-size:25px;
	font-weight:bold;
	left:4px;
	position:relative;
	top:-93px;
}

#sidebar .special-stub p.title span {
	color:#FFFFFF;
	display:block;
	font-size:25px;
	font-weight:bold;
	left:-2px;
	position:relative;
	top:-42px;
}


#sidebar .special-stub p.sub-title {
	color:#000000;
	display:block;
	font-size:45px;
	font-weight:bold;
	left:3px;
	position:relative;
	top:-162px;
}

#sidebar .special-stub p.sub-title span {
	color:#FFFFFF;
	display:block;
	font-size:28px;
	font-weight:bold;
	left:2px;
	position:relative;
	top:-129px;
}


span.sub-text {
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
}
.special-stub h5 {
	color: #D7AE6C;
	font-size: 46px;
	font-weight: bold;
	padding-left: 10px;
	position: relative;
	top: -97px;
}


/* = Facebook Sidebar
-----------------------------------------------------------------------------*/
#facebook-container {

	background-color:#282828;
	margin-bottom:15px;
	padding:5px;
	position:relative;
}

#facebook-container iframe
{
	margin-top:0px;
}

#facebook-container h2 {
	font-size: 16px;
	margin-bottom: 4px;
	color:#D7AE6C;
}

#facebook-container h2 a {
	color: #FFF;
}

/* = Upcoming gigs
-----------------------------------------------------------------------------*/
#upcoming-container {

	background-color:#282828;
	margin-bottom:15px;
	padding:5px;
}

#upcoming-container h2 {
	font-size: 16px;
	margin-bottom: 4px;
	color:#FFF;
}

#upcoming-container table
{
	width:290px;
	margin-bottom:5px;
}

#upcoming-container table tr th
{
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}

#upcoming-container table tr td
{
	font-size:11px;
	border-bottom:1px solid #555555;
	font-weight:normal;
	margin-bottom:5px;
	padding-bottom:5px;
	text-align:left;
	color:#CCC;
}

#upcoming-container table tr td a
{
	color:#CCC;
	font-weight:bold;
}

#hideshow-poster
{
	color:#FFF;
	font-weight:bold;
	margin-top:3px;
}

/* = Twitter Sidebar
-----------------------------------------------------------------------------*/
#twitter-container {
	background-color: #282828;
	margin-bottom: 15px;
	padding: 5px;
	position:relative;
}
#twitter-container h2 {
	font-size: 16px;
	margin-bottom: 4px;
	color:#D7AE6C;
}
#twitter-container h2 a {
	color: #FFF;
}
#twitter-container dl {
	background-color: #FFF;
	padding: 10px;
}
#twitter-container dl dt {
	color:#000000;
	font-size:11px;
	font-weight:bold;
}
#twitter-container dl dd {
	border-bottom:1px dotted #555555;
	font-size:12px;
	line-height:15px;
	margin-bottom:10px;
	padding-bottom:10px;
	text-transform:capitalize;
}

.social-media-link
{
	position:absolute;
	top:5px;
	right:5px;
}

/* = Ents Newsletter
-----------------------------------------------------------------------------*/
#ents-newsletter {

	background-color:#282828;
	margin-bottom:15px;
	padding:5px;
}

#ents-newsletter h2 {
	font-size: 16px;
	margin-bottom: 4px;
	color:#FFF;
}

#ents-newsletter p
{
	color:#CCC;
	line-height:14px;
	padding:0px;
	margin-top:0px;
	margin-bottom:10px;
}

#ents-newsletter table
{
	width:290px;
}

#ents-newsletter table tr th
{
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
}

#ents-newsletter table tr td
{
	color:#CCCCCC;
	font-size:12px;
	font-weight:normal;
	height:30px;
	text-align:left;
}

.ents-newsletter-field
{
	border:0 none;
	padding:2px 3px;
	width:170px;
}