/*
Theme Name: Original Sin Theme
Theme URI: http://sixplanes.com
Description: 
Version: 1.0
Author: sixplanes.com
Author URI: http://sixplanes.com
*/

/* Global */

* { margin: 0; padding: 0; }
body { background-color: #fff; font-size: 12px; font-family: arial, georgia, verdana;height:100% }
#main_container { width: 880px;margin-left:80px; min-height: 100%;position:relative;z-index:1;}
.clear { clear: both; }
h1,h2,h3,p { margin: 10px 0; }
h3 { font-size: 12px; }
.left { float: left; }
.right { float: right; }
a { color: #fff; text-decoration: none; }
a:hover { text-decoration:none; }
img { border: none; }
.wide {width:880px;margin-left:80px;}
.preloader { background:url(images/prelaod.gif) center center no-repeat;  }



@font-face {
    font-family: 'Serif12BetaRegular';
    src: url('font/serif12beta-regular-webfont-webfont.eot');
    src: url('font/serif12beta-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/serif12beta-regular-webfont-webfont.woff') format('woff'),
         url('font/serif12beta-regular-webfont-webfont.ttf') format('truetype'),
         url('font/serif12beta-regular-webfont-webfont.svg#Serif12BetaRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Museo300';
    src: url('font/useo_300-webfont.eot');
    src: url('font/museo_300-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/museo_300-webfont.woff') format('woff'),
         url('font/museo_300-webfont.ttf') format('truetype'),
         url('font/museo_300-webfont.svg#Museo300') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'MuseoSans500';
    src: url('font/museosans_500-webfont-webfont.eot');
    src: url('font/museosans_500-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/museosans_500-webfont-webfont.woff') format('woff'),
         url('font/museosans_500-webfont-webfont.ttf') format('truetype'),
         url('font/museosans_500-webfont-webfont.svg#MuseoSans500') format('svg');
    font-weight: normal;
    font-style: normal;

}






.opacity-80 {
-moz-opacity: 0.80;
opacity: 0.80;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
filter:alpha(opacity=80);
}

.opacity-60 {
-moz-opacity: 0.60;
opacity: 0.60;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter:alpha(opacity=60)
}


/* Header */
#header_container { height:90px; background:url(images/header-background.jpg);position:relative;z-index:2;}
.logo { float: left;margin-left:80px}
#header_container .right_text { float: right; font-size: 15px; color: #e4670b; margin: 15px 4% 0 0 ; font-weight: normal;}
#header_container .right_text span {font-size:18px;display:block}

#header_category_container { background-color: #000; color: #fff;position:relative;z-index:2;}

#header_category_container ul { list-style-type: none; }
#header_category_container ul li { float: left; margin-right: 10px;padding-right:10px ;font-size: 13px; font-weight: normal; line-height:36px;height:36px;position:relative;}
#header_category_container ul li a { color: #fb8935; display:block}
#header_category_container ul li a:hover,
#header_category_container ul li.current-menu-item a{ color: #fff; }

#header_category_container ul li ul {position:absolute;top:31px;left:-10px;z-index:9999;background:none;
font-size: 13px;
width:120px;padding:5px;
}

#header_category_container ul li ul  li {float:left;display:inline-block;background:none;background:#000;padding:0 5px;
width:100%;
-moz-opacity: 0.90;
opacity: 0.90;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter:alpha(opacity=90);}

/** Content **/

#content { min-width: 350px;min-height:450px;*min-height:450px!important;float: left; background:url(images/tran-box.png);position:relative;z-index:1;}

#inbox {margin:10px 30px 30px 30px;float:right;min-height:100%;}
#inbox h3{font-size:16px;color:#a3a24d;font-family: 'Serif12BetaRegular';}


#content .single { width: 401px; }
#content .single h1 { font-size: 13px; }

#content .post_divider { width: 100%; height: 2px; border-bottom: 1px dotted #000; margin: 15px 0; }
.nav_container { width: 610px; margin: 20px 0; padding: 0 10px; }

/** Sidebar **/

#sidebar { width: 190px; float: left; margin:0;}
#sidebar .menu li {color:#a3a24d;list-style:none;font-size:20px;text-tranform:uppercase;padding:7px 0}
#sidebar .menu li li.current-menu-item a{color:#fff;}
#sidebar .menu li a{color:#a3a24d;}
#sidebar .menu li a:hover{color:#ccc;}
#sidebar .menu li li{color:#999999;list-style:disc;font-size:14px;margin-left:20px;padding:3px 0}
#sidebar .menu li li a{color:#999999;}

/** Footer **/

#footer {text-align: left; background:#000;height:30px;line-height:30px;color:#666;font-size:11px;position:relative;bottom:0;z-index:30}


/*============================= menu page =================================*/

#menu-container {border-left:1px solid #5e5237;padding:0 20px;}
#content .featured_box { width:350px; border-bottom:1px solid #5e5237;clear:both;position:relative;margin-top:10px}
#content .featured_box .menu-table{ width:340px;}
#content .featured_box p{ line-height:1.6em!important;margin:0 0 10px 0!important;}
#content .featured_box .menu-list{ width:320px;}
#content .featured_box .menu-list table{ font-size:12px;margin-bottom:10px}
#content .featured_box .menu-list table td{ padding:1px 0;}
#content .featured_box .tag a{position:absolute;right:10px;bottom:30px;color:#fff;}
#content .featured_box .menu-list ul { margin:10px 0;}
#content .featured_box .menu-list ul  li{ margin:0 20px;line-height:1.6em;}


.loading {width:500px;height:500px;color:#fff;text-align:center;font-size:11px;background:url(images/preload.gif) center center no-repeat;}

/*============================= homepage =================================*/


#featured div {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow:hidden;
}

#featured div img {width:160px;height:230px;}

#inbox h2 {margin-bottom:13px;}
#inbox h4 {font-size:18px;color:#cc6600;}
#inbox p{font-size:13px;line-height:1.4em;color:#fff;}
#inbox  a:hover { color:#fff; }

.featured_right_box li {list-style:none;line-height:30px;height:30px;font-size:11px!important;letter-spacing:1px;border-bottom:1px solid #61593a;width:350px;position:relative;}
.featured_right_box li p{float:left;margin:7px 8px 0 0 ;font-size:13px!important}
.featured_right_box li a:hover {color:#fff}

/*============================= background =================================*/

body{background:#000;width:100%;height:100%;}

#home-page{
position:absolute;
z-index:1;
top:0;
width:100%;
height:100%;
}

#body_container {position:relative;z-index:2;}

#body_container.category-4,
#body_container.page-id-41 {
background:#fff url(images/wine.jpg) right 125px no-repeat;
background-size: contain;
}


#body_container.page-id-60  {
background:#fff url(images/knowmore.jpg) right 125px no-repeat;
background-size: contain;
}

#body_container.category-13,
#body_container.category-12 ,
#body_container.category-11 ,
#body_container.category-7 ,
#body_container.category-9 {
background:#fff url(images/menu_starters.jpg) right 100px no-repeat;
background-size: contain;
}

#body_container.category-9 {
background:#fff url(images/menu_main.jpg) right 126px no-repeat;
background-size: contain;
}

#body_container.category-14 {
background:#fff url(images/menu_starters.jpg) right 126px no-repeat;
background-size: contain;
}

#body_container.page-id-63,
#body_container.page-id-244 {
background:#fff url(images/contactus2.jpg) right 126px no-repeat;
background-size: contain;
}

#body_container.category-6{
background:#fff url(images/menu_dessert.jpg) right 126px no-repeat;
background-size: contain;
}

#body_container.page-id-366{
background:#fff url(images/del.jpg) right 126px no-repeat;
background-size: contain;
}

#body_container.category-12,
#body_container.category-16 {
background:#fff url(images/menu_setlunch_b.jpg) right 126px no-repeat;
background-size: contain;
}


#body_container.category-17{
background:#fff url(images/menu_setlunch.jpg) right 126px no-repeat;
background-size: contain;
}

#body_container.category-15,
#body_container.category-18,
#body_container.category-11,
#body_container.category-8,
#body_container.category-7,
#body_container.category-5{
background:#fff url(images/menu_catering.jpg) right 126px no-repeat;
background-size: contain;
}

#body_container.page-id-60 #content .single {width:501px;}
#body_container.category  .featured_box  h3{color:#e4670b!important;font-size:12px!important;margin:0}
#body_container.category  .menu-list p{font-size:13px!important}
#body_container.page-id-244  #content .single{width:835px!important;background:url(images/map.png) 280px 60px no-repeat}
#body_container.page-id-244  #content #inbox{height:800px;}
#body_container.home #inbox{width:350px;}

body.category-5 #menu-item-280,
body.category-5 #menu-item-47,

body.category-18 #menu-item-280,
body.category-18 #menu-item-47,

body.category-15 #menu-item-280,
body.category-15 #menu-item-47,

body.category-11 #menu-item-280,
body.category-11 #menu-item-47,

body.category-8 #menu-item-280,
body.category-8 #menu-item-47,

body.category-7 #menu-item-280,
body.category-7 #menu-item-47,

body.category-14 #menu-item-48,
body.category-9 #menu-item-48,
body.category-6 #menu-item-48,
body.category-4 #menu-item-48,
body.category-12 #menu-item-48,
body.category-16 #menu-item-48,
body.category-17 #menu-item-48

{display:none}

/*============================= sort code ===================================*/

.green-link {border-top:1px solid #5e5237;height:1px;width:100%;margin:15px 0;}

.gray-button { background:url(images/gray-btn.png) center center no-repeat;width:64px;height:18px;display:inline-block;margin:7px 0;text-align:center;font-size:11px;line-height:22px;}
.gray-button a{color:#333;}
.gray-button a:hover{color:#000;}

.event-table {
vertical-align: top;
font-size:14px;
border-spacing:0;
}

.event-table td.d1 {
width:125px;
vertical-align: top;
padding:10px 0 30px 0;
border-bottom:1px solid #5e5237;
font-size:18px;
}

.event-table td.d2 {
vertical-align: top;
padding:10px 0 30px 5px;
border-bottom:1px solid #5e5237;
}

.event-table tfoot th {font-weight:normal;text-align:left;padding:15px 0;}

/*============================= color ======================================*/

.main-color{color:#e4670b}
.green {color:#a3a24d}
.white {color:#fff}
.blue {color:#5192c4}

/*============================= font ======================================*/

.print {background:url(images/print_icon&16.png) left center no-repeat; padding-left:20px;color:#fff;}
.just-print {display:none;}


.uppercase {text-transform: uppercase;}
.beta-font {font-family: 'Serif12BetaRegular';}
.museo-font {font-family: 'MuseoSans500';}
.museo-500-font {font-family: 'MuseoSans500';}
em{color:#a3a24d;font-size:10px;}
strong {color:#EEBC00;}

.gray {color:#EEBC00;}

.gray a:hover{text-decoration:underline;}

.font14 {font-size:14px;}

@media only screen and (orientation:portrait){
   /* portrait styles here */
   
#header_category_container ul li { float: left; margin-right: 6px;padding-right:3px ;font-size: 11px; font-weight: normal; line-height:36px;height:36px}
.wide {width:98%;margin:0 0 0 2%;}
#main_container { margin:0 0 0 10px; min-height: 100%;}


}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
   /* portrait styles here */
   
#header_category_container ul li { float: left; margin-right:15px;padding-right:10px ;font-size: 13px; font-weight: normal; line-height:36px;height:36px}


@media only screen and (device-width: 768px) {
 #inbox a {color:#fff;}
}

@media screen and (max-device-width: 480px){
#inbox a {color:#fff;}
}