/* |-------------------------------------------------------------------------- | Cool Life Systems >> Frontend >> Rino's Pizza >> General Information |-------------------------------------------------------------------------- | @company Cool Life Systems | @subpackage Frontend Style Sheet --> Main Styles | @author Nico Gamma | @email ngamma@coollifesystems.com | @link http://www.coollifesystems.com | @copyright 2011 Cool Life Systems */ /* |-------------------------------------------------------------------------- | Cool Life Systems >> Frontend >> Rino's Pizza >> Body/HTML, Wrapper |-------------------------------------------------------------------------- */ body, html {margin:0px;padding:0px;background: #FFFFFF url(images/page_bg.png) top center repeat-x;} #wrapper_main {width: 982px;margin: 0 auto;} .wrapper {width: 982px; margin: 0 auto;} /* |-------------------------------------------------------------------------- | Cool Life Systems >> Frontend >> Rino's Pizza >> Header, Logo, Icons |-------------------------------------------------------------------------- */ .header {width:982px;margin:0 auto;} .logo {width:507px;height:186px;position:absolute;z-index: 2;} .logo-1 {width:310px;height:186px;position:absolute;z-index: 2;} .logo-2 {width:197px;height:186px;position:absolute;z-index: 2; margin-left:310px;} .top_icons {width:982px;height:71px;overflow:hidden;} .top_icons ul {margin:0px;padding:8px 0 0 0;float:right;overflow:hidden;} .top_icons li {list-style:none;float:left;padding:0 0 0 8px;} /* |-------------------------------------------------------------------------- | Cool Life Systems >> Frontend >> Rino's Pizza >> Navigation |-------------------------------------------------------------------------- */ .navigation {width:475px;background:url(images/navigation_bg.png) top no-repeat;height:50px;margin:0 1px 0 506px;} .navigation ul {margin:0px;padding:0px;overflow:hidden;} .navigation li {font:18px/normal "MyriadProBoldCondensed";color:#06902f;list-style:none;float:left;padding:17px 15px 0 15px;text-transform:uppercase;} .navigation li a {font:18px/normal "MyriadProBoldCondensed";color:#06902f;text-decoration:none;} .navigation li a:hover {font:18px/normal "MyriadProBoldCondensed";color:#700b0f;text-decoration:none;} .navigation li.sel a {font:18px "MyriadProBoldCondensed";color:#700b0f;text-decoration:none;} /* |-------------------------------------------------------------------------- | Cool Life Systems >> Frontend >> Rino's Pizza >> Transparent Bar |-------------------------------------------------------------------------- */ .transparent_bar {width: 100%; height: 11px; position: relative; top: 309px; background: url(images/transparent_bar.png) repeat-x;} .transparent_bar_alt {width: 100%; height: 11px; position: relative; top: 185px; background: url(images/transparent_bar.png) repeat-x;} /* |-------------------------------------------------------------------------- | Cool Life Systems >> Frontend >> Rino's Pizza >> Main Banners |-------------------------------------------------------------------------- */ .banner_outer {width:982px;background:url(images/top_banner_bg.png) top no-repeat;height:306px;margin: -5px auto;overflow:hidden;} .banner_indent_green {background: url(images/banner_indent_greenbg.png) no-repeat;width:299px;height: 80px;position: absolute; padding: 0px 0px 20px 0px; bottom: 9px;} .banner_indent_red {background: url(images/banner_indent_redbg.png) no-repeat;width:299px;height: 80px;position: absolute;padding: 0px 0px 20px 0px; top: 150px;} .banner_indent_green h2 {font-family: 'ChunkFiveRegular', Georgia, "Times New Roman", Times, serif;font-size: 18px;color:#ffffff;padding: 12px 0px 0px 10px;} /*.banner-overlay-hdg*/ #banner-hdg-1, #banner-hdg-2, #banner-hdg-3 {font-family: 'ChunkFiveRegular', Georgia, "Times New Roman", Times, serif;font-size: 18px;} .banner_indent_green p, .banner-overlay-content {/*font-family: 'ChunkFiveRegular', Georgia, "Times New Roman", Times, serif;font:12px tahoma;color:#ffffff;*/font-size:12px;padding:2px 20px 0 10px;} .banner_indent_red h2{font-family: 'ChunkFiveRegular', Georgia, "Times New Roman", Times, serif;font-size: 18px;color:#ffffff;padding: 12px 0px 0px 10px;} .banner_indent_red p {/*font-family: 'ChunkFiveRegular', Georgia, "Times New Roman", Times, serif;font:12px tahoma;color:#ffffff;*/font-size:12px;padding:2px 0 0 10px;} .banner1, .banner2, .banner3 {width:312px;height:259px;float:left;margin:12px -1px 0 12px;position: relative;} /* |-------------------------------------------------------------------------- | Cool Life Systems >> Frontend >> Rino's Pizza >> Middle Banners |-------------------------------------------------------------------------- */ #mid_banner_outer {width:982px;height:175px;background:url(images/mid_banner_bg.jpg) top no-repeat;margin:7px auto 0 auto;overflow:hidden;} .mid_banner_indent_red {background: url(images/middlebanner_redbg.png) no-repeat;width:299px;height: 40px;position: absolute;margin:0; bottom: 10px; } .mid_banner_indent_red h2{font-family: 'ChunkFiveRegular', Georgia, "Times New Roman", Times, serif;font-size: 18px;color:#ffffff;} #sub-banner-hdg-2 {font-family: 'ChunkFiveRegular', Georgia, "Times New Roman", Times, serif;font-size: 18px; padding: 10px; padding-bottom:20px;} .mailing_banner h2{font-family: 'ChunkFiveRegular', Georgia, "Times New Roman", Times, serif;font-size: 17px;width: 135px;text-align:right;color:#700b0f;margin: -60px 0px 0px 170px;} #sub-banner-hdg-1, #menu-banner-hdg-3, #menu-banner-hdg-4, #menu-banner-hdg-5, #menu-banner-hdg-6 {font-family: 'ChunkFiveRegular', Georgia, "Times New Roman", Times, serif;font-size: 17px;} .mailing_banner p, #sub-banner-text-1, #menu-banner-text-3, #menu-banner-text-4, #menu-banner-text-5, #menu-banner-text-6 {/*font:14px tahoma;*/width: 275px;/*color:#000000;*/font-size:14px;padding:20px 0 0 15px;} /*.mailing_banner img {margin: 7px 0px 0px 15px;}*/ #sub-banner-img-1, #menu-banner-img-3, #menu-banner-img-4, #menu-banner-img-5, #menu-banner-img-6 {margin: 7px 0px 0px 15px; width:190px; height:76px;} .menu_download h2{font-family: 'ChunkFiveRegular', Georgia, "Times New Roman", Times, serif;font-size: 24px;width: 125px;text-align:right;color:#700b0f;margin: -120px 0px 0px 175px;} #sub-banner-hdg-3{font-family: 'ChunkFiveRegular', Georgia, "Times New Roman", Times, serif;font-size: 24px;} #sub-banner-img-3 {width:189px; height:130px;} .download {float: right; margin: 5px 0px 0px 0px;} .mailing_banner, .specials_banner, .menu_download {background: url(images/mid_banner.png) no-repeat;width:312px;height:130px;float:left;margin:12px -1px 0 12px;position: relative;} /* |------------------------------------------------------------------------------------------------------- | Cool Life Systems >> Frontend >> Rino's Pizza >> Main Area (Properties for all Alt Pages Main Section |------------------------------------------------------------------------------------------------------- */ #main_area {margin: 64px 0px 0px 0px; padding: 10px 0px 0px 0px; width: 100%;height: auto; background: #FFFFFF;} /* |-------------------------------------------------------------------------- | Cool Life Systems >> Frontend >> Rino's Pizza >> Alternate Pages Content |-------------------------------------------------------------------------- */ .alt_content { float: left;width:600px;padding: 10px 20px 10px 20px;} .alt_content_p {text-align:justify; padding: 5px 0px;} .alt_content h2 div {font:12px Arial, Helvetica, sans-serif; font-family: 'ChunkFiveRegular', Georgia, "Times New Roman", Times, serif; font-size: 24px;color:#069030;} /* |-------------------------------------------------------------------------- | Cool Life Systems >> Frontend >> Rino's Pizza >> Alt Pages Sidebar |-------------------------------------------------------------------------- */ .sidebar {float: right;} /*.specials_banner_alt,*/ .menu_download_alt, .mailing_banner_alt {background: url(images/mid_banner.png) no-repeat;height:130px; width: 312px; margin:12px -1px 0 12px;position: relative;/*border: 1px solid #CCC;*/} .specials_banner_alt {height:130px; width: 312px; margin:12px -1px 0 12px;position: relative;} .specials_indent_alt {background: url(images/middlebanner_redbg.png) no-repeat;width:299px;height: 40px; position: relative; right: 0px; bottom: 50px; } .specials_indent_alt h2{font-family: 'ChunkFiveRegular', Georgia, "Times New Roman", Times, serif;font-size: 18px;color:#ffffff;/*padding: 10px 0px 0px 10px;*/} .menu_download_alt h2{font-family: 'ChunkFiveRegular', Georgia, "Times New Roman", Times, serif;font-size: 24px;width: 125px;text-align:right;color:#700b0f;margin: -120px 0px 0px 175px;} .download {float: right; margin: 5px 45px 0px 0px;} /* |-------------------------------------------------------------------------- | Cool Life Systems >> Frontend >> Rino's Pizza >> 3 Column Above Footer |-------------------------------------------------------------------------- */ #container_outer {width:100%;background:url(images/grren_bg.jpg) top repeat-x;height:203px;margin:8px 0 0 0;} .group_col h1, .gallery_col h1, .location_col h1 {font-family: 'ChunkFiveRegular', Georgia, "Times New Roman", Times, serif;font-size: 16px; color:#ffffff;padding:12px 0 0 0;} /*.footer-hdg*/ #footer-hdg-1, #footer-hdg-2, #footer-hdg-3 {font-family: 'ChunkFiveRegular', Georgia, "Times New Roman", Times, serif;font-size: 16px;} .footer-p {font:12px tahoma;color:#fff;padding:10px 0 0 0;} .group_col {width:230px;float:left;background:url(images/col_divider.jpg) top right no-repeat;padding:0 17px 0 0;} .footer-img {border:3px solid #FFF; margin:10px 0 0 0;} #footer-img-1 {width:220px; height:69px;} #footer-img-2 {width:206px; height:145px;} #footer-img-3 {width:206px; height:145px;} #footer-img-4 {width:185px; height:85px; margin-top:10px; margin-left:20px;} #footer-text-addr {/*font:12px tahoma;color:#fff;*/font-size:12px;margin-left:20px;} .gallery_col {width:208px;float:left;background:url(images/col_divider.jpg) top right no-repeat;padding:0 17px 0 17px;} .location_col {width:474px;float:left;padding:0 0 0 17px;overflow:hidden; } .map_img {width:224px;float:left;margin: 10px 10px 0px 0px;} .address_col {width:220px;float:left;} /*#footer-text-addr {margin: -5px 0px 0px 2px;}*/ .copyright-p { font-size:12px; float:right; text-align:right; } /* |-------------------------------------------------------------------------- | Cool Life Systems >> Frontend >> Rino's Pizza >> Footer |-------------------------------------------------------------------------- */ #footer {width:982px;margin:0 auto;padding:12px 0;overflow:hidden;} .footer_links {width:280px;float:left;overflow:hidden;} .footer_links ul {margin:0 0 0 -12px;padding:0px;} .footer_links li {list-style:none;/*font:12px tahoma;color:#555555;*/font-size:12px;padding:0 13px;float:left;border-left:1px solid #555555;} .footer_links li a {/*font:12px tahoma;color:#555555;*/font-size:12px;text-decoration:none;} .footer_links li a:hover {/*font:12px tahoma;color:#555555;*/font-size:12px;text-decoration:underline;} .copyright_col {width:600px;float:right;} .copyright_col p {font:12px tahoma;color:#555555;text-align:right;} /* |-------------------------------------------------------------------------- | Cool Life Systems >> Frontend >> Rino's Pizza >> General Information |-------------------------------------------------------------------------- | @company Cool Life Systems | @subpackage Frontend Style Sheet --> Reset Styles | @author Nico Gamma | @email ngamma@coollifesystems.com | @link http://www.coollifesystems.com | @copyright 2011 Cool Life Systems */ /* |-------------------------------------------------------------------------- | Cool Life Systems >> Frontend >> Rino's Pizza >> Global Tag Behaviors |-------------------------------------------------------------------------- */ abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {/* background: transparent; */ font-size: 100%;margin: 0;padding: 0;outline: 0;vertical-align: top; font-size:12px;/*font:12px Arial, Helvetica, sans-serif;*/} .footer-hdg, .bannerfont_to_transform {font:12px Arial, Helvetica, sans-serif;} ol, ul {margin:0px;padding:0px;} blockquote, q {quotes: none;} table, table td {padding:0;border:none;} img {vertical-align:top;border:0px;} embed {vertical-align:top;} /* |-------------------------------------------------------------------------- | Cool Life Systems >> Frontend >> Rino's Pizza >> Tag Display Behavior |-------------------------------------------------------------------------- */ article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; } mark, rp, rt, ruby, summary, time{ display: inline; } /* |-------------------------------------------------------------------------- | Cool Life Systems >> Frontend >> Rino's Pizza >> Safari / Chrome Focus Set |-------------------------------------------------------------------------- */ textarea:focus, input[type=text]:focus, input[type=password]:focus {outline: 0 none;} a:focus{outline:0px;} /* |-------------------------------------------------------------------------- | Cool Life Systems >> Frontend >> Rino's Pizza >> Custom Declarations |-------------------------------------------------------------------------- */ .clear{clear:both;} .input{/*border:1px solid #ccc;*/ padding:2px; } .page-break,.print-only{display:none;} .point{cursor:pointer;} .f_left{float:left;} .f_right{float:right;} .aligncenter{text-align:center;} .alignleft{text-align:left;} .alignright{text-align:right;} .relative{position:relative;} /* |-------------------------------------------------------------------------- | Cool Life Systems >> Frontend >> Rino's Pizza >> Links |-------------------------------------------------------------------------- */ a{color:inherit;font:inherit;font-family:inherit;font-size:inherit;text-decoration:none;} /*a:link, a:visited{color:#333; text-decoration:none; } a:hover, a:active{color:#333; text-decoration:none; }*/ a img{border:0;} /* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 11, 2011 10:35:37 AM America/New_York */ @font-face { font-family: 'ChunkFiveRegular'; src: url('Chunkfive-webfont.eot'); src: url('Chunkfive-webfont.eot?#iefix') format('eot'), url('Chunkfive-webfont.woff') format('woff'), url('Chunkfive-webfont.ttf') format('truetype'), url('Chunkfive-webfont.svg#webfont90E2uSjN') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MyriadProBoldCondensed'; src: url('myriadpro-boldcond-webfont.eot'); src: url('myriadpro-boldcond-webfont.woff') format('woff'), url('myriadpro-boldcond-webfont.ttf') format('truetype'), url('myriadpro-boldcond-webfont.svg#webfonttFyQlhrG') format('svg'); font-weight: normal; font-style: normal; }