/* Theme Name: Jackson Trucking Theme URI: http://www.socialfocus.com Description: Wordpress Template Sticky Footer. Version: 1.0 Author: Wilson De Jesus Author URI: http://www.socialfocus.com/ */ /* Sticky Footer Solution by Steve Hatcher http://stever.ca http://www.cssstickyfooter.com */ * {margin:0;padding:0;} /* must declare 0 margins on everything, also for main layout components use padding, not vertical margins (top and bottom) to add spacing, else those margins get added to total height and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */ html, body {height: 100%;} #wrap {min-height:100% ;} #main { overflow:auto; padding-bottom: 600px;} /* must be same height as the footer */ #footer { position: relative; background-color:black; background-repeat:repeat-x; position: relative; margin-top: -600px; /* negative value of footer height */ height: 600px; clear:both; } body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{ margin: 0; padding: 0; } /*Opera Fix*/ body:before {/* thanks to Maleika (Kohoutec)*/ content:""; height:100%; float:left; width:0; margin-top:-32767px;/* thank you Erik J - negate effect of float*/ } /* IMPORTANT You also need to include this conditional style in the of your HTML file to feed this style to IE 6 and lower and 8 and higher. */ #footercontainer{ background-color:black; width:1024px; margin:30px auto auto auto; padding-top:5px; } #copyrightcontainer{ font-family:Arial; font-size:11px; color:white; margin-top:5px; margin-bottom:5px; text-align:right; float:right; } #socialfocuscredit{ font-family:Arial; font-size:12px; color:black; overflow:auto; margin-top:5px; margin-bottom:5px; text-align:right; float:right; } /* --------------------------------------- This is where you will style the footer links --------------------------------------- */ #navcontainer ul{ list-style-type: none; text-align: left; } #navcontainer ul li a{ background: transparent url(images/list-off.gif) left center no-repeat; padding-left: 15px; text-align: left; font: normal 13px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida, sans-serif; text-decoration: none; color: orange; } #navcontainer ul li a:hover{ background: transparent url(images/list-on.gif) left center no-repeat; color: white; } #navcontainer ul li a#current{ background: transparent url(images/list-active.gif) left center no-repeat; color: white; } /* --------------------------------------- This is where you will style the title headers --------------------------------------- */ h2{ font-size: 26px; color:red; margin:0 0 0 0; } h3{ font-size:21px; color:red; margin:0 0 0 0; font-weight:normal; } /* --------------------------------------- This is where you will style the body --------------------------------------- */ body{ background-image: url(images/JT_BG.png); margin: 0; font-family:Arial; font-size: 12px; color:#575757; text-align: left; vertical-align: top; background-repeat: repeat-x; } /* --------------------------------------- This is where you will style the header --------------------------------------- */ #header{ width:1024px; overflow:auto; margin:auto; } #topheader{ background-image: url(images/JT_TopHeaderBar.png); width:1024px; height:38px; overflow:auto; } #topheaderlogo{ background-image: url(images/JT_Logo.png); width:164px; height:107px; float:left; } /* --------------------------------------- This is where you will style the containers --------------------------------------- */ #container{ width:1024px; overflow:auto; margin:auto auto auto auto; } #containerinsidepages{ width:1024px; overflow:hidden; margin:auto auto auto auto; background-repeat:no-repeat; } #contentcontainerhome{ width:1024px; overflow:hidden; float:left; margin:0 0 0 0; } #contentcontainerinside{ width:1024px; overflow:hidden; float:left; margin:0 0 0 0; background-color:white; } #contentcontainer{ width:1024px; overflow:auto; float:left; margin:0 0 0 0; padding:10px 0; } #pagecontentsection{ background-color:white; width:1024px; margin: 20px auto; overflow:hidden; } /* --------------------------------------- This is where you will style the sidebars --------------------------------------- */ .sidebar{ float: right; width: 800px; margin: 3px 0 0 0; display: inline; text-align:right; } .sidebar ul{ list-style-type: none; margin: 0; padding: 0 10px 0 10px; } .sidebar ul li{ padding: 0 0 0 0; } .sidebar ul li h2{ color: #febb52; font-family:Georgia; font-size: 26px; margin: 0 0 0 0; font-weight:normal; } .sidebar ul ul li{ padding: 0; line-height:24px; } .sidebar2{ background-image: url(images/WMF_VideoSection.png); float: left; width: 270px; margin: 0 0 0 200px; display: inline; font-family:arial; font-size:12px; color:#575757; } .sidebar2 ul{ list-style-type: none; margin: 0; padding: 0 0 0 0; } .sidebar2 ul li{ padding: 0 0 0 0; } .sidebar2 ul li h2{ color: red; font-family:arial; font-size: 32px; margin: 0 0 0 0; } .sidebar2 ul ul li{ padding: 0; line-height:24px; } .sidebar3{ margin: 125px 0 0 34px; display: inline; font-family:Georgia; font-size:14px; float:left; color:white; } .sidebar3 ul{ list-style-type: none; margin: 0; padding: 0 0 0 0; } .sidebar3 ul li{ padding: 0 0 0 0; } .sidebar3 ul li h2{ color: #febb52; font-family:Georgia; font-size: 32px; margin: 0 0 0 0; } .sidebar3 ul ul li{ padding: 0; line-height:24px; } .sidebar4{ float: left; margin: 5px 0 0 0; display: inline; font-family:Georgia; font-size:16px; color:white; } .sidebar4 ul{ list-style-type: none; margin: 0; padding: 0 0 0 0; } .sidebar4 ul li{ padding: 0 0 0 0; } .sidebar4 ul li h2{ color: #febb52; font-family:Georgia; font-size: 32px; margin: 0 0 0 0; } .sidebar4 ul ul li{ padding: 0; line-height:24px; } .sidebar5{ width: 800px; margin: 20px 0 20px 0; display: inline; font-family:Georgia; font-size:15px; text-align:center; } .sidebar5 ul{ list-style-type: none; margin: 0; padding: 0 0 0 0; } .sidebar5 ul li{ padding: 0 0 0 0; } .sidebar5 ul li h2{ color: #febb52; font-family:Georgia; font-size: 32px; margin: 0 0 0 0; } .sidebar5 ul ul li{ padding: 0; line-height:24px; } /* --------------------------------------- This is where you will style the calendar --------------------------------------- */ table#wp-calendar{ width: 100%; } /* --------------------------------------- This is where you will style the headers --------------------------------------- */ h1{ font-family:Georgia; font-size: 24px; padding: 0 0 10px 0; } h4{ font-family:Georgia; font-size: 72px; color:white; margin-top:50px; margin-bottom:20px; } /* --------------------------------------- This is where you will style the posts --------------------------------------- */ .post{ padding: 10px 0 10px 0; margin:0px 0 0 0; } .post h2{ font-family:Arial; font-size: 32px; color:red; padding:0 20px 0 20px; } .entry{ font-family:arial; font-size:14px; color:#464646; padding:0 20px 20px 20px; } p.postmetadata{ border-top: 1px dashed white; margin: 10px 0 0 0; } .navigation{ padding: 10px 0 0 0; font-size: 15px; font-weight: bold; line-height: 18px; } p{ padding: 10px 0 0 0; } .comments-template{ margin: 10px 0 0; border-top: 1px solid white; padding: 10px 0 0; color:black; } .comments-template ol{ margin: 0; padding: 0 0 15px; list-style: none; } .comments-template ol li{ margin: 10px 0 0; line-height: 18px; padding: 0 0 10px; border-bottom: 1px solid white; } .comments-template h2, .comments-template h3{ font-family:Georgia; font-size: 18px; color:#febb52; font-style:italic } .commentmetadata{ font-size: 15px; color:black; } .comments-template p.nocomments{ padding: 0; } .comments-template textarea{ font-family:Georgia; font-size: 15px; color:black; } /* --------------------------------------- This is where you will style the main content text links --------------------------------------- */ .header a { color: #fff; font-family:Arial; font-size: 18px; text-decoration: none; text-align: center; border:none; } .header { color: #fff; font-family:Arial; font-size: 18px; text-align: center; border:none; background-image: url(images/JT_Title_BG.png); width:131px; height:21px; padding:2px 80px 2px 15px; background-repeat:no-repeat; text-decoration: none; } A.footer:link { color: red; font-family:Arial; font-size: 12px; text-decoration: none; text-decoration: none; } A.footer:visited { color: red; font-family:Arial; font-size: 12px; text-decoration: none; } A.footer:active { color: red; font-family:Arial; font-size: 12px; text-decoration: none; } A.footer:hover { color: white; font-family:Arial; font-size: 12px; text-decoration: underline; } /* --------------------------------------- This is where you will style the fonts --------------------------------------- */ @font-face { font-family: 'pastel crayon'; src: url('fonts/pastel crayon.ttf') format('truetype'); } /* ----------------------------------------------------------------- This is where you will edit the image-text wrap ----------------------------------------------------------------- */ img.alignright { float:right; margin:0px 0 5px 5px; } img.alignleft { float:left; margin:0px 20px 20px 0; } img.aligncenter { display: block; margin-left: auto; margin-right: auto; } a img.alignright { float:right; margin:0px 0px 0px 10px; } a img.alignleft { float:left; margin:0px 10px 0px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } /* --------------------------------------- This is where you will style the inside bullet list --------------------------------------- */ .entry ul{ list-style-type: circle !Important; list-style-position:inside; color:white; font-size:13px; } .entry ul li{ margin-left:20px; margin-bottom:20px; list-style:disc; color:white; font-size:13px; } /* --------------------------------------- This is where you will style the special fonts --------------------------------------- */ /* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 11, 2011 */ @font-face { font-family: 'BradyBunchRemasteredRegular'; src: url('fonts/bradbunr-webfont.eot'); src: url('fonts/bradbunr-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/bradbunr-webfont.woff') format('woff'), url('fonts/bradbunr-webfont.ttf') format('truetype'), url('fonts/bradbunr-webfont.svg#BradyBunchRemasteredRegular') format('svg'); font-weight: normal; font-style: normal; } .alignLeft { float:left; margin-right: 10px; } .alignRight { float:right; margin-left: 10px; } /* --------------------------------------- This is where you will style the nav --------------------------------------- */ #navcontainer{ width:1024px; margin:auto; } #articlecontainer{ width:800px; overflow:auto; margin:auto auto 30px auto; } #homebutton{ display: block; background-image: url(images/JT_Button_Home.png); width: 65px; height:107px; float: left; margin:0 20px 0 20px; } #homebutton:hover{ background-image: url(images/JT_Button_Home_Over.png); width: 65px; height:107px; } #homebutton span{ display: none; } #aboutbutton{ display: block; background-image: url(images/JT_Button_AboutUs.png); width: 81px; height:107px; float: left; margin:0 20px 0 0; } #aboutbutton:hover{ background-image: url(images/JT_Button_AboutUs_Over.png); width: 81px; height:107px; } #aboutbutton span{ display: none; } #inventorybutton{ display: block; background-image: url(images/JT_Button_Inventory.png); width: 93px; height:107px; float: left; margin:0 20px 0 0; } #inventorybutton:hover{ background-image: url(images/JT_Button_Inventory_Over.png); width: 93px; height:107px; } #inventorybutton span{ display: none; } #gallerybutton{ display: block; background-image: url(images/JT_Button_Gallery.png); width: 77px; height:107px; float: left; margin:0 20px 0 0; } #gallerybutton:hover{ background-image: url(images/JT_Button_Gallery_Over.png); width: 77px; height:107px; } #gallerybutton span{ display: none; } #salesbutton{ display: block; background-image: url(images/JT_Button_Sales_Home.png); width: 65px; height:107px; float: left; margin:0 20px 0 0; } #salesbutton:hover{ background-image: url(images/JT_Button_Sales_Home_Over.png); width: 65px; height:107px; } #salesbutton span{ display: none; } #servicebutton{ display: block; background-image: url(images/JT_Button_Services.png); width: 84px; height:107px; float: left; margin:0 20px 0 0; } #servicebutton:hover{ background-image: url(images/JT_Button_Services_Over.png); width: 84px; height:107px; } #servicebutton span{ display: none; } #rentalsbutton{ display: block; background-image: url(images/JT_Button_Rentals.png); width: 87px; height:107px; float: left; margin:0 20px 0 0; } #rentalsbutton:hover{ background-image: url(images/JT_Button_Rentals_Over.png); width: 87px; height:107px; } #rentalsbutton span{ display: none; } #partsbutton{ display: block; background-image: url(images/JT_Button_Parts.png); width: 84px; height:107px; float: left; margin:0 20px 0 0; } #partsbutton:hover{ background-image: url(images/JT_Button_Parts_Over.png); width: 84px; height:107px; } #partsbutton span{ display: none; } #moreinfobutton{ display: block; background-image: url(images/JT_Button_MoreInformation.png); width: 125px; height: 19px; float: left; margin: 120px 0 0 40px; } #moreinfobutton:hover{ background-image: url(images/JT_Button_MoreInformation.png); width: 125px; height: 19px; } #moreinfobutton span{ display: none; } #moreinfobutton2{ display: block; background-image: url(images/JT_Button_MoreInformation.png); width: 125px; height: 19px; float: left; margin: 120px 0 0 40px; } #moreinfobutton2:hover{ background-image: url(images/JT_Button_MoreInformation.png); width: 125px; height: 19px; } #moreinfobutton2 span{ display: none; } #moreinfobutton3{ display: block; background-image: url(images/JT_Button_MoreInformation.png); width: 125px; height: 19px; float: left; margin: 120px 0 0 32px; } #moreinfobutton3:hover{ background-image: url(images/JT_Button_MoreInformation.png); width: 125px; height: 19px; } #moreinfobutton3 span{ display: none; } #searchbar{ width:286px; height:52px; float:left; } /* --------------------------------------- This is where you will style the home main banner section --------------------------------------- */ #mainbannercontainer{ width: 1024px; margin:0 0 20px 0; float:left; overflow:auto; } #mainbanner{ background-image: url(images/JT_Button_HomeBanner.png); width: 1024px; height: 235px; margin:0 0 0 0; float:left; } #salesbanner{ background-image: url(images/JT_SalesBanner.png); width: 351px; height: 153px; margin:0 0 0 0; float:left; overflow:auto; } #servicebanner{ background-image: url(images/JT_ServiceBanner.png); width: 350px; height: 153px; margin:0 0 0 0; float:left; } #rentalsbanner{ background-image: url(images/JT_RentalsBanner.png); width: 323px; height: 153px; margin:0 0 0 0; float:left; } /* --------------------------------------- This is where you will style the title headers --------------------------------------- */ #locationstitle{ width:1000px; margin:10px; float:left; } #locationstitleinside{ width:700px; margin:10px 0px 10px 0px; float:left; } #brandstitle{ width:1000px; margin:10px; float:left; } /* --------------------------------------- This is where you will style the gallery section --------------------------------------- */ #insidegallerycontainer{ width:1000px; overflow:auto; margin:0 0 0 0; } /* --------------------------------------- This is where you will style the home page maps --------------------------------------- */ #insidemaplocationcontainer{ width:1000px; overflow:auto; margin:0 0 0 0; } #homemapno{ background-image: url(images/JT_MapHome_NO.png); width: 340px; height: 293px; margin:0 0 0 0; float:left; } #homemapbr{ background-image: url(images/JT_MapHome_BR.png); width: 379px; height: 293px; margin:0 0 0 0; float:left; } #homemaphm{ background-image: url(images/JT_MapHome_HM.png); width: 345px; height: 293px; margin:0 0 0 0; float:left; } /* --------------------------------------- This is where you will style the brands --------------------------------------- */ #brandcontainerfront{ width: 130px; height: 85px; margin:0 70px 0 20px; float:left; } #brandcontainer{ width: 130px; height: 85px; margin:0 70px 0 0; float:left; } #brandcontainerfrontinsidesection{ width: 130px; height: 85px; margin:0 70px 0 20px; float:left; } #brandcontainerinsidesection{ width: 130px; height: 85px; margin:0 70px 0 0; float:left; } /* --------------------------------------- This is where you will style the nav footer --------------------------------------- */ div#navmenufooter { padding:0px; text-align: right; } div#navmenufooter ul { font-family:Arial; font-size: 11px; color: red; line-height: 20px; margin: 0px 0px 0px 0px; padding: 0 0 0 0; text-align: right; white-space: nowrap; text-transform:uppercase; } div#navmenufooter li { display: inline; list-style-type: none; } div#navmenufooter li a { color: red; margin:5px 0 0 20px; padding:0px; font-size:11px; text-decoration: none; } div#navmenufooter li a:link { color: red: } div#navmenufooter li a:hover { color: white; text-decoration: none; } /* --------------------------------------- This is where you will style the search button --------------------------------------- */ #searchsubmit { background-color:red; color: white; width:117px; height:26px; border:0px; margin:2px 0 0 0; } /* --------------------------------------- This is where you will style the footer seal --------------------------------------- */ #footerseal{ background-image: url(images/JT_Seal.png); width:309px; height:232px; float:left; } .wcf7_name {height:35px; width:300px; margin-bottom:5px; border:0;} .wcf7_email {height:35px; width:300px; margin-bottom:5px; border:0;} .wcf7_subject {height:35px; width:450px; margin-bottom:5px; border:0;} .wcf7_msg {height:200px; width:450px; margin-bottom:5px; border:0;} .wcf7_submit {background:url(images/wcf7_submit.png) no-repeat; height:26px; width:65px; border:0;} #spreadsheetwrap{ margin:20px 0 0 0; overflow:auto; } /* Header Row Colors */ table.sortable thead tr { background-color: black !important; color: red !important; font-family:Arial; } /* Highlight Color for Header Row Cells on Hover*/ table.sortable th:hover:not(.sorttable_nosort) { background: red !important; color:white; } /* Shading For Even Rows */ table.sortable tr:nth-child(even) { background: #f2f2f2 !important;} /* Table Border Color */ table.sortable th, table.sortable td { border: 0px solid #d5d5d5 !important; font-family:Arial; font-size:12px; } /* Style for Columns 3 through 7 */ table.sortable td.col3, table.sortable td.col4, table.sortable td.col5, table.sortable td.col6, table.sortable td.col7 { text-align: center !important; width: 10% !important; } /* --------------------------------------- INVENTORY STYLES --------------------------------------- */ .inventory-table { border:5px solid #C50707; padding:0px; outline: 1px solid #000 !important; margin:10px 15px; } .inventory-table tr td { padding: 5px; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; font-size: 14px; font-weight: bold; color:#555; } .inventory-table tr:nth-child(even){ background: #f0f0f0; } tr.titles td { background: #222; color:#FF0202; padding: 5px; font-weight: bold; font-size: 13px; border-right:1px solid #000; text-align: center; }