@charset "utf-8";
/*  
Theme Name: la di da
Theme URI: http://www.ladidapeople.com
Description: Custom theme for la di da.
Version: 4
*/

body {
background-color:#000000;
font-family:Helvetica, Arial, Helvetica, Geneva, sans-serif;
font-size:12px;
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:138px;
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;
border:1px solid #CCCCCC;
margin:0 2px 2px 0;
}

div.photobreak2 {
float:left;
width:138px;
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;
border:1px solid #CCCCCC;
margin:0 2px 2px 0;
}

div.photobreak3 {
float:left;
width:138px;
height:190px;
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;
border:1px solid #000;
margin:0 2px 2px 0;
}

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

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

img.tourlink {
margin:3px;
}

span.redtext {
color:#df2101;
}

span.greentext {
color:#94F174;
}

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

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:130px; height:130px;
}

/*Sidebar*/
.sideleft {float:left; width:200px; padding-right:20px; text-align:left; font-size:12px; color:#FF0000;}
.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:#EBEBEB; font-size:14px; line-height:1.2em; font-family:Arial, Helvetica, sans-serif; text-align:left;}

.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;
	background-color: #df2101;
    display: none;
	margin:0 0 5px 0;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    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: 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;
}

#slider2Content {
    width: 714px; /* important to be same as image width or wider */
    position: relative;
	margin: -12px 0 0 0;
}
.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:0px; /* all lists */
	padding:0px;
}

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

#mmmenu li {
	float: left;
	display: block;
	padding:0px;
	margin:0px;
	background: #141414;
}

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

#mmmenu li ul {
	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;
	text-align:left;
	margin-bottom:5px;
}

#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: #FF0000;
	padding: 0px 13px 2px 13px;
	text-transform: uppercase;
	background:#000000;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
}

#mmmenu li a:hover,
#mmmenu li a:active,
#mmmenu li a:focus {
	background:#000000;
	color:#FFFFFF;
	margin:0px;
}

#mmmenu li:hover a,
#mmmenu li.sfhover a,
#mmmenu li.havechildsfhover a,
#mmmenu li.havechild-activesfhover a {
	background:#000000;
	color:#FFFFFF;
	margin:0px;
}

#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:#000000;
	color:#FFFFFF;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:4px;
	padding-top:4px;
	width:150px;
}

#mmmenu li ul ul {
	
}

#mmmenu li ul li {
}

#mmmenu li ul a {
	border-right: none;
	background:#000000;
	font-weight: normal;
	font-size: 10px;
	white-space: nowrap;
	color:#999999 !important;
	text-align:left;
	width:120px;
}

#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: #000000;
	color: #FFFFFF !important;
}

#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: -2000px; padding:0; margin:0 0 -11px 30px;}

/* 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: #000000;
 border:1px solid #FF0000;
 color:#FFFFFF;
}

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

#m1, #m2, #m3, #m4 {
display: none;
}