/*
	Theme Name: WPRestaurantPro
*/

@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);
@import url(http://fonts.googleapis.com/css?family=Cantora+One);
@import url(http://fonts.googleapis.com/css?family=Orienta);
@import url(http://fonts.googleapis.com/css?family=Kite+One);
@import url(http://fonts.googleapis.com/css?family=Archivo+Narrow:400,400italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Lora:400,400italic,700italic,700);
@import url(http://fonts.googleapis.com/css?family=IM+Fell+English:400,400italic);
@import url(http://fonts.googleapis.com/css?family=Old+Standard+TT:400,400italic,700);
@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);


body{
margin:0;
padding:0;
color:#000;
background: url(images/bg.png) repeat-x top #fff;
font:normal 0.9em/150% 'Arimo', "Trebuchet MS", arial, verdana, sans-serif;
text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
}
	body.bg1 {
		background: url(images/bg.png) repeat-x top #fff;
	}
	body.bg2 {
		background: url(images/bg2.png) repeat-x top #fff;
	}
	body.bg3 {
		background: url(images/bg3.png) repeat-x top #fff;
	}
	body.bg4 {
		background: url(images/bg4.png) repeat-x top #fff;
	}
	body.bg5 {
		background: url(images/woodbg.png) repeat-x top #fff;
	}
	body.bg6 {
		background: url(images/curtainbg.png) repeat-x top #fff;
	}

	body.type2 {
		font-family: 'Cantora One', sans-serif;
	}
	body.type3 {
		font-family: 'Orienta', sans-serif;
	}
	body.type4 {
		font-family: 'Kite One', sans-serif;
	}
	body.type5 {
		font-family: 'Archivo Narrow', sans-serif;
	}
	body.type6 {
		font-family: 'Lora', sans-serif;
	}
	body.type7 {
		font-family: 'IM Fell English', sans-serif;
	}
	body.type8 {
		font-family: 'Old Standard TT', sans-serif;
	}
	body.type9 {
		font-family: 'Gloria Hallelujah', sans-serif;
	}


#wrap {
	width:960px;/*960*/
	margin:0 auto;
	height: 231px;
	padding:0;
	margin-top: -43px;
}	
body.facebook #wrap {
	width: 820px !important;
}
body.facebook #wrap2 {
	width: 800px !important;
}
body.facebook #inline_content {
	padding-left: 0 !important;
}
body.facebook #map_canvas {
	display: none !important;
}


body.mobile #wrap {
	width: 320px !important;
}
body.mobile #wrap2 {
	width: 320px !important;
}
body.mobile #inline_content {
	padding-left: 0 !important;
}
body.mobile #map_canvas {
	display: none !important;
}
	body.bg2 #logo h1 a, body.bg2 #logo h5, body.bg2 #topbar p, body.bg2 #navigation ul li a, body.bg2 #navigation h2 { color: #fff !important; text-shadow: 1px 0 0 #222; }
	body.bg3 #logo h1 a, body.bg3 #logo h5, body.bg3 #topbar p, body.bg3 #navigation ul li a, body.bg3 #navigation h2 { color: #fff !important; text-shadow: 1px 0 0 #222;}
	body.bg4 #logo h1 a, body.bg4 #logo h5, body.bg4 #topbar p, body.bg4 #navigation ul li a, body.bg4 #navigation h2 { color: #fff !important; text-shadow: 1px 0 0 #222;}
	body.bg5 #logo h1 a, body.bg5 #logo h5, body.bg5 #topbar p, body.bg5 #navigation ul li a, body.bg5 #navigation h2 { color: #fff !important; text-shadow: 1px 0 0 #222;}
	body.bg6 #logo h1 a, body.bg6 #logo h5, body.bg6 #topbar p, body.bg6 #navigation ul li a, body.bg6 #navigation h2 { color: #fff !important; text-shadow: 1px 0 0 #222;}
#wrap2 {
	width:960px;/*960*/
	margin:0 auto;
	padding:0;
}
#slideshow {
	width: 100%;
	height: 312px;
	padding-top: 40px;
}
	#slideshow h1 {
		width: 800px;
		font-weight:  bold;
		margin: 0 auto;
		text-align: center;
		color: #fff;
		font-size: 54px;
		text-shadow: 0 0 20px #000, 0 0 10px #000, 0 0 5px #000;
		padding-top: 65px;
	}
	#slideshow h5 {
		width: 800px;
		font-weight:  normal;
		margin: 0 auto;
		text-align: center;
		color: #fff;
		font-size: 27px;
		text-shadow: 0 0 15px #000, 0 0 5px #000, 0 0 3px #000;
	}
	#slideshow p {
		width: 800px;
		font-weight:  normal;
		margin: 0 auto;
		text-align: center;
		opacity: .8;
		padding-top: 10px;
		color: #fff;
		text-shadow: 0 0 20px #000, 0 0 10px #000, 0 0 5px #000;
	}
#topbar {
	width: 100%;
	height: 30px;
}
	#topbar p {
		font-size: 12px;
		padding-top: 5px;
		color: #666;
	}
#social {
	float: right;
	padding-top: 15px;
	padding-right: 25px;
}
	#social img {
		padding: 0 3px;
	}
#logo {
	margin-top: 0;
	height: 150px;
	margin-top: 5px;
	overflow: hidden;
}
	#logo img {
		width: 100%;
	}
	#logo h1 {
		font-size: 32px;
		font-weight:  bold;
		letter-spacing: -1px;
		color: #333;
		padding-top: 40px;
		margin: 0;
	}
		#logo h1 a {
			text-decoration: none;
		}
	#logo h5 {
		font-size: 11px;
		font-weight:  normal;
		letter-spacing: 1px;
		color: #666;
		margin: 0;
	}
#navigation {
	text-align: right;
	padding-top: 35px;
	margin-top: 15px;
}
	#navigation ul {
		list-style:  none;
		text-align: right;
		margin: 0;
	}
	#navigation ul li {
		display: inline;
	}
	#navigation ul li a {
		display: inline;
		padding: 10px;
		font-size: 16px;
		font-weight: bold;
		color: #333;
		text-decoration: none;
	}
		#navigation ul li a:hover {
			color: #9d2424;
			text-decoration: underline;
		}
	#navigation h2 {
		display: block;
		padding: 0 10px;
		font-size: 17px;
		font-weight:  normal;
		color: #333;
		text-decoration: none;
	}
.smallTitle {
	font-size: 28px;
	font-weight:  normal;
	letter-spacing: -1px;
}
#map_canvas {
	width: 100%;
	height: 200px;
	border: 1px solid #ccc;
}
#news p {
	font-size: 12px;
}
	#news h5 a {
		font-size: 15px;
		font-weight:  normal;
		text-decoration:  none;
		color: #9d2424;
	}
	.address {
		font-size: 15px;
		font-weight:  normal;
		background: url(http://cdn4.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/pin_map.png) no-repeat left;
		padding-left: 25px; margin-left: 5px;
	}
	.phone {
		font-size: 15px;
		font-weight:  normal;
		background: url(http://cdn4.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/phone_2.png) no-repeat left;
		padding-left: 25px; margin-left: 5px;
	}
	.location {
		font-size: 15px;
		font-weight:  normal;
		background: url(http://cdn4.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/globe_3.png) no-repeat left;
		padding-left: 25px;
		margin-left: 5px;
	}
	.smalltext {
		font-size: 13px;
		font-weight:  normal;
		background: url(http://cdn4.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/info.png) no-repeat left;
		padding-left: 25px;
		margin-left: 5px;
	}
hr {
	margin: 0 !important;
	margin-bottom: 30px !important;
}
.photocol img {
	width: 100%;
	height: 150px;
	padding: 3px;
	background: #fff;
	border: 2px solid #ddd;

}
.home_menu {
	padding: 0 30px;
	width: 292px;
	background: url(images/menu/m1-bg.png) repeat-y left;
}
.menu_bottom {
	width: 352px;
	height: 56px;
	margin-left: -30px;
	z-index: -1;
	background: url(images/menu/m1-bottom.png) no-repeat left;
}
.menu_top {
	width: 352px;
	height: 56px;
	margin-left: -30px;
	margin-bottom: -20px;
	background: url(images/menu/m1-top.png) no-repeat left;
}
	.home_menu h5 {
		clear: both;
		font-weight:  bold;
		font-size: 18px;
		border-bottom: 1px dashed #ddd;
		padding-bottom: 10px;
	}
	.home_menu ul { list-style: none; position: relative; margin: 0; padding-bottom: 35px; }
	.home_menu ul li { clear: both; }
	.home_menu ul li strong {
		float: left;
		font-weight:  normal;
	}
	.home_menu ul li span {
		float: right;
	}
.selectmenu {
	text-decoration: none;
	color: #222;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 15px;
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
	.selectmenu:hover h5 {
		color: #9d2424;
	}

.post {
	font-size: .9em;
}
	.post h1, .post h2, .post h3, .post h4, .post h5 {
		margin: 20px 0;
		font-weight: normal;
	}
	blockquote {
		border-left: 1px solid #ccc;
		font-size: 12px;
		padding: 0 10px;
		width: 100%;
		margin: 0;
	}
		blockquote p {
			font-size: 13px;
			padding: 10px;
			padding-right: 30px;
		}
	.post ul, .post ol {
		padding-left: 20px;
	}
.viewmenu {
	width: 255px;
	height: 33px;
	background: url(images/menubutton.png) no-repeat top;
	display: block;
	text-align: 	center;
	text-decoration:  none;
		color: #fff;
		padding-top: 10px;
		margin-left: 17px;
		margin-top: -18px;
		opacity: .8;
}
	.viewmenu:active {
		color: #fff;
	}
	.viewmenu:hover {
		opacity: 1;
	}

.reservation {
	width: 293px;
	height: 33px;
	background: url(images/reservation.png) no-repeat top;
	background-position: 0 0;
	display: block;
	text-align: 	center;
	text-decoration:  none;
	text-indent: -99999px;
		color: #fff;
		text-shadow: 0 0 1px #333;
		padding-top: 10px;
		margin-bottom: 18px;
}
	.reservation:active {
		color: #fff;
	}
	.reservation:hover {
		opacity: 1;
	}
#sidebar h3 {
	font-size: 16px;
	font-weight:  normal;
	text-transform: uppercase;
	color: #9d2424;
}
	#sidebar ul { margin: 0; list-style: none; padding-bottom: 20px; }
	#sidebar li { list-style: none; }
	#sidebar ul li a {
		font-size: 14px;
		text-decoration:  none;
		margin-top: -5px;
		display: block;
		color: #444;
	}
/* Curled corners */
.lifted {
-moz-border-radius:4px;
border-radius:4px;
}
.lifted:before,
.lifted:after {
bottom:15px;
left:10px;
width:50%;
height:20%;
max-width:300px;
max-height:100px;
-webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
-webkit-transform:rotate(-3deg);
-moz-transform:rotate(-3deg);
-ms-transform:rotate(-3deg);
-o-transform:rotate(-3deg);
transform:rotate(-3deg);
}
.lifted:after {
right:10px;
left:auto;
-webkit-transform:rotate(3deg);
-moz-transform:rotate(3deg);
-ms-transform:rotate(3deg);
-o-transform:rotate(3deg);
transform:rotate(3deg);
} 

.drop-shadow {
position:relative;
float:left;
}
.drop-shadow:before,
.drop-shadow:after {
content:"";
position:absolute;
z-index:-2;
}
.drop-shadow p {
font-size:16px;
font-weight:bold;
}

div.comments
{
	clear: both;
}
.comment-meta
{
	float: left;
	padding: 10px 0;
	text-align: right;
	width: 40px;
}
.commenttext
{
	float: right;
	margin-bottom: -5px;
	width: 520px;
	padding: 10px 10px;
	margin-bottom: 20px;
	margin-top: 10px;
}
	.commenttext p {
		font-size: 12px;
		font-style: normal;
	}
.comments div.cgravatar
{
	float: left;
	margin: 10px 10px;
	padding: 4px 10px;
	text-align: left;
}
.comment-author
{
	text-align: left;
	display: block;
	font-weight: bold;padding-left: 20px;
	padding-top: 10px;
	width: 90px;
}
.comment-date
{
	color: #B4AB9D;
	text-align: left;
	display: block;
	font-size: 10px;
	padding-left: 20px;
}
.comment-meta a
{
	color: #333;
	text-decoration: none;
}
.comment
{
	clear: both;
	margin-bottom: 15px;
	color: #444  ;
		font-style: italic;
}
h2#comments
{
	border-bottom: dotted 1px #eee;
	display: block;
	color: #444  ;
	font-weight: normal;
	padding: 15px 0;
	margin-bottom: 15px;
	font-size: 14px  !important;
	padding-top: 0;
}
#commentform span
{
	display: block;
	font-size: 14px;
	margin-bottom: 10px;
}
#commentform input
{
	background-color: #ffffff;
	border: solid 2px #dddddd;
	margin-right: 10px;
	padding: 3px;
	width: 300px;
}
#commentform textarea
{
	border: solid 2px #dddddd;
	margin-bottom: 10px;
	padding: 3px;
	width: 540px;
}
	.readmore {
		width: 165px;
		height: 25px;
		background: url(images/readmore.png) no-repeat;
		padding: 15px;
		font-weight: bold;
		text-align: left;
		font-size: 12px;
		margin-top: 5px;
		margin-left: -5px;
		display: block;
		color: #4b638e;
		text-decoration: none;
		text-transform: uppercase;
	}
.curled {
            border:1px solid #efefef;
            -moz-border-radius:0 0 120px 120px / 0 0 6px 6px;
                 border-radius:0 0 120px 120px / 0 0 6px 6px;
        }

        .curled:before,
        .curled:after {
            bottom:12px;
            left:10px;
            width:50%;
            height:55%;
            max-width:200px;
            max-height:100px;
            -webkit-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
               -moz-box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
                    box-shadow:0 8px 12px rgba(0, 0, 0, 0.5);
            -webkit-transform:skew(-8deg) rotate(-3deg);
               -moz-transform:skew(-8deg) rotate(-3deg);
                -ms-transform:skew(-8deg) rotate(-3deg);
                 -o-transform:skew(-8deg) rotate(-3deg);
                    transform:skew(-8deg) rotate(-3deg);
        }

        .curled:after {
            right:10px;
            left:auto;
            -webkit-transform:skew(8deg) rotate(3deg);
               -moz-transform:skew(8deg) rotate(3deg);
                -ms-transform:skew(8deg) rotate(3deg);
                 -o-transform:skew(8deg) rotate(3deg);
                    transform:skew(8deg) rotate(3deg);
        }