/*----------------------------------------------------------------------------- KN3W IDEAS SHOP Core Style Sheet version: 1.0 author: Flow Interactive, http://www.flowinteractive.com.au /*---------------------------------------------------------------------------- COPYRIGHT, ALL RIGHTS RESERVED. THIS FILE MAY NOT BE COPIED OR ALTERED IN ANY WAY -----------------------------------------------------------------------------*/ /* = General --------------------------------------------------------*/ body { font-family: Arial, helvetica, sans-serif; font-size: 62.5%; color: #666; background: #ccc url(/~kn3widea/templates/kn3wideas/i/bodybg.gif) left top repeat; margin: 0; line-height: 150%; text-align: center; } .cntr {text-align:center} /* = Typography --------------------------------------------------------*/ h1 {font-weight: bold; color: #999999; font-size: 2.2em; margin: 5px 0} #header h1 {text-indent:-9000px; background: transparent url(/~kn3widea/templates/kn3wideas/i/header.gif) left top no-repeat; width:900px; height:122px; margin:0} h2 {font-weight: bold;font-size: 1.4em; color:#CA282A; margin: 0 0 0.5em 0} h3 {font-size: 1.2em; color:#CA282A; font-weight: bold; margin: 0 0 10px 0} h4 {font-size: 1.1em; color: #FF6600; font-weight: bold; margin: 0.5em 0} h5 {font-size: 1em; color: #000; font-weight: bold; margin: 0.5em 0} h6 {font-size: 0.9em; color: #000; font-weight: bold; margin: 0.5em 0} ul {list-style: disc url(/~kn3widea/templates/kn3wideas/i/discbul.gif); margin: 1em 0 1em 1.5em} li {font-size: 1.2em; margin-bottom:0.7em} li li {font-size: 1em; list-style-type:square} li ul {margin-top: 1em} p {font-size: 1.2em; margin-bottom: 1em} .hlight {color:#1A70B5} /* = Containers ----------------------------------------------*/ #wrapper {position:relative; width:920px; margin: 0 auto 0 auto; background: transparent url(/~kn3widea/templates/kn3wideas/i/wrapper-bg.png) center top repeat-y} #container {position:relative; width: 900px; margin: 0 auto} #topShadow {width: 920px; margin: 20px auto 0 auto; background: transparent url(/~kn3widea/templates/kn3wideas/i/header-shadow.png) left top no-repeat; height: 10px} #footerShadow {width: 920px; margin: 0 auto; background: transparent url(/~kn3widea/templates/kn3wideas/i/footer-shadow.png) left top no-repeat; height: 10px} #header { position: relative; width: 900px; height: 122px; } #content { position: relative; background:#EBE6E0 url(/~kn3widea/templates/kn3wideas/i/topebg.gif) center top no-repeat; padding: 15px; z-index: 1 } #footer { position:relative; padding: 5px 10px; font-size: 1em; color:#fff; background:#626265 } .fl, .fr {float: left; width: 49%} .fr {width: 49%; text-align:right} /* = Menu ----------------------------------------------*/ #menu { position: relative; width: 900px; background: #fff; height: 35px; z-index: 10; overflow:hidden } /*Section variations*/ #why #menu {background: #fff url(/~kn3widea/templates/kn3wideas/i/menubg-why.jpg) left top no-repeat} /*End section variations*/ #menu ul {margin: 0 auto 0 2.5px; padding: 0; line-height:1; list-style-type:none; width: 900px; z-index: 20} #menu li {float:left; position: relative} #menu li a { width:95px; height:27px; margin: 2.5px 2.25px; display:block; line-height: 110%; text-decoration:none; text-indent:-9000px } #menu li a:hover, #menu li a:active, #menu li a.sel { font-weight: bold } #menu li a.sel {font-weight: bold} /*Individual menu graphics*/ #menu li.item1 a {background:transparent url(/~kn3widea/templates/kn3wideas/i/what.gif) left top no-repeat} #menu li.item2 a {background:transparent url(/~kn3widea/templates/kn3wideas/i/why.gif) left top no-repeat} #menu li.item3 a {background:transparent url(/~kn3widea/templates/kn3wideas/i/when.gif) left top no-repeat} #menu li.item4 a {background:transparent url(/~kn3widea/templates/kn3wideas/i/how.gif) left top no-repeat} #menu li.item5 a {background:transparent url(/~kn3widea/templates/kn3wideas/i/where.gif) left top no-repeat} #menu li.item6 a {background:transparent url(/~kn3widea/templates/kn3wideas/i/who.gif) left top no-repeat} #menu li.item7 a {background:transparent url(/~kn3widea/templates/kn3wideas/i/shop.gif) left top no-repeat} #menu li.item8 a {background:transparent url(/~kn3widea/templates/kn3wideas/i/events.gif) left top no-repeat} #menu li.item9 a {background:transparent url(/~kn3widea/templates/kn3wideas/i/contact.gif) left top no-repeat} /*Hide home link*/ #menu li.item10 {display:none} #menu li.item1 a:hover {background:transparent url(/~kn3widea/templates/kn3wideas/i/what.gif) left -27px no-repeat} #menu li.item2 a:hover {background:transparent url(/~kn3widea/templates/kn3wideas/i/why.gif) left -27px no-repeat} #menu li.item3 a:hover {background:transparent url(/~kn3widea/templates/kn3wideas/i/when.gif) left -27px no-repeat} #menu li.item4 a:hover {background:transparent url(/~kn3widea/templates/kn3wideas/i/how.gif) left -27px no-repeat} #menu li.item5 a:hover {background:transparent url(/~kn3widea/templates/kn3wideas/i/where.gif) left -27px no-repeat} #menu li.item6 a:hover {background:transparent url(/~kn3widea/templates/kn3wideas/i/who.gif) left -27px no-repeat} #menu li.item7 a:hover {background:transparent url(/~kn3widea/templates/kn3wideas/i/shop.gif) left -27px no-repeat} #menu li.item8 a:hover {background:transparent url(/~kn3widea/templates/kn3wideas/i/events.gif) left -27px no-repeat} #menu li.item9 a:hover {background:transparent url(/~kn3widea/templates/kn3wideas/i/contact.gif) left -27px no-repeat} /*Drop downs*/ #menu li ul { /* second-level lists */ position: absolute; background: #fff; border: 1px solid #ccc; width: 13em; display:none; z-index:100 } #menu li ul li {list-style-type:none; z-index:101; margin: 0} #menu li ul li a {width: 13em; margin:0; text-align:left; display:block; color:#FFF; padding: 5px; font-size:0.9em; z-index:102; text-indent:0} /*Individual menu graphics*/ #menu li.item1 ul li a {background: none; color:#1E9CD2} #menu li.item2 ul li a {background: none; color:#C8282A} #menu li.item3 ul li a {background: none; color:#8CC63F} #menu li.item4 ul li a {background: none; color:#00B9B1} #menu li.item5 ul li a {background: none; color:#8C64AB} #menu li.item6 ul li a {background: none; color:#F7931E} #menu li.item7 ul li a {background: none; color:#999999} #menu li.item8 ul li a {background: none; color:#999999} #menu li.item9 ul li a {background: none; color:#999999} /*hover*/ #menu li.item1 ul li a:hover {background: #49B6E2 none; color:#FFF} #menu li.item2 ul li a:hover {background: none; color:#C8282A; font-weight:bold} #menu li.item3 ul li a:hover {background: none; color:#8CC63F; font-weight:bold} #menu li.item4 ul li a:hover {background: none; color:#00B9B1; font-weight:bold} #menu li.item5 ul li a:hover {background: none; color:#8C64AB; font-weight:bold} #menu li.item6 ul li a:hover {background: none; color:#F7931E; font-weight:bold} #menu li.item7 ul li a:hover {background: none; color:#999999; font-weight:bold} #menu li.item8 ul li a:hover {background: none; color:#999999; font-weight:bold} #menu li.item9 ul li a:hover {background: none; color:#999999; font-weight:bold} #menu ul li:hover ul, .menu ul li a:hover ul, #menu ul li.sfhover ul { display:block } #menu li ul li a:hover {background:none} /* = Forms ----------------------------------------------*/ #contactform{font-size:1em; margin-top: 20px} #contactform label{display:block; float:left; font-weight:bold; color:#000; padding:5px 0 0; margin:0 5px 10px 0; width:80px; text-align:right} #contactform label.txtLabel {font-size: 0.9em} #contactform input.txt{width:150px; color:#333; margin:0; float:left; border: 1px solid #000} #contactform br{clear:both} legend{font-weight:bold} .err, .req{font-weight:bold; color:#f00; font-size:1em; float:left} .err{margin-right:5px} .hide{display:none} textarea{font-family:Arial,helvetica,sans-serif; color:#333; font-size:1em; width:260px; margin-bottom: 10px; border: 1px solid #000} #signupbox {position:absolute; top: 195px; left: 290px; width: 130px} #contactform #signupbox label {display:inline !important; font-size: 1em; font-family:"Courier New", Courier, monospace; text-align:left; width: 100px; float:none; letter-spacing:-0.1em; font-weight:bold; word-spacing:-0.1em} #contactform #signupbox input {float: left} #sendForm {margin-left: 85px} /* = Easy Clearing ----------------------------------------------*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */