/************************/ /**** Page ID Styles ****/ /************************/ body, html { padding:0; margin:0; /*fix Netscape 3 and IE 4 -6 (Quirks mode) which means all text would be centered, so; we add text-align: left to our wrapper - see #wrapper below*/ text-align: center; color: #000000; background:Black; /* page background colour */ font: 1em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; /*default page font*/ z-index: -1; } body { /* To avoid problems that can occur in some browsers when the window is narrower than #wrapper We set the element�s min-width to the same value as the width of #wrapper.*/ min-width:715px; } #wrapper { width: 715px; height: 100%; margin-left: auto; margin-right: auto; text-align: left; /* overflow: auto; is required as Firefox is calculating a zero height for #wrapper because of it's floating or background changed descendants */ overflow: auto; background-color:#524848; /*background colour for content area*/ } #header_1 { background-image: url(../images/bk_header_top.jpg); width: 714px; height: 86px; } #header_2 { width: 714px; height: 364px; z-index:1; } #menu { background-image: url(../images/bk_menu.jpg); background-repeat: no-repeat; width: 714px; height: 32px; margin-top: 8px; } #content { float: left; /*This value is different in the IE hack to ensure the contents edge matches the info area's edge */ width: 480px; color: white; padding: 20px; font-weight: 500; } #info_area { width: 184px; float: right; /*This value is different in the IE hack to ensure the button matches the text areas starting height on Firefox*/ padding-top: 5px; } #anniversary_float_left { float:left; width: 180px; } #anniversary_float_right { float:right; margin-top:-10px; margin-right: 10px; width: 230px; } /************************/ /**** Hyperlink Styles ****/ /************************/ a.link { font: 1em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; /*default page font*/ color:white; font-weight:400; } a:hover.link { color: #EBAA71; font-weight:600; } a:visited img { border:0; } a img { border:0; } .email { color:white; font-weight:400; } a:hover { color: #EBAA71; font-weight:600; } /************************/ /**** Reuse Classes *****/ /************************/ .toggleopacity:hover img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); -moz-opacity: 0.6; } img.spacer { width:10px; } img.top_gap { margin-top: 10px; } .EM1point5_Text { font: 1.5em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; } .small { color: white; font: .65em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; } .regular_text { font: 1em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; /*default page font*/ } /************************/ /***** Navigation *******/ /************************/ #navcontainer { margin-left: auto; margin-right: auto; margin-bottom: 40px; z-index: 300; } #navcontainer ul { list-style-type: none; text-align: center; margin-top: -8px; padding: 0; z-index: 3; font: .85em Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; /*default page font*/ font-weight:600; } #navcontainer li { display: inline; position:relative; top: 9px; text-align: center; margin: 0 7px; } #navcontainer li a { padding: 1px 7px; color: #F4F4F4; background-color: #524848; border: 1px solid #A69292; text-decoration: none; } #navcontainer li a:hover { color: #E0D5D5; border: 1px solid #E0D5D5; border-top: 2px solid #E0D5D5; border-bottom: 2px solid #E0D5D5; } #navcontainer li a#current { color: #FFF; border: 1px solid #FFF; border-top: 2px solid #FFF; border-bottom: 2px solid #FFF; } /************************/ /**** Email Form CSS ****/ /************************/ .fl_name{ position:relative; padding-left: 15px; left: 0px; top: 10px; } #fl_nameLabel { position:relative; padding-left: 15px; left: 0px; top: 10px; } .email{ position:relative; padding-left: 15px; left: 0px; top: 25px; } /*both .subject and #subjectLabel are required for the form to look the same in IE, Firefox, and Opera.*/ .subject { position:relative; padding-left: 15px; left: 0px; top: 35px; } #subjectLabel { position:relative; padding-left: 15px; left: 0px; top: 35px; } .message { position:relative; padding-left: 15px; margin-left: 0px; top: 45px; width: 80%; } #send { position:relative; padding-top: 5px; text-decoration: none; color: black; font:1.2em Verdana,Helvetica,Arial, Sans-serif; font-weight: bold; } #emailBack { position:relative; padding-top: 5px; top:45px; } #emailIntroTop { position:relative; padding-top: 5px; top:10px; } /* form-text is needed in this as without it the width auto expands when the text area is clicked within */ textarea, form-text{ width: 80%; } #tbox { position:relative; padding:0; margin-top:0.5em; } .back_decoration { position: relative; display: block; text-decoration: none; color: black; font: .8em Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } /************************************/ /**** Page & File Admin Form CSS ****/ /***********************************/ input{ color: #781351; background: #fee3ad; border: 1px solid #781351; width: 300px; } textarea{ color: #781351; background: #fee3ad; border: 1px solid #781351; width: 600px; Height: 60px; } textarea#extra_hight_textarea{ color: #781351; background: #fee3ad; border: 1px solid #781351; width: 500px; Height: 300px; } textarea{ height: 100px; width: 500px; } #message{ color: #781351; background: #fee3ad; border: 1px solid #781351; width: 455px; } #submit{ color: #000; background: #ffa20f; border: 2px outset #d7b9c9; width: 300px; } #upload input{ color: #000; background: #ffa20f; border: 2px outset #d7b9c9; width: 100px; } #images_table{ padding: 4px; border: 1px solid white; } .orange{ color:orange; font-weight:600; } .error{ color:orange; font-weight:600; } .select_submit{ color: #000; background: #ffa20f; border: 2px outset #d7b9c9; width: 100px; } .leftBorder{ border-left: 1px solid white; } .adminText{ color: white; font: 14px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; position:relative; padding-left: 15px; left: 0px; top: 0px; } .white_hyperlink{ color: white; } #hyperlink_ouput_field{ width: 550px; } #adminMenu{ color: white; font: 20px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; } #adminMenu ul{ list-style-type: none; } #adminMenu li{ list-style-type: none; font: 15px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; } .lineup { float:left; padding: 0; margin: 0; } #seating_wrapper { position: relative; left: 50%; width: 800px; margin-top: -350px; margin-left:-238px; } /************************************/ /**** CSS Admin ****/ /***********************************/ #CSS_textarea{ height: 500px; width: 500px; } /************************/ /***** placeholder ******/ /************************/ .rollover a { position: relative; float:right; z-index:500; display:block; width: 15px; background: url("/view/images/placeholder.gif") 0 0 no-repeat; text-decoration: none; }