/* Theme Name: Rib Room Theme URI: http://theribroomneworleans.com/ Version: 1 Author: Matt Wang Author URI: http://goodworkmarketing.com/ */ @charset "UTF-8"; /* CSS Document */ /********** tags *************/ body { text-align:center; margin:0; padding:0; } h1 {} h2 { font-size:3.2em; font-family:Tahoma, Helvetica, sans-serif; } h3 { font-size:2.4em;} h4 {} h5 {} h6 {} h4.special { float:left; width:200px; text-align:right; clear:left; } p { font-size:1.1em; color:#76664B; line-height:1.3em; padding-bottom:10px;} ul,li { color:#76664B; padding-bottom:10px; list-style:disc outside;} li { margin-left:20px; font-size:1.3em; line-height:1.5em;} address { font-size:1.1em; line-height:1.5em; font-family:Arial; color:#76664B; padding:0 0 5px;} strong, b { font-weight:bold;} i, em { font-style:italic;} hr {} blockquote {} .narrow { font-stretch:condensed;} a { color:#330000; text-decoration:none; } a:hover { color:#76664B; cursor:pointer;} h2 a { color:#330000; text-decoration:none; } h2 a:hover { color:#76664B; cursor:pointer;} h3 img { vertical-align:middle;} #content p { font-size:1.3em;} #content h2, #pg-title h2 { font-size:46px;} #content h3 { color:#330000; font-size:14px; text-transform:uppercase; padding:5px 0 10px; } #content h3.blckoak { display:block; line-height:20px; position:relative; padding:0 0 5px 0; overflow:visible; margin-right:-50%; font-size:16px; width:300px;} #content h3.bickham { font-size:36px;} #content h4.blckoak { font-size:16px; width:600px; margin-right:-50%; overflow:visible; padding:5px 0; } #sidebar h2.blckoak {padding:0 0 5px 0; font-size:18px; width:420px; margin-right:-50px; overflow:visible; display:block;} /********** Rule sets *************/ /* Box Model */ html, body { background:#EFEAD5 url(images/bg/bg-cloth-big.jpg) -300px -200px; background-attachment:fixed; margin:0; padding:0;font-family:Tahoma, Arial, sans-serif; } #lftcolumn { float:left; width:216px; padding-top:200px; text-align:left; padding-left:20px; position:fixed; height:100%;} #sidebar { float:right; width:232px; padding-top:10px; text-align:right; padding-right:10px; height:100%; } #topinfo { margin:0 0 0 250px; display:block; } #wrapper { margin:0 280px 100px 250px; text-align:left; padding-top:60px; z-index:99999; max-width:650px; } #content { padding-top:0; z-index:99999; } .narrowcolumn { margin:0 290px 100px 260px; text-align:left; } .entry { text-align:left;} #topinfo a { color:#76664B;} #topinfo a:hover { color:#330000;} #content .entry ul li { margin-left:1px; list-style:none;} .post { margin: 0 0 20px;text-align: justify; display:block;} .post hr { display: block;} .widecolumn .post { margin: 0;} .narrowcolumn .postmetadata { padding-top: 5px;} .widecolumn .postmetadata { margin: 30px 0; } .widecolumn .smallattachment { text-align: center;float: left;width: 128px;margin: 5px 5px 5px 0px;} .widecolumn .attachment { text-align: center;margin: 5px 0px;} .postmetadata { clear: both;} .clear { clear: both;} #content .post {min-width:480px;} /* Special Headings */ h1.logo { width:230px; height:189px; display:block; position:absolute; top:0; left:0;} h1.logo a { display:block; text-indent:-999em; text-transform:capitalize; width:230px; height:189px; background:url(images/logos/rib-room-logo.png);} h1.logo a:hover { display:block; text-indent:-999em; text-transform:capitalize; width:230px; height:189px; background:url(images/logos/rib-room-logo-hover.png);} #pg-title { margin:0 0 0 250px; text-align:left; padding-top:20px; padding-bottom:10px; display:block; zoom:1; } #content h2.blckoak { font-size:30px;} /* homepage rollovers */ #rollovers { width:500px; margin:0 auto; position:relative;} #rollovers p.staybehind { position:absolute; z-index:9; width:400px; text-align:center; top:280px; left:0;} h3#dinner-roll { position:absolute; width:234px; height:150px; background:url(images/rollovers/dinner-b.gif); top:0; left:30px; } h3#brunch-roll { position:absolute; width:209px; height:140px; background:url(images/rollovers/brunch-b.gif); top:35px; left:274px; } h3#breakfast-roll { position:absolute; width:142px; height:214px; background:url(images/rollovers/breakfast-b.gif); top:155px; left:0; } h3#lunch-roll { position:absolute; width:209px; height:133px; background:url(images/rollovers/lunch-b.gif); top:180px; left:147px; } h3#dinner-roll a { width:234px; height:150px; text-transform:lowercase; text-indent:-999em; display:block; float:right;} h3#brunch-roll a { width:209px; height:140px; text-transform:lowercase; text-indent:-999em; display:block; float:right;} h3#breakfast-roll a { width:142px; height:214px; text-transform:lowercase; text-indent:-999em; display:block; float:right;} h3#lunch-roll a {width:209px; height:133px; text-transform:lowercase; text-indent:-999em; display:block; float:right;} h3#dinner-roll:hover, h3#dinner-roll.sfhover { background:url(images/rollovers/dinner.jpg); z-index:999;} h3#brunch-roll:hover, h3#brunch-roll.sfhover { background:url(images/rollovers/brunch.jpg); z-index:999;} h3#breakfast-roll:hover, h3#breakfast-roll.sfhover { background:url(images/rollovers/breakfast.jpg); z-index:999;} h3#lunch-roll:hover, h3#lunch-roll.sfhover { background:url(images/rollovers/lunch.jpg); z-index:999;} /* Left Column Items*/ #lftcolumn #menu-nav { position:relative; left:-20px; height:454px; width:249px;} /* Main Navigation */ ul#nav { width:210px; } p#nav, ul#nav li { font-size:1em; line-height:1em; list-style:none; margin:0; padding:0;} ul#nav li a { font-family:arial; font-size:1.4em; line-height:1.8em; color:#76664B; text-decoration:none; text-transform:uppercase; letter-spacing:-.02em;} ul#nav li a:hover { color:#330000;} /* Top Info */ a.napkin { float:left;} img.napkin { float:left;} #topinfo .reservations { width:200px; float:left; padding-top:20px;} #topinfo .reservations p { font-size:1.2em;} #topinfo .reservations h2 { font-size:1.4em; color:#330000; text-transform:lowercase; padding-bottom:5px; } #topinfo .specials { padding-top:20px; text-align:right; padding-right:40px;} #topinfo .specials form#signup { display:inline; } #topinfo .specials h2 { display:inline; font-family:Arial; line-height:2em; font-size:1.1em;} #topinfo .specials h2 span { font-size:1.8em; color:#76664b; vertical-align:middle;} #topinfo .specials input { display:inline; vertical-align:middle;} /* Sidebar Items */ #sidebar .thelatest { background:url(images/bg/sidebar-bdy.gif) top left repeat-y; width:210px; padding:0; margin:0 auto; text-align:center; position:relative; z-index:9999;} #sidebar .thelatest .ftr { background:url(images/bg/sidebar_ftr.gif) top left no-repeat; width:210px; height:16px; padding:0; margin:0 auto 20px auto; position:relative; top:12px; } #sidebar .entry { padding:15px 20px 0 15px;} #sidebar .entry p { font-size:1.1em; line-height:1.3em; padding-bottom:1.1em;} #sidebar .entry .amore { text-align:right; display:block; font-family:Arial; padding-bottom:5px; font-size:1.1em;} #sidebar .entry .amore span { color:#76664B;} #sidebar .thelatest h2 { } #sidebar h3 a { font-size:11px; color:#330000; text-transform:capitalize; font-weight:bold;} #sidebar img.postcard { float:right; width:301px;} #sidebar strong { font-weight:normal; color:#330000;} #sidebar .entry p.follow-us { padding-bottom:0; vertical-align:middle; text-align:right;} #sidebar .entry p.follow-us img { vertical-align:middle;} #sidebar .entry p.follow-us a:hover {opacity: .75; filter: alpha(opacity=75);-ms-filter: "alpha(opacity=75)";-khtml-opacity: .75;-moz-opacity: .75;} #sidebar .article { padding-top:0; padding-bottom:10px; z-index:99999; max-width:auto; text-align:left;} p.follow-us { padding-bottom:0; vertical-align:middle;} p.follow-us img { vertical-align:middle;} p.follow-us a:hover {opacity: .75; filter: alpha(opacity=75);-ms-filter: "alpha(opacity=75)";-khtml-opacity: .75;-moz-opacity: .75;} #sidebar .address { position:relative;top:-100px; right:320px; width:200px; overflow:visible;} #sidebar .address2 { position:relative;padding-top:20px; right:0; width:200px; overflow:visible;} #sidebar3 { float:right; width:300px; padding-top:10px; text-align:right; padding-right:20px; height:100%; overflow:visible; } #sidebar3 .address { width:200px; clear:right; float:right; padding-top:20px;} #sidebar3 .post-image { margin-right:-20px; margin-top:0px; margin-left:0; float:right;} /* End Items */ /* White Boxed Content */ div.white-box { background:#aaa; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:1px; margin:20px 20px 0 20px; zoom:1; position:relative; z-index:9999; display:block; } div.white-box div { padding:20px 20px 20px 10px; margin:0; border-right:1px solid #333; border-bottom:1px solid #333; text-align:left; background:#fff; zoom:1; position:relative;} div.white-box div div { padding:0; margin:0; border:none; text-align:left; background:none; zoom:1; position:relative;} div.white-box div p {margin-left:190px; padding-top:10px;} #polls_form_3 li { width:49%; float:left; font-weight:bold;} div.white-box div #polls_form_3 p { text-align:center; margin-left:0; clear:left;} /* End White Boxed Content */ /* Maps */ div.mapp-div { border:3px solid #330000;} /* End Maps */ /* Menus */ ul.rib-room-menus { margin-top:-20px; margin-bottom:20px;} ul.rib-room-menus li { list-style:none; display:inline;} #content .menu h3 { font-size:32px; text-transform:lowercase;line-height:38px; padding:0; margin-bottom:0; overflow:visible; margin-right:-200px; display:block; width:350px; position:relative; } #content .menu h4 { font-weight:bold; color:#330000; font-size:50px; text-align:left; margin:15px 0 0 0; width:300px; padding: 0 24px -20px 0; } #content .menu h5 { font-weight:bold; color:#330000; font-size:13px; text-align:left; float:left; vertical-align:baseline; padding-right:10px; } #content .menu .price { text-align:left; padding:0; margin:0;} #content .menu p { padding:0 0 10px; margin:0;} #content .menu div.white-box { background:#aaa; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:1px; margin:20px 20px 0 20px; zoom:1; } #content .menu div.white-box div { padding:20px 20px 20px 10px; margin:0; border-right:1px solid #333; border-bottom:1px solid #333; text-align:left; background:#fff; zoom:1; position:relative;} #content .menu div.white-box h4 { margin-top:0; width:400px;} #content .menu div.white-box h3 { margin-top:0; width:900px; font-size:23px;} #content .menu h3.wine-type { padding:20px 0 0; text-transform:lowercase; margin-bottom:-5px; font-size:18px;} #content .menu .wine-wrap { padding-left:20px;} #content .menu .wine-wrap h5 { font-weight:bold; color:#330000; font-size:11px; text-align:left; float:left; vertical-align:baseline; padding-right:10px; padding-top:3px;} #content .menu .wine-wrap .price { text-align:left; } #content .menu .wine-wrap p.vintage { float:left; width:50px; clear:left;} #content .menu .wine-wrap p { padding:0; margin:0;} #content .menu .post-image { max-width:50px; float:right; mergin-right:10px; vertical-align:middle; } /* End Menus */ #content table.lifestream { width:600px; clear:left; } #content table.lifestream tr { padding:0; margin:0;} #content table.lifestream td { padding:0; margin:0;} #content table.lifestream tr td { padding:0; margin:0; padding:8px 0; border-bottom:1px dotted #330000;} #content table.lifestream .lifestream_icon {padding-right:10px;} #content table.lifestream .lifestream_text { font-size:1.2em; color:#330000; line-height:1.1em; font-weight:bold; } #content table.lifestream .lifestream_meta {text-align:right; font-style:italic; padding:3px 0 0 ; font-weight:normal; color:#330000;} #content table.lifestream .lifestream_label { font-weight:bold;} #content table.lifestream .lifestream_label span{ font-weight:bold;} /* Begin Images */ p img { padding: 0; max-width: 100%;} img.centered {display: block;margin-left: auto;margin-right: auto;} img.alignright {padding: 4px;margin: 0 0 2px 7px;display: inline;} img.alignleft { padding: 4px;margin: 0 7px 2px 0;display: inline;} .alignright {float: right;} .alignleft {float: left;} /* End Images */ /* Begin Comments */ .thread-alt {background-color: #f8f8f8;} .thread-even {background-color: white;} .depth-1 {border: 1px solid #ddd;} .even, .alt {border-left: 1px solid #ddd;} .commentlist li, #commentform input, #commentform textarea {font: 0.9em;} .commentlist li ul li { font-size: 1em;} .commentlist li {font-weight: bold;} .commentlist li .avatar { float: right;border: 1px solid #eee;padding: 2px;background: #fff;} .commentlist cite, .commentlist cite a {font-weight: bold;font-style: normal;font-size: 1.1em;} .commentlist p {font-weight: normal;line-height: 1.5em;text-transform: none;} .commentmetadata {font-weight: normal;} .alt {margin: 0;padding: 10px;} .commentlist {padding: 0;text-align: justify;} .commentlist li {margin: 15px 0 10px;padding: 5px 5px 10px 10px;list-style: none;} .commentlist li ul li {margin-right: -5px;margin-left: 10px;} .commentlist p {margin: 10px 5px 10px 0;} .children { padding: 0; } #commentform p {margin: 5px 0;} .nocomments {text-align: center;margin: 0;padding: 0;} .commentmetadata {margin: 0;display: block; } /* End Comments */ /* Begin Contact Form */ #wpcf7-f1-p8-o1 { background:#aaa; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:1px; margin:0 0 0 20px; max-width:450px; zoom:1;} #wpcf7-f1-p8-o1 form { padding:20px; margin:0; border-right:1px solid #333; border-bottom:1px solid #333; text-align:left; background:#fff; zoom:1; position:relative;} #wpcf7-f1-p8-o1 input { } #wpcf7-f1-p8-o1 h2 { padding-bottom:10px;} #wpcf7-f2-p98-o1 { background:#aaa; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:1px; margin:0px; float:left; max-width:450px; zoom:1;} #wpcf7-f2-p98-o1 form { padding:20px; margin:0; border-right:1px solid #333; border-bottom:1px solid #333; text-align:left; background:#fff; zoom:1; position:relative;} #wpcf7-f2-p98-o1 input { } #wpcf7-f2-p98-o1 h2 { padding-bottom:10px;} #wpcf7-f3-p37-o1 { background:#aaa; border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:1px; margin:0px; float:left; max-width:450px; zoom:1;} #wpcf7-f3-p37-o1 form { padding:20px; margin:0; border-right:1px solid #333; border-bottom:1px solid #333; text-align:left; background:#fff; zoom:1; position:relative;} #wpcf7-f3-p37-o1 input { } #wpcf7-f3-p37-o1 h2 { padding-bottom:10px;} /* End Contact Form */ /* Begin Form Elements */ #searchform {margin: 10px auto;padding: 5px 3px;text-align: center;} #sidebar #searchform #s {width: 108px;padding: 2px;} #sidebar #searchsubmit {padding: 1px;} .entry form {text-align:center; } select {width: 130px;} #commentform input {width: 170px;padding: 2px;margin: 5px 5px 1px 0;} #commentform {margin: 5px 10px 0 0;} #commentform textarea { width: 100%;padding: 2px;} #respond:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} #commentform #submit {margin: 0 0 5px auto;float: right;} /* End Form Elements */ /* Begin Calendar */ #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt; } #wp-calendar a {text-decoration: none; } #wp-calendar caption {font: bold 1.3em; text-align: center;} #wp-calendar th {font-style: normal;text-transform: capitalize; } #wp-calendar {empty-cells: show;margin: 10px auto 0;width: 155px;} #wp-calendar #next a {padding-right: 10px;text-align: right;} #wp-calendar #prev a {padding-left: 10px;text-align: left;} #wp-calendar a {display: block; } #wp-calendar caption {text-align: center;width: 100%;} #wp-calendar td {padding: 3px 0;text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */ /* Captions */ .aligncenter,div.aligncenter { display: block; margin-left: auto; margin-right: auto;} .wp-caption { border: 1px solid #ddd;text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .wp-caption img { margin: 0; padding: 0; border: 0 none;} .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;} .attachments { padding:10px;} .attachments dd {font-size:12px; line-height:18px;} /* End captions */ /* Browser Exception Rules */ .ie6 h1.logo a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/rr/wp-content/themes/ribroom/images/logos/rib-room-logo.png",sizingMethod="scale");} .ie6 #pg-title { padding-top:0px; } .ie6 #topinfo:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .ie6 #topinfo { display: inline-block;} .ie6 #wpcf7-f1-p8-o1 { width:450px; } .ie6 #lftcolumn #menu-nav { bottom:0; } .ie6 #lftcolumn { position:fixed; } .ie6 html { overflow-y: hidden;} .ie6 html body { height: 100%; overflow-y: auto;} .ie6 #page { width:100%; height:100%; position:static;} .ie7 h1.logo a { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/rr/wp-content/themes/ribroom/images/logos/rib-room-logo.png",sizingMethod="scale");} .ie7 #pg-title { padding-top:0px; } .ie7 #topinfo:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .ie7 #topinfo { display: inline-block;} .ie7 #wpcf7-f1-p8-o1 { width:450px; z-index:99999; position:relative; } .ie7 #lftcolumn { position:fixed; left:0; } .ie7 html { overflow-y: hidden;} .ie7 html body { height: 100%; overflow-y: auto;} .ie7 #page { width:100%; height:100%; position:static;} /* End Browser Exception Rules */