/* Theme Name: Regal Transport Group Version Theme URI: http://www.regaltransportgroup.com.au/ Description: Theme for Regal Transport Group. Version: 2.0 Author: Dave Palmer Author URI: http://www.davepalmer.com/ Tags: orange, custom header, fixed width, two columns, widgets */ /*------------------------------------------------------------------ [Stylesheet] Project: Regal Transport Group Version: 1.0 Last change: 05.11.09 [Created] Assigned to: Garth Haseldine -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Table of Contents] 1. Body 2. Header 3. Content 4. Footer -------------------------------------------------------------------*/ /*------------------------------------------------------------------ [Color codes] Background: #262624 (Dark Grey) Content: #30312f (light black) a (standard): #FF6600 (Orange) h2: #e17000 (Orange) [Typography] Body copy: 12px Arial, Helvetica, sans-serif; Input, textarea: 11px Arial, Helvetica, sans-serif; Descriptions / URLs: 11px Arial, Helvetica, sans-serif; H2: 16px Arial, Helvetica, sans-serif; -------------------------------------------------------------------*/ /*------------------------------------------------------------------ 1. Body -------------------------------------------------------------------*/ body { font-size: 12px; font-family:Arial, Helvetica, sans-serif; margin:0px auto; padding:0px; text-align:center; color:#30312f; background:url(images/site-background.gif) repeat-x top #262624; } a { color:#FF6600; } h2 { font-size:24px; font-weight:bold; color:#e17000; } h3 { font-size:16px; font-weight:bold; color:#e17000; } p { line-height:150%; } .floatLeft { float:left } .floatRight { float:right; } .clearBoth { clear:both; } form { margin:0px; padding:0px; } #container { width:960px; margin:0 auto; text-align:left; } /*------------------------------------------------------------------ 2. Header -------------------------------------------------------------------*/ #header { background:url(images/header-background.jpg) top left no-repeat; width:960px; height:160px; } #navigation { width:960px; height:57px; } #navigation a img { float:left; border:none; } #searchBox { float:right; margin-right:40px; margin-top:30px; clear:both; } #topNav { float:right; margin-right:40px; margin-top:60px; clear:both; } /*----------------------------------- DROP DOWN MENUS -------------------------------------*/ #snav { /* all lists */ list-style: none; list-style-type: none; line-height: 1; height: 25px; margin: 0; padding: 5px 0 0 0; float:left; text-align: left; overflow: hidden; font-size: 1.25em; color: #252624; z-index:100; } #snav li a { display: block; border: none; text-decoration:none; color: #252624; font-weight:bold; font-size:14px; } #snav li a.selected { color: #DF7000; } #snav li a:hover { color: #DF7000; } #snav a img { width: auto; border: none; } #snav li { /* all list items */ float: left; width: auto; /*width needed or else Opera goes nuts*/ margin: 0 0 0 1em; } #snav li ul { /* second-level lists */ position: absolute; background:#FFF; /* background: url(../images/menuBackground.jpg) top left; */ width: 155px; left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */ padding: 0; margin: 0; list-style: none; list-style-type: none; } #snav li ul li { /* second-level lists */ margin: 0; } #snav li ul li a { /* second-level lists */ font-weight: bold; font-size: 11px; width: 150px; padding: 7px 0 0 5px; margin: 0; border-bottom: 1px solid #CCC; height: 20px; } #snav li:hover ul, #snav li.sfhover ul { /* lists nested under hovered list items */ left: auto; list-style: none; list-style-type: none; } #snav li ul li:hover, #snav li ul li a:hover { /* background: url(../images/menuHighlight.jpg) top left; */ background: #F60; color: #FFF; } /*-----------------------------------*/ /*------------------------------------------------------------------ 3. Content -------------------------------------------------------------------*/ #content { width:960px; background:#FFFFFF; clear:both; background:url(images/subpage-sky.jpg) top no-repeat #FFF; } /* Home page Specific */ #content .homeLeft { width:602px; float:left; background:url(images/home-left-background.gif) 0px 35px no-repeat; } #content .homeLeft .padding { padding:35px 40px 0px 55px; } #content .homeRight { width:358px; float:left; } #content .homeRight .padding { padding:35px 0px 0px 0px; } #content .homeRight .newsBlock { margin:0px 40px 0px 0px; } #content .homeRight .newsBlock .news { padding:5px 20px 5px 20px; margin-top:1px; background-color:#e1e4d9; } #content .homeRight .newsBlock .news p { line-height:normal; } #content .homeRight .subNav ul { list-style:none; padding:0px; margin:0px; width:317px; } #content .homeRight .subNav ul li { line-height:30px; background-color:#e1e4d9; padding:0px 0px 0px 20px; margin:1px 0px 0px 0px; display:block; } #content .homeRight .subNav ul li a { font-weight:bold; text-decoration:none; } .wp-caption { background-color:#edefe9; text-align:center; padding:20px 15px 15px 15px; } .wp-caption img { border:solid 2px #e27000; } .wp-caption-text {color:#FFF; background-color:#e27000; margin:-3px 3px 0px 3px; line-height:20px; font:Arial, Helvetica, sans-serif; size:11px; } /* Sub page Specific */ #content .subLeft { width:720px; float:left; } #content .subLeft .padding { padding:40px 40px 0px 55px; } #content .subRight { width:240px; float:left; } #content .subRight .padding { padding:40px 0px 0px 0px; } #content .subRight h3 { margin:0px; padding:7px 0px 0px 20px; line-height:30px; background:url(images/sub-nav-title.jpg) no-repeat left top; } #content .subRight .subNav ul { list-style:none; padding:0px; margin:0px; width:192px; } #content .subRight .subNav ul li { line-height:30px; background-color:#e1e4d9; padding:0px 0px 0px 20px; margin:1px 0px 0px 0px; display:block; } #content .subRight .subNav ul li a { font-weight:bold; text-decoration:none; } #content .homeRight h2 { margin:0px; padding:0px 0px 0px 20px; line-height:57px; background:url(images/latest-news-back.gif) no-repeat left top; } /* Flowchart */ .roundCornerBox { background: #E17000; font-size: 18px; font-weight: normal; line-height: 22px; color: #FFF; padding: 12px; margin: 12px 0; min-height: 36px; } .roundCornerBox a, .roundCornerBox a:link { color:#F0AB00; } .roundCornerBox a:hover { color:#252624; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } .centred { text-align:center; } th { background: url(images/tableHeader.jpg) #F0AB00 repeat-x; } td { background: url(images/tableRow1.jpg) #FFF repeat-x; } #searchform td{ background:none; } /*------------------------------------------------------------------ 4. Footer -------------------------------------------------------------------*/ #footer { margin-top:20px; } #footerLinks { padding:40px 20px; } #footerLinks ul { list-style:none; margin:0px; padding:0px; } #footerLinks ul li { display:block; float:left; padding:0px 10px 40px 10px; margin:0px; }