/*
Theme Name: Earl Of Sussex
Theme URI: http://www.earlofsussex.ca
Description: Earl Of Sussex.
Version: 1.0
Author: Newclear Productions
Author URI: http://www.gonewclear.com
Tags: Earl Of Sussex
*/

@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;	padding: 0;	border: 0; outline: 0;	font-size: 100%; vertical-align: baseline; background: transparent; }
html, body {height: 100%}
a:focus { border:none; text-decoration:none; outline:none; }

.clear { clear:both; }

body { font-family:Segoe,Segoe UI,Tahoma,Arial,Verdana,Helvetica,sans-serif; margin:0; padding:0; background:url(images/earl-background.jpg) top no-repeat #011339; }

#center { width:960px; margin:auto; }

#jump { height:60px; padding:0px 20px 0px 20px; }
	#jump .address { float:left; }
		#jump .address a.earl-addy { width:210px; height:60px; display:block; overflow:hidden; }
		#jump .address a.earl-addy:hover { text-indent:-210px; display:block; }
	#jump .thorn { float:right; }	
		#jump .thorn a.thorn-jump { width:300px; height:60px; display:block; overflow:hidden; }
		#jump .thorn a.thorn-jump:hover { text-indent:-300px; display:block; }
		
#banner { height:150px; padding:0px 20px 0px 20px; }
	#banner .logo { float:left; margin:16px 0px 0px 0px; }
		#banner .logo a.earl-logo { width:439px; height:121px; display:block; overflow:hidden; }
		#banner .logo a.earl-logo:hover { text-indent:-439px; display:block; }
	#banner .map { float:left; margin:94px 0px 0px 15px; }
		#banner .map a.earl-map { width:179px; height:56px; display:block; overflow:hidden; }
		#banner .map a.earl-map:hover { text-indent:-178px; display:block; }
		
#menu { height:50px; background:url(images/thorn-menu-bg.jpg) top no-repeat; padding:0px 0px 0px 8px; position:relative; z-index:1; }
	#menu .rollover { float:left; margin:6px 0px 0px 0px; }
		#menu .rollover a.menus { width:66px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.menus:hover { text-indent:-66px; display:block; }
		#menu .rollover a.reservations { width:110px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.reservations:hover { text-indent:-110px; display:block; }
		#menu .rollover a.giftcerts { width:128px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.giftcerts:hover { text-indent:-128px; display:block; }
		#menu .rollover a.feedback { width:84px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.feedback:hover { text-indent:-84px; display:block; }
		#menu .rollover a.history { width:70px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.history:hover { text-indent:-70px; display:block; }
		#menu .rollover a.chef { width:80px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.chef:hover { text-indent:-80px; display:block; }
		#menu .rollover a.contact { width:72px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.contact:hover { text-indent:-72px; display:block; }
		#menu .rollover a.employment { width:109px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.employment:hover { text-indent:-109px; display:block; }
		#menu .rollover a.charities { width:81px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.charities:hover { text-indent:-81px; display:block; }
		#menu .rollover a.hours { width:61px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.hours:hover { text-indent:-61px; display:block; }
		#menu .rollover a.specials { width:73px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.specials:hover { text-indent:-73px; display:block; }
		
#coda-gallery { width:960px; height:695px; position:relative; z-index:0; }
	#coda-gallery .button { position:absolute; top:20px; z-index:25; left:790px; }
		#coda-gallery .button a.next { width:148px; height:49px; display:block; overflow:hidden; }
		#coda-gallery .button a.next:hover { text-indent:-148px; display:block; }
		#coda-gallery pre { display:none }
		
#subbanner { width:960px; height:150px; }

#content { width:960px; background:url(images/earl-content-bg.jpg) repeat-y; }

#maincol { width:600px; padding:10px 20px 40px 20px; float:left; }

#maincol h1 { font-size:28px; color:#061d48; font-weight:normal; margin:0px 0px 10px 0px; }
#maincol h2 { font-size:20px; color:#061d48; font-weight:normal; margin:0px 0px 10px 0px; }
#maincol h3 { font-size:18px; color:#061d48; font-weight:normal; }
#maincol p { font-size:14px; color:#232323; margin:0px 0px 20px 0px; }
#maincol p a { color:#061d48; text-decoration:none; }
	#maincol p a:hover { text-decoration:underline; }
#maincol hr { border:none; border-bottom:1px dotted #061d48; }

#sidebar { width:320px; float:left; padding:20px 0px 20px 0px; }
	#sidebar .download { margin:0px 0px 20px 0px; }
		#sidebar .download a.menu { width:288px; height:58px; display:block; overflow:hidden; }
		#sidebar .download a.menu:hover { text-indent:-288px; display:block; }
	#sidebar .specials { width:200px; height:257px; padding:30px 30px 0px 30px; margin:0px 0px 20px 0px; background:url(images/earl-specials-bg.png) top no-repeat;  }
		#sidebar .specials h4 { font-size:22px; color:#FFFFFF; font-weight:normal; text-align:center; margin:0px 0px 10px 0px; }
		#sidebar .specials h5 { font-size:17px; color:#FFFFFF; font-weight:normal; text-align:left; margin:0px 0px 0px 0px; }
		#sidebar .specials p { font-size:12px; color:#FFFFFF; text-align:left; margin:0px 0px 10px 0px; }
	#sidebar .hours { width:187px; height:279px; padding:30px 35px 0px 35px; margin:0px 0px 20px 0px; background:url(images/earl-hours-bg.png) top no-repeat;  }
		#sidebar .hours h4 { font-size:20px; color:#000000; font-weight:normal; text-align:center; margin:0px 0px 5px 0px; }
		#sidebar .hours h5 { font-size:15px; color:#000000; font-weight:normal; text-align:left; margin:0px 0px 0px 0px;  }
		#sidebar .hours p { font-size:12px; color:#000000; font-weight:normal; text-align:left; margin:0px 0px 5px 0px; }
		
#footer { height:115px; background:url(images/earl-footer-bg.jpg) top no-repeat; color:#455b83; font-size:12px; }
	#footer-art { position:relative; top:-25px; z-index:99; }
	#footer-content { position:relative; top:-42px; }
	#footer a { color:#455b83; text-decoration:none; }
		#footer a:hover { text-decoration:underline; }
		
#jsddm { margin: 0; padding: 0; }
	#jsddm li { float: left; list-style: none; }
	#jsddm li a { display: block;  white-space: nowrap;	}
	#jsddm li a:hover {	}
		#jsddm li ul { z-index:99; margin: 0; padding: 0; position: absolute; top:51px; visibility: hidden; min-width:130px; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; }
		#jsddm li ul li { float: none; display: inline; text-align:left; font-size:14px; }
		#jsddm li ul li a {	background: #061d48; color:#f3c817; padding:5px 10px 5px 10px; text-decoration:none; width: auto; }		
		#jsddm li ul li a:hover { background: #f3c817; color:#061d48; padding:5px 10px 5px 10px; text-decoration:none; }