/* Theme Name: Creek Services Theme URI: http://www.creekservices.com/ Author: Good Work Marketing and Design */ @charset "UTF-8"; /* CSS Document */ /**************************************************************************************************/ /* Reset CSS for all broswers*/ /* DO NOT CHANGE ANYTHING WITHIN THIS BLOCK */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: normal; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;} /* remember to define focus styles! */ :focus { outline: 0;} body { line-height: 1; color: black; } ol, ul { list-style: none;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0;} caption, th, td { text-align: left; font-weight: normal;} blockquote:before, blockquote:after,q:before, q:after { content: "";} blockquote, q { quotes: "" "";} address {font-style:normal; font-size:12px; font-weight:bold; color:#fff;} /* fix images in IE*/ .ie6 img {behavior: url("/pngbehavior.htc"); border:none; outline:none;} .ie5 img {behavior: url("/pngbehavior.htc"); border:none; outline:none;} /* float and clear*/ .clrflt {clear:both; line-height:1px; height:0; margin:0; padding:0; font-size:1px} .clrrt {clear:right; line-height:1px; height:0; margin:0; padding:0; font-size:1px;} .clrlft { clear:left; line-height:1px; height:0; margin:0; padding:0; font-size:1px; } .fltrt {float:right;} .fltlft {float:left; } /************ FIX CSS CROSS BROWSER SUPPORTS ************************************** Examples: * html.gecko div#header { margin: 1em; } * .opera #header { margin: 1.2em; } * .ie .mylink { font-weight: bold; } * .mac.ie .mylink { font-weight: bold; } * .[os].[browser] .mylink { font-weight: bold; } -> without space between .[os] and .[browser] Available OS Codes [os]: * win - Microsoft Windows * linux - Linux (x11 and linux) * mac - Mac OS Available Browser Codes [browser]: * ie - Internet Explorer (All versions) * ie8 - Internet Explorer 8.x * ie7 - Internet Explorer 7.x * ie6 - Internet Explorer 6.x * ie5 - Internet Explorer 5.x * gecko - Mozilla, Firefox, Camino * opera - Opera (All versions) * opera8 - Opera 8.x * opera9 - Opera 9.x * konqueror - Konqueror * webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira Extra Codes: * js - Will be available when js is enable, so you can show/hide some stuffs ***************/ @charset "UTF-8"; /* CSS Document */ html {margin:0; padding:0;} body {margin:0; padding:0; font-family: Arial, Helvetica, sans-serif; text-align: center; padding-bottom: 30px; } p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; line-height: 21px;} b, strong {font-weight: bold;} i, em {font-style: italic;} h1 {font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 35px; line-height: 40px;} #top {margin: 0 auto; width: 100%; background: url(images/topgrad.png) repeat-x top left; padding: 10px 0 25px 0; text-align: right; z-index: -1;} #menu {margin: 0 auto; width: 980px; text-align: right;padding: 10px 0; } #menu ul {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; letter-spacing: 1px; color: #FFFFFF; position: relative;} #menu li { display: inline; height:14px; overflow:visible; border-left: 1px solid;} #menu li.noborder {border-left: none;} #menu li a {padding: 0 10px 15px 10px; color: #FFFFFF; text-decoration: none; } #menu li a:hover {color: #9CD5D5; text-decoration: none; } #menu li.page-item-7 a {background: url(images/hoverarrow1.png) no-repeat; background-position: right top;} #menu li.page-item-7 a:hover {color: #9CD5D5; text-decoration: none; background: url(images/downarrow.jpg) no-repeat; background-position: right top;} #menu li.page-item-7 ul a:hover {background: none;} #menu li.page-item-7 ul a {background: none;} #menu li ul {left: -999em; position: absolute; width: 830px; font-size: 11px; font-weight: bold; z-index; 99999; padding:17px 0 0 138px;} #menu li ul li {width:auto; display:inline; border:none; background:none; letter-spacing:0;} #menu li ul li a { padding:5px 8px; background:none; font-weight:bold;} #menu li ul li a:hover { padding:5px 8px; background:none;} #menu li:hover ul {left: 0px; top:12px;} #menu li li {display: inline;} #text {margin: 0 auto; width: 980px;} #container {margin: 0 auto; width: 980px; background-color: #623312; position: relative; } #container .logo {position: absolute; top: -100px; left: 20px;} #container .atab {position: absolute; top: 20px; right: -22px;} #container .ftab {position: absolute; top: 290px; right: -22px;} #topborder, #bottomborder {height: 25px; margin:0 auto; width:980px;} #left {float: left; width: 589px;} #right {float: left; width: 391px; text-align: left;} #righttop {width:351px; background-color: #1B3854; padding: 20px;} #righttop h1 {padding-bottom: 30px;} #rightbottom {width:351px; padding: 20px; background-color: #623312;} #rightbottom h2 {font-size: 17px; font-weight: bold; color: #FFFFFF; line-height: 24px; padding-bottom: 10px;} #rightbottom a {font-size: 17px; font-weight: bold; color: #FFFFFF; line-height: 24px; text-decoration: none;} #rightbottom a:hover {font-size: 17px; font-weight: bold; color: #FFFFFF; line-height: 24px; text-decoration: underline;} #rightbottom h3 {font-size: 13px; line-height: 18px; color: #C49A6B;} #rightbottom .imageleft {float: left; margin: 0 10px 10px 0;} #rightbottom p {font-size: 12px;} #rightbottom hr {width: 350px; border-top: none; border-left: none; border-right: none; border-bottom: 1px dashed #FFFFFF;} #bottomimg {width: 980px; background-color: #623312; background: url(images/darkbg.jpg) no-repeat bottom center; line-height:3px;} #bottomimg .line {margin:0; padding:0; margin-bottom: 15px; width:942px; height:3px; line-height:3px;} #evaluations {width: 351px; padding-top: 10px; padding-bottom: 10px; text-align: right;} #evaluations p {text-align: left;} #evaluations a {font-size: 14px; color: #C49A6B; line-height: 21px; text-decoration: none;} #evaluations a:hover {font-size: 14px; text-align: right; color: #C49A6B; line-height: 21px; text-decoration: underline;} #pages {background-color: #1B3854; padding: 30px 100px 10px 100px; text-align: left; position: relative; width:780px; min-height:400px;} .ie6 #pages { width:780px; overflow:hidden; height:400px;} #pages .corner1 {width: 150px; height: 150px; position: absolute; top: 0; right: 0; background: url(images/corner1.png) no-repeat top right;} .ie6 #pages .corner1 {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/creek/wp-content/themes/creek/images/corner1.png');} #pages .corner2 {width: 150px; height: 150px; position: absolute; top: 0; right: 0; background: url(images/corner2.png) no-repeat top right;} .ie6 #pages .corner2 {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/creek/wp-content/themes/creek/images/corner2.png');} #pages .corner3 {width: 150px; height: 150px; position: absolute; top: 0; right: 0; background: url(images/corner3.png) no-repeat top right;} .ie6 #pages .corner3 {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/creek/wp-content/themes/creek/images/corner3.png');} #pages .corner4 {width: 150px; height: 150px; position: absolute; top: 0; right: 0; background: url(images/corner4.png) no-repeat top right;} .ie6 #pages .corner4 {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/creek/wp-content/themes/creek/images/corner4.png');} #pages .corner5 {width: 150px; height: 150px; position: absolute; top: 0; right: 0; background: url(images/corner5.png) no-repeat top right;} .ie6 #pages .corner5 {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/creek/wp-content/themes/creek/images/corner5.png');} #pages .corner6 {width: 150px; height: 150px; position: absolute; top: 0; right: 0; background: url(images/corner6.png) no-repeat top right;} .ie6 #pages .corner6 {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/creek/wp-content/themes/creek/images/corner6.png');} #pages .corner7 {width: 150px; height: 150px; position: absolute; top: 0; right: 0; background: url(images/corner7.png) no-repeat top right;} .ie6 #pages .corner7 {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/creek/wp-content/themes/creek/images/corner7.png');} #pages .corner8 {width: 150px; height: 150px; position: absolute; top: 0; right: 0; background: url(images/corner8.png) no-repeat top right;} .ie6 #pages .corner8 {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/creek/wp-content/themes/creek/images/corner8.png');} #pages .corner9 {width: 150px; height: 150px; position: absolute; top: 0; right: 0; background: url(images/corner9.png) no-repeat top right;} .ie6 #pages .corner9 {background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/creek/wp-content/themes/creek/images/corner9.png');} .category-performance-evaluations { padding:10px 0px 0px 0px; } #pages .cornernone {width: 150px; height: 150px; position: absolute; top: 0; right: 0; background: none;} #pages p {color: #FFFFFF; font-size: 13px; line-height: 19px; padding:0 25px 20px;} #pages h4 {color: #ffffff; font-size: 17px; font-weight: bold; padding-bottom: 8px;} #pages h2 {font-family: Arial; font-size: 28px; padding-bottom: 20px; color: #FFFFFF; text-transform: uppercase; letter-spacing: .15em;} #pages a {font-size: 16px; font-weight: bold; color: #FFFFFF; line-height: 24px; text-decoration: none;} #pages a:hover {font-weight: bold; color: #FFFFFF; line-height: 24px; text-decoration: underline;} #pages h3 {font-size: 15px; line-height: 18px; color: #C49A6B; padding: 5px 0;} #pages h3.eval {font-size: 18px; line-height: 18px; color: #C49A6B; padding: 5px 0 15px 0px;} #pages .imageleft {float: left; padding: 0 10px 10px 0;} #pages hr {width: 800px; border-top: none; border-left: none; border-right: none; border-bottom: 1px dashed #FFFFFF;} #pages ul {font-size: 18px; color: #ffffff; font-weight: bold; margin:0px 0px 0px 45px; list-style-type:disc; padding:0px 0px 14px 0px; } #pages li {font-size: 14px; color: #C49A6b; font-weight: normal; line-height: 21px; padding:0px 0px 7px 0px;} #pages li a {font-size: 14px; font-weight: normal; color: #C49A6b; text-decoration: none;} #pages li a:hover {font-size: 14px; font-weight: normal; color: #C49A6b; text-decoration: underline;} #footer {margin: 0 auto; width: 980px; padding-top: 10px;} #footer p {font-size: 11px; color: #000000;} #footer p.small {font-size: 10px;} #footer a {color: #1B3854; text-decoration: none;} #footer a:hover {color: #1B3854; text-decoration: underline;} #footer ul {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #1B3854; padding: 10px 0;} #footer li {padding: 0 5px 0 8px; border-left: 1px solid; display: inline;} #footer li.noborder {border-left: none;} .leftimg {float: left; margin: 0 20px 10px 0;} .alignleft {float: left; margin: 0 20px 10px 0;} .alignright {float: right; margin: 0 0 10px 20px;} .ie body { background: url(images/bottomgrad.png) repeat-x bottom left; background-color: #1C456B; min-height:100%;} html.gecko { background: url(images/bottomgrad.png) repeat-x bottom left; background-color: #1C456B; min-height:100%;} html.safari { background: url(images/bottomgrad.png) repeat-x bottom left; background-color: #1C456B; min-height:100%;} .ie6 body {height:100%;} .ie6 #menu li.sfhover ul {left:-100px; top:14px;} .ie6 #menu li.sfhover li {display: inline;} .ie6 #menu li {border:none; letter-spacing: .15em;} .safari #righttop {padding:10px 20px;} .safari #rightbottom {padding:10px 20px;} .safari #rightbottom h2 {padding:5px 0; margin:0;} .safari #menu {padding:0;} .safari #evaluations { padding:0; margin:0;}