/* Theme Name: Not So Fastfood Truck Theme URI: Description: Author: Author URI: Version: 1.0 License: GNU General Public License License URI: licensing/README_License.txt */ /* -------------------- tag styles --------------------*/ body,td,div {font-family: verdana; font-size: 12px;} html,body{margin:0;padding:0;height:100%;border:none; } table {border-spacing: 0px; border-collapse: collapse;} td {vertical-align: top; padding:0px;} img {border: 0px;} form{margin:0px; padding:0px;} h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; } h1 { font-weight: normal; display: inline-block; } h2 { font-size: 32px; font-weight: normal; display: inline-block; } h3 { font-size: 28px; font-weight: normal; display: inline-block; } h4 { font-size: 24px; font-weight: normal; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; color: #3c3c3c; margin: 0; padding: 0; } h4 a { font-size: 24px; font-weight: normal; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; color: #3c3c3c; margin: 0; padding: 0; text-decoration: none; } h4 a:hover { font-size: 24px; font-weight: normal; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; color: #e51e26; margin: 0; padding: 0; text-decoration: none; } h5 { font-weight: normal; display: inline-block; } h6 {font-size: 10px;} p { line-height: 1.7; font-size: 13px; font-family: 'Droid Sans', sans-serif; color: #3c3c3c; margin: 0 0 1em; } a, a > * { text-decoration: none; -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out; } /* ----------- Custom Menu Items ------------------*/ #menuOuter { width: 100%; height: 100px; background: #ececec url(../../uploads/2012/04/slider_bg_texture.jpg) top center repeat; } #itemOuter { width: 100%; /*background: #ececec url(http://www.notsofastfoodtruck.com/images/menu_background.jpg) top center;*/ } #menuTitle { width: 960px; margin: 0 auto; } #menuItems { width: 960px; margin: 0 auto; /*background: #ececec url(http://www.notsofastfoodtruck.com/images/menu_background.jpg) top center;*/ } #menuSmalltext { width: 960px; margin: 0 auto; background: #ececec url(../../uploads/2012/04/slider_bg_texture.jpg) top center repeat; text-align: center; font-family: Verdana, Geneva, sans-serif; font-size: 9px; font-style: italic; clear: both; padding-top: 30px; padding-bottom: 20px; } #menuSandies { width: 200px; float: left; margin: 0; padding: 20px; } #menuSides { width: 200px; float: left; margin: 0; padding: 20px; } #menuPlates { width: 200px; float: left; margin: 0; padding: 20px; } #menuDesserts { width: 200px; float: right; margin: 0; padding: 20px; } #twitterfeed { width:500px; margin: 0 auto; padding-bottom: 20px; margin-top: -150px; } #socialIcons { width: 100%; margin: 0; padding: 0px 15px 0px 0px; text-align: right; float: right; } .twtr-hd, .twtr-ft { display: none; } /* -------------------- standard styles --------------------*/ .b {font-weight: bold;} .n {font-weight: normal;} .i {font-style: italic;} .tr{text-align:right;} .tl{text-align:left;} .tc{text-align:center;} .pa {position: absolute;} .pr {position: relative;} .fl {float: left;} .fr {float: right;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */ /* BASIC WP STYLES */ .entry-content img { margin: 0 0 20px 0; } .alignleft, img.alignleft { float: left; margin: 10px 20px 10px 0; } .alignright, img.alignright { display: block; float: right; margin: 10px 0 10px 20px; } .aligncenter, img.aligncenter { clear: both; display: block; margin: 10px auto 10px auto; } .wp-caption { background: #fff; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text { margin: 0; padding: 5px; font-family: Georgia, "Times New Roman", Times, serif; color: #1b1b1b; line-height: 1.9; font-size: 12px; } .wp-smiley { max-height: 12px; margin: 0 !important; } .gallery img, .gallery dl { margin: 0; } .gallery-caption { margin: -20px 0 0 0; } .sticky {} .to-center { /* main class to centering */ width: 960px; margin: 0 auto; } .line-separator-solid { border-bottom: 1px solid #d7d7d9; margin-top: 10px; margin-bottom: 5px; } a.readmore { font-size: 11px; color: #272727; text-decoration: none; font-style: italic; } a:hover.readmore { font-size: 11px; color: #e51e26; text-decoration: none; font-style: italic; } /* -------------------- HEAD start --------------------*/ #panel1 { background: #b2b2b2 url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/bg-panel1.png) repeat-x; height: 120px; border-bottom: 1px solid #ececec; } /* #top-line { position: relative; height: 5px; background: #3c3c3c repeat; } */ #logo { margin-top: 20px; } /************** START MENU *****************************/ #main-menu { position: absolute; top: 46px; right: 116px; } #main-menu ul { margin: 0; padding: 0; font: 55px 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; color: #3c3c3c; list-style-type: none; } #main-menu ul li { display: inline-block; padding-right: 1px; background: url("http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/nav-divider.png") no-repeat center right; } /* #main-menu ul li a:hover, #main-menu ul li.current-menu-item,*/ #main-menu ul li.current-menu-item a { margin: 0; text-decoration: none; vertical-align: middle; } #main-menu ul li:hover { visibility: inherit; /*list-style-image: url('http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/menu-bullet.png');*/ } #main-menu ul li li a:hover, #main-menu ul li li.current-menu-item, #main-menu ul li li.current-menu-item a {} #main-menu ul li a { margin: 0; padding:6px 16px 7px 16px; color: #3c3c3c; text-decoration: none; vertical-align: middle; } #main-menu ul ul { position: absolute; top: -9999em; width: 150px; left: -50px; } #main-menu ul ul li { width: 100%; } #main-menu ul li:hover ul, #main-menu ul li.sfHover ul { left: -1px; top: 36px; z-index: 99999; } #main-menu ul li:hover li ul, #main-menu ul li.sfHover li ul, #main-menu ul li li:hover li ul, #main-menu ul li li.sfHover li ul, #main-menu ul li li li:hover li ul, #main-menu ul li li li.sfHover li ul { top: -9999em; } #main-menu ul li li:hover ul, #main-menu ul li li.sfHover ul, #main-menu ul li li li:hover ul, #main-menu ul li li li.sfHover ul, #main-menu ul li li li li:hover ul, #main-menu ul li li li li.sfHover ul { left: -67px; top: -11px; } #main-menu ul a.active, #main-menu ul li.current-cat a, #main-menu ul li.current_page_item a, #main-menu ul li.current-menu-item a { text-decoration: none; } #main-menu ul a.active, #main-menu ul a:hover {} /* 2nd level skin */ #main-menu ul ul { padding: 0; background: #393939; border-bottom: none; border-top: none; border-radius: 3px; border: 1px solid #393939; box-shadow: 0 0 2px #393939; } #main-menu ul ul li a { padding: 6px 10px 7px; color: #989898; } #main-menu ul ul li a:hover { color: #fff; } #main-menu ul ul li:first-child a, #main-menu ul ul ul li:first-child a { border-radius: 3px 3px 0 0;} #main-menu ul ul li:last-child a, #main-menu ul ul ul li:last-child a { border-radius: 0 0 3px 3px;} #main-menu ul ul li { border-right: 0; margin: 0; padding: 5px 0 7px 0; border-bottom: 1px solid #2c2c2c; float: none; text-align: center; background: none; width: auto; list-style-image:none !important; } #main-menu ul ul li:first-child{ list-style-image: none;} #main-menu ul ul li:last-child { border: none; list-style-image:none;} .ie7 #main-menu ul ul li { float: left; width: 100%;list-style-type:none; } .ie7 #main-menu ul ul li a { float: left; width: 130px; } #main-menu ul li.current-menu-item li a, #main-menu ul li li.current-menu-item a, #main-menu ul ul li a {} #header-widget { position: relative; float: right; top: 40px; } .social-links { margin: 0; } .social-links li { display: inline-block; list-style: none; margin: 0 0 10px 15px; text-indent: -9999px; } .ie7 .social-links li { display: inline; font-size: 0; text-indent: 0; } .social-links li:nth-child(6n+1) { margin-left: 0; } .social-links li:nth-child(6n) { margin-right: 15px; } .social-links li:last-child { margin-right: 0; } .social-links a { background-repeat: no-repeat; background-position: 0 -16px; display: block; height: 16px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; width: 16px; } .social-links li.facebook a { background-image: url("http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/icon-facebook.png"); } .social-links li.linkedin a { background-image: url("http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/icon-linkedin.png"); } .social-links li.googleplus a { background-image: url("http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/icon-googleplus.png"); } .social-links li.skype a { background-image: url("http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/icon-skype.png"); } .social-links li.twitter a { background-image: url("http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/icon-twitter.png"); background-position: 0 -15px; height: 15px; width: 21px; } .social-links li a:hover { background-position: 0 0; } /* --------------------- START PANEL 2 ---------------------*/ #panel2 { position: relative; height: 430px; background: #161616; } /* --------------------- START PANEL 3 ---------------------*/ #panel3 { background: #272727; padding: 0px 0px 10px 0; text-align: center; } #panel3 h1 { color: #fff; font-size: 48px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; } #panel3 h1 span { color: #c9c9c9; } #panel3 p { color: #fff; margin-top: 30px; } #panel3 .content-testNoSlide p { margin-top: 0px; } /*#panel3 .btn-dark { margin-top: -38px; } #panel3 a.btn-dark { text-decoration: none; color: #5d5d5d; background-color: #1d1d1d; font-size: 22px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; padding: 7px 20px 10px; width: 150px; height: 40px; -moz-border-radius: 4px; border-radius: 4px; } */ #panel3 a:hover { color: #fff; } #panel3 ::selection { background: #e51e26; color: #fff; } /* Safari */ #panel3 ::-moz-selection { background: #e51e26; color: #fff; } /* Firefox */ /* panel 3 css styling for titles */ #panel3 .heading-wrapper { width:100%; overflow:hidden; position:relative; } /* #panel3 .heading-after { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h1-stripes.png) repeat-x 0 0; height:12px; position:absolute; right:0; top:29px; } */ #panel3 .heading-wrapper-center { width:100%; overflow:hidden; position:relative; text-align:center; } #panel3 .heading-before { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h1-stripes.png) repeat-x 0 0; height:12px; position:absolute; left:0; top:29px; } /*content test start heading*/ .content-test, .content-testNoSlide { color: #fff; width: 960px; line-height: 1.9; padding: 0; } #panel3 .content-test h2, #panel3 .content-testNoSlide h2 { font-family: 'Yanone Kaffeesatz', arial, serif; font-size: 30px; text-shadow: 0.5px 0.5px 0.5px #3c3c3c; display: inline-block; } #panel3 .content-test .heading-wrapper, #panel3 .content-testNoSlide .heading-wrapper { width: 100%; overflow:hidden; position:relative; } #panel3 .content-test .heading-after, #panel3 .content-testNoSlide .heading-after { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h3-stripes.png) repeat-x 0 0; height:12px; position:absolute; right:0px; top:15px; } /* toogle animate effect */ .heading-test { margin: 1px; color: #fff; padding: 3px 10px; cursor: pointer; position: relative; } .col210 { width: 210px; } .mrb-30 { margin-bottom: 30px; } .mrb-10 { margin-bottom: 10px; } .mrt-30 { margin-top: 30px; } .mrl-30 { margin-left: 30px; } /* --------------------- START Circle panel ---------------------*/ .line-separator { border-bottom: 1px dashed #aeadad; margin-bottom: 0px; margin-top: 5px; } .circle-services { text-align: center; margin-left: -40px; } #circles-wrapper { background-color: #fff; padding: 30px 0px 30px 0; } .circle-services a.circle-href { background: #e51e26; width: 90px; height: 90px; display: block; border-radius: 45px; -moz-border-radius: 45px; -webkit-border-radius: 45px; -khtml-border-radius: 45px; font-size: 20px; color: #fff; line-height: 115px; text-align: center; margin: 0 auto; } .circle-services a:hover.circle-href { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7; } .circle-services .col210 { margin-left: 40px; } .circle-services .col210 h4 { font-size: 24px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; color: #3c3c3c; font-weight: normal; margin: 10px 0; } .circle-services .col210 h4 a { font-size: 24px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; color: #3c3c3c; font-weight: normal; } .circle-services .col210 h4 a:hover { color: #e51e26; } .circle-services .col210 p { font-size: 13px; font-family: 'Droid Sans', sans-serif; color: #3c3c3c; } #circles-wrapper ::selection { background: #e51e26; color: #fff; } /* Safari */ #circles-wrapper ::-moz-selection { background: #e51e26; color: #fff; } /* Firefox */ /* panel 4 css styling for titles */ #circles-wrapper .heading-wrapper { width:100%; overflow:hidden; position:relative; } /* start this three classes are only for center text with stripes because have smaller image stripe than others... */ #circles-wrapper .heading-afterCenter { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h5-stripes.png) repeat-x 0 0; height:12px; position:absolute; right:0; top: 10px; } #circles-wrapper .heading-wrapper-center { width:100%; overflow:hidden; position:relative; text-align:center; margin-top: 35px; } #circles-wrapper .heading-beforeCenter { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h5-stripes.png) repeat-x 0 0; height:12px; position:absolute; left:0; top: 10px; } #circles-wrapper h5 { font-size: 18px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; margin-bottom: 5px; line-height: 1.5; } #circles-wrapper h5 a { color: #fff; padding: 10px 10px 5px 10px; background-color: #e51e26; } #circles-wrapper h5 a:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7; } #panel4 { padding: 20px 0 30px; background-color: transparent !important; padding: 0; } #panel4 .line-separator { border-bottom: 1px dashed #aeadad; margin-bottom: 25px; } #panel4 ::selection { background: #e51e26; color: #fff; } /* Safari */ #panel4 ::-moz-selection { background: #e51e26; color: #fff; } /* Firefox */ #panel4 h5 { color: #fff; font-size: 18px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; margin-bottom: 40px; line-height: 1.5; } #panel4 h5 a { color: #fff; padding: 10px 10px 5px 10px; background-color: #e51e26; } #panel4 h5 a:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7; } /* panel 4 css styling for titles */ #panel4 .heading-wrapper { width:100%; overflow:hidden; position:relative; } /* start this three classes are only for center text with stripes because have smaller image stripe than others... */ #panel4 .heading-afterCenter { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h5-stripes.png) repeat-x 0 0; height:12px; position:absolute; right:0; top: 10px; } #panel4 .heading-wrapper-center { width:100%; overflow:hidden; position:relative; text-align:center; margin-top: 35px; } #panel4 .heading-beforeCenter { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h5-stripes.png) repeat-x 0 0; height:12px; position:absolute; left:0; top: 10px; } /* end this three classes are only for center text with stripes because have smaller image stripe than others... */ .col300 { width: 300px; margin-right: 30px; } .col300.last { width: 300px; margin-right: 0px; } #panel4 h3 { color: #3c3c3c; font-size: 28px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; margin-bottom: 40px; line-height: 1.5; } #panel4 .heading-after { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h3-stripes.png) repeat-x 0 0; height:12px; position:absolute; right:0; top: 10px; } #panel4 .heading-before{ display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h3-stripes.png) repeat-x 0 0; height:12px; position:absolute; left:0; top: 10px; } #panel4 ul { margin: 0; padding: 0; list-style-position: inside; list-style-image: url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/li-arrow.png); font-size: 13px; font-family: 'Droid Sans', sans-serif; color: #3c3c3c; } #panel4 ul li { font-size: 14px; font-family: 'Droid Sans', sans-serif; color: #3c3c3c; line-height: 1.9; } #panel4 ul li a { font-size: 14px; font-family: 'Droid Sans', sans-serif; color: #3c3c3c; line-height: 1.9; } #panel4 ul li a:hover { color: #e51e26; } #panel4 h2 { color: #3c3c3c; font-size: 32px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; margin-bottom: 20px; line-height: 1.1; } /* --------------------- START PANEL PORTFOLIO ITEMS HOME ---------------------*/ .portfolio-items-home { padding: 30px 0px 30px 0; } .portfolio-items-home::selection { background: #e51e26; color: #fff; } /* Safari */ .portfolio-items-home ::-moz-selection { background: #e51e26; color: #fff; } /* Firefox */ .portfolio-items-home h5 { color: #fff; font-size: 18px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; margin-bottom: 5px; line-height: 1.5; } .portfolio-items-home h5 a { color: #fff; padding: 10px 10px 5px 10px; background-color: #e51e26; } .portfolio-items-home h5 a:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7; } .portfolio-items-home .heading-wrapper { width:100%; overflow:hidden; position:relative; } /* start this three classes are only for center text with stripes because have smaller image stripe than others... */ .portfolio-items-home .heading-afterCenter { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h5-stripes.png) repeat-x 0 0; height:12px; position:absolute; right:0; top: 10px; } .portfolio-items-home .heading-wrapper-center { width:100%; overflow:hidden; position:relative; text-align:center; margin-top: 35px; } .portfolio-items-home .heading-beforeCenter { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h5-stripes.png) repeat-x 0 0; height:12px; position:absolute; left:0; top: 10px; } /* end this three classes are only for center text with stripes because have smaller image stripe than others... */ .col300 { width: 300px; margin-right: 30px; } .col300.last { width: 300px; margin-right: 0px; } .portfolio-items-home h3 { color: #3c3c3c; font-size: 28px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; margin-bottom: 40px; line-height: 1.5; } .portfolio-items-home .heading-after { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h3-stripes.png) repeat-x 0 0; height:12px; position:absolute; right:0; top: 10px; } .portfolio-items-home .heading-before{ display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h3-stripes.png) repeat-x 0 0; height:12px; position:absolute; left:0; top: 10px; } .portfolio-items-home h2 { color: #3c3c3c; font-size: 32px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; margin-bottom: 40px; line-height: 1.5; } ul#portfolio-list-home { float: left; list-style: none; padding:0; width: 990px; margin: 0px 0 10px -30px; } ul#portfolio-list-home li { float: left; list-style: none; margin-bottom: 30px; width: 300px; padding: 0; margin-left: 30px; position: relative; } ul#portfolio-list-home li a { color: #fff; font-size: 18px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; } .preview-image { float: left; /*margin: 19px 0 0 19px;*/ width: 300px; height: 205px; display: block; overflow: hidden; position: relative; cursor: pointer; background: #272727; z-index: 1; } .preview-image img.slide-up { position: absolute; top: 0; left: 0; } ul#portfolio-list-home li span.portfolio-title-home { position: relative; top: 157px; left: 11px; z-index: -1; display: block; } ul#portfolio-list-home li span.portfolio-cat-home { position: relative; top: 153px; left: 11px; z-index: -1; color: #737373; font-size: 12px; font-family: 'Droid Sans', sans-serif; } ul#portfolio-list-home2 li span.portfolio-cat-img { position: absolute; z-index: -1; top: 165px; right: 20px; } /* -------------------- MAIN start --------------------*/ #content {} #container { position:relative; /* needed for footer positioning*/ margin:0 auto; /* center, not in IE5 */ height:auto !important; /* real browsers */ height:100%;/* IE6: treaded as min-height*/ min-height:100%; /* real browsers */ overflow: hidden; background: #ececec url(../../uploads/2012/04/slider_bg_texture.jpg) top center repeat; } #footer { position:relative; bottom:0; width:100%; clear:left; height: 183px; background: #b2b2b2; margin-top: 50px; } #foot {width: 960px; height: 183px; margin: 0 auto; background: #b2b2b2;} #panel2 #hero-holder { position:absolute; top: 9px; width: 100%; display: block; z-index: 100; height: 353px; background: url("http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/heroholder.png") no-repeat top center; } .textholder { z-index: 10; } .textholder p, .textholder strong { position: absolute; top: 19px; left: 0px; color: #fff; z-index: 100; font-size: 18px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; } .textholder a { position: absolute; right: 0px; top: 20px; color:#fff; } .thumbs { text-align: center; width: 150px; margin: 26px auto 0; z-index: 14; position: relative; } #carousel-holder { width: 960px; margin: 0 auto; position: relative; z-index: 12; display: block; height: 384px; padding: 28px 0 0 0; } #carousel { width: 960px; margin: 0 auto 0; } #carousel ul { list-style: none; width:20000px; margin: 0; padding: 0; position: relative; z-index: 12; } #carousel li { display: inline; float: left; } #carousel li span p { display: none; } .thumb { display: block; width: 14px; height: 14px; float: left; margin: 2px; background: url("http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/navigator-carousel.png") no-repeat; display: inline; cursor: pointer; text-indent: -9999px; } /* items inside navigator */ a.thumb { width:14px; height:14px; float:left; cursor: pointer; margin:3px; background: url("http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/navigator-carousel.png") no-repeat; display:block; text-indent: -9999px; } /* mouseover state */ a.thumb:hover { background-position:0 -14px; } /* active state (current page state) */ a.thumb.active { background-position:0 -28px; } /************** START SHORTCODES *****************************/ .one-half{ width: 48.5%; } .one-third { width:31.3%; } .one-fourth { width:22.8%; } .one-fifth { width:17.65%; } .one-sixth { width:14.2%; } .two-third { width:65%; } .two-third1 { width:32.0%; } .two-third-last { width:32.0%; } .two-third-last1 { width:65%; } .three-fourth { width:73.0%; } .three-fourth-last { width:24.1%; } .one-third-search { margin-right: 20px; width: 208px; } .two-third-search { width: 380px; } .one-half, .one-third, .one-fourth, .one-fifth, .one-sixth, .two-third, .two-third1, .three-fourth, .two-third-last, .two-third-last1, .three-fourth-last { float: left; margin-right: 2.9%; margin-bottom: 30px; } .last-column { margin-right: 0px; } .hl{ background-color: #3b3b3b; color:#FFF; text-shadow: 0 1px 0 rgba(0,0,0,1); } .dottedUnderline{ border-bottom: 1px dotted #3b3b3b; } .single-quote p { font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; text-align: left; font-size: 18px; display: block; font-style: italic; padding-top: 7px; margin-top: -20px; margin-left: 10px; line-height: 1.5; } .list { margin: 0; padding: 0; list-style-position: inside; list-style-image: url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/li-arrow.png); font-size: 13px; font-family: 'Droid Sans', sans-serif; color: #3c3c3c; } .list li { font-size: 14px; font-family: 'Droid Sans', sans-serif; color: #3c3c3c; line-height: 1.9; } .list li a { font-size: 14px; font-family: 'Droid Sans', sans-serif; color: #3c3c3c; line-height: 1.9; } .list li a:hover { color: #e51e26; } /* progress bar */ .pbar .ui-progressbar-value {display:block !important;} .pbar {overflow: hidden;} .mrb-20 { margin-bottom: 7px; } .percent { position:absolute; color: #949393; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; font-size: 16px; margin-top: 10px; margin-left: 20px; } .percent span { color: #fff; margin-right: 10px; font-size: 16px; } .elapsed {position:relative;text-align: right;} /************** START BUTTONS *****************************/ .a_button, .a_button span { display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .a_button { white-space: nowrap; line-height:1em; position:relative; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; border: 1px solid #999;/* IE */ border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */ border-bottom:rgba(0, 0, 0, .4) 1px solid; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); background: -moz-linear-gradient(center top, rgba(255, 255, 255, .1) 0%, rgba(0, 0, 0, .1) 100%);/* FF3.6 */ background: -webkit-gradient(linear, center bottom, center top, from(rgba(0, 0, 0, .1)), to(rgba(255, 255, 255, .1)));/* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */ -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; margin-bottom:10px; } .a_button.full, .a_button.full span { display: block; } .a_button:hover, .a_button.hover { background: -moz-linear-gradient(center top, rgba(255, 255, 255, .2) 0%, rgba(255, 255, 255, .1) 100%);/* FF3.6 */ background: -webkit-gradient(linear, center bottom, center top, from(rgba(255, 255, 255, .1)), to(rgba(255, 255, 255, .2)));/* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */ } .a_button:active, .a_button.active { top:1px; } .a_button span { position: relative; color:#fff; text-shadow:0 1px 1px rgba(0, 0, 0, 0.25); border-top: rgba(255, 255, 255, .2) 1px solid; padding:0.6em 1.3em; line-height:1em; text-decoration:none; text-align:center; white-space: nowrap; } .a_button.small span { font-size:12px; } .a_button.medium span { font-size:14px; } .a_button.large span { font-size:18px; } .a_button.black { background-color: #333333; } .a_button.green { background-color: #B9D972; } .a_button.yellow{ background-color: #FECD61; } .a_button.purple { background-color: #DFAFDA; } .a_button.blue { background-color: #92DBF6; } /* --------------------- START PANEL BLOG_home ---------------------*/ .home-blog { padding: 30px 0px 30px 0; } .home-blog ::selection { background: #e51e26; /* Safari */ color: #fff; } .home-blog ::-moz-selection { background: #e51e26; /* Firefox */ color: #fff; } .home-blog h5 { color: #fff; font-size: 18px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; margin-bottom: 5px; line-height: 1.5; } .home-blog h5 a { color: #fff; padding: 10px 10px 5px 10px; background-color: #e51e26; } .home-blog h5 a:hover { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; -khtml-opacity: 0.7; } /* panel 4 css styling for titles */ .home-blog .heading-wrapper { width:100%; overflow:hidden; position:relative; } /* start this three classes are only for center text with stripes because have smaller image stripe than others... */ .home-blog .heading-afterCenter { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h5-stripes.png) repeat-x 0 0; height:12px; position:absolute; right:0; top: 10px; } .home-blog .heading-wrapper-center { width:100%; overflow:hidden; position:relative; text-align:center; margin-top: 35px; } .home-blog .heading-beforeCenter { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h5-stripes.png) repeat-x 0 0; height:12px; position:absolute; left:0; top: 10px; } /* end this three classes are only for center text with stripes because have smaller image stripe than others... */ .home-blog h3 { color: #3c3c3c; font-size: 28px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; margin-bottom: 40px; line-height: 1.1; } .home-blog .heading-after { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h3-stripes.png) repeat-x 0 0; height:12px; position:absolute; right:0; top: 10px; } .home-blog .heading-before{ display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h3-stripes.png) repeat-x 0 0; height:12px; position:absolute; left:0; top: 10px; } .home-blog h2 { color: #3c3c3c; font-size: 32px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; margin-bottom: 40px; line-height: 1.1; } .big-post-home { width: 630px; height: 250px; background: #272727; margin-right: 30px; margin-bottom: 4px; } .big-post-home .big-post-img { width: 300px; height: 250px; background: #272727; margin-right: 30px; } .big-post-home h4 { width: 280px; color: #fff; font-size: 24px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; margin-top: 15px; } .big-post-home h4 a { width: 280px; color: #fff; font-size: 24px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; margin-top: 15px; } .big-post-home h4 a:hover { color: #e51e26; } .big-post-home p.date { width: 280px; color: #949393; font-size: 15px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; margin: 0; } .big-post-home p { width: 280px; color: #fff; font-size: 17px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; line-height: 1.4; margin-top: 22px; } .big-post-home .btn-dark { margin-top: 0px; } .big-post-home .btn-dark a { text-decoration: none; color: #5d5d5d; background-color: #1d1d1d; font-size: 18px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; padding: 7px 20px 10px; width: 150px; height: 40px; -moz-border-radius: 4px; border-radius: 4px; } .big-post-home .btn-dark a:hover { color: #fff; } .small-posts-home { width: 300px; height: 250px; } .small-posts-home .small-post { height: 76px; background: #272727; margin-bottom: 11px; width: 300px; margin-left: 0; } .small-posts-home .small-post img { margin-right: 15px; width: 90px; height: 76px; } .small-posts-home .small-post h4 { color: #fff; font-size: 20px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; padding-top: 7px; margin-right: 15px; } .small-posts-home .small-post h4 a { color: #fff; font-size: 20px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; padding-top: 7px; margin-right: 15px; } .small-posts-home .small-post h4 a:hover { color: #e51e26; } .small-posts-home .small-post p.date { width: 280px; color: #949393; font-size: 15px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; margin: 0; } .small-posts-home .small-post .btn-dark { margin-top: -10px; margin-right: 10px; } .small-posts-home .small-post .btn-dark a { text-decoration: none; color: #5d5d5d; background-color: #1d1d1d; font-size: 15px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; padding: 5px 10px 7px; width: 150px; height: 40px; -moz-border-radius: 4px; border-radius: 4px; } .small-posts-home .small-post .btn-dark a:hover { color: #fff; } /* --------------------- START PANEL 5 ---------------------*/ #panel4 p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #fff; } #panel5 { background: #f6f5f5 url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/bg-panel5.png) repeat; padding: 30px 0; } #panel5 ::selection { background: #e51e26; /* Safari */ color: #fff; } #panel5 ::-moz-selection { background: #e51e26; /* Firefox */ color: #fff; } .mrl-40 { margin-left: -40px; } #panel5 .col210 { margin-left: 40px; } #panel5 h4 { font-size: 24px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; color: #3c3c3c; font-weight: normal; } .under-line { border-bottom: 1px dashed #878787; margin-top: 3px; margin-bottom: 10px; } #panel5 ul { list-style-type: circle; list-style-position: inside; padding: 0; margin-left: 4px; } /* recent comments */ #panel5 ul.comments, #panel5 ul#recentcomments { list-style-type: none; padding: 0px; margin: 0px; } #panel5 ul.comments li, #panel5 ul#recentcomments li.recentcomments{ font-size: 12px; font-family: 'Droid Sans', sans-serif; color: #3c3c3c; line-height: 1.9; background-image: url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/icon-comment-widget.png); background-repeat: no-repeat; background-position: 0px 7px; padding-left: 18px; margin-bottom: 4px; list-style-type: none; } /* latest tweets */ #panel5 ul#twitter_update_list { list-style-type: none; padding: 0px; margin: 0px; } #panel5 ul#twitter_update_list li, ul#twitter_update_list li { font-size: 12px; font-family: 'Droid Sans', sans-serif; color: #3c3c3c; line-height: 1.9; background-image: url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/icon-twitter-widget.png); background-repeat: no-repeat; background-position: 0px 2px; padding-left: 22px; margin-bottom: 9px; } #panel5 ul.twitter li span { display: block; color: #6c6b6b; font-size: 11px; font-style: italic; } #panel5 p { font-size: 13px; font-family: 'Droid Sans', sans-serif; color: #fff; line-height: 1.9; } #panel5 a { font-family: 'Droid Sans', sans-serif; color: #ddd; line-height: 1.9; /* border-bottom: 1px solid #ddd; */ } #panel5 a:hover { color: #d7fb58; /* border-bottom: 1px solid #d7fb58; */ } /* --------------------- START PANEL 6 ---------------------*/ #panel6 { background-color: #272727; color: #fff; font-size: 13px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; /* padding-top: 14px; */ padding-bottom: 15px; height: auto !important; } #panel6 p { font-family: 'Droid Sans', sans-serif; color: #fff; text-shadow: 0.5px 0.5px 0.5px #000; } #panel6 p a { /* border-bottom: 1px solid #ddd; */ } #panel6 p a:hover { color: #d7fb58; /* border-bottom: 1px solid #d7fb58; */ } #panel6 ::selection { background: #e51e26; /* Safari */ color:#fff; } #panel6 ::-moz-selection { background: #e51e26; /* Firefox */ color:#fff; } /*#panel6 #toTop { position: relative; right: 0; cursor: pointer; } #panel6 #toTop img { margin-top: -4px; margin-left: 5px; } */ .col630 { width: 630px; margin-right: 50px; } /************** START CONTACT FORM *****************************/ #contact-form { width:620px; position:relative; margin: 0px 30px 30px 0; } .contact-col-300 { width: 300px; margin:0; } #contact-form input, #contact-form select, #contact-form textarea { font-family: 'Droid Sans', sans-serif; font-style: italic; font-size: 12px; background-color: #272727; } #contact-form label { margin-bottom:4px; font-family: 'Droid Sans', sans-serif; font-size: 14px; text-shadow: 0 1px rgba(255, 255, 255, 0.5); color:red; } #contact-form input, #contact-form select{ width:275px; border: none; height: 40px; color: #fff; padding: 0 10px; } #contact-form input#rezNum{ width: 20px; border: none; height: 40px; color: #fff; padding: 0 10px; } #contact-form textarea { width:600px; border: none; color: #fff; padding: 10px 10px 10px 10px; height:150px; resize: none; z-index: -1; } #contact-form input:focus, #contact-form select:focus, #contact-form textarea:focus { background-color: #303030; color: #fff; -moz-box-shadow: 1px 1px 1px #d5d1d1; -webkit-box-shadow: 1px 1px1px #d5d1d1; box-shadow:1px 1px 1px #d5d1d1; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); } #contact-form label { display:block; } #contact-form .required { font-weight:bold; color:#F00; } #contact-form .a_button { width: 170px; border:none; float:right; color:#FFF; position: relative; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; font-style: normal; font-size: 18px; text-decoration: none; cursor: pointer; margin-top: 20px; padding: 6px 10px 10px 10px; } #contact-form .a_button:hover { color: #fff;background-color: #303030; } #contact-form .a_button:active { position:relative; top:1px; color: #fff; } #contact-form .a_button:focus { position:relative; top:1px; color: #fff; } #contact-form #loading { width:32px; height:32px; background-image:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/loading.gif); display:block; position:absolute; right:130px; bottom:16px; display:none; } p.error { font-family: Georgia, "Times New Roman", Times, serif; font-size: 11px; color: red; font-style:italic; } p.tick { text-align:center; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; color: #1B1B1B; font-style:italic; } p.tick span { font:300 20px 'BebasNeueRegular', Arial, sans-serif; color: #91A4AC; text-align:center; } #req-field-desc { font-style:italic; } /* Remove box shadow firefox, chrome and opera put around required fields. It looks rubbish. */ input:required, textarea:required { -moz-box-shadow:none; -webkit-box-shadow:none; -o-box-shadow:none; box-shadow:none; } /* Normalize placeholder styles */ /* chrome, safari */ ::-webkit-input-placeholder { color:#CCC; font-style:italic; } /* mozilla */ input:-moz-placeholder, textarea:-moz-placeholder { color:#CCC; font-style:italic; } /* ie (faux placeholder) */ input.placeholder-text, textarea.placeholder-text { color:#CCC; font-style:italic; } p.contact-paragraph { margin-top: 28px; font-family: 'Droid Sans', sans-serif; color: #1b1b1b; line-height: 1.1; } p.contact-paragraph span{ font-family: 'Droid Sans', sans-serif; font-size: 14px; text-transform: uppercase; color: #1b1b1b; } p.contact-paragraph a { font-family: 'Droid Sans', sans-serif; color: #1b1b1b; line-height: 1.1; text-decoration: none; margin: 0; } p.contact-paragraph a:hover {} p.contact-paragraph-call{ font-family: 'Droid Sans', sans-serif; color: #1b1b1b; } p.contact-paragraph-call span{ font-family: 'Droid Sans', sans-serif; color: #91a4ac; margin-left: 5px; } /* --------------------- START PANEL PAGE TITLE ---------------------*/ #panel-page-title { background: #272727; padding: 10px 0px 20px 0; margin-bottom: 0; display: none; } #panel-page-title h1 { color: #fff; font-size: 40px; } #panel-page-title h1 span { color: #c9c9c9; } #panel-page-title p { color: #fff; margin-top: 30px; width: 700px; } #panel-page-title .btn-dark { margin-top: -38px; } #panel-page-title a.btn-dark { text-decoration: none; color: #5d5d5d; background-color: #1d1d1d; font-size: 22px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; padding: 7px 20px 10px; width: 150px; height: 40px; -moz-border-radius: 4px; border-radius: 4px; } #panel-page-title a.btn-dark:hover { color: #fff; } #panel-page-title a { color: #E01D25; } #panel-page-title a:hover { color: #595959; text-decoration: none; } #panel-page-title ::selection { background: #e51e26; /* Safari */ color: #fff; } #panel-page-title ::-moz-selection { background: #e51e26; /* Firefox */ color: #fff; } /* panel 3 css styling for titles */ #panel-page-title .heading-wrapper { width:100%; overflow:hidden; position:relative; } #panel-page-title .heading-after { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h1-stripes.png) repeat-x 0 0; height:12px; position:absolute; right:0; top:23px; } #panel-page-title .heading-wrapper-center { width:100%; overflow:hidden; position:relative; text-align:center; } #panel-page-title .heading-before { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h1-stripes.png) repeat-x 0 0; height:12px; position:absolute; left:0; top:29px; } /* --------------------- PORTFOLIO TEMPLATE START ---------------------*/ /* 2 col start */ ul#portfolio-list-home2Col { float: left; list-style: none; padding:0; width: 990px; margin: 0px 0 20px -30px; } ul#portfolio-list-home2Col li { float: left; list-style: none; margin-bottom: 30px; width: 465px; padding: 0; margin-left: 30px; } ul#portfolio-list-home2Col li a { color: #fff; font-size: 18px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; } ul#portfolio-list-home2Col li a:hover { color: #fff; font-size: 18px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; } ul#portfolio-list-home2Col .preview-image { float: left; /*margin: 19px 0 0 19px;*/ width: 465px; height: 318px; display: block; overflow: hidden; position: relative; cursor: pointer; background: #272727; z-index: 1; } ul#portfolio-list-home2Col .preview-image img.slide-up { position: absolute; top: 0; left: 0; } ul#portfolio-list-home2Col li span.portfolio-title-home { color:#fff; position: relative; top: 265px; left: 11px; z-index: -1; display: block; } ul#portfolio-list-home2Col li span.portfolio-cat-home { position: relative; top: 250px; left: 11px; z-index: -1; color: #737373; font-size: 12px; font-family: 'Droid Sans', sans-serif; } ul#portfolio-list-home2Col li span.portfolio-cat-img { position: absolute; z-index: -1; top: 278px; right: 20px; } /* 3 col start */ ul#portfolio-list-home3Col { float: left; list-style: none; padding:0; width: 990px; margin: 0px 0 20px -30px; } ul#portfolio-list-home3Col li { float: left; list-style: none; margin-bottom: 30px; width: 300px; padding: 0; margin-left: 30px; } ul#portfolio-list-home3Col li a { color: #fff; font-size: 18px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; } ul#portfolio-list-home3Col li a:hover { color: #fff; font-size: 18px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; } ul#portfolio-list-home3Col .preview-image { float: left; /*margin: 19px 0 0 19px;*/ width: 300px; height: 205px; display: block; overflow: hidden; position: relative; cursor: pointer; background: #272727; z-index: 1; } ul#portfolio-list-home3Col .preview-image img.slide-up { position: absolute; top: 0; left: 0; } ul#portfolio-list-home3Col li span.portfolio-title-home { color:#fff; position: relative; top: 152px; left: 11px; z-index: -1; display: block; } ul#portfolio-list-home3Col li span.portfolio-cat-home { position: relative; top: 137px; left: 11px; z-index: -1; color: #737373; font-size: 12px; font-family: 'Droid Sans', sans-serif; } ul#portfolio-list-home3Col li span.portfolio-cat-img { position: absolute; z-index: -1; top: 165px; right: 20px; } /* 4 col start */ ul#portfolio-list-home4Col { list-style: none; padding:0; width: 960px; margin: 0px 0 20px -29px; } ul#portfolio-list-home4Col li { float:left; list-style: none; margin-bottom: 30px; width: 218px; height: 149px; padding: 0; margin-left: 29px; } ul#portfolio-list-home4Col li a { color: #fff; font-size: 18px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; } ul#portfolio-list-home4Col li a:hover { color: #fff; font-size: 18px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; } ul#portfolio-list-home4Col .preview-image { float: left; /*margin: 19px 0 0 19px;*/ width: 218px; height: 149px; display: block; overflow: hidden; position: relative; cursor: pointer; background: #272727; z-index: 1; } ul#portfolio-list-home4Col .preview-image img.slide-up { position: absolute; top: 0; left: 0; } ul#portfolio-list-home4Col li span.portfolio-title-home { color:#fff; position: relative; top: 96px; left: 11px; z-index: -1; display: block; } ul#portfolio-list-home4Col li span.portfolio-cat-home { position: relative; top: 81px; left: 11px; z-index: -1; color: #737373; font-size: 12px; font-family: 'Droid Sans', sans-serif; } ul#portfolio-list-home4Col li span.portfolio-cat-img { position: absolute; z-index: -1; top: 108px; right: 20px; } /************** START BLOG *****************************/ .all-small-posts { margin-left: -30px; } .small-post { margin-left: 30px; } .big-post h2 {} .big-post h2 a, h2.single-post-title a { color: #272727; text-decoration: none; } .big-post h2 a:hover, h2.single-post-title a:hover { color: #e51e26; text-decoration: none; } p.date { width: 300px; color: #6c6b6b; font-size: 11px; margin-bottom: 10px; } p.date-big-post { color: #6c6b6b; font-size: 11px; margin-bottom: 10px; margin-left: 0px; line-height: 1.1; } p.date-big-post a { color: #D01B23; font-size: 11px; margin-bottom: 10px; margin-left: 0px; text-decoration: none; } p.date-big-post a:hover { color: #5d5d5d; font-size: 11px; margin-bottom: 10px; margin-left: 0px; text-decoration: none; } .col280 { width: 280px; margin-right: 30px; } .col280.last { width: 280px; margin-right: 0px; } .widget_recent_comments ul {} .widget_recent_comments ul li { background-image: url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/icon-comment-widget.png); background-repeat: no-repeat; background-position: 0px 7px; padding-left: 18px; margin-bottom: 4px; list-style-type: none; } /************** START PORTFOLIO *****************************/ .single-portfolio {} .single-portfolio .line-separator { margin: 0; } p.single-portfolio-desc { font-family: 'Droid Sans', sans-serif; color: #1b1b1b; line-height: 2; font-size: 13px; } p.single-portfolio-desc a { font-family: 'Droid Sans', sans-serif; color: #D21C23; line-height: 1.1; } p.single-portfolio-desc a:hover { font-family: 'Droid Sans', sans-serif; color: #5a5959; line-height: 1.1; } .lightbox-image {position:relative;display:inline-block;} .lightbox-image img {position:relative;} .lightbox-image span {position:absolute;display:block;left:0;top:0;width:100%;height:100%;background:url("http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/magnify.png") 50% 50% no-repeat;} /* start single post slider*/ .col640 #slides { width:640px; height:288px; margin: 0 auto; position:relative; } .col640 .slides_container { width:640px; height:288px; z-index: 1; } .col640 .slides_container div.slide { width:640px; height:288px; z-index: 10000; display:block; } .col640 .slides_container div.slide img { max-width:100%; height: auto; } .col640 .next, .col640 .prev { display:block; width:30px; height:30px; position:absolute; top: 5px; line-height:0; font-size:0; z-index:99; margin-left: -23px; text-indent: -99999px; } .col640 .next { background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/button-next.png) 0 0 no-repeat; right:30px; } .col640 .prev { background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/button-prev.png) 0 0 no-repeat; right:55px; } .col640 .next:hover, .col640 .prev:hover { background-position:0 -30px; } /* start single portfolio slider*/ .col630 #slides { max-width:640px; margin: 0 auto; position:relative; } .col630 .slides_container { max-width:640px; z-index: 1; } .col630 .slides_container div.slide { max-width:640px; z-index: 10000; display:block; } .col630 .slides_container div.slide img { max-width:100%; height: auto; } .col630 .next, .col630 .prev { display:block; width:30px; height:30px; position:absolute; top:5px; line-height:0; font-size:0; z-index:99; margin-left: -23px; text-indent: -99999px; } #panel4 .col630 a.next, #panel4 .col630 a.prev { display:block; text-indent: -99999px; } .col630 .next { background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/button-next.png) 0 0 no-repeat; left:55px; } .col630 .prev { background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/button-prev.png) 0 0 no-repeat; left:30px; } .col630 .next:hover, .col630 .prev:hover { background-position:0 -30px; } /********************** START COMMENTS *********************/ #panel-single-blog-post { background: #fff; padding: 30px 0px 20px 0; } #panel-single-blog-post .line-separator { border-bottom: 1px dashed #aeadad; margin-bottom: 30px; } #panel-single-blog-post ::selection { background: #e51e26; /* Safari */ color: #fff; } #panel-single-blog-post ::-moz-selection { background: #e51e26; /* Firefox */ color: #fff; } #panel-single-blog-post .heading-wrapper { width:100%; overflow:hidden; position:relative; } #panel-single-blog-post .heading-afterCenter { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h5-stripes.png) repeat-x 0 0; height:12px; position:absolute; right:0; top: 10px; } #panel-single-blog-post .heading-wrapper-center { width:100%; overflow:hidden; position:relative; text-align:center; margin-top: 35px; } #panel-single-blog-post .heading-beforeCenter { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h5-stripes.png) repeat-x 0 0; height:12px; position:absolute; left:0; top: 10px; } #panel-single-blog-post h3 { color: #3c3c3c; font-size: 28px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; margin-bottom: 40px; line-height: 1.1; } #panel-single-blog-post .heading-after { display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h3-stripes.png) repeat-x 0 0; height:12px; position:absolute; right:0; margin-top: -2px !important; } #panel-single-blog-post .heading-before{ display:block; background:url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/h3-stripes.png) repeat-x 0 0; height:12px; position:absolute; left:0; top: 6px; } #panel-single-blog-post ul li { font-size:12px; font-family: 'Droid Sans', sans-serif; margin-bottom: 24px; color:#515050; } span.date-and-time a { display: block; font-size:12px; font-family: 'Droid Sans', sans-serif; margin-bottom: 24px; color:#515050; text-decoration: none; font-weight: normal; text-shadow: 0 1px rgba(255, 255, 255, 0.5); margin-top: 2px; } span.date-and-time a:hover { color: #9e0606; } #panel-single-blog-post ul li span.date-and-time a { display: block; font-size:12px; font-family: 'Droid Sans', sans-serif; margin-bottom: 18px; color:#515050; text-decoration: none; font-weight: normal; text-shadow: 0 1px rgba(255, 255, 255, 0.5); margin-top: -8px; } #panel-single-blog-post ul li span.date-and-time a:hover { color: #9e0606; } .reply a, #panel-single-blog-post ul li .reply a { color: #9e0606; font-size:12px; font-family: 'Droid Sans', sans-serif; margin-bottom: 20px; text-shadow: 0 1px rgba(255, 255, 255, 0.5); } .reply a:hover, #panel-single-blog-post ul li .reply a:hover { color: #515050; } #panel-single-blog-post #commentform a, .cancel-comment-reply a{ color: #9e0606; } #panel-single-blog-post h2 { color: #3c3c3c; font-size: 32px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; margin-bottom: 40px; line-height: 1.1; } #comments { width: 630px; } h3#comments { font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; color: #9e0606; font-size: 17px; margin-top: 20px; margin-bottom: 30px; } .comment-content p{ width: 630px; font-family: 'Droid Sans', sans-serif; font-size: 13px; } p.comment-notes { font-family: 'Droid Sans', sans-serif; font-size: 12px; color: #333; } ol.commentlist { list-style:none; margin:0; padding:0; text-indent:0; } ol.commentlist li { } ol.commentlist li.alt { } ol.commentlist li.bypostauthor {} ol.commentlist li.byuser {} ol.commentlist li.comment-author-admin {} ol.commentlist li.comment { /*border-bottom:1px dotted #666;*/ color:#333; } ol.commentlist li div.comment-author { margin-top: 5px; } ol.commentlist li div.vcard { font-family: 'Droid Sans', sans-serif; font-size: 14px; color: #333333; font-weight: bold; margin-bottom: 0; } ol.commentlist li div.vcard span.edit-link a { font-family: 'Droid Sans', sans-serif; font-size: 14px; color: #333333; font-weight: bold; margin-bottom: 0; } ol.commentlist li div.vcard span.edit-link a:hover { font-family: 'Droid Sans', sans-serif; font-size: 14px; color: #9e0606; font-weight: bold; margin-bottom: 0; } #panel-single-blog-post ul li div.vcard span.edit-link a { font-family: 'Droid Sans', sans-serif; font-size: 14px; color: #333333; font-weight: bold; margin-bottom: 0; } #panel-single-blog-post ul li div.vcard span.edit-link a:hover { font-family: 'Droid Sans', sans-serif; font-size: 14px; color: #9e0606; font-weight: bold; margin-bottom: 0; } ol.commentlist li div.vcard cite.fn { font-style:normal; } ol.commentlist li div.vcard cite.fn a.url {} ol.commentlist li div.vcard img.avatar { border:3px solid #ccc; float:left; margin-right: 30px; } ol.commentlist li div.vcard img.avatar-32 {} ol.commentlist li div.vcard img.photo {} ol.commentlist li div.vcard span.says {} ol.commentlist li div.commentmetadata {} ol.commentlist li div.comment-meta { } ol.commentlist li div.comment-meta a { color:#91a4ac; text-decoration: none; } ol.commentlist li { list-style: none; } ol.commentlist li p { font-size:12px; margin:0 0 1em; } ol.commentlist li ul { font-size:11px; list-style:none; margin:0 0 1em 2em; } ol.commentlist li div.reply { margin: 20px 0 35px 0;} ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; width: 600px; } ol.commentlist li ul.children li {} ol.commentlist li ul.children li.alt {} ol.commentlist li ul.children li.bypostauthor {} ol.commentlist li ul.children li.byuser {} ol.commentlist li ul.children li.comment.depth-2 p{width: 600px;} ol.commentlist li ul.children li.comment.depth-3 p{width: 570px;} ol.commentlist li ul.children li.comment.depth-4 p{width: 550px;} ol.commentlist li ul.children li.comment.depth-5 p{width: 520px;} ol.commentlist li ul.children li.comment-author-admin {} ol.commentlist li ul.children li.depth-2 { margin: 0 0 30px 30px; } ol.commentlist li ul.children li.depth-3 { margin: 0 0 30px 30px; } ol.commentlist li ul.children li.depth-4 { margin: 0 0 30px 30px; } ol.commentlist li ul.children li.depth-5 { margin: 0 0 30px 30px; } ol.commentlist li ul.children li.odd {} ol.commentlist li.even {} ol.commentlist li.odd {} ol.commentlist li.parent { /*border-left:5px solid #111;*/ } ol.commentlist li.pingback { /*border-bottom:1px dotted #666;*/ } ol.commentlist li.thread-alt {} ol.commentlist li.thread-even {} ol.commentlist li.thread-odd {} #blog-post-form-allow { font-family: Georgia, "Times New Roman", Times, serif; color: #5f5e5e; font-size: 10px; width: 630px; letter-spacing: 1px; line-height: 2.2; } input#submit { float: right; cursor: pointer; border: none; background-color: #9e0606; color: #fff; padding: 5px 10px 6px 10px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; margin: 12px 4px 50px 0; font-size: 18px; } #commentform input#author, #commentform input#email, #commentform input#url { font-size: 12px; font-family: 'Droid Sans', sans-serif; line-height: 22px; width: 280px; height: 30px; color: #727474; margin-bottom: 15px; margin-right: 15px; border: 1px solid #d5d1d1; padding: 0 10px; } #commentform input#author:focus, #commentform input#email:focus, #commentform input#url:focus { color: #8a8888; -moz-box-shadow: 1px 1px 1px #d5d1d1; -webkit-box-shadow: 1px 1px1px #d5d1d1; box-shadow:1px 1px 1px #d5d1d1; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); } textarea#comment { color: #727474; font-size: 12px; font-family: 'Droid Sans', sans-serif; line-height: 22px; width: 605px; resize: none; border: 1px solid #d5d1d1; padding: 10px 10px; } textarea#comment:focus { color: #727474; -moz-box-shadow: 1px 1px 1px #d5d1d1; -webkit-box-shadow: 1px 1px1px #d5d1d1; box-shadow:1px 1px 1px #d5d1d1; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); } #col640 label { font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; } .blog-post-tags { font-size: 18px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; color: #2c2c2c; margin-top: 30px; } .blog-post-tags a { font-size: 18px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; color: #9e0606; text-decoration: none; } .blog-post-tags a:hover { border-bottom: 1px dashed #9e0606; } .share-socials { margin-top: 63px; margin-right: 0px;} .share-socials p { font-size: 18px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; color: #2c2c2c; position: relative; top: -3px; margin-right: 5px; } .share-socials ul{ width: 130px; margin-top: -5px; list-style: none; } .share-socials ul li { float: left; margin-right: 5px;margin-top: -5px; list-style: none; } /************************** START POTRFOLIO TEMPLATE **************/ ul.portfolio-filter { color: #fff; list-style: none; position: relative; left: -13px; } ul.portfolio-filter li { display: block; text-decoration: none; letter-spacing: 0; float: left; margin-left: 15px; font-size: 23px !important; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; } ul.portfolio-filter li a { display: block; text-decoration: none; letter-spacing: 0; color: #000; font-size: 23px !important; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; outline: none; } ul.portfolio-filter li a:hover, ul.portfolio-filter li.active a { color: #D01B23 !important; } .portf4col .left-our-work, .portf3col .left-our-work, .portf2col .left-our-work { margin-bottom: 42px; } .portf4col .right-our-work, .portf3col .right-our-work, .portf2col .right-our-work { width: 990px; margin-left: 0px; } ul.portfolio-items{ float: left; list-style: none; padding:0; width: 990px; margin-left: 0px; } ul.portfolio-items li { float:left; list-style: none; margin-bottom: 30px; padding: 0; margin-left: 29px; } ul.portfolio-items li a { color: #fff; font-size: 18px !important; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif !important; } ul.portfolio-items li a:hover { color: #fff; font-size: 18px !important; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif !important; } ul.portfolio-items .preview-image { float: left; /*margin: 19px 0 0 19px;*/ display: block; overflow: hidden; position: relative; cursor: pointer; background: #272727; z-index: 1; } ul.portfolio-items .preview-image img.slide-up { position: absolute; top: 0; left: 0; } ul.portfolio-items li span.portfolio-title-home { color:#fff; position: absolute; z-index: -1; display: block; } ul.portfolio-items li span.portfolio-cat-home { position: relative; z-index: -1; color: #737373; font-size: 12px; font-family: 'Droid Sans', sans-serif; } ul.portfolio-items li span.portfolio-cat-img { position: absolute; z-index: -1; } label.screen-reader-text { display: none; } input#s { color: #1b1b1b; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.9; font-size: 12px; width: 258px; height: 30px; margin-bottom: 15px; border: 1px solid #d5d1d1; padding: 0 10px; } input#s:focus { color: #8a8888; -moz-box-shadow: 1px 1px 1px #d5d1d1; -webkit-box-shadow: 1px 1px1px #d5d1d1; box-shadow:1px 1px 1px #d5d1d1; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); } input#searchsubmit { cursor: pointer; border: none; background-color: #D11B23; color: #fff; padding: 3px 10px 4px 10px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; font-size: 17px; /*margin-left: 205px;*/ float: right; margin-top: -10px; } input#searchsubmit:hover { cursor: pointer; border: none; background-color: #373737; color: #fff; padding: 3px 10px 4px 10px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; font-size: 17px; /*margin-left: 205px;*/ float: right; margin-top: -10px; } /*===== roundabout =====*/ .roundabout-holder { padding:0; position:relative; z-index:1; } .round_box { margin: 0 auto; min-height: 453px; position: relative; width: 970px; padding-top: 5px; } ul.round { list-style: none; margin-top: -10px; } .roundabout-moveable-item { width:502px; height:357px; } .roundabout-moveable-item img { width:100%; height:100%; position:relative; z-index:1; } .round_next, .round_prev { bottom: 29px; display: block; width: 46px; height: 38px; position: absolute; z-index: 999; right: 11px; } .round_next{ background:url("http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/round_next.png") no-repeat; right: 80px; } .round_prev{ background:url("http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/round_prev.png") no-repeat; left: 69px; } .round_next:hover,.round_prev:hover{ background-position: 0 -58px;} .roundabout-holder .descripton { background: #FCFCFC; color: #333536; display: none; font-size: 20px; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; left: -182px; line-height: 1.2em; margin-left: 69px; padding-top: 7px; padding-bottom: 7px; padding-left: 15px; position: absolute !important; margin-top: 15px; width: 714px; z-index: 999; } .under-descr { position:absolute !important; background: #FCFCFC; padding-bottom: 38px; top: 195px; width: 729px; left: 116px; } .roundabout-holder .descripton span { color:#D11B23; } .roundabout-holder .descripton a { float: right; color: #D11B23; position: absolute !important; font-size: 17px; right: 15px; } .roundabout-holder .descripton a:hover { color:#595a5a; } .inner-slider { left: -1px; position: relative; top: 189px; } .roundabout-holder .roundabout-in-focus .descripton{ display:block;} .roundabout-holder .roundabout-in-focus img{} .pad_list{padding:0 0 0 22px; line-height:20px;} .pad_list, .pad_list a{ color:#565656;} .pad_list h3{ margin-left:-23px;} .pad_list li{ margin-bottom:17px;} .pad_list a:hover{ color:#000; text-decoration:underline;} .round li { background:url("http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/hover-img.png") no-repeat center 0; } .descripton strong { display:inline-block; width:580px; font-weight:normal; } #panel4 ul#portfolio-list-home li span.portfolio-title-home { top: 152px; } #panel4 ul#portfolio-list-home li span.portfolio-cat-home { top: 135px; } #panel4 ul#portfolio-list-home2 li span.portfolio-cat-img { top: 165px; } .cat-item { color:#000;} /******TEAM START*****/ .team-desc { background: url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/team-bg-middle.png) repeat-y; width: 300px; z-index: 99999; position: relative; padding-bottom: 6px; } .team-socials { position: relative; float: right; margin-top: 14px; margin-right: 10px; } #panel4 .team-socials ul { list-style-type:none; list-style-image: none; } .team-socials ul li { float: left; margin-right: 0px; list-style-type:none; } p.team-name { color: #363535; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; font-weight: bold; } p.team-position { color: #767575; font-family: Georgia, "Times New Roman", Times, serif; font-size: 10px; text-transform: uppercase; margin-top: -3px; } .team-wrapper { margin-left:-30px; } .team-single { margin-right:0; margin-left:30px; width:300px; } #panel4H h2 { line-height: 1.5; margin-bottom:20px; } #contactform_Container { width: 960px; margin: 0 auto; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000; } #contactform_left { width: 500px; margin: 0; float: left; text-align: left; } #contactform_right { width: 400px; margin: 0; float: left; } #photoGallery_Container { width: 960px; margin: 0 auto; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #000; } #photoGallery_Container a { font-size: 24px; font-weight: normal; font-family: 'Yanone Kaffeesatz', Arial, Verdana, sans-serif; color: #3c3c3c; margin: 0; padding: 0; } #photoGallery_Container a:hover { color: #c80000; } #aboutus_sectionContainer { width: 960px; margin: 0 auto; } #aboutus_Title { width: 960px; padding: 0; } #aboutus_Title a { color: #000; font-weight: bold; font-size: 20px; line-height: 300%; } #aboutus_Title a:hover { color: #ed001c; } #aboutus_section { width: 400px; margin: 0 auto; padding: 20px; float: left; } #aboutus_text { width: 420px; float: right; padding: 20px; } #aboutus_text p { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #000; } /* MO' BETTER FIXES */ #mailchimp-form { position: absolute; top: 100px; right: 0; width: 657px; height: 115px; border-top: 1px solid #235558; box-sizing: border-box; } #mailchimp-form .mergeRow, #mailchimp-form .mc_var_label { display: none; } #mailchimp-form .mc_custom_border_hdr { padding-top: 15px; padding-bottom: 5px; color: #e5fcfd; font-weight: normal; font-size: 18px; border-top: 1px solid #71a1a4; } #mailchimp-form .mc_form_inside { position: relative; height: 70px; } #mailchimp-form .mc_merge_var, #mailchimp-form .mc_signup_submit { position: absolute; top: 0px; } #mailchimp-form .mc_merge_var { left: 0px; } #mailchimp-form .mc_signup_submit { right: 55px; } #mailchimp-form #mc_signup_submit { width: 200px; height: 40px; color: #1c575a; font: bold 14px tahoma, helvetica, arial, sans-serif; text-transform: uppercase; text-shadow: 0 1px 1px rgba(255,255,255,.75); background: #97e2e7; border: 1px solid #2a6f74; border-radius: 5px; box-shadow: 0 1px 5px rgba(0,0,0,.6); cursor: pointer; } #mailchimp-form #mc_mv_EMAIL { padding: 0 12px; width: 355px; height: 40px; color: #71a1a4; font: 14px tahoma, helvetica, arial, sans-serif; background: #1c575a; border: 0; border-radius: 5px; box-shadow: 0 1px 1px rgba(255,255,255,.2); } #mailchimp-form #mc_message { position: absolute; bottom: 0; left: 0; } #mailchimp-form .mc_success_msg { color: #e5fcfd; } #social-media-icons { position: absolute; top: 35px; right: 0px; } #social-media-icons ul {} #social-media-icons li { display: inline-block; margin-right: 4px; width: 31px; height: 32px; } #social-media-icons li:last-child { margin-right: 0; } #social-media-icons li a { display: block; width: 31px; height: 32px; text-indent: -9999px; background: url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/bkg_social-icons.png) no-repeat 0 0; } #social-media-icons li.fb a { background-position: 0 0; } #social-media-icons li.tw a { background-position: -31px 0; } #social-media-icons li.yelp a { background-position: -61px 0; } .aligncenter { margin-top: 0; margin-bottom: 0; text-align: center; } p.menu-icon { margin-top: 0; margin-bottom: 1em; } #menuItems p { color: #000; font-size: 11px; } #menuItems p b { font-size: 14px; } #menuItems p i { font-size: 10px; } #menuItems p#menuSmalltext { margin: 0 auto; padding-top: 30px; padding-bottom: 20px; width: 960px; text-align: center; font: italic 9px Verdana, Geneva, sans-serif; clear: both; background: #ececec url(../../uploads/2012/04/slider_bg_texture.jpg) top center repeat; } .individual-menus p { margin-bottom: 1.4em; } iframe { border: 0; } #better-place { margin: 30px auto; width: 960px; } .lof-container { float: left; width: 650px; } #twitterfeed { margin: 0 0 0 30px; padding: 0; float: left; width: 275px; } /*#twitterfeed p { margin-top: 20px; }*/ #twitterfeed .twtr-doc { width: 275px !important; } #twitterfeed p.twitter-icon { /*margin: 20px 0 0;*/ margin: 0; padding: 0 0 10px 52px; line-height: 1.2; background: url(http://notsofastfoodtruck.com/wp-content/themes/notsofast/images/bkg_twitter-icon.png) no-repeat 10px 0; border-bottom: 1px dotted #000; } #twitterfeed .twitter-icon a { color: #3B9397; } #twitterfeed .twitter-icon a:hover { text-decoration: underline; } .spaced-out { margin: 0 12px; } #grand-opening { padding: 40px 0px; } #grand-opening p { margin: 0; font-weight: bold; font-size: 60px; text-align: center; line-height: 1.5; text-shadow: 0.5px 0.5px 0.5px #fff; } #grand-opening a { color: #137474; } #grand-opening a:hover { color: #222; } #gce_widget-2-container li { margin-bottom: 12px; color: #000; line-height: 1.9; text-shadow: 0.5px 0.5px 0.5px #000; list-style: none; } #gce_widget-2-container li ul { margin: 0; } #gce_widget-2-container li li { margin-bottom: 0; list-style: none; } #gce_widget-2-container .gce-list-title { display: inline; text-transform: uppercase; color: #000; text-shadow: none; } #gce_widget-2-container .gce-list-event { background: transparent; font-weight: normal; } #gce_widget-2-container li div { color: #fff; } #gce_widget-2-container li div span { color: #000; text-shadow: none; display: none; } #gce_widget-2-container li .gce-end-time, #gce_widget-2-container li .gce-location, #gce_widget-2-container li .gce-description { display: none; } /* Menu download */ #download-menu, .print-this-button-shell { width: 100%; text-align: center; } #download-menu a, #panel4 #download-menu a, .print-this-button { display: block; margin: 0 auto 1em; width: 200px; height: 40px; color: #1c575a; font: bold 14px/40px tahoma, helvetica, arial, sans-serif; text-transform: uppercase; text-shadow: 0 1px 1px rgba(255,255,255,.75); background: #97e2e7; border: 1px solid #2a6f74; border-radius: 5px; box-shadow: 0 1px 5px rgba(0,0,0,.6); cursor: pointer; border: none; } #download-menu a:hover { font: bold 14px/40px tahoma, helvetica, arial, sans-serif; } #container .print-this-content { margin: 0; padding: 0; background-color: transparent; border: none; } /* CLEAR FLOATS */ .group:before,.group:after{ content:''; display:table; } .group:after{ clear:both; } /*IE 6/7*/.group{ zoom:1; }