/***

Stylesheet: Global CSS for Globe Pub Chicago
Version: 1.0

(c) 2010

Color Glossary

	# Burnt Orange (main info bg): #b04f02
	# Lime Green (text): #b1e800


ToC

	1 - Global Styles – (body, paragraphs, lists, etc)
    2 - Page Structure
    3 - Header/ Footer
	4 - Main Nav Bar
	5 - Slideshow


***/

/* --------------------------------------------*/
/* -----------/ RESET /------------------------*/
/* --------------------------------------------*/

html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }


/* --------------------------------------------*/
/* -----------/ 1 - Global Styles /------------*/
/* --------------------------------------------*/

* { list-style:none; margin:0px; padding:0px; }

body { color: #000; font: 12px/16px Arial, Verdana, sans-serif; background: #000000 url(../../images/bg_main.jpg) top center no-repeat;  }

img { border: 0px; } img.link { cursor:pointer; }

a:link, a:visited, { color: #000000; text-decoration: underline; }
				
a:hover, a:active, { color: #000000; text-decoration: underline; }

.white { color: #FFFFFF; }

.white a:link, .white a:visited, { color: #FFFFFF; text-decoration: underline; }
				
.white a:hover, .white a:active, { color: #FFFFFF; text-decoration: underline; }


/* --------------------------------------------*/
/* -----------/ 2 - Page Structure /-----------*/
/* --------------------------------------------*/

#wrapper { text-align:center; }

#content_wrapper { width: 980px; margin: 0 auto; text-align: left; position: relative; }

#nav_wrapper { width: 980px; height: 30px; background-color: #000000; position: absolute; top: 110px; }

#main_info_wrapper { width: 980px; height: 620px; background: #b04f02 url(../../images/bg_orangegrad.gif) top repeat-x; position: absolute; top: 140px; }

	#subnav_callout { width: 620px; height: 26px; top: 17px; left: 214px; position: relative; text-align: center; display: block;  }
	
	#feature_area_wrapper { width: 940px; height: 336px; position: relative; top: 30px; left: 20px; }
	
		#feature_photo { width: 650px; height: 336px; position: relative; top: 0px; left: 0px; float: left; background-color: #000000;  }
		
		#feature_list { width: 288px; height: 334px; background-color: #FFFFFF; position: relative; top: 0px; right: 0px; float: right; border: 1px solid #c8c8c8; }
		
			.bg_graygrad_lrg { background: url(../../images/bg_graygrad_lrg.gif) top repeat-x; }
			
			.btm_brdr { border: 1px bottom #c8c8c8; }
			
		.events_specials { width: 248px; margin-left: 20px; padding: 5px 0 0px 0; }
	
			.events_specials ol, .events_specials ul { padding: 0px; margin: 0px; }
			
			.events_specials li { padding: 12px 0 12px 0; margin: 0px; border-bottom: 1px dotted #C5C5C5; }
			
				.events_specials li a:link, .events_specials li a:visited, { color: #000000; text-decoration: underline; }
				
				.events_specials li a:hover, .events_specials li a:active, { color: #000000; text-decoration: underline; }
	
	#box_wrapper_small { width: 660px; height: 180px; position: relative; top: 50px; left: 20px; }
	
	#box_wrapper { width: 940px; height: 180px; position: relative; top: 50px; left: 20px; }
	
		#box_large { width: 460px; height: 180px; position: relative; top: 0px; left: 0px; float: left; display: block; background-color: #FFFFFF; }
	
		#box_small1 { width: 225px; height: 180px; position: relative; top: 0px; left: 15px; float: left; display: block; background-color: #FFFFFF;  }
		
		#box_small2 { width: 225px; height: 180px; position: relative; top: 0px; right: 0px; float: right; display: block; background-color: #FFFFFF;  }
		
			.hdr_graygrad_large { background: url(../../images/bg_graygrad_lrg.gif) top repeat-x; width: 458px; height: 48px; border: 1px solid #c8c8c8; position: absolute; top: 0px; left: 0px; }
			
			.hdr_graygrad_small { background: url(../../images/bg_graygrad_lrg.gif) top repeat-x; width: 223px; height: 48px; border: 1px solid #c8c8c8; position: absolute; top: 0px; left: 0px; }
			
			.hdr_box { position: absolute; top: 18px; left: 15px; font: 10px/13px Arial, Helvetica, sans-serif; color: #000000; text-align: center;  }
			
			.box_content_large { width: 458px; height: 129px; border: 1px solid #c8c8c8; position: absolute; top: 50px; left: 0px; }
			
				.box_content_large p { width: 430px; position: relative; top: 8px; left: 15px; }
			
			.box_content_small { width: 223px; height: 129px; border: 1px solid #c8c8c8; position: absolute; top: 50px; left: 0px; }

#total_football_wrapper { width: 980px; height: 375px; position: absolute; top: 760px; background-color: #171717; }

	#total_football_feeds { height: 260px; background: #000000 url(../../images/bg_greengrad.gif) top repeat-x; text-align: left;}
	
		#feed_container { top: 20px; }

	#total_football_footer { background: #000000 url(../../images/bg_ftr_totalfootball.gif) top repeat-x; height: 65px; }
	
		#social_icons { width: 174px; height: 65px; position: relative; top: 0px; right: 185px; }
		
	.feed_wrapper { overflow:hidden; width: 300px; height: 200px; }
		
/* Rotating styles from section to section */

	.hdr_box_text { position: absolute; top: 10px; left: 15px; width: 195px; font: 13px/16px Arial, Helvetica, sans-serif; color: #000000; text-align: center; font-weight: bold; text-transform:uppercase;  }
	
		.hdr_box_text a:link, .hdr_box_text a:visited { color: #000000; text-decoration: none; font-size: 11px; text-transform:lowercase; }
				
		.hdr_box_text a:hover, .hdr_box_text a:active { color: #000000; text-decoration: underline; font-size: 11px; text-transform:lowercase;  }
	
	#main_info_wrapper_sports { width: 980px; height: 620px; background: #CC0000 url(../../images/bg_redgrad.gif) top repeat-x; position: absolute; top: 140px; }
	
		#box_small1_sports { width: 225px; height: 180px; position: relative; top: 0px; left: 0px; float: left; display: block; background-color: #FFFFFF; }
		
		#box_small2_sports { width: 225px; height: 180px; position: relative; top: 0px; left: 15px; float: left; display: block; background-color: #FFFFFF; }
		
		#box_small3_sports { width: 225px; height: 180px; position: relative; top: 0px; left: 30px; float: left; display: block; background-color: #FFFFFF; }
		
		#box_small4_sports { width: 225px; height: 180px; position: relative; top: 0px; left: 45px; float: left; display: block; background-color: #FFFFFF; }
		
	#main_info_wrapper_food { width: 980px; height: 620px; background: #000000 url(../../images/bg_browngrad.gif) top repeat-x; position: absolute; top: 140px; }
	
		.box_content_large_food { width: 458px; height: 129px; border: 1px solid #c8c8c8; position: absolute; top: 50px; left: 0px; background-color: #cec12d;  }
		
			.box_content_large_food p { width: 430px; position: relative; top: 8px; left: 15px; }
			
	#box_large_events { width: 410px; height: 180px; position: relative; top: 0px; left: 0px; float: left; display: block; background-color: #FFFFFF; }
	
	#main_info_wrapper_events { width: 980px; height: 620px; background: #000000 url(../../images/bg_purplegrad.gif) top repeat-x; position: absolute; top: 140px; }
	
		.hdr_graygrad_large_events { background: url(../../images/bg_graygrad_lrg.gif) top repeat-x; width: 408px; height: 48px; border: 1px solid #c8c8c8; position: absolute; top: 0px; left: 0px; }
						
			.box_content_large_events { width: 408px; height: 129px; border: 1px solid #c8c8c8; position: absolute; top: 50px; left: 0px; background-color: #990000; }
			
				.box_content_large_events { width: 408px; height: 129px; border: 1px solid #c8c8c8; position: absolute; top: 50px; left: 0px; background-color: #990000; }
			
				.box_content_large_events p { width: 380px; position: relative; top: 8px; left: 15px; color: #FFFFFF; font-size: 11px; }
				
				.box_content_large_events a:link, .box_content_large_events a:visited { color: #FFFFFF; text-decoration: underline; }
				
				.box_content_large_events a:hover, .box_content_large_events a:active { color: #FFFFFF; text-decoration: underline; }
				
			#box_small1_events { width: 225px; height: 180px; position: relative; top: 0px; left: 8px; float: left; display: block; background-color: #FFFFFF; }
	
		#weekly_events { width: 286px; height: 420px; background-color: #ffcc00; position: absolute; top: 112px; right: -1px; border: 2px solid #FFFFFF; z-index: 500px; }
		
		.weekly_events_list { width: 248px; margin-left: 20px; padding: 5px 0 0px 0; font: 10px/13px Arial, Helvetica, sans-serif; }
	
			.weekly_events_list ol, .weekly_events_list ul { padding: 0px; margin: 0px; }
			
			.weekly_events_list li { padding: 8px 0 8px 0; margin: 0px; border-bottom: 1px dotted #000000; }
			
			.weekly_events_list li a:link, .weekly_events_list li a:visited { color: #000000; text-decoration: underline; }
			
			.weekly_events_list li a:hover, .weekly_events_list li a:active { color: #000000; text-decoration: underline; }
			
	#main_info_wrapper_parties { width: 980px; height: 620px; background: #000000 url(../../images/bg_bluegrad.gif) top repeat-x; position: absolute; top: 140px; }
	
		.box_content_large_parties { width: 408px; height: 129px; border: 1px solid #c8c8c8; position: absolute; top: 50px; left: 0px; background-color: #bb88bb; }
			
				.box_content_large_parties p { width: 380px; position: relative; top: 8px; left: 15px; color: #000000; font-size: 11px; }
				
				.box_content_large_parties a:link, .box_content_large_parties a:visited { color: #000000; text-decoration: underline; }
				
				.box_content_large_parties a:hover, .box_content_large_parties a:active { color: #000000; text-decoration: underline; }
				
	#main_info_wrapper_contact { width: 980px; height: 620px; background: #000000 url(../../images/bg_greengrad_contact.gif) top repeat-x; position: absolute; top: 140px; }
	
		.box_content_large_contact { width: 408px; height: 129px; border: 1px solid #c8c8c8; position: absolute; top: 50px; left: 0px; background-color: none; }
		
		.box_content_small_contact { width: 223px; height: 129px; border: 1px solid #c8c8c8; position: absolute; top: 50px; left: 0px; }
		
		.box_content_small_contact p { width: 223px; height: 100px; position: absolute; top: 24px; left: 0px; text-align: center; color: #FFFFFF; }
		
		#widget_wrap { width: 650px; height: 336px; position: relative; top: -1px; left: 0px; float: left;  }
		
		.beer_and_pin { position: absolute; right: 0px; top: 200px; z-index: 500; }
	
	/* End special styles */
	


/* --------------------------------------------*/
/* -----------/ 3 - Header/ Footer /-----------*/
/* --------------------------------------------*/

#logo { width: 245px; height: 245px; position: absolute; top: 0px; left:-20px; z-index:1000; }

#footer { width: 980px; height: 200px; position: absolute; top: 1135px; padding: 20px 0 0 0; color: #b1e800; text-align: center; }

	#footer p { padding-bottom: 10px; }

	#footer a:link, #footer a:visited { color: #b1e800; text-decoration: underline; }
	
	#footer a:hover, #footer a:active { color: #FFFFFF; text-decoration: underline; }
	
	.football { position: absolute; right: 0px; top: -95px; z-index: 500; }
	
.footergreen { font-size: 9px; } 

	.footergreen a:link, .footergreen a:visited { color: #000000; text-decoration: underline; }
	
	.footergreen a:hover, .footergreen a:active { color: #000000; text-decoration: underline; }
	
.footergreen_followus { color: #66cc00; text-align: right; padding-right: 20px; } 


/* --------------------------------------------*/
/* -----------/ 4 - Main nav Bar /-------------*/
/* --------------------------------------------*/

#nav { width: 715px; height: 30px; margin: 0px; padding: 0px; position: absolute; top: 0px; right: 50px; z-index: 500; }
	
#nav ul { height: 30px; margin: 0px; padding: 0px; list-style: none; }
	
#nav li { float: left; height: 30px; margin: 0px; padding: 0px; }

	#nav a.nav_home { display: block; width: 70px; background: url("../../images/nav_main_home.gif") }
	
	#nav a.nav_home:hover { background-position: 0 -30px; }
	
	#nav a.nav_sports { display: block; width: 125px; background: url("../../images/nav_main_sports.gif") }
	
	#nav a.nav_sports:hover { background-position: 0 -30px; }
	
	#nav a.nav_food { display: block; width: 160px; background: url("../../images/nav_main_food.gif") }
	
	#nav a.nav_food:hover { background-position: 0 -30px; }
	
	#nav a.nav_events { display: block; width: 100px; background: url("../../images/nav_main_events.gif") }
	
	#nav a.nav_events:hover { background-position: 0 -30px; }
	
	#nav a.nav_parties { display: block; width: 110px; background: url("../../images/nav_main_parties.gif") }
	
	#nav a.nav_parties:hover { background-position: 0 -30px; }
	
	#nav a.nav_contact { display: block; width: 150px; background: url("../../images/nav_main_contact.gif") }
	
	#nav a.nav_contact:hover { background-position: 0 -30px; }

#nav_rss { position: absolute; top: 0px; right: 0px; width: 50px; height: 75px; z-index: 1000; }


/* --------------------------------------------*/
/* -----------/ 4 - Feed Styling /-------------*/
/* --------------------------------------------*/

.feeds { color: #FFFFFF; font-size: 13px; overflow: hidden; text-align: left; } 

	.feeds a:link, .feeds a:visited { color: #b1e800; text-decoration: underline; }
	
	.feeds a:hover, .feeds a:active { color: #FFFFFF; text-decoration: underline; }
	
	.feeds ol, .feeds ul { padding: 0px; margin: 0px; }
	
	.feeds li { padding: 12px 0 12px 0; margin: 0px; border-top: 1px dotted #C5C5C5; }

.feeds_specials { width: 248px; margin-left: 20px; padding: 15px 0 0px 0; }
	
	.feeds_specials ol, .feeds_specials ul { padding: 0px; margin: 0px; }
	
	.feeds_specials li { padding: 4px 0 4px 0; margin: 0px; border-bottom: 0px dotted #C5C5C5; }
	
	.feeds_specials a:link, .feeds_specials a:visited { color: #000000; text-decoration: none; cursor: default; }
	
	.feeds_specials a:hover, .feeds_specials a:active { color: #000000; text-decoration: none; cursor: default; }
	
	
/* --------------------------------------------*/
/* -----------/ 6 - Includes /-----------------*/
/* --------------------------------------------*/


.events_include { width: 268px; height: 189px; margin-left: 20px; padding: 5px 0 0px 0; overflow-y: scroll; }
	
	.events_include ol, .events_include ul { padding: 0px; margin: 0px; }
			
	.events_include li { padding: 12px 0 12px 0; margin: 0px; border-bottom: 1px dotted #C5C5C5; width: 248px; }
			
		.events_include li a:link, .events_include li a:visited, { color: #000000; text-decoration: underline; }
				
		.events_include li a:hover, .events_include li a:active, { color: #000000; text-decoration: underline; }
		
.event_title { color: #990000; text-transform: uppercase; font-weight: bold; }
				
			

/* --------------------------------------------*/
/* -----------/ 5 - Slideshow /----------------*/
/* --------------------------------------------*/


ul.slideshow {
	list-style:none;
	width:650px;
	height:336px;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
	
}	

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:500;	
}

ul img {
	border:none;	
}

#slideshow-caption {
	width:650px;
	height:60px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background: url(../../images/feature_panel/feature_caption_bg.png);
	z-index:500;
	font-weight: bold;
}

#slideshow-caption .slideshow-caption-container {
	padding:0px 10px;		
	z-index:1000;
}

#slideshow-caption h3 {
	margin:0px 0 0 5px;
	padding:0;	
	font-size:20px;
	color: #ffffff;
	text-transform: uppercase;
}

#slideshow-caption p {
	margin:0px 0 0 5px;
	padding:0;
	font-size:13px;
	color:#b1e800;
	text-transform: uppercase;
}


/* -- FLICKR --*/

.flickrFooter {
margin-left:0px;
min-height:180px;
width: 300px;
height: 200px;
}
.flickrFooter img {
border:2px solid #EEEEEE;
float:left;
margin-bottom:5px;
margin-right:8px;
}