/*

Theme Name: The Refuge Charcuterie

Theme URI: http://webdogs.biz

Description: Custom theme for The REFUGE Restaurant

Author: WEBDOGS

Author URI: http://webdogs.biz

*/







/* ==============================  common style start ========================================  */

* {

	margin:0;

	padding:0

}

a {

	color:#fdce7c;

	text-decoration:none

}

a:hover {

	text-decoration:underline

}



fieldset, img {

	border:none

}

body {

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

	background:url(images/body_bg.jpg) repeat 0 0;

}

/* ==============================  wrapper style start ========================================  */

#wrapper {

	width:990px;

	margin:0 auto

}

/* ==============================  main container style start ========================================  */

#main_container {

	width:980px;

	float:left;

	border:5px solid #a65d2b;

	margin: 10px 0 0 0;

}

/* ==============================  header style start ========================================  */

#header {

	width:980px;

	float:left;

}

#header .tag {

	float:right;

	margin:10px -86px 0 0;

	position:relative

}

#header .top_container {

	width:980px;

	float:left;

	background:url(images/header_bg.jpg) no-repeat 0 0;

	height:185px;

	border-bottom:1px solid #ca964f

}

#header .logo {

	width:288px;

	float:left;

	/* background:url(images/logo_bg.gif) no-repeat 0 -1px; */

	height:185px;

	text-align:center;

	padding:0px 0 0 0;

	/* border-right:1px solid #fff */

}

#menu_container {

	width:980px;

	float:left;

	background:url(images/menu_bg.jpg) no-repeat 0 0;

	height:25px;

	padding:12px 0 0 0;

	font-size:11px;

	border-bottom:1px solid #ca964f;

	overflow:hidden

}

/* ==============================  menu container style start ========================================  */

#menu_container ul {

	width:953px;

	float:left;

	list-style:none;

	padding:0 10px 0 17px;

}

#menu_container ul li {

	float:left;

	background:url(images/menu_seprator.jpg) no-repeat center right;

	padding:0 9px;

}

#menu_container ul li.last {

	background:none;

}

#menu_container ul li.theend {

	padding:0 0 0 10px;

}

#menu_container ul li.last img{ margin-top:-1px; position:relative; z-index:1

}

#menu_container ul li a {

	color:#fdce7c;

	text-decoration:none;

}

#menu_container ul li a:hover {

	color:#fdce7c;

	text-decoration:none

}

#menu_container ul li img {

	margin:0 30px;

	display:inline

}

/* ==============================  body container style start ========================================  */

#body_container {

	width:980px;

	float:left;

	background: #c8c3bf url(images/inner_bg.jpg) no-repeat 0 0;

}

/* ==============================  image container style start ========================================  */

#body_container .image_container {

	width:980px;

	float:left;

}

#body_container #inner_container {

	/* width:940px; */

	float:left;

	/* padding: 20px 0 20px 20px; */

	display:inline

}



#body_container #inner_container .navigation {

	width:940px;

	float:left;

	margin-bottom: 20px;

}



#body_container #inner_container .navigation .alignleft {

	float:left;

}



#body_container #inner_container .navigation .alignright {

	float:right;

}



#body_container #inner_container .pagetitle {

	color:#F8F8F6;

	font-size:14px;

	margin-bottom:20px;

}

#body_container #inner_container .containt_details {

	float:left;

	margin: 0 0 20px 20px;

	display:inline;

	font-family:Tahoma;

}

#body_container #inner_container .sticky h2 {

	font-size:13px;

}


#body_container #inner_container #page {

	width: 550px;

}



#body_container #inner_container #post {

	width: 920px;

}



#body_container #inner_container .scroll-pane {

	height: 392px;

	overflow: auto;

	float: left;

	padding-right:15px;

}



#body_container #inner_container .page_image {

	float:right;

}



#body_container #inner_container .containt_details h2 {

	margin: 0 0 10px 0;

	color:#907C1B;

}



#body_container #inner_container .containt_details small {

	color:#907C1B;

	font-size:14px;

}

#body_container #inner_container .containt_details p {

	/* float:left; */

	margin-top:20px;

}

#body_container #inner_container .containt_details h2 a {

	margin: 0 0 10px 0;

	color:#907C1B;

}

#body_container #inner_container .containt_details h2 a:hover {

	margin: 0 0 10px 0;

	color:#907C1B;

	text-decoration:none;

}



#body_container #inner_container .containt_details hr {

	margin: 20px 0 10px 0;

}



#body_container #inner_container .containt_details .alignleft {

	float:left;

}



#body_container .image_container img {

	float:left

}

/* ==============================  craousel container style start ========================================  */

#craousel_container {

	width:970px;

	float:left;

	background:url(images/craousel_bg.jpg) no-repeat 0 0;

	height:77px;

	padding:0 5px 0 5px;

	position:relative

}

#craousel_container .curv_panel {

	float:left

}

#craousel_container .left_curv {

	position:absolute;

	top:0px;

	left:-47px;

}

#craousel_container .right_curv {

	position:absolute;

	top:-16px;

	right:-55px;

}

#craousel_container .arrow {

	float:left;

	padding:26px 0 0 0

}

#craousel_container ul.craousel {

	width:900px;

	float:left;

	list-style:none;

	padding:0 0 0 0px;

}

#craousel_container ul.craousel li {

	float:left;

	padding:10px 43px 10px 0;

	margin-right:25px;

	background:url(images/craousel_sep.jpg) no-repeat center right;

	height:57px;

	overflow:hidden

}

#craousel_container ul.craousel li.last {

	background:none;

	padding-right:0px;

	padding-left:0px;

	margin-right:0px

}

/* ==============================  bottom container style start ========================================  */

#bottom_container {

	width:963px;

	float:left;

	background:url(images/bottom_container_bg1.jpg) no-repeat 0 0;

	height:175px;

	padding:10px 0 10px 17px;

	overflow:hidden

}

#bottom_container .image_box {

	float:left;

	width:324px;

	padding:15px 13px;

	margin-right:20px;

	display:inline;

	height:143px;

	overflow:hidden;

}

#bottom_container .image_box .left {

	float:left;

	width:220px;

}

#bottom_container .image_box .right {

	float:right;

	width:95px;

}

#bottom_container .image_box .right img.spacer {

	margin-bottom:4px;

}

#bottom_container .content_box {

	float:left;

	width:357px;

	padding:5px 13px 5px 13px;

	height:163px;

	overflow:hidden;

	color:#1a1010

}

#bottom_container .content_box h3 {

	float:left;

	width:357px;

	margin-bottom:5px;

}

#bottom_container .content_box h3 span {

	float:left;

}

#bottom_container .content_box h3 .icon {

	float:right;

}

#bottom_container .content_box p {

	float:left;

	width:357px;

	font-family:"Myriad Pro";

	font-size:12px;

	margin-bottom:5px;

	line-height:12px;

}

#bottom_container .signature_box {

	float: right;

	width:190px;

	color:#fdce7c;

	margin:-2px 0 0 0;

	background:url(images/signature_bg.jpg) no-repeat bottom right;

	height:187px

}

#bottom_container .signature_box p {

	float:left;

	width:90px;

	padding:15px 0 0 0;

	font-size:12px;

	font-family:"Myriad Pro";

	line-height:15px

}

#bottom_container .signature_box p img {

	margin:4px 0 0 0

}

/* ==============================  footer style start ========================================  */

#footer {

	width:950px;

	float:left;

	color:#fdce7c;

	padding:10px 20px 20px 20px;

}

#footer .footer_left {

	float:left;

	width:400px;

	text-align:left;

}

#footer .footer_left ul {

	float:left;

	list-style:none;

}

#footer .footer_left ul li {

	float:left;

	padding:0 5px

}

#footer .footer_left ul li.more img {

	float:left;

	margin:14px 6px 0 5px

}

#footer .footer_left ul li span {

	padding:12px 0 0 0;

	float:left

}

#footer .follow {

	margin: 0 0 5px 5px;

}

#footer .newsbox {

	float:left;

	font-size:11px;

}

#footer form {

	float:right;

	width:385px;

	border-top:1px solid #736252;

	margin:5px 0 0 0;

	padding:5px 0 0 0

}

#footer form label {

	float:left;

	width:180px;

	text-align:right;

	line-height:13px;

	padding:0 10px 0 0

}

#footer form .input {

	float:left;

	color:#928c74;

	background:#e2dab5;

	border:1px solid #b9b089;

	font-size:11px;

	width:135px;

	padding:3px 0  3px 20px;

	margin:2px 0 0 0

}

#footer form .btn {

	float:left;

	color:#928c74;

	background:none;

	border:1px solid #b9b089;

	font-size:11px;

	width:30px;

	text-align:center;

	margin:2px 0 0 4px;

	display:inline;

	padding:2px 6px

}

#footer .footer_right {

	float:right;

	width:420px;

	text-align:right

}

#footer .footer_right ul {

	list-style:none;

	margin-bottom:6px

}

#footer .footer_right li {

	display:inline;

	padding:0 0 0 12px

}

#footer .footer_right p {

	display:block;

	margin-bottom:6px;

}

#inner_container a{ color:#333!important; text-decoration:underline!important}

#inner_container a:hover{ text-decoration:none!important}

#inner_container .pagetitle{ font-size:22px!important; color:#782e00!important; padding-left:20px}

.containt_details{ margin-bottom:50px!important;}

.containt_details small{ color:#a45400!important; font-size:12px!important;}



.containt_details h2{ padding-bottom:5px!important; margin-bottom:5px!important; color:#782e00!important; display:inline; display:block!important}



.containt_details p{ padding-top:10px!important; margin-top:0px!important; width:99%; /*display:inline;*/}



h3#comments{ padding-left:21px;}

.commentli{ float:left; width:100%}

.commentlist li{ list-style:none; width:800px; margin-left:21px; padding:15px; margin-top:10px; background:#f8f8f8; border:1px solid #ccc}



#respond h3{ margin-bottom:10px; border-bottom:1px dashed #ccc; padding-bottom:10px; padding-left:20px; font-size:15px}

.vcard{ float:left; width:100%; margin-bottom:10px}



.vcard img{ float:left}

.vcard .fn{ float:left; padding:5px 0 0 10px}

.vcard span{ float:left; padding:5px 0 0 3px}

.commentmetadata{ margin:7px 0}

#commentform{ padding-left:25px}



#commentform input{ margin-bottom:10px}



#commentform textarea{ margin-bottom:10px}



/* root element for scrollable */

.vertical {  

	

	/* required settings */

	position:relative;

	overflow:hidden;	



	/* vertical scrollers have typically larger height than width */	

	height: 100px;	 

	width: 357px;
	float:left;	
	
	

}



/* root element for scrollable items */

.items {	

	position:absolute;

	

	/* this time we have very large space for height */	

	height:2000em;	

	margin: 0px;

}



/* single scrollable item */

.items div {

	font-family:"Myriad Pro";

	height:100px;

}



/* the action buttons above the scrollable */

#actions {

	font-family:"Myriad Pro";

	width:357px;	

}



#actions a {

	font-size:11px;		

	cursor:pointer;

	color:#666;

}



#actions a:hover {

	text-decoration:underline;

	color:#000;

}



.disabled {

	visibility:hidden;		

}



.nextPage {

	float:right;

}