/*
-----------------------------------------------
Scopa
- - - - - - - - - - - - - - - - - - - - - - - -
Description:	Base Setup Styles
Filename:			websitename.base.css
Author:				Catch Design Limited (www.catchdesign.co.nz)
Date:					9 April 2009
Updated:			9 April 2009
Version:			v.0.01
----------------------------------------------- */

/*
GLOBAL
	- Clearfix
	- Generic
	- Typography
	- Forms
	- Lists
	- Tables

STRUCTURE
	- Masthead
	- Content
	- Footer
	- Primary Nav
	- Secondary Nav

DETAIL
	- Articles
	- **GUYS, this is where anything from Graphical headers, to section specific styles can go**

PLUGINS
	- **Plugin specific styles here**
	
*/


/* =GLOBAL
----------------------------------------------- */

body { background:#fff ; font: 63.7%/1.4 Arial, sans-serif; color:#000; }

/* =Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
.clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* =Generic */
a { color:#d0271f; text-decoration:underline; }
a:hover { text-decoration: none; }
a.readmore {text-transform:uppercase; font-size:0.9em;}
a img, a:hover img { border: none; }
.hide { text-indent:-9999em; outline: none; }
.alignright { float:right; }
.alignleft { float:left; }
img.alignright { padding:0; margin:0; }
img.alignleft { padding:0; margin:0; }

/* =Typography */
p { font-size:1.2em; color:#777; margin-bottom:8px;}
small {}
strong {font-weight:bold;}
em {}

h1 {background:url(../img/logo.png) no-repeat top left; display: block; width:252px; height:104px; float:left}
	h1 a {width:100%;height:100%;display:block;}
h2 {font-family:"Nu Din", sans-serif; font-size:4.2em; font-weight:bold; margin:0 0 2px; color:#000;}
h3 {font-size:1.8em; color:#4c4c4c; margin-bottom:3px;font-family:Arial;letter-spacing:0.3px;}
h4 {font-size:1.4em; color:#4c4c4c; font-weight:bold; margin-bottom:10px;}
h5 {}

/* =Forms */
fieldset {}
fieldset legend {}
label {}
input {}
input.textbox {}
input.radio {}
input.checkbox {}
input.submit {}
textarea {}
select {}

/* =Lists */
ul { list-style: disc; font-size:1.2em;}
ol {}
li {}

/* =Tables */
table {}
td {}


/* =STRUCTURE
----------------------------------------------- */
#container {}
.wrap {width:920px;margin:0 auto;}
#menu .wrap {width:960px;margin:0 auto;}

/* Masthead */
#header{background: transparent url(../img/bg_header_tile.png) top left;height:155px;width:100%;}
#masthead {height: 155px;}

#rss_holder {height:29px;}
	#rss {float:right; background:#1f1f1f; height:24px; padding: 5px 8px 0}
		#rss a {color:#fff; text-transform:uppercase; background: url(../img/icon_rss.png) no-repeat right 4px; display:block; padding-right:11px; font-size:1.1em; text-decoration:none; }
		#rss a:hover {text-decoration:underline;}
	
#bg_telephone {background:url(../img/img_telephone.png) no-repeat 0 0; padding-left:50px; color:#fff; width:165px; height:30px;display:block; float:left; margin:49px 60px 0 125px;}
	#bg_telephone p{color:#e5e5e5}
	#bg_telephone a {color:#fff;}
		#bg_telephone a:hover {text-decoration:none;}

#bg_pizza {background:url(../img/img_pizza.png) no-repeat 0 0; padding-left:68px; color:#fff; width:200px; height:40px;display:block; float:left; margin-top:49px}
	#bg_pizza .title {text-transform:uppercase;margin-bottom:0;}
	#bg_pizza p{color:#e5e5e5;}
	
/* Content */
#border {background:url(../img/bg_dots_image.gif) repeat-x 0 0;padding-top:2px;}

#content {background:#f4f4f4;padding-bottom:30px;}

	#content .columns .col_left {width: 544px; float:left; padding-right:8px; border-right: 1px solid #e6e6e6;margin-top:29px;}
		#content .columns .col_left p {margin-bottom:11px;}
	
	#content .columns .col_right {float:right; margin-top:93px; width:360px;padding-left:7px;}
		#content .columns .col_right .caption {font-size:1.1em; font-style:italic; color:#666;margin-top:8px; text-align:center;padding:0 40px;}

#bottom_nav {padding-top:30px;}
#bottom_nav .columns {background:url(../img/bg_vertical_lines.gif) repeat-y 179px 0;}
	#bottom_nav .columns .col:hover,
	#bottom_nav .columns .hover {background: url(../img/bg_col_hover.png) no-repeat bottom left; cursor:pointer;}
		#bottom_nav .columns .col:hover #img_menu,
		#bottom_nav .columns .col:hover #img_map,
		#bottom_nav .columns .col:hover #img_gallery,
		#bottom_nav .columns .col:hover #img_about,
		#bottom_nav .columns .col:hover #img_events,
		#bottom_nav .columns .hover #img_menu,
		#bottom_nav .columns .hover #img_map,
		#bottom_nav .columns .hover #img_gallery,
		#bottom_nav .columns .hover #img_about {background-position:top left;}
		
		
		#bottom_nav .columns .col .readmore:hover {text-decoration:underline;}
		#bottom_nav .columns #ad.hover {background: none !important; cursor: default !important;}



#bottom_nav .col {float:left;margin-right:8px;width:172px; padding:0 7px 20px 0; min-height:300px;/* IE6 min-height fix */ height: auto !important;height: 300px;/* /IE6 hack */ }
#bottom_nav .columns .last {border:0; margin-right:0; float:right;width:172px; padding-right:0;}

	#img_menu {background:url(../img/img_menu.jpg) no-repeat bottom left;}
	#img_map {background:url(../img/img_map.png) no-repeat bottom left;}
	#img_gallery {background:url(../img/img_gallery.png) no-repeat bottom left;}	
	#img_events {background:url(../img/img_about.png) no-repeat bottom left;}	
	#img_about {background:url(../img/img_about.png) no-repeat bottom left;}
	
	#img_menu,
	#img_map,
	#img_gallery,
	#img_events,
	#img_about {width:172px; height:106px; display:block; margin-bottom:15px;}
	
	#bottom_nav .columns li {margin-bottom:10px;}
		#bottom_nav .columns li a {color:#777;}
	#bottom_nav .columns #events .date {background:url(../img/bg_date.gif) no-repeat 0 0; display:block; width:35px; height:36px; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.4em; color:#000; text-align:center; float:left;margin-right:10px;}
		#bottom_nav .columns .date span {font-size:0.55em; text-transform:uppercase; display:block; margin-top: -4px;}

/* Footer */
#footer {padding:50px 0 40px;}
	#footer p {font-size: 1.1em;}
	
	#catch {float:right; font-size:1.1em;}
		#catch a {background:url(../img/img_catch.gif) no-repeat right 0;height: 18px; padding-right:21px;height: 18px; display:block; color:#777; text-decoration:none; width:67px;}
			#catch a span {text-decoration:underline;}
			#catch a:hover span {text-decoration: none;}


/* Primary Nav */
#nav {background: #000 url(../img/bg_dots_header.gif) repeat-x bottom left;height:46px;width:100%;}
	#nav ul {}
		#nav li {list-style-type:none;float:left;}
			#nav a { background: url(../img/bg_nav.png) no-repeat 0 0; display:block; height:44px;}
			
			#nav #nav1_home {width:78px;}
			#nav #nav1_home:hover {background-position:0 -44px;}
			#nav #nav1_home.current_page_item {background-position:0 -88px;}
			
			#nav #page-item-2 {width:158px; background-position:-78px 0}
			#nav #page-item-2:hover {background-position:-78px -44px;}
			#nav #page-item-2.current_page_item, #nav #page-item-2.current_page_ancestor {background-position:-78px -88px;}
			
			#nav #page-item-5 {width:105px; background-position:-236px 0}
			#nav #page-item-5:hover {background-position:-236px -44px;}
			#nav #page-item-5.current_page_item {background-position:-236px -88px;}
			
			#nav #page-item-7 {width:93px; background-position:-340px 0}
			#nav #page-item-7:hover {background-position:-340px -44px;}
			#nav #page-item-7.current_page_item {background-position:-340px -88px;}
			
			#nav #page-item-9 {width:101px; background-position:-433px 0}
			#nav #page-item-9:hover{background-position:-433px -44px;}
			#nav #page-item-9.current_page_item {background-position:-433px -88px;}
			
			#nav #page-item-12 {width:89px; background-position:-616px 0}
			#nav #page-item-12:hover {background-position:-616px -44px;}
			#nav #page-item-12.current_page_item {background-position:-616px -88px;}

/* Menu Nav */
#menu {background:url(../img/bg_bottom_strip.gif) repeat-x bottom left; padding-bottom:13px; display:none;}
	#menu_top {background:url(../img/bg_top_strip_horizontal.gif) repeat-x top left; display: block; height:14px;}
	#menu_body {background:url(../img/bg_top_strip_both.gif) repeat top left; padding: 17px 0 14px 0;}
	
		#menu_body .columns {padding: 0;}
	
		#menu_body .col {width: 226px; float:left; margin-right:14px;min-height: 210px;/* IE6 min-height fix */ height: auto !important;height: 210px;/* /IE6 hack */}
			#menu_body .col:hover,
			#menu_body .hover {background:#ebebeb; cursor:pointer;}
			#menu_body .col:hover span,
			#menu_body .hover span {text-decoration:none;}
			#menu_body .last {float:right; margin-right:0}
				#menu_body p {font-size:1.1em;}
					#menu_body span {text-decoration:underline; margin-bottom:5px;color:#ee2d24; margin-bottom: -3px; display:block; font-size:1.1em}
				
	
	#img_brunch,
	#img_lunch,
	#img_dinner,
	#img_pizza_top,
	#img_set_menu,
	#img_drinks { display: block; width:226px; height:104px; border:1px solid #808080;margin-bottom:10px;}
	
	#img_brunch {background:url(../img/img_breakfast.jpg) no-repeat 0 0;}
	#img_lunch {background:url(../img/img_lunch.jpg) no-repeat 0 0;}
	#img_dinner {background:url(../img/img_dinner.jpg) no-repeat 0 0;}
	#img_pizza_top {background:url(../img/img_pizza.jpg) no-repeat 0 0;}
	#img_set_menu {background:url(../img/img_set_menu.jpg) no-repeat 0 0;}
	#img_drinks {background:url(../img/img_drinks.jpg) no-repeat 0 0;}


/* =DETAIL
----------------------------------------------- */
#hero {background: #1f1f1f url(../img/bg_hero_1.jpg) no-repeat center top; width:100%; height:426px;}
	#hero p {display:none;}
	
#subpage {}

#scopa_menu .columns .col_right {margin-top:0;}
#scopa_menu #content .columns .col_left {border:0;}
#scopa_menu h3 {margin-bottom:13px;}
#scopa_menu .set_menu h3 {font-weight:bold;}
#scopa_menu .wide h4 {margin-bottom:15px;}
#scopa_menu .set_menu h4 {margin-bottom:5px}
#scopa_menu .set_menu h4.last {margin-bottom:16px}
#scopa_menu .set_menu h4 a {font-weight:normal; color:#4c4c4c;}
#scopa_menu .topcolumns{margin-bottom:20px;}
#scopa_menu .topcolumns .col_right {margin-top:0;width:460px}
#scopa_menu .topcolumns .col_left {border:0; width:430px}
#scopa_menu .columns .set_menu,
#scopa_menu .columns .wide {border:0;float:none;padding-right:0;width:920px; margin-top:0;}
#scopa_menu table {width:100%;margin-bottom:30px;}
#scopa_menu td {font-size:1.2em; color:#777; border-top:1px solid #e6e6e6;vertical-align:top;}
	#scopa_menu .no_border td {border-top:0;}
	#scopa_menu td.no_border {border-top:0; width:60px}
	#scopa_menu td.name {width: 240px;}
	#scopa_menu td.price {width: 140px; text-align:right;}
	#scopa_menu td.glbt {width: 100px; text-align:right;}
	#scopa_menu thead td {font-weight:bold; padding-bottom:7px;}
	#scopa_menu tbody td {padding: 5px 0 4px;}
	
	#scopa_menu td.sides {width:133px;}

#sub_nav {float:right;margin-top:38px;}
	#sub_nav li {float: left; margin-left:17px;padding:4px 6px;}
	#sub_nav li.last {margin-right:0;}
		#sub_nav a {color:#666;}
		#sub_nav .current_page_item {-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;background:#E6E6E6 none repeat scroll 0 0;border:1px solid #E6E6E6;color:#000000;}
		#sub_nav .current_page_item a{text-decoration:none !important;}

#gallery .columns .wide {border:0;padding-right:0;width:920px;}
#gallery .padding {padding-bottom:15px;}
#gallery #photos {margin-top:27px;}
#gallery #photos li {float:left;margin-bottom:-4px;}
#gallery #photos li a {text-decoration:none;}

#scopa_events #events_list {margin-top:0; width: 440px; border:0;}
	#scopa_events h3 {margin-bottom:28px;}
	#scopa_events h4 {margin-bottom:4px;}
		#scopa_events .columns .date {background:url(../img/bg_date_large.gif) no-repeat 0 0; display:block; width:58px; height:58px; font-family:Georgia, "Times New Roman", Times, serif; font-size:2.1em; color:#000; text-align:center; float:left;margin-right:15px;}
			#scopa_events .columns .date span {font-size:0.53em; text-transform:uppercase; display:block; margin-top: -4px;}
			
			#scopa_events #events_list .event {float:left;width:365px;}
				#scopa_events #events_list .event h4 {font-size:1.31em;}
				#scopa_events #events_list .event p {font-size:1em;}

#scopa_events #content .columns .col_left {border:0;}			
#scopa_events #content .columns .col_right {width:460px; margin-top:0; border-left:1px solid #e6e6e6;padding-left:11px;}
	#scopa_events #content .columns .col_right .last {margin-top:13px;}
	
#location #map_canvas {border:10px solid #CCC;margin-top:26px;}



/* Articles */


/* =PLUGINS
----------------------------------------------- */