/*
Theme Name: The Black Thorn
Theme URI: http://www.theblackthorn.ca
Description: The Black Thorn.
Version: 1.0
Author: Newclear Productions
Author URI: http://www.gonewclear.com
Tags: The Black Thorn
*/

@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; }

a:focus { border:none; text-decoration:none; outline:none; }

.clear { clear:both; }

body { font-family:"Times New Roman", Georgia, Times, serif; margin:0; padding:0; background:url(images/thorn-background.jpg) top no-repeat #240100; }

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

#jump { height:60px; padding:0px 20px 0px 20px; }
	#jump .address { float:left; }
		#jump .address a.thorn-addy { width:219px; height:60px; display:block; overflow:hidden; }
		#jump .address a.thorn-addy:hover { text-indent:-219px; display:block; }
	#jump .earl { float:right; }	
		#jump .earl a.earl-jump { width:256px; height:60px; display:block; overflow:hidden; }
		#jump .earl a.earl-jump:hover { text-indent:-256px; display:block; }
		
#banner { height:150px; padding:0px 20px 0px 20px; }
	#banner .logo { float:left; margin:30px 0px 0px 0px; }
		#banner .logo a.thorn-logo { width:469px; height:89px; display:block; overflow:hidden; }
		#banner .logo a.thorn-logo:hover { text-indent:-469px; display:block; }
	#banner .map { float:left; margin:94px 0px 0px 15px; }
		#banner .map a.thorn-map { width:179px; height:56px; display:block; overflow:hidden; }
		#banner .map a.thorn-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:65px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.menus:hover { text-indent:-65px; display:block; }
		#menu .rollover a.reservations { width:97px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.reservations:hover { text-indent:-97px; display:block; }
		#menu .rollover a.catering { width:72px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.catering:hover { text-indent:-72px; display:block; }
		#menu .rollover a.giftcerts { width:116px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.giftcerts:hover { text-indent:-116px; display:block; }
		#menu .rollover a.feedback { width:77px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.feedback:hover { text-indent:-77px; display:block; }
		#menu .rollover a.history { width:65px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.history:hover { text-indent:-65px; display:block; }
		#menu .rollover a.chef { width:78px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.chef:hover { text-indent:-78px; display:block; }
		#menu .rollover a.contact { width:67px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.contact:hover { text-indent:-67px; display:block; }
		#menu .rollover a.employment { width:98px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.employment:hover { text-indent:-98px; display:block; }
		#menu .rollover a.charities { width:74px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.charities:hover { text-indent:-74px; display:block; }
		#menu .rollover a.hours { width:59px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.hours:hover { text-indent:-59px; display:block; }
		#menu .rollover a.specials { width:68px; height:38px; display:block; overflow:hidden; }
			#menu .rollover a.specials:hover { text-indent:-68px; 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:155px; height:49px; display:block; overflow:hidden; }
		#coda-gallery .button a.next:hover { text-indent:-155px; display:block; }
		#coda-gallery pre { display:none }
		
#subbanner { width:960px; height:150px; }

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

#maincol { width:600px; padding:10px 20px 40px 20px; float:left; }
	#maincol h1 { font-size:30px; color:#4f0e16; font-weight:normal; margin:0px 0px 10px 0px; }
	#maincol h2 { font-size:24px; color:#4f0e16; font-weight:normal; margin:0px 0px 10px 0px; }
	#maincol h3 { font-size:18px; color:#4f0e16; font-weight:normal; }
	#maincol h4 { font-size:16px; color:#4f0e16; font-weight:normal; }
	#maincol p { font-size:14px; color:#232323; margin:0px 0px 20px 0px; }
	#maincol p a { color:#460b11; text-decoration:none; }
		#maincol p a:hover { text-decoration:underline; }
	#maincol .indent { margin:0px 0px 20px 20px; }
		#maincol .indent p { font-size:13px; margin:0px 0px 10px 0px; }
	#maincol hr { border:none; border-bottom:1px dotted #4f0e16; }
	#maincol ul { margin:0px 0px 0px 20px; }
		#maincol ul li { list-style-type:square; }

#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/thorn-specials-bg.png) top no-repeat; font-family:Segoe,Segoe UI,Tahoma,Arial,Verdana,Helvetica,sans-serif; }
		#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/thorn-hours-bg.png) top no-repeat; font-family:Segoe,Segoe UI,Tahoma,Arial,Verdana,Helvetica,sans-serif; }
		#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/thorn-footer-bg.jpg) top no-repeat; color:#83454c; font-size:12px; font-family:Segoe,Segoe UI,Tahoma,Arial,Verdana,Helvetica,sans-serif; }
	#footer-art { position:relative; top:-25px; }
	#footer-content { position:relative; top:-42px; }
	#footer a { color:#83454c; 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: #460b11; color:#f3c817; padding:5px 10px 5px 10px; text-decoration:none; width: auto; }		
		#jsddm li ul li a:hover { background: #f3c817; color:#460b11; padding:5px 10px 5px 10px; text-decoration:none; }