/*****************************
Project: Restaurant
Coded by: Jorsek Softwares
*****************************/

/* -------------------------------------------------------------- 
	
	base.css
	* Sets up some sensible defaults.
	
-------------------------------------------------------------- */


/*******GENERAL TAGS*******/
body 
{
	margin:0px auto;
	padding:0px;
	color: #333;
	position: relative;
	background: #fff url('images/background.png') repeat-x center top;
	font: 14px Arial, Helvetica, sans-serif;
	text-align:center;
}

img
{
	margin:10px;
}

a img
{
    border:none;
}

/***GENERAL CLASSES***/
.left 
{
	float: left;
}

.right 
{
	float: right;
}

.clearleft 
{
	clear: left;
}

.clearright 
{
	clear: right;
}

.clearall
{
	clear:both;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/***MAIN***/
#main {
	width: 916px;
	margin: auto;
	height: auto;
	background: url('images/dropshadow.png') no-repeat center top;
	text-align:center;
}

/***BACKGROUND***/
.background {
	width: 900px;
	height: auto;
	margin: 0 auto;
}

/***CONTENT***/
.column_container {
	margin: 10px .9%;
	display:inline-block;
	vertical-align:top;
}

.content_box.clear_yes{
clear:left;
}

.content {
	border-top:1px solid #5398FF;
	width: 900px;
	margin: -10px auto;
	text-align: left;
}

.content h2 {
	clear:both;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:20px;
	font-size-adjust:none;
	font-variant:normal;
	font-weight:bold;
	margin-bottom:20px;
/* 	margin-top:20px; */
}

.content h3 {
	clear:both;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:16px;
	font-size-adjust:none;
	font-variant:normal;
	font-weight:bold;
	margin-bottom:20px;
/* 	margin-top:20px; */
}

.content h1 {
    color: #333;
}

/***SEARCH BAR***/
#searchbar {
    width: 440px;
    margin: 0px auto 0 auto;
    text-align: right;
}

    .searchbar_input {
        width: 150px;
        height: 15px;
        font: 12px Arial, Verdana, Tahoma;
        border: 1px solid #5398FF;
        background: #F4F8FF;
        color: #333;
    }
    
    .searchbar_input:hover {
        border: 1px solid #333;
    }
    
    .searchbar_input:focus {
        border: 1px solid #333;
        background: #fff;
    }
    
    .searchbar_button {
        width: 35px;
        height: 20px;
        overflow: hidden;
        background: #F4F8FF;
        border: 1px solid #5398FF;
        vertical-align:middle;
    }
    
    .searchbar_button:hover {
        border: 1px solid #333;
        background: #f8f8f8;
    }

/* **BLOCKQUOTE** */
div.blockquote
{
	width: 200px;
	float: left;
	border:none;
	clear:both;
	margin-left:15px;
	margin-top:20px;
}

.news_sidebar div.blockquote
{
	width: 200px;
	float: left;
	border:none;
	clear:both;
	margin-left:0;
	margin-top:20px;
}

blockquote {
border:none!important;
display: block;
padding: 0px 10px 0px 30px;

text-decoration:italic;
font-family:Georgia,"Times New Roman",Times,serif;
margin:0 !important;
}

blockquote p{
margin:5px 0px 25px 5px;
font-size:14px;
}

blockquote:before, blockquote:after
{
color: #333;
display: block;
font-size: 400%;
width: 35px;
}

blockquote:before {
content: open-quote;
height: 0;
text-align:left;
margin-left: -0.55em;
}

blockquote:after {
content: close-quote;
height: 50px;
margin-top: -20px;
margin-left: 170px;
}

/***GALLERY***/
/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
	margin-left: -10px;
}

.hoverbox a
{
}

.hoverbox h2
{
	font-size:18px;
	font-weight:bold;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.hoverbox img
{
	border-width: 0px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	margin: 0px;
}

.hoverbox li
{
	background: #fff;
	border-color: #5398FF;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 5px;
	padding: 5px;
	position: relative;
}

.hoverbox li:hover
{
	border-color: #096BFF;
}

.hoverbox .preview
{
	border-color: #000;
	width: 111px;
	height: 85px;
}



/***FOOTER** */
#footer {
    width: 900px;
    height: 50px;
    background: #fff url('images/footer.png') no-repeat center center;
    text-align: center;
    font: 10px Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding-top: 30px;
    margin: 0 auto;
}
#footer a {
    color: #fff;
    text-decoration: underline;
}
#footer_links {
    width: 550px;
    float: left;
    text-align: center;
    height: 35px;
    margin-top: -6px;
    margin-left: -15px;
}

    #footer_links_item {text-align: center;margin:0;font-family:arial, verdana, sans-serif; width: auto;}
    #footer_links_item li {float:left; list-style-type:none;}
    #footer_links_item li a {display:block; float:left; height:35px; color:#fff; text-decoration:none; font-size:12px; padding:0 10px 0 10px; text-transform: uppercase;}
    #footer_links_item li a:hover { color: #000; }
    
#footer_copyright {
    width: 330px;
    float: left;
    height: 1%;
/* peekaboo bug */    
    text-align: right;
    padding-top: 3px;
}

/***GENERIC PAGE HACKS***/
.page_side_left {
	width: 200px;
	float: left;
	padding: 10px 10px 0 10px;
	background: url('./images/shadow_big.png') repeat-y right bottom;
}

.page_body_left {
	width: 629px;
	float: left;
	padding: 10px 10px 0 10px;
}

.page_body_center {
	width: 409px;
	float: left;
	padding: 10px 10px 0 10px;
}

.page_side_right {
	width: 230px;
	float: left;
	padding: 10px 10px 0 10px;
	height: 1%; /*holly hack for peekaboo bug*/
	background: url('./images/shadow_big.png') repeat-y left bottom;
}

.team_member_container {
	width: 550px;
	float: left;
	padding: 10px 10px 0 10px;
}

.content_one {
	width: 45%;
	float: left;
	padding: 10px 1% 0 1%;
}
.content_two {
	width: 51%;
	float: left;
	color: #333;
	padding: 10px 1% 10px 1%;
	height: 1%; /*holly hack for peekaboo bug*/
/* 	background: url('./images/shadow_big.png') repeat-y left bottom; */
}

.content_two h2 {
    padding-left: 0;
    margin-left: 0;
}

.content_two h1 {
    padding-left: 0;
    margin-left: 0;
}

/* Lists in the General Webpage */
.event_in_list
{
	width:100%;
	margin-bottom:30px;
	clear:left;
}

.event_in_list h3
{
	margin-top:6px;
	margin-bottom:4px;
	font-weight:bold;
	font-size:22px;
}

.event_in_list img
{
	margin-top:4px;
}

.event_in_list a
{
	color:#096BFF;
}

.event_in_side_column
{
	width:100%;
	margin-bottom:25px;
}

.event_in_side_column h3
{
	margin-top:6px;
	margin-bottom:2px;
	font-weight:bold;
	font-size:14px;
}

.event_in_side_column a
{
	float:right;
	margin-top:4px;
	color:#096BFF;
}

/* News Page Styling */

.news_article {
/* 	margin:0 auto; */
	width:600px;
	padding:
}

.summary.in_editor
{
	background:#FBE18A;
	clear:both;
}

.news_sidebar {
	margin-left:5px;
	width:260px;
}

.team_member_in_list
{
	width:100%;
	margin-bottom:30px;
}

.team_member_in_list h3
{
	margin-top:6px;
	margin-bottom:4px;
	font-weight:bold;
	font-size:22px;
}

.team_member_in_list img
{
	margin-top:4px;
}

.team_member_in_list a
{
	color:#096BFF;
}

.team_member_in_list .team_member_info
{
	width:auto;
	margin:4px 0;
}