/**
 * Theme Name: Hybrid
 * Theme URI: http://themehybrid.com/themes/hybrid
 * Description: A user-friendly, search-engine optimized theme framework, featuring 18 custom page templates and multiple widget-ready areas, allowing you to create any type of site you want. 
 * Version: 0.6.1
 * Author: Justin Tadlock
 * Author URI: http://justintadlock.com
 * Tags: theme-options, threaded-comments, sticky-post, microformats, one-column, two-columns, three-columns, fixed-width
 * Status: publish
 *
 * Copyright (c) 2008 - 2009 Justin Tadlock.  All rights reserved.
 * http://justintadlock.com
 *
 * Hybrid is released under the GNU General Public License, version 2 (GPL).
 * http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 */

/* Get base CSS */
@import url('library/css/21px.css');

/* Get layout CSS */
@import url('library/css/2c-l-fixed.css');

/* Get plugins CSS */
@import url('library/css/plugins.css');

/* Get drop-downs CSS */
@import url('library/css/drop-downs.css');

/* Get default CSS */
@import url('library/css/screen.css');

/* Make sure theme clears WP.org theme repository checklist */

.alignright {}
.alignleft {}
.alignnone {}
.aligncenter {}
.avatar {}
.wp-caption {}
.gallery {}
.wp-smiley {}

body { background-image:url(library/images/bg.jpg); background-position:0px -1px; *background-position:0px -2px; background-repeat:repeat-x; background-color:#013766; font-size:0.625em; font-family:Arial, Helvetica, sans-serif;}
h6{color:#093165; font-weight:900; line-height:21px; font-size:100%; font-family:Arial, Helvetica, sans-serif;}

#container {background:#FFF; padding-top:3px; font-size:1.2em;}
#column-1 {float:left; width:300px; margin-left:3px;}
	#round-corner-top {float:left; background-image:url(library/images/column1_round_corner_top.gif); background-repeat:no-repeat; width:300px; height:5px;}
	#round-corner-content {float:left; width:290px; background-image:url(library/images/column1_round_corner_bg.jpg); background-repeat:repeat-y; padding-left:5px; padding-right:5px; color:#FFF;}
	#featured_explain {float:left; width:290px; background-image:url(library/images/featured_explain_bg.gif); background-repeat:repeat-x; height:25px;}
	#featured_explain_box {background-image:url(library/images/featured_explain_box.gif); background-repeat:no-repeat; line-height:1.3em; padding:5px; width:280px; height:149px; background-position:bottom;}
		#featured_explain_box p {margin-bottom:5px; margin-top:5px;}	
	#featured_chef {width:290px; height:25px; background-image:url(library/images/featured_explain_bg.gif); background-repeat:repeat-x; float:left; margin-top:5px;}
	#round-corner-bottom {float:left; background-image:url(library/images/column1_round_corner_bottom.gif); background-repeat:no-repeat; width:300px; height:5px;}
#column-2 {float:left;}
.page-title {display:none;}
#column-2 #page_title {float:left;}
#column-2 p.pages a {background:url(library/images/blue_pagbtn_ddb_bg.gif) no-repeat; color:#FFF; border:none; width:16px; height:16px; line-height:16px; text-align:center; display:block; clear:none; float:left; margin-left:5px; font-weight:900;}
#column-2 p .current-page {background:url(library/images/oran_pagbtn_ddb_bg.gif) no-repeat; color:#000; font-weight:900; border:none; width:16px; height:16px; line-height:16px; text-align:center; display:block; clear:none; float:left; margin-left:5px;}
.social_bookmark {margin-bottom:10px;}
#column-3 {float:right; width:148px; margin-right:3px; background-color:#ecf6fb; border:1px solid #dde6eb; }
	#advert {border:1px solid #808382; margin:6px; width:120px; padding:7px;}

#footer {background-color:#ECF6FB; border:1px solid #DDE6EB; padding:5px; color:#808382; font-size:1.1em; font-weight:bold;}
	#ad_box_container {padding:5px; border:1px solid #DDE6EB; float:left;}
	.ad_box {float:left; width:730px; margin-left:193px; border:1px solid #808382; padding:0.5em }
	#footer_left {float:left;}
	#footer_right {float:right; text-align:right;}
	#footer a:link, a:visited, a:hover {color:#808382; text-decoration:none;}
	.small {font-size:8px;}

#masthead-nav-sub-wrapper
	{
	margin: 0px auto; 
	width: 951px;
	padding:0px 2px;
	background:#FFFFFF;
	}

/* The masthead-nav div needs a height specified because all the content inside is floated */
#masthead-nav
{
height:41px;
clear: both;
padding-top:2px;
margin:0px;
background: #013766 url(http://www.thestaffcanteen.com/_images/assets/nav_oj_btm_grad.gif) repeat-x scroll left bottom;
}

#masthead-nav ul
{
font-weight:bold;
font-size:1.3em;
padding: 0px;
/*		margin-left: 1em;  */
text-transform: uppercase;
color:#FFFFFF;
margin-left:0;
}


/* All the items in the navigation list are floated left so they appear across the screen
The left border is used to create a separator bar */
#masthead-nav li
{
display:inline;
}


/* We don't want a separator bar (left border) on the first navigation link */
#masthead-nav li:first-child
{
/*			border-left: none;*/
}

#masthead-nav li a
{
background:transparent url(library/images/menu-tabs3-94.gif) no-repeat 0 0;
float:left;
text-align:center;
color:#FFFFFF;
display:block;
text-decoration: none;
padding-top:0.4em;
height:23px;
/*padding: 0 0.25em 0 0.25em;*/
width:94px;
margin: 0 1px;
}

#masthead-nav li a:first-child
{
margin:0 1px 0 0;
}

#masthead-nav li a:hover
{
background:transparent url(library/images/menu-tabs3-94.gif) no-repeat 0 -37px;
display:block;
text-decoration: none;
}

#masthead-nav li a.nav-active
{
background:transparent url(http://www.thestaffcanteen.com/_images/assets/menu-tabs3.gif) no-repeat 0 -74px;
display:block;
height:24px;
}

/* Link style to indicate current site section */

{
}


/******************* Site logo *******************/

#logo
{
padding-left:10px;
float:left;
display:block;
background:transparent url(http://www.thestaffcanteen.com/_images/assets/logo_full.png) no-repeat scroll center center;
height:110px;
text-indent:-9999px;
width: 170px;
}

/* ---------------- stylesheets/member_nav ---------------- */
/******************* Member navigation *******************/

#masthead-member-nav-wrapper 
{
background-color: #5B5D5C;
}

#masthead-member-nav, #login-member-fields
{
margin: 0 auto;
padding: 0px;
width: 941px;
}

#masthead-member-nav, #login-member-fields
{
text-align: right;
}

#masthead-member-nav ul, #footer-member-nav ul, #login-member-fields ul
{
font-size:0.9em;
margin-left: 10px;
padding: 5px;
}

#masthead-member-nav li, #footer-member-nav li, #login-member-fields li
{
display: inline;
padding: 0px 5px;
margin: 0;
border-left: 1px solid white;
}

/* We don't want a separator (left border) on the first navigation link */
#masthead-member-nav li:first-child, #footer-member-nav li:first-child, #login-member-fields li:first-child, #footer-nav li:first-child
{
border-left: none;
}

#masthead-member-nav li a, #footer-member-nav li a, #login-member-fields li a, #login-member-fields label
{
color: white;
text-decoration: none;
}

#masthead-member-nav li a:hover, #footer-member-nav li a:hover, #login-member-fields li a:hover
{
text-decoration: underline;
}

#login-member-wrapper
{
	background:#808382; 
	border-top:2px solid #FFF;
	border-bottom:2px solid #FFF;
}

#login-member-fields
{
	border-left:2px solid #FFF;
	border-right:2px solid #FFF;
padding:2px 5px;
}

.login_btn
{
background:transparent url(http://www.thestaffcanteen.com/_images/assets/login_btn.gif) no-repeat scroll 0 0;
cursor:pointer;
margin:0;
padding:0 0 0 2px;
height:45px;
width:50px;
text-indent:-9999em;
}

#masthead-wrapper
{
width: 100%;
background: #013766 url(http://www.thestaffcanteen.com/_images/assets/mast_grad_blue.jpg) repeat-x scroll 0 0;
margin: 0 auto; 
padding: 0;
}

#masthead
{
width: 951px;
margin: 0 auto; 
background: #013766 url(http://www.thestaffcanteen.com/_images/assets/mast_grad_blue.jpg) repeat-x scroll 0 0;
padding: 0.5em 0 0.5em 0;
overflow: auto;
border-left:2px solid #FFF;
border-right:2px solid #FFF;
position:relative;
}

.mast_bg_img
{
background: transparent url(http://www.thestaffcanteen.com/_images/assets/mast_bg_grad.png) no-repeat top left;
position:absolute;
bottom:0px;
right:0px;
height:122px;
width:268px;
}
#masthead h2
{
clear:left;
color:#FFFFFF;
float:left;
font-style:italic;
line-height:110%;
margin:7px 0 0 7px;
text-align:right;
font-family:Arial,Helvetica,sans-serif;
font-size:14pt;
font-weight:normal;
}

#masthead .ad_box
{
border: none;
text-align:right;
float:none; width:auto; margin:0; padding:0.5em; 
}

.button-blue-on-orange
{
	background: transparent url('http://www.thestaffcanteen.com/_images/assets/buttons/blue_btn_obg.gif') no-repeat;
	border-style: none;
	color: white;
	cursor: pointer;
	height: 25px;
	width: 73px;
	text-transform: uppercase;
}

.button-blue-on-grey
{
	background: transparent url('http://www.thestaffcanteen.com/_images/assets/buttons/long_blue_btn_dgrey_bg.gif') no-repeat;
	border-style: none;
	color: white;
	cursor: pointer;
	height: 24px;
	width: 72px;
	margin: 0 0 1px 0;
	text-transform: uppercase;
}

.button-orange-on-grey
{
	background: transparent url('http://www.thestaffcanteen.com/_images/assets/buttons/orange_btn_dgrey_bg.gif') no-repeat;
	border-style: none;
	color: white;
	cursor: pointer;
	height: 24px;
	width: 52px;
	margin: 0 0 1px 0;
	text-transform: uppercase;
}

.button-blue-on-lightblue
{
	background: transparent url('http://www.thestaffcanteen.com/_images/assets/buttons/blue_btn_lbbg.gif') no-repeat;
	border-style: none;
	color: white;
	cursor: pointer;
	height: 25px;
	width: 73px;
	text-transform: uppercase;
}

.button-blue-on-greengrey
{
	background: transparent url('http://www.thestaffcanteen.com/_images/assets/buttons/blue_btn_ggbg.gif') no-repeat;
	border-style: none;
	color: white;
	cursor: pointer;
	height: 25px;
	width: 73px;
	text-transform: uppercase;
}

.button-blue-on-darkblue
{
	background: transparent url('http://www.thestaffcanteen.com/_images/assets/buttons/blue_btn_dbbg.gif') no-repeat;
	border-style: none;
	color: white;
	cursor: pointer;
	height: 25px;
	width: 73px;
	text-transform: uppercase;
}