/* to revert ORIGINAL change colors in topsection, footer, footer2, left column. remove color line in body. for right block change background file in content column to original and save*/ body{ margin:0; padding:0; line-height: 1.5em; background-color:#000; } body#homenav a#homenav, body#aboutnav a#aboutnav, body#preferrednav a#preferrednav, body#artistsnav a#artistsnav, body#photosnav a#photosnav, body#pressnav a#pressnav, body#contactnav a#contactnav, body#dictionarynav a#dictionarynav, body#menusnav a#menusnav, body#locationnav a#locationnav, body#eventspec a#eventspec {color: #990000;text-decoration:underline} b{font-size: 110%;} h1 {font: normal 26px Verdana, Helvetica, sans-serif; color:#fdf5e0; margin:40px 135px 15px 5px;} p{font: normal 12px verdana, sans-serif; color:#8d897e; margin:0px 150px 0px 5px; line-height:18px;} p a:link, p a:visited {color: #8aadb7; text-decoration: none; font: 12px verdana, sans-serif;} p a:hover, p a:active {color: #990000; text-decoration: none; font: 12px verdana, sans-serif;} /*em{color: red;}*/ .ubnames {color:#fdf5e0; font-weight:bold;} .construction {color:#FFFF00;} #maincontainer{ width: 934px; /*Width of main container*/ margin: 35px auto 0; /*auto= center container on page*/ } #topsection{ background:#000/*ORIGINAL #03040b;*/; text-align:right; /*height: 90px; Height of top section*/ } #topsection a:link, #topsection a:visited {color: #8aadb7; text-decoration: none; font: 11px verdana, sans-serif;} #topsection a:hover, #topsection a:active {color: #990000; text-decoration: none; font: 11px verdana, sans-serif;} #topsection h1{ margin: 0; padding-top: 15px; } #contentwrapper{ float: left; width: 100%; } #contentcolumn{ margin-left: 275px; /*Set left margin to LeftColumnWidth*/ background-image:url(../assets/bg-watermark.jpg); background-repeat:no-repeat; } #leftcolumn{ float: left; width: 276px; /*Width of left column*/ margin-left: -934px; /*Set left margin to -(MainContainerWidth)*/ /*ORIGINAL color background: #C8FC98;*/ background-image:url(../assets/bg-logo.jpg); } #footer{ clear: left; width: 100%; background:#000;/*ORIGINAL #03040b;*/ text-align: left; padding: 10px 0; } #footer2 /*twitter/facebook styles are scripted in-line; see footer libraries*/{ clear: left; width: 100%; background:#000;/*ORIGINAL #03040b;*/ text-align: center; padding: 30px 0; font: normal 12px arial, sans-serif; color:#8d897e; } #footer a:link, #footer a:visited {color: #8aadb7; text-decoration: none; font: 11px verdana, sans-serif;} #footer a:hover, #footer a:active {color: #990000; text-decoration: none; font: 11px verdana, sans-serif;} .tablelengthfield {width:16px;} .musicfield {width:275px; text-align:center;} .bottomlinksfield {width:656px; text-align:right;} .innertube{ margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/ margin-top: 0; text-align:right; } /******************LOCATION: HOME TEASER*******************/ .teaser {text-align:center; width: 500px; font: normal 13px Verdana, Arial, Helvetica, sans-serif; color:#FFF; line-height:30px;} .teaser a {color: #990000; text-decoration:none;} /*#OT_searchWrapperAll { background-color: black; width:400px; font: normal 13px Verdana, Arial, Helvetica, sans-serif; color:#000; margin:0px;} #OT_searchWrapper {color:#000;} #OT_logoLink {margin: 0px; line-height:10px;}*/ /******************LOCATION / HOURS*******************/ #lochours p {margin: 0px 0px 10px 20px;} #lochours h3 {text-decoration:underline; font:italic 11px verdana, sans-serif; color:#8d897e; margin: 0px 0px 5px 22px; line-height:18px;} #directions p {font-size: 12px; margin: 0px 140px 10px 0px;} /******************LOCATION: TABBED DIRECTIONS*******************/ /****original: http://tutorials.mezane.org/tabbed-navigation-using-css/#Step_3 ol#toc {height: 2em; list-style: none; margin: 0; padding: 0;} ol#toc li {background: #bdf url(tab.png); float: left; margin: 0 1px 0 0; padding-left: 10px;} ol#toc a {background: url(tab.png) 100% 0; color: #008; display: block; float: left; height: 2em; line-height: 2em; padding-right: 10px; text-decoration: none;} ol#toc li.current {background-color: #48f; background-position: 0 -60px;} ol#toc li.current a {background-position: 100% -60px; color: #fff; font-weight: bold;} div.content {border: #48f solid 3px; clear: left; padding: 1em;}****/ /*my implemented structural changes apart from color and border size: changed all the 2em to 20px in ol#toc and #oltoc a. in the latter i added 'padding-top' and 'font' entries. made mods to div.comntent and added blockquote. default to above original if any issues*/ ol#toc {height: 20px; list-style: none; margin: 0; padding: 0;} ol#toc li {background: #000 url(tab.png); float: left; margin: 0 1px 0 0; padding-left: 10px;} ol#toc a {background: url(tab.png) 100% 0; color: #8aadb7; display: block; float: left; height: 20px; line-height: 20px; padding-right: 10px; padding-top: 5px;text-decoration: none; font: 11px verdana, sans-serif;} ol#toc li.current {background-color: #bdf; background-position: 0 -60px;} ol#toc li.current a {background-position: 100% -60px; color: #000; font-weight: normal;} div.content {border: #8aadb7 solid 1px; clear: left; padding: 10px; color: #fff; width: 450px; margin-top: 5px;} blockquote {font: normal 12px verdana, sans-serif; color:#8d897e; margin:0px 10px 0px 5px; line-height:18px;} /******************CONTACT FORM STYLES*******************/ form {margin-left:30px;} label {font: normal 11px verdana, sans-serif; color:#8d897e;} .forma {background-color: #F7FFF5; margin-top: .5em; border: #333 1px solid;} .submita {font: bold 11px arial, san-serif; color: #000; border: 0; margin-top: .75em; background-color: #EEF2FB;} form fieldset { border: none; clear: both; font-size: 100%; border-color: #fff; border-width: 1px 0 0 0; border-style: solid none none none; padding: 10px; margin: 0 0 0 5px; } /******************MENU INTRO PAGE STYLES*******************/ #menucontainer p{font: normal 12px verdana, sans-serif; color:#8d897e; margin:0px 25px 0px 5px;} #menucontainer th {text-align:left; font:bold 12px verdana, sans-serif; color:#fdf5e0; padding:0px 25px 0px 5px;} #foodmenus{margin-left:30px; float:left; width:200px; padding:0px} #alcoholmenus{margin-left:40px; float: left;} /******************MENU INNER STYLES*******************/ #ubmenu {font:normal 11px arial sans-serif;} /*#ubmenudr {font:normal 11px arial sans-serif; margin: } /*entire menu*/ #ubmenudr h1 {font: normal 26px verdana sans-serif; color:#fdf5e0;} /*menu title*/ #ubmenu h2 {font: normal 18px Verdana, Helvetica, sans-serif; color:#fdf5e0; margin:40px 0px 7px 8px;} /*menu category (e.g., reds, whites, rose, etc.)*/ #ubmenu h3 {color:#8d897e; font: bold 12px Verdana, Helvetica, sans-serif; margin:10px 0px 3px 8px; text-decoration:underline} /*menu subcategory (e.g., chardonney or sauternes, under the white category, etc.)*/ #ubmenu h3.entres {color:#8d897e; font: bold 12px Verdana, Helvetica, sans-serif; margin:10px 0px 0px 8px; text-decoration:none} /*menu subcategory (e.g., chardonney or sauternes, under the white category, etc.)*/ #ubmenu p {color:#8d897e; margin:2px 10px 0px 8px;} /*menu item description*/ #ubmenu em {color:#8d897e;} .price {color:#8d897e; text-align: right;} /*price column*/ #ubmenu p.paragraphsep1 {margin-bottom: 10px;} /*seperates entries further apart e.g., cocktail menu entries)*/ #ubmenu td {padding: 2px 0;} /******************PRESS STYLES*******************/ #presscontainer p{font: normal 12px verdana, sans-serif; color:#8d897e; margin:0px 0px 0px 20px;} #pressitems h2 {font: bold 14px arial, sans-serif; color:#fdf5e0;} #pressitems {margin-left:10px; float:left; width:600px; padding:0px} .thumbbox {padding: 0px 10px 30px 0px;} .videoborder {border:solid 1px #fdf5e0; width:320px;} .press_currentpg {color:#990000; font-weight:bold;} /******************PREFERRED GUEST*******************/ .qa_questionsp {margin: 10px 125px 0 5px;} .qa_questionsul {margin: 0 0 0 5px; padding: 0; list-style-type: none;} .qa_questionsli {list-style-type:none; margin: 0px 125px 15px 5px; line-height:16px; font: normal 12px verdana, sans-serif; color:#8d897e;} /*creates spacing between li*/ .qa_answerdiv {width: 620px; background: #000; display:none; font:normal 12px Verdana, Helvetica, sans-serif; color:#FFFFCC; margin:0px; line-height:16px;} .qa_answerp {margin: 5px 125px 19px 5px; background:#000;} .qu_answerul {margin: 0 0 0 10px; padding: 0; list-style-type: none;} .qu_answerli {list-style-type:circle; margin: 0px 10px 15px; line-height:16px; font: normal 12px verdana, sans-serif; color:#8d897e;} /*creates spacing between li*/ /******************ARTIST*******************/ .artist_currentpg {color:#990000; font-weight:bold;} /******************EVENTS & SPECIALS*******************/ .es_h2 {font: normal 18px Verdana, Helvetica, sans-serif; color:#fdf5e0; margin:40px 0px 7px 5px;} /*ES categories*/ /*HAPPY HOUR STYLES*/ #happyhour, #football {color:#fdf5e0;} #happyhour div {width:225px; margin:10px 10px 0 5px; text-align:center;} #football div {width:225px; margin:10px 5px 0 5px; text-align:center;} #specials div {width:300px; margin:10px 5px 0 5px; text-align:center;} #happyhour p, #football p, #specials p {margin:0px auto;} #happyhour h3, #football h3, #specials h3{font:normal 14px Verdana, Helvetica, sans-serif; text-decoration:underline; color:#fdf5e0; margin-bottom:0px;} .happy_std {width: 275px; float:left;} .happy_late {float:right; margin-right:150px;} #happyhour p.dayhours, #football p.dayhours, #specials p.dayhours {margin-bottom:10px;} /*spacing between days/hours served & first enty*/ #happyhour p.multilineentry, #football p.multilineentry, #specials p.multilineentry {margin-bottom:4px;} /*spacing between entries with multiple lines*/ #flyers p {margin:0px;} /****************IMAGE ENLARGEMENT********************/ #contentcolumn.remove_bg {background:none} #goback p {margin:0 0 0 30px;} #enlargement {border: 1px solid #fdf5e0; margin-left:30px} #fbt{margin:0 0 0 30px;} #fbt p{margin:0px;} #ubmenu {margin-left:30px} /******************DICTIONARY STYLES*******************/ /*DICTIONARY: STYLES FOR DICTIONARY LINKS*/ .dictionaryselected {color: #990000; font: bold 11px verdana, sans-serif; text-decoration:underline;} /*current dictionary link*/ .selectiontext {font: normal 11px verdana, sans-serif; color:#fdf5e0;} /*DICTIONARY: STYLES FOR LETTERS*/ .shadetabs{ padding: 3px 0; margin-left: 5px; margin-top: 5px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set to left, center, or right to align the menu as desired*/} .shadetabs li{display: inline; margin: 0;} .shadetabs li a{text-decoration: none; position: relative; z-index: 1; padding: 3px 2px; margin-right: 0px; color: #8aadb7;} .shadetabs li a:visited{color: #8aadb7;} .shadetabs li a:hover{text-decoration: underline;color: #990000;} .shadetabs li a.selected{ /*selected main tab style */position: relative;top: 1px;} .shadetabs li a.selected{ /*selected main tab style */*border-bottom-color: white*/; border: 1px solid #FFF; color:#990000;} .shadetabs li a.selected:hover{ /*selected main tab style */text-decoration: none;} /*DICTIONARY: STYLES FOR TERMS CONTAINER*/ #countrydivcontainer {width:500px; margin-bottom: 1em; padding: 15px 10px 10px 0px; color: #fff; font: bold 11px verdana sans-serif;} #countrydivcontainer a:link, #countrydivcontainer a:visited {color: #8aadb7; text-decoration: none; font: 11px verdana, sans-serif;} #countrydivcontainer a:hover, #countrydivcontainer a:active {color: #990000; text-decoration: underline; font: 11px verdana, sans-serif;} /*DICTIONARY: STYLES FOR DEFINITIONS CONTAINER CONTROLS EXTERNAL DEFINITIONS TEXT FILES*/ #contentarea {width: 500px; font: normal 11px verdana, sans-serif; color:#8d897e; line-height:18px; margin: 5px 0 0 5px;} #contentarea h2 {font: bold 13px verdana, sans-serif; color:#990000;} #contentarea ul {margin: 0 0 0 10px; padding: 0; list-style-type: none; font: 11px verdana, sans-serif;} #contentarea li {list-style-type:circle; margin: 10px 10px 0; line-height:16px;} /*creates spacing between li*/