Index: inc/layout.css =================================================================== diff -u -N --- inc/layout.css (revision 12930) +++ inc/layout.css (revision 0) @@ -1,528 +0,0 @@ -html { - margin:0; - padding:0; -} - -body { - margin:0; - padding:28px 0 0; - background: #f8f8f8 url('../img/bg-body.png') repeat-x left top; -} - -#wrapper { - margin:0 auto; - width:945px; - height:auto; -} - -#content { -clear:both; -position:relative; -} - -#content-main { - background:#FFF; - float:left; - margin:0 13px; - width:531px; -} - -#content-main.inner { - margin:0 0 20px 13px; - width:738px; -} - -#content-main { - margin:0 13px; - width:531px; -} - -#content-ter { -float:left; -width:194px; -} - -#content-sec { -float:left; -margin:0 0 20px; -width:194px; -} - -#site-info { -clear:both; -} - -/* !Layout - Other ---------------------- */ -#nav-accessibility { -display:none; -} - -hr { -display:none; -} - -/* !Masthead ---------------------- */ -#masthead { - background:#a60d03; - clear:both; - height:138px; - position:relative; -} - -.inside #masthead { -margin-top:-19px; -padding-top:19px; -} - -/* -- !Branding -- */ -h1#branding { -position:relative; -top:-13px; -left:-4px; -} - -h1#branding a { -background:url('../img/logo.png') no-repeat left top; -display:block; -height:105px; -text-indent:-999em; -width:220px; -} - -/* -- !Intro -- */ -#intro { -position:absolute; -right:-8px; -top:-17px; -} - -/* -- !Secondary Navigation -- */ -#nav-sec { - clear:both; - margin:8px 0 9px 19px; -} - -/* Adjust for border on hover */ -#nav-sec { - margin-bottom:9px; -} - -#nav-sec li { - background:url('../img/bg-nav-sec-li.png') no-repeat left center; -float:left; -margin:0 0 0 15px; -padding:0 0 0 16px; -} - -#nav-sec li.first-child { -background:none; -margin:0; -padding:0; -} - -#nav-sec a { -color:#FFF; -display:block; -font-weight:700; -line-height:32px; -padding:0 0 2px; -text-decoration:none; -} - -#nav-sec a:hover { -color:#000; -text-decoration:underline; -} - -/* Red Border on Hover */ -.js #nav-sec li a:hover { -text-decoration:none; -} - -#nav-sec li a div { -padding:0 0 2px; -margin:0 -5px -2px; -position:relative; -top:-9px; -} - -#nav-sec li a:hover div { -border-bottom:2px solid #c4160b; -padding:0; -} - -/* -- !Navigation -- */ -ul#nav { -background:#282828 url('../img/bg-nav.png') repeat-x left top; -border-top:1px solid #FFF; -font-size:12px; -margin:0; -} - -#nav li { -float:left; -margin:0; -} - -#nav li a { -background:url('../img/bg-nav.png') no-repeat left -35px; - color:#FFF; - display:block; - font-weight:700; - line-height:32px; - padding:0 18px 2px 17px; - text-align:center; - text-decoration:none; -} - -#nav li:hover a,#nav li.hover a,#nav li a.active { - background:url('../img/bg-nav.png') no-repeat left -70px; -} - -#nav li a:hover { - text-decoration:underline; -} - -/* Rounded Corner */ -#nav li:first-child a,#nav li.first-child a { -background:url('../img/bg-nav.png') no-repeat left -105px; -} - -#nav li:first-child:hover a,#nav li:first-child a.active,#nav li.first-child:hover a,#nav li.first-child-hover a,#nav li.first-child a.active { -background:url('../img/bg-nav.png') no-repeat left -140px; -} - -/* Contact Us */ -#nav li.last-child a { -background:url('../img/bg-nav.png') no-repeat left -315px; -} - -/* Red Border on Hover */ -#nav li a:hover { - text-decoration:none; -} - -#nav li a div { - padding:0 0 2px; - margin:0 -5px -4px; - position:relative; - top:-8px; -} - -#nav li:hover a div,#nav li.hover a div { - border:1px solid #a60d03; - padding:0; -} - -/* Second Level */ -#nav li ul { - background:#000; - display:block; - padding:4px 0 1px; - position:absolute; - left:-999em; - width:220px; - z-index:100; -} - -#nav li ul li { - background:none; - clear:both; - width:100%; -} - -#wrapper #nav li ul li a { - background:none; - border:1px solid #313131; - border-width:0 0 1px; - display:block; - font-size:11px; - line-height:1.2; - padding:5px 17px; - text-align:left; -} - -#wrapper #nav li ul li a:hover { - background:#282828; -} - -#nav li:hover ul,#nav li.hover ul { - left:auto; -} - - - -/* -- !Search Form -- */ -#masthead form { - background:#282828 url('../img/bg-form-search.png') no-repeat right top; - border-top:1px solid #FFF; - bottom:0; - position:absolute; - right:0; - height:32px; - width:180px; -} - -#masthead form fieldset { - padding:6px 6px 0 0; - float:right; -} - -#masthead form label { - display:none; -} - -#masthead form input.sq-form-field, -#masthead form .submit input { - border:1px solid #e3e4e4; - display:block; - float:left; - font-size:10px; - padding:2px 2px 1px; - width:109px; -} - -#masthead form .submit input { - background:url('../img/bg-form-search-submit.png') no-repeat left top; - border:none; - color:#FFF; - cursor:pointer; - cursor:hand; - font-weight:700; - height:18px; - width:53px; -} - - - -/* !Breadcrumb ---------------------- */ -#breadcrumb { -color:#4790b4; -float:left; -font-size:.91em; -line-height:31px; -margin:0 0 0 4px; -} - -#breadcrumb a { -color:#4790b4; -} - -/* !Content Tools ---------------------- */ -#content-tools { -float:right; -margin:10px 23px 0 10px; -} - -#content-tools li { -display:inline; -} - -#content-tools a { -background:url('../img/ir-content-tools.png') no-repeat 0 50%; -display:block; -float:left; -height:11px; -margin:0 0 0 14px; -outline:none; -text-indent:-999em; -} - -#content-tools #send-to-friend a { -width:13px; -} - -#content-tools #text-size #text-decrease { -background-position:-23px 50%; -margin:0 0 0 12px; -width:5px; -} - -#content-tools #text-size #text-increase { -background-position:-33px 50%; -margin:0 0 0 5px; -width:6px; -} - -#content-tools #print-version a { -background-position:-54px 50%; -width:12px; -} - -#content-tools #text-version a { -background-position:-80px 50%; -width:10px; -} - -/* !Site Information ---------------------- */ -#site-info { - margin:20px 0 0; -} - -#site-info ul { - background:url('../img/bg-nav.png') repeat-x 0 -350px; -} - -#site-info ul li { - float:left; - margin:0; -} - -#site-info ul li a { - background:url('../img/bg-nav.png') no-repeat left -35px; - color:#FFF; - display:block; - font-weight:700; - line-height:34px; - padding:0 21px 0 20px; - text-align:center; - text-decoration:none; -} - -#site-info ul li a:hover, -#site-info ul li a.active { - background:url('../img/bg-nav.png') no-repeat left -70px; -} - -#site-info ul li a:hover { - text-decoration:underline; -} - -/* Rounded Corner */ -#site-info ul li:first-child a, -#site-info ul li.first-child a { - background:url('../img/bg-nav.png') no-repeat left -175px; -} - -#site-info ul li:first-child a:hover, -#site-info ul li:first-child a.active, -#site-info ul li.first-child a:hover, -#site-info ul li.first-child a.active { - background:url('../img/bg-nav.png') no-repeat left -210px; -} - -/* Back to top */ -#site-info ul li.last-child { - float:right; -} - -#site-info ul li.last-child a { - background:url('../img/bg-nav.png') no-repeat right -245px; -} - -#site-info ul li.last-child a:hover, -#site-info ul li.last-child a.active { - background:url('../img/bg-nav.png') no-repeat right -280px; -} - -/* Red Border on Hover */ -#site-info ul li a:hover { - text-decoration:none; -} - -#site-info ul li a div { - display:block; - padding:0 0 2px; - margin:0 -5px -4px; - position:relative; - top:-8px; -} - -#site-info ul li a:hover div { - border-bottom:2px solid #a60d03; - padding:0; -} - -/* !Borders ---------------------- */ -#content-main { -border:1px solid #e8e9e9; -border-width:0 1px; -padding:0 20px; -} - -#content-main.inner .round-top { -background:url('../img/bg-content-inside-top.png') no-repeat left top; -height:21px; -margin:0 -21px; -} - -#content-main.inner .round-bottom { -background:url('../img/bg-content-inside-bottom.png') no-repeat left bottom; -height:21px; -margin:0 -21px; -} - -/* !Sub Navigation ---------------------- */ -#nav-sub { -background:#46474b url('../img/bg-nav-sub-bottom.png') no-repeat left bottom; -} - -#nav-sub ul { -background:url('../img/bg-nav-sub-top.png') no-repeat left top; -list-style:none; -margin:0; -padding:15px 0; -} - -#nav-sub ul li { -display:inline; -margin:0; -padding:0; -} - -#nav-sub li a { -background:url('../img/bg-nav-sub-li.png') no-repeat 12px .65em; -border-bottom:1px solid #1c1d21; -color:#FFF; -display:block; -margin:0 1px; -padding:3px 12px 3px 25px; -} - -#nav-sub li.expanded a { -background:#6a6b6d url('../img/bg-nav-sub-li-expanded.png') no-repeat 10px .65em; -text-decoration:none; -} - -#nav-sub li a:hover { -background-color:#6a6b6d; -text-decoration:none; -} - -#nav-sub li.current a { -background-color:#6a6d6d; -} - -/* Level 2 */ -#nav-sub ul ul { -background:none; -border-bottom:1px solid #1c1d21; -padding:0; -} - -#nav-sub li.expanded li a { -background:none; -border:none; -margin:0 0 1px; -padding:3px 12px 3px 34px; -} - -#nav-sub li li a:hover { -background-color:#6a6b6d; -} - -#nav-sub li.expanded li.current a { -background-color:#6a6d6d; -} - -/* No margin for last child */ -#nav-sub li.expanded li.last-child a { -margin:0; -} \ No newline at end of file