/* Theme Name: Internationl Legwear Theme Theme URI: http://wordpress.org/ Description: Site theme for Internationl Legwear Brands Version: 1.0 Author: Yeshua Perez Author URI: http://edreamz.com/ */ /* * * Admin * (WYSIWYG Content) * */ h1 { color: #4f679a; font-weight: normal; font-size: 24px; line-height: normal;} h2 { color: #4f679a; font-weight: normal; font-size: 16px; line-height: normal;} h3 { color: #d78400; font-weight: bold; font-size: 12px; line-height: normal;} h4 { color: #d78400; font-weight: bold; font-size: 16px; line-height: normal;} a { color: #51699b; text-decoration: none;} a:hover { color: #bec454; text-decoration: underline;} ul li{ list-style-image: url('/images/bullet-arrow.gif'); margin-bottom: 5px;} ul li.green{ list-style-image: url('/images/bullet-arrow-green.gif'); margin-bottom: 5px;} ol li{ list-style: decimal; margin-bottom: 5px;} a.triangle{ text-decoration: none; background: url('/images/bullet-arrow.gif') left no-repeat; padding-left: 10px; font-weight: normal;} a.triangle:hover{ text-decoration: underline;} p{ margin: 0; padding: 0 0 15px 0;} p img{padding: 5px;} .alignleft{float: left;} .alignright{float: right;} .aligncenter{margin: 0 auto;} .news{height: 148px; width: 303px; margin-bottom: 20px; position: absolute; bottom: 0; left: 8px;} .news ul{margin: 0; padding: 0;} .news ul li{width: 303px; height: 180px;} #homenews{position: relative;} .nextprev{width: 295px; position: absolute;bottom: 10px;left: 8px; z-index: 9999; text-align: right; color: #fff;} .nextprev a{color: #fff; font-size: 11px;} /* * * Layout / Formatting * */ #wrapper{ width: 977px; margin: 0 auto; position: relative;} body{ background: #202f4d url('images/structure/bg-pattern.jpg') repeat-x; color: #223151; font-size: 13px; font-family: Arial, Helvetica, sans-serif;} #main-logo{ position: absolute; width: 109px; height: 102px; top: 0; left: 60px; display: block; z-index: 75;} #main-logo a img { border: none;} #hd { width: 977px; height: 93px; background: url('images/structure/home-top.jpg') bottom left no-repeat; position: relative;} #hd2 { width: 977px; height: 93px; background: url('images/structure/news-top.jpg') bottom left no-repeat; position: relative;} /* * * Main Navigation * */ #mainNav { width: 505px; position: absolute; bottom: -1px; right: 29px; height: 66px;} #mainNav .main{ margin-top: 0; padding: 0; list-style: none; display: inline; overflow: hidden;} #mainNav .main li { margin:0; padding:0; list-style: none; display: inline;} #mainNav .main li a { float: left; padding: 66px 0 0 0; overflow: hidden; height: 0px; } #mainNav .main li a:hover { background-position: 0 -66px;} #mainNav .main li .selected{ background-position: 0 -66px;} #about a { width: 95px; background: url('images/buttons/nav-about.gif') top left no-repeat;} #brands a { width: 105px; background: url('images/buttons/nav-brands.gif') top left no-repeat;} #news a { width: 196px; background: url('images/buttons/nav-news.gif') top left no-repeat;} #contact a { width: 109px; background: url('images/buttons/nav-contact.gif') top left no-repeat;} /* * * Secondary Navigation * */ #subNav { width: 289px; background: #e4ddd3 url('images/structure/subnav-bg.jpg') bottom right no-repeat; padding-top: 15px; min-height: 195px;} #subNav .main { margin-top: 0; padding: 0; list-style: none; overflow: hidden;} #subNav .main li { margin: 0; padding:0; list-style: none;} #subNav .main li a {margin: 20px 0 0 10px; float: left; padding: 19px 0 0 0; overflow: hidden; height: 0px; } #subNav .main li a:hover { background-position: 0 -19px;} #subNav .main li .selected{ background-position: 0 -19px;} #who a { width: 280px; background: url('images/buttons/subnav-who.png') top left no-repeat;} #philosophy a { width: 280px; background: url('images/buttons/subnav-philosophy.png') top left no-repeat; } #history a { width: 280px; background: url('images/buttons/subnav-history.png') top left no-repeat;} #leadership a { width: 280px; background: url('images/buttons/subnav-leadership.png') top left no-repeat;} #capabilities a { width: 280px; background: url('images/buttons/subnav-capabilities.png') top left no-repeat;} #overview a { width: 280px; background: url('images/buttons/subnav-overview.png') top left no-repeat;} #wall a { width: 280px; background: url('/wp-content/themes/internaltionallegwear/images/buttons/subnav-dickies3.png') top left no-repeat; } #haggar a { width: 280px; background: url('/wp-content/themes/internaltionallegwear/images/buttons/subnav-haggar.png') top left no-repeat; } #peds a { width: 280px; background: url('images/buttons/subnav-peds.png') top left no-repeat;} #pediquette a { width: 280px; background: url('images/buttons/subnav-pediquette.png') top left no-repeat;} #other a { width: 280px; background: url('images/buttons/subnav-other.png') top left no-repeat;} /* * * Page Styles * */ #container{ width: 977px; padding-bottom: 0; position: relative; background: url('images/structure/site-bg.png') top left repeat-y;} #homecontainer{width: 977px; background: url('images/structure/home-bg.png') top left repeat-y;} #homecontainer .homecontent{ width: 235px; float: left; margin-left: 24px; background: url('images/structure/home-content.jpg') top left no-repeat; color: #223151; min-height: 333px; padding: 10px 25px 0 25px;} #homecontainer #flashpanel{ width: 638px; float: left;} #homebottom{width: 977px; height: 35px; background: url('images/structure/home-bottom.gif') bottom left no-repeat;} #homenews{width: 977px;} #homenews .news{width: 303px; float: left; background: #56678c; color: #ffffff; margin: 0 2px 0 8px; min-height: 152px;} #homenews .news .date{ width: 47px; float: left; background: url('images/date-bg.jpg') top right no-repeat; min-height: 80px; text-align: right; padding-right: 13px;} #homenews .news .date .number{ width: 20px; float: right; font-size: 20px; padding: 5px; background: #3d5791;} #homenews .news .desc{ width: 230px; float: left; padding: 5px; font-size: 11px; line-height: normal;} #homenews .news .desc a{color: #ffffff; text-decoration: none;} #homenews .news .desc a:hover{color: #ffffff; text-decoration: underline;} #homenews .brandsrow{ width: 664px; float: left;} #homenews .brandsrow img{ margin-left: 2px;} /* * * secondary content pages * * */ .bodyLeft{width: 326px; float: left;} .bodyLeft .margin{margin: -2px 0 0 26px; background: #fff;} .bodyRight{width: 620px; float: left; padding-top: 10px;} .bodyRight .pagetitle{ width: 620px; height: 53px;} .bodyRight .content{ padding-top: 10px;} .bodyRight .content .officeaddress{ width: 200px; float: left; margin-bottom: 20px; padding-left: 10px; text-align: left;} .bodyRight .content .officeaddress.border{border-right: #bbbf50 1px solid;} .bodyRight .content .newsitem{ width: 620px; border-bottom: #364e80 1px solid; padding-bottom: 10px; margin-bottom: 15px;} .bodyRight .content .newsitem .date{ font-size: 11px; color: #999999;} .bodyRight .content .newsitem .title{ font-size: 14px; font-weight: bold;} .bodyRight .content .brand{ width: 620px; border-bottom: #364e80 1px solid; padding-bottom: 10px; margin-bottom: 15px;} .bodyRight .content .brand .image{ width: 170px; float: left;} .bodyRight .content .brand .text{ width: 450px; float: left;} .bodyRight .content .brand .text .title{ font-size: 16px; font-weight: bold;} .sitebottom{ width: 977px; height: 35px; background: url('images/structure/site-bottom.png') top left no-repeat; margin-bottom: 20px;} .logos {margin-left:5px; width:278px; height:431px;} /* * * Layout / Form * */ label {color: #6c7020;} .form{ padding: 5px 5px 50px 20px; width: 445px; margin:0 auto; background: url('images/form-bg.jpg') top left no-repeat;} .formRow{ margin-top: 10px;} .formItem { width: 210px; float: left;} .formItem .textfield{ width: 200px;} .formItem .textfield-small{ width: 50px;} .formItem .dropdown{ height: 23px;} .formItemSmall{ width: 40px; float: left;} .formItemSmall .textfield{ width: 30px;} .formItemLong { width: 450px; float: left;} .formItemLong .textfield{ width: 450px;} .formItemLong .textfield2{ width: 200px;} .formItemLong .textfield-small{ width: 50px;} .formItemLong .textarea { width: 410px;} .formItemLong .dropdown{ height: 23px;} .city{ width: 210px; float: left;} .city .textfield{ width: 200px;} .state{ width: 40px; float: left;} .state .dropdown{ height: 23px;} .zipcode{ width: 50px; float: left; margin-left:10px;} .zipcode .textfield{ width: 50px;} .phone{ width: 210px; float: left;} .phone .textfield{ width: 30px;} .phone .textfield2{ width: 35px;} #spacer { width: 960px; float: left; background: #ffffff; height: 10px; display: block;} #bubbleswirls{width: 960px; height: 395px; position: absolute; bottom: -50px; z-index: 1; background: url('images/structure/bubble-swirls.gif') bottom left no-repeat;} /* * * Layout / Footer * */ .footerposition{ position: absolute; bottom: -50px; padding-bottom: 30px; z-index: 100;} #ft{ width: 977px; margin: 0 auto; color: #ffffff; font-size: 12px; line-height: normal;} #ft #ft-left{ width: 385px; float: left; background: url('images/footer-logo.jpg') top left no-repeat; padding-left: 60px; font-size: 11px;} #ft #ft-right{ width: 526px; float: left; text-align: right; font-size: 10px;} #ft #ft-right a{ color: #ffffff; text-decoration:none; text-transform: uppercase; } #ft #ft-right a:hover{ color: #ffffff; text-decoration:underline;} .logos-left img{ float:left; clear:none; margin-left: 5px; }