/* 
Theme Name: The Kings Arms Tavern Theme
Description: This is a custom built theme developed for the Kings Arms Tavern in Auckland
Author: Stewart Duffy
Version: 0.1 
*/


@import url("css/reset.css");
@import url("css/iconize.css");


/* -------------- Background Style -------------------*/

body { background:#000; }
#background { width:1500px; height:100%; margin-left:-293px; position:fixed; background:url("images/curtain_tile_11_11.jpg") repeat; }

#top_gradietnt { width:100%; height:442px; background:url("images/gradient_top2.png") repeat-x; position:absolute; top:0; }
#gradient_bottom { width:100%; min-height:442px; background:url("images/gradient_bottom.png") repeat-x; position:absolute; bottom:0; }
#gradient_body_bg { width:100%; height:100%; background:url("images/gradient_body_bg.png") repeat; position:absolute; top:0; }

#gradient_left { width:238px; height:100%; background:url("images/gradient_left.png") repeat-y; position:absolute; top:0; }
#gradient_right { width:238px; height:100%; background:url("images/gradient_right.png") repeat-y; position:absolute; top:0; right:0; }

#speaker_left { width:253px; height:614px; background:url("images/speakers_left.png") no-repeat; position:absolute; left:0; bottom:0; }
#speaker_right { width:259px; height:619px; background:url("images/speakers_right.png") no-repeat bottom left; position:absolute; right:0; bottom:0; }




#page_frame { width:900px; min-height:1086px; margin:0 auto; z-index:1; position:relative; background:#000 url('images/background.jpg') no-repeat top center scroll; }

#content { background:#000 url('images/background2.jpg') repeat-y top center scroll; width:900px; position:absolute; top:0; left:0 }

#content_window { background:url('images/body_transparent.png') repeat; width:900px; padding-bottom:78px;}



/* -------------- Body -------------------*/


#right { margin-top:15px; margin-right:15px; min-height:728px; width:712px; float:right; }


#logo { display:block; margin:0 auto 15px auto; }

#header { height:124px; width:100%; }

#content_frame { width:537px; min-height:564px; padding:20px 20px 20px 20px; background:url('images/transparent_red.png') repeat; float:left; }

body.no_adverts #content_frame { width:672px; }


#left { margin-top:15px; margin-left:15px; margin-right:15px; height:728px; width:143px; float:left; }


#sidebar { height:503px; clear:both; }

#gigs_mini {  width:113px; height:20000px; background:url('images/transparent_red.png') repeat; padding: 10px 10px; }

body.no_adverts #sidebar { height:401px; }


#sub_nav li { text-align:center; display:block; height:33px; width:133px; padding-top:10px; margin-bottom:10px; background:url('images/transparent_red.png') repeat;  }

#sub_nav li a { text-transform:uppercase; font-size:20px; font-family: Helvetica, Arial, sans-serif; color:#FFF; text-decoration:none; }

#sub_nav li a:hover, #sub_nav li a.selected { color:#000; }

#sub_nav li.current_page_item a { color:#000; }




#advert { width:120px; height:600px; margin-left:15px; background:#333; float:right; }




/* -------------- Footer -------------------*/

#footer { height:328px; width:900px; clear:both; padding-top:15px; }
/*
#footer h3 { float:left; }
*/
#footer_content { width:830px; padding:20px; background:url(images/transparent_red.png) repeat; margin:0 auto 15px auto; position:relative; }

#footer_end { clear:both; text-align:center; }
#footer_nav { display:block; width:500px; margin:0 auto; }

#footer_nav li { display:block; float:left; color:#FFF;  }

#footer #contact_deats { margin-top:10px; }
#footer #contact_deats ul li { display:inline; font-size:12px; }
#footer #contact_deats ul { display:block; width:100%; text-align:center; }

#footer h2 { float:left; }

#map_footer { background:url('images/body_transparent.png') repeat; width:168px; height:168px; padding:7px; overflow:hidden; position:absolute; left:450px; top:58px; }

#map_link { display:block; width: 168px; padding-top: 168px; overflow:hidden; height:0px; background-image:url('images/map.jpg'); }

#map_link p {display:none; }
#physical_address { margin-top:20px; }

/* ----------------------------- Global Nav ------------------------*/

#global_nav { list-style: none; height: 69px; overflow: hidden; width: 689px; margin-left: auto; margin-right: auto; }	
#global_nav li { float: left; list-style: none; }
#global_nav a { display: block; padding: 69px 0 0 0; overflow: hidden; height: 0px !important; }	
#global_nav a:hover, #global_nav a:active {	background-position: 0 -69px; }
#global_nav a:hover, #global_nav a:active {	background-position: 0 -69px; }
#global_nav a.selected { background-position: 0 -138px; }

	
	
#music_nav a  { width: 148px; background: url('images/nav_sprite01.png') top left no-repeat; }
#galleries_nav a  { width: 212px; background: url('images/nav_sprite02.png') top left no-repeat; }
#about_nav a  { width: 150px; background: url('images/nav_sprite03.png') top left no-repeat; }
#community_nav a { width: 179px; background: url('images/nav_sprite04.png') top left no-repeat; }


/* ----------------------------- Typography ------------------------*/

p { color:#FFF; font: normal normal normal 17px/23px Helvetica, Arial, sans-serif; margin-bottom:12px; }

h2 { margin-bottom:13px; }
h2, h3, h4 { color:#FFF; font-family:ChunkFive; font-weight: normal; font-size:30px; text-transform:capitalize; }
h3 { font-size:24px; }

.info h3 { margin-bottom:15px; }
h4 { font-size:18px; }
h6 { font-family:Helvetica, Arial, sans-serif; font-weight:bold; font-size:23px; margin-bottom:15px; clear:both; }

#footer li { color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:14px; margin-bottom:10px; }
/*#footer ul { margin-bottom:50px; }*/

.side_listing { margin-top:10px;}
.side_listing p { margin-bottom: 5px; font-size:12px; line-height:normal; }
.side_listing p strong { font-weight:bold; font-size:14px; line-height:20px; }
.side_listing h6 { font-family:Helvetica, Arial, sans-serif; font-size:12px; font-weight:bold; color:#FFF; margin-bottom:5px; }

#footer_nav a { font-size:18px; text-decoration:none; color:#FFF; }

#footer_nav a:hover, #footer_nav a.selected { color:#db1f2a; }



a { color:#FFF; font-family:Helvetica, Arial, sans-serif; }
a:hover { color:#000; }
#editable_content h1, #editable_content h2, #editable_content h3, #editable_content h4, #editable_content h5, #editable_content h6 { font-family:Helvetica, Arial, sans-serif; font-size:16px; font-weight:bold; margin-bottom:15px; }
#editable_content { color:#FFF; font-family:Helvetica, Arial, sans-serif; }
#editable_content ul { margin-bottom: 15px; }
#editable_content li { color:#FFF; text-indent:10px; list-style:square inside none; font-size:14px; line-height:20px; }


.black_box a { text-decoration:none; }
.black_box a:hover { color:#db1f2a; }
.black_box .date { font-size:16px; font-weight:bold; }
/* -------------- Form -------------------*/

form { width:405px; margin-top:5px; position:relative; float:left; }

input, #enquiry { width:180px; height:20px;  padding:5px; background:url('images/body_transparent.png') repeat; border:none; color:#FFF; font-size:15px; font-family:Helvetica, Arial, sans-serif; margin-bottom:10px; float:left; }
#email_form { float:right; }
#enquiry { width:395px; height:160px; overflow:auto; }
#other { display:none; }
#submit { height:30px; float:right; width:104px; margin-bottom:0; }

form #message { color:#FFF; font-family:Helvetica, Arial, sans-serif; font-size:18px; position:absolute; top:165px; }


#left_column, #right_column { width:48%; float:left; }

#right_column { float:right; }

#right_column img { width: 100%; margin-bottom:15px; height:auto; max-width:322px; }

#left_column img { margin-top:15px; margin-bottom:15px; max-width:322px; }

div.small p { font-size:14px; margin-bottom:4px; line-height:145%; }

.black_box { background:url('images/body_transparent.png') repeat; width:303px; padding:11px; margin-bottom:20px;}

.info { margin-left: 120px; }
.poster { overflow:hidden; width:100px; height:100px; float:left; background:url('images/small_logo.png') repeat; position:relative; }
.poster img { position:absolute; top:0; left:0; }
.listing { float:left; margin-bottom:10px; }
.listing p { font-size:13px; margin-bottom:5px; line-height:135%; }
.listing h5 { color:#FFF; font-size:24px; font-family:Helvetica, Arial, sans-serif; font-weight:bold; margin-bottom:5px; }
.hline { clear:both; width:100%; height:1px; background-color:#000; margin-bottom:30px; }
.listing p.gig_date { font-size:14px; }



.logos { clear:both; width:100%; display:block; }
.logos ul { display:block; width:auto; margin: 15px auto 0 auto; }
.logos li { display:block; float:left; margin-right:29px; }
.logos li.no_padding { margin:0; }

/* -------------- Table -------------------*/

#opening_hours { width:300px; text-align:center; }

iframe { margin-bottom:10px; }

table { color:#FFF; width: 255px; margin-left:auto; margin-right:auto; }

tr { width:20px; border-bottom:1px solid #444; }
th, td { width:50%; height:24px; color:#FFF; font-family:Helvetica, Arial, sans-serif; font-size:14px; vertical-align:middle; }
td.column-2 { text-align:right; }
td.column-1 { text-align:left; }

#top_content { overflow:hidden; }

#opening_hours h2 { font-size:20px; }

.menu_page h2 { font-size:20px; }
.menu_page table { width:100%; margin-bottom:25px; }
.menu_page td { height:30px; }
.menu_page td.column-1 { width:80%; }
.menu_page td.column-2 { width:20%; }

.home #content_frame img { max-width:537px; height:auto; }


.blog_post { color:#FFF; }

.blog_post h3 { font-family:Helvetica, Arial, sans-serif; font-size:22px; font-weight:bold; margin-bottom:15px; }

.blog_post img { float:left; margin-right:20px; margin-bottom:20px; }
div.clear_float { clear:both; }

#gmap { background-color:#000; width:322px; height:301px; margin:0; padding:0; margin-bottom:20px; }

#gigs_mini .side_listing a:hover p, #gigs_mini .side_listing a:hover h6 { color:#000; }

p.form_message { color:#FFF; float:left; }

#frmSS37 { display:block; width:190px; float:right; text-align:right; font-family:Helvetica, Arial, sans-serif; font-size:12px; color:#FFF; }

#frmSS37 input { margin:0; margin-bottom:10px; }
#frmSS37 input.submit { float:right; height:30px; width:104px; }
#frmSS37 img { background: white; border: 1px gray; margin-top:10px; margin-bottom:10px; }
#frmSS37 label { margin-bottom:10px; display:block; }
#footer_content h3 { margin-bottom:10px; }