@charset "utf-8";
/*  
Theme Name: Royal 2
Theme URI: http://www.rmh.com.au
Description: Custom theme for Royal Melbourne Hotel.
Version: 2
Author: Nick Jones
Author URI: http://www.beyondcapricorn.com
*/

body {
background-color:#010523;
font-family:Trebuchet MS, Franklin Gothic Medium, Palatino Linotype, Geneva, sans-serif;
font-size:14px;
line-height:1.2em;
color:#fff;
margin:0;
padding:0;
}

div.headcontainer {
width:860px;
height:105px;
text-align:left;
}

div.menu {
width:860px;
height:30px;
background:url(../../../images/menu.gif);
}

div.maincontent {
width:800px;
padding-top:3px;
}

div.sidebar {
float:left;
height:300px;
width:198px;
}

div.rightcontent {
float:left;
width:679px;
margin-right:3px;
}

div.container {
width:800px;
}

div.footer {
float:left;
width:800px;
height:50px;
margin-top:3px;
border-top:1px #FFF solid;
padding-top:5px;
font-family:Helvetica, Verdana, Arial, sans-serif;
font-size:10px;
color:#FFF;
line-height:1.1em;
text-align:left;
}

div.footlogo {
float:left;
width:105px;
}

div.footcontact {
float:left;
width:150px;
}

div.footmenu {
float:right;
vertical-align:text-top;
}

div.frontbox {
width:198px;
height:45px;
background:#111;
border-left:#111 thin solid;
border-right:#111 thin solid;
border-bottom:#111 thin solid;
color:#fff;
font-size:11px;
line-height:1.2em;
padding:4px;
}

div.whatsonbreak {
width:649px;
height:20px;
background:#111;
padding-top:6px;
text-align:center;
vertical-align:middle;
font-size:20px;
font-family:Helvetica, Verdana, Arial, Sans-Serif;
text-transform:uppercase;
font-weight:700;
margin-bottom:3px;
}

div.photobreak {
float:left;
width:145px;
background:#111;
text-align:center;
vertical-align:middle;
font-size:12px;
font-family:Arial, Sans-Serif;
text-transform:uppercase;
font-weight:700;
margin-bottom:3px;
margin-right:3px;
}

div.photobreak2 {
float:left;
width:145px;
height:175px;
background:#111;
text-align:center;
vertical-align:middle;
font-size:12px;
font-family:Arial, Sans-Serif;
text-transform:uppercase;
font-weight:700;
margin-bottom:4px;
margin-right:4px;
}

img.frontboximg {
margin-top:43px;
}

img.indextour {
margin-bottom:3px;
}

img.tourlink {
margin:3px;
}

span.redtext {
color:#df2101;
}

span.greentext {
color:#94F174;
}

a {
color:#e7c76b;
text-decoration:none;
}

a:hover {
color:#a799c2;
text-decoration:underline;
}

a:link h3 {
color:#951400;
border:none;
}

a:link img {
border:0;
}

.gphoto {
font-size:10px;
color:#999;
}

.tourtable {
margin-right:10px;
}

.attachment-thumbnail {
width:100px; height:100px;
}

/*Sidebar*/
.sideleft {float:left; width:200px; padding-right:20px; text-align:left; font-size:12px; color:#e7c76b;}
.standoutlink {background:#df2101; padding:2px; width:200px; margin-bottom:2px;}
.standoutlink2 {background:#39599c; padding:2px; width:200px; margin-bottom:2px;}
.standoutlink3 {background:#0053ff; padding:2px; width:200px; margin-bottom:2px;}
.standoutlink a {color:#000;}
.standoutlink2 a {color:#000;}
.standoutlink3 a {color:#000;}

/*Main Content*/
#maintext {width:495px; height:250px; color:#e6e6e6; font-size:13px; line-height:1.2em; font-family:Trebuchet MS, Franklin Gothic Medium, Palatino Linotype, Geneva, sans-serif; text-align:left; padding:10px;}

#maintext li {list-style:disc;}

.gallery-caption {font-size:10px; margin-bottom:-10px;}

/*Featured Posts*/
#slider1 {
    width: 846px; /* important to be same as image width */
    height: 200px; /* important to be same as image height */
    position:relative; /* important */
	overflow: hidden; /* important */
	margin:0 0 -12px 0;
	padding:0;
}

#slider1Content {
    width: 760px; /* important to be same as image width or wider */
    position: relative;
	margin: -12px 0 0 0;
}
.slider1Image {
    float: right;
    position: relative;
	display: none;
}

.slider1Image a {color:#0d83cb;}

.slider1Image span {
    position: absolute;
	font: 12px Arial, Helvetica, sans-serif;
    padding: 5px 13px;
    width: 394px;
    color: #fff;
    display: none;
	margin:0 0 5px 0;
}
.clear {
	clear: both;
}
.slider1Image span strong {
display:none;
    line-height:1.1em;
	font-size:12px;
	color:#000;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 200px !important;
	
}
.right2 {
right: 0;
	bottom: 0;
	
}
ul { list-style-type: none;}

#slider2 {
    width: 800px; /* important to be same as image width */
    height: 200px; /* important to be same as image height */
    position:relative; /* important */
	overflow: hidden; /* important */
	margin:0 0 -12px -20px;
	padding:0;
}

#slider2Content {
    width: 600px; /* important to be same as image width or wider */
    position: relative;
	margin: -12px 0 0 -20px;
}
.slider2Image {
    float: right;
    position: relative;
	display: none;
}

.slider2Image a {color:#0d83cb;}

.slider2Image span {
    position: absolute;
	font: 12px Arial, Helvetica, sans-serif;
    padding: 5px 13px;
    width: 394px;
    background:none;
    color: #fff;
    display: none;
	margin:0 0 5px 0;
}
.clear {
	clear: both;
}
.slider2Image span strong {
    line-height:1.1em;
	font-size:12px;
	color:#FFFFFF;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:900;
}

/*Menu CSS*/
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

#mmmenu {
	margin: 0; /* all lists */
	padding: 0;
}

#mmmenu ul {
	margin: 0; /* all lists */
	padding: 0;
}

#mmmenu li {
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	background: #FFF;
	margin:0 1px 2px 1px;
	width: 85px;
}

#mmmenu li.active {
	background:#e7c76b;
}

#mmmenu li ul {
	width: 12em;
	position: absolute; /* second-level lists */
	z-index: 99;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	height: auto;
	width: 11.5em;
	
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

#mmmenu li ul ul {
	margin: -2em 0 0 11em; /* third-and-above-level lists */
}

#mmmenu li li {
	padding: 0 1em 0 0;
	margin: 0;
	width: 10.4em;
	margin:0;
}

#mmmenu ul a {
	width: 10.8em;
	w\idth: 6.8em;
}

#mmmenu li:hover ul ul, #mmmenu li:hover ul ul ul,
#mmmenu li.sfhover ul ul, #mmmenu li.havechildsfhover ul ul, #mmmenu li.havechild-activesfhover ul ul, #mmmenu li.activesfhover ul ul,
#mmmenu li.sfhover ul ul ul, #mmmenu li.havechildsfhover ul ul ul, #mmmenu li.havechild-activesfhover ul ul ul, #mmmenu li.activesfhover ul ul ul {
	left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#mmmenu li:hover ul, #mmmenu li li:hover ul, #mmmenu li li li:hover ul,
#mmmenu li.sfhover ul, #mmmenu li.havechildsfhover ul, #mmmenu li.havechild-activesfhover ul, #mmmenu li.activesfhover ul,
#mmmenu li li.sfhover ul, #mmmenu li li.havesubchildsfhover ul, #mmmenu li li.havesubchild-activesfhover ul, #mmmenu li li.activesfhover ul,
#mmmenu li li li.sfhover ul, #mmmenu li li li.havesubchildsfhover ul, #mmmenu li li li.havesubchild-activesfhover ul, #mmmenu li li li.activesfhover ul {
	left: auto;
}

/* STYLING THE MENU
-----------------------------------*/
/* 1st level */
#mmmenu li a { 
	display: block;
	text-decoration: none;
	font-size: 10px;
	color: #FFF;
	padding: 2px 10px;
	text-transform: uppercase;
	background:#5a516b;
	font-weight:900;
}

#mmmenu li a:hover,
#mmmenu li a:active,
#mmmenu li a:focus {
	background:#e7c76b;
	color:#0c0222;
}

#mmmenu li:hover a,
#mmmenu li.sfhover a,
#mmmenu li.havechildsfhover a,
#mmmenu li.havechild-activesfhover a {
	background:#e7c76b;
	color:#0c0222;
}

#mmmenu li.active {
}

#mmmenu li.active a {
	color: #FFFFFF;
}

#mmmenu li a.active:hover,
#mmmenu li a.active:active,
#mmmenu li a.active:focus {
	color: #FFFFFF;
}

/* 2nd level and above */
#mmmenu li ul {
	background:#FFF;
	color:#666666;
}

#mmmenu li ul ul {
	
}

#mmmenu li ul li {
}

#mmmenu li ul a {
	border-right: none;
	margin: 0;
	padding: 3px 5px;
	background: none !important;
	font-weight: normal;
	font-size: 92%;
	white-space: nowrap;
	color: #666666 !important;
}

#mmmenu li.havesubchild,
#mmmenu li.havesubchild-active {
	background: url(../images/arrow-1.gif) no-repeat 95% 50%;
}

#mmmenu li ul a:hover,
#mmmenu li ul a:active,
#mmmenu li ul a:focus,
#mmmenu ul li:hover,
#mmmenu ul li.sfhover,
#mmmenu ul li.havesubchildsfhover,
#mmmenu ul li.havesubchild-activesfhover,
#mmmenu ul ul li:hover,
#mmmenu ul ul li.sfhover,
#mmmenu ul ul li.havesubchildsfhover,
#mmmenu ul ul li.havesubchild-activesfhover {
	background: #e44044;
	color: #FFFFFF !important;
	padding-top:0;
}

#mmmenu ul li a.active {
	background: none !important;
	color: #FFFFFF !important;
	font-weight: bold !important;
}

#mmmenu ul li a.active:hover,
#mmmenu ul li a.active:active,
#mmmenu ul li a.active:focus {
	color: #FFFFFF !important;
}

.boxhead {height:20px; text-indent: -3000px; padding:0; margin:0 0 -11px 10px;}

/* Food Menu CSS */
div#menu{ margin-top:5px;
    font: 16px Arial,sans-serif;text-align:left;}
h2{margin: 1em auto 0.3em;color: #FFFFFF;
    font-size: 14px;text-align:center}

#menu dl{width: 100%;overflow: auto;margin: 0 0 .5em;
    background: url(images/dots.gif) repeat-x 0 1.2em;}
#menu dt,#menu dd.price{font-size: 12px;font-weight: bold;}
#menu dt{float: left;padding-right: 3px;color: #FFFFF;}
#menu dd{margin:2px 0px 0px 0px;}
#menu dd.price{float: right;padding-left: 3px;color: #AAA;}
#menu dd.ingredients{float: left;width: 100%;padding: 3px 0;
   font: italic 12px Arial,sans-serif;color: #AAA;}
   
input { 
 background-color: #120021;
 border:1px solid #e7c76b;
 color:#FFFFFF;
}

input.gobutton	{
	background:#e7c76b; 
	color:#120021;
	font-size:14px;
	margin:5px 5px 0 0;
	text-align:center;	 
}