td {
font-family:'Trebuchet MS';
font-size:11px;
font-weight:normal;
margin:0 !important;


}
input, select, textarea {
font-family:inherit;
font-weight:normal;
}
.houseadvert {
text-align:left;
width:180px;
}
.houseadvert .header {
background-color:#44688C;
color:#FFFFFF;
display:block;
font-size:100%;
font-weight:bold;
padding:3px;
text-transform:uppercase;
}
.houseadvert .text {
border:1px solid #44688C;
color:#44688C;
display:block;
font-size:110%;
padding:5px 10px;
}
.houseadvert .text p {
margin:5px 0 10px !important;
padding:0 !important;
}
.houseadvert .text p a {
color:#44688C;
text-decoration:underline;
}
.houseadvert .text p a:visited {
color:#44688C;
}
.houseadvert .text p a:hover {
color:#44688C;
}
#playerprofile .maintable .rightcolumn #rightsidepromo .houseadvert {
width:160px;
}
#storycolumn .inner #rightsidepromo div.ad {
margin:0;
}
#storycolumn .inner #rightsidepromo div.ad img {
clear:both;
float:none;
margin:20px 0 0;
}
#storycolumn .inner #rightsidepromo div.ad object {
clear:both;
float:none;
margin:20px 0 0;
}
#story #rightsidepromo .houseadvert {
width:160px;
}
#leftsideadvert .houseadvert {
width:155px;
}
#leftsideadvert .ad {
margin:0 0 20px;
}
#rightsidepromo .ad {
margin:0 0 20px;
}
#playerprofile .maintable .rightcolumn {
padding:0;
width:160px;
}
#playerprofile .maintable .rightcolumn .adverts {
text-align:center;
}
#playerprofile .maintable .rightcolumn .adverts div {
margin-top:20px;
}
#playerprofile .maintable .rightcolumn .related .headline {
color:#44688C;
font-size:130%;
font-weight:bold;
margin:0;
}
#playerprofile .maintable .rightcolumn .related p strong {
color:#000000;
font-size:110%;
}
#solobox.profilebox, #bandbox.profilebox {
border:1px solid #D6D3CE;
margin:0 0 10px;
padding:5px;
}
h2#solohead.heading, h2#bandhead.heading {
background-color:#D6D3CE !important;
border-width:1px 1px 0;
font-family:'Trebuchet MS';
font-size:98%;
margin:0;
padding:5px;
text-transform:uppercase;
}
#playerprofile .maintable .leftcolumn2 .voteform h2 {
background:#44688C url(graphics/keyboardmag/KMh2bg.gif) no-repeat scroll left top !important;
border-color:#D4D3CA;
border-style:solid;
border-width:1px 1px 0;
color:#FFFFFF !important;
font-family:'Trebuchet MS';
font-size:100%;
font-weight:normal;
margin:0 !important;
padding:4px 4px 4px 25px;
text-transform:uppercase;
}
#playerprofile .maintable .leftcolumn2 .voteform .formbox {
margin:0;
padding:0 8px 10px;
}
#playerprofile .maintable .leftcolumn2 .voteform .formbox .note {
color:#44688C;
font-size:90%;
font-weight:bold;
position:relative;
text-transform:uppercase;
top:-7px;
}
#playerprofile .maintable .leftcolumn2 {
width:390px;
}
#playerprofile .maintable .leftcolumn2 .vote {
border:1px solid #D4D3CA;
margin:0 0 20px;
padding:10px;
}
#playerprofile .maintable .leftcolumn2 .vote p {
margin:0;
}
#playerprofile .maintable .leftcolumn2 .vote span {
display:block;
margin-top:5px;
}
#playerprofile .maintable .leftcolumn2 .track {
background-color:#FFFFFF;
border-color:#6986A3;
border-style:solid;
border-width:1px 2px 3px 1px;
margin:10px 0;
padding:7px 4px 10px;
}
#playerprofile .maintable .leftcolumn2 .track p {
margin-bottom:0;
margin-left:25px;
margin-top:0;
}
#playerprofile .maintable .leftcolumn2 .track p img {
margin-left:-25px;
position:relative;
top:5px;
}
#playerprofile .maintable .leftcolumn2 .track a.flink {
font-weight:bold;
}
#playerprofile .maintable .leftcolumn2 .track .buttons {
background-color:#EEEEEE;
display:block;
margin:5px 0 2px 20px;
padding:2px 0 10px;
}
#playerprofile .maintable .leftcolumn2 .track .buttons img {
margin-left:0;
}
#playerprofile .maintable .leftcolumn2 .finfo {
display:block;
margin:0 0 0 3px;
}
#playerprofile .maintable .leftcolumn2 .story .storylist {
margin:0;
padding:0;
}
#noize .noizevote {
border-color:#44688C;
border-style:solid;
border-width:1px 2px 3px 1px;
margin:0 0 20px;
padding:0;
}
#noize .noizevote td {
padding:4px;
vertical-align:top;
}
#noize .noizevote td .track .buttons {
background-color:#EEEEEE;
margin:5px 0 2px 0;
padding:10px 0;
}
#noize .noizevote td .labelsmall {
color:#666666;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:86%;
margin:0;
position:relative;
top:-2px;
}
#noize .noizevote .track a.flink {
font-weight:bold;
}
#noize .noizevote .finfo {
display:block;
margin:0 0 0 3px;
}
#noize .noizevote p {
margin:0;
}
#noize h2.votehead {
color:#44688C;
display:block;
font-size:110%;
font-weight:bold;
margin:0;
padding:5px;
}
#noize .noizevote td.vote {
padding-top:40px;
}
#noize .formbox {
background-color:#FFFFFF;
}
#noize .players .playerbut {
bottom:-6px;
position:relative;
}
#noize .players p {
margin:5px 0;
}
#noize #gigsbox {
background-color:red !important;
}
#noize #gigsbox .formbox {
background-image:url(graphics/keyboardmag/gigbg.jpg);
}
#noize #gigsbox {
background-image:url(graphics/keyboardmag/gigbg.jpg) !important;
}
#noize #gigsbox .formbox label, #noize .gigs .formbox p {
color:#FFFFFF;
}
#noize #gigsbox a {
color:#FFFFFF;
}
#noize #gigsbox a:visited {
color:#FFFFFF;
}
#noize .noizead {
background-color:#44688C;
margin:0 0 20px;
padding:10px;
text-align:center;
}
#noize .noizepoll {
background-color:#EEEEEE;
border:1px solid #CCCCCC;
margin:10px 8px 0;
padding:5px;
}
#noize .noizepoll {
background-color:#009AD5;
}
#noize .noizepoll .nl {
clear:both;
display:block !important;
font-weight:bold;
margin:5px 0 2px;
width:200px;
}
#noize .noizepoll h3 {
color:#000000;
font-size:120%;
margin:0;
}
#noize .color1 h2, #noize .color2 h2, #noize .color3 h2, #noize .color4 h2, #noize .color5 h2, #noize .color6 h2 {
background:#FFFFFF url(graphics/keyboardmag/KMh2bg.gif) no-repeat scroll left top;
}
#noize td.column2 {
background:#FFFFFF url(graphics/keyboardmag/noize_background.gif) repeat-y scroll 0 0;
}
#noize .section2 {
background-color:#FFFFFF;
}
#noize .crumb {
background:#FFFFFF url(graphics/keyboardmag/grey_arrow.gif) no-repeat scroll 3px 8px;
margin:0;
padding:5px 0 5px 10px;
}
#noize .sponsor {
background-color:#FFFFFF;
}
#noize .column2 form {
background-color:#FFFFFF;
}
#forum .maincolumn {
padding:0;
width:740px;
}
#forum .maincolumn .forumtable .column1 {
padding:0;
}
.mynav {
background-color:#44688C;
color:#FFFFFF;
padding:5px;
}
.mynav p {
margin:5px 0;
padding:0;
}
.mynav a {
color:#FFFFFF;
text-transform:uppercase;
}
.mynav a:visited {
color:#FFFFFF;
}
.mynav a:hover {
color:#FFFFFF;
}
.datatable {
background-color:#EEEEEE;
font-family:Arial,Helvetica,sans-serif !important;
font-size:100%;
margin:20px 0;
text-align:left;
}
.datatable th {
background-color:#44688C;
border-right:1px solid #FFFFFF;
color:#FFFFFF;
font-size:90%;
padding:2px 2px 2px 4px;
text-transform:uppercase;
}
.datatable td {
border-bottom:1px solid #D1D1C9;
border-right:1px solid #FFFFFF;
border-top:2px solid #FFFFFF;
color:#000000;
font-size:90%;
line-height:150%;
padding:4px 3px;
vertical-align:top;
}
.datatable td img {
margin:0;
padding:0;
}
.datatable tbody.subs td a, .datatable tbody.gold td a {
font-size:110%;
font-weight:bold;
}
.datatable tbody.gold td {
background-color:#B4C3D1;
border-bottom:1px solid #6986A3 !important;
}
.datatable tbody.subs td {
background-color:#D0D9E2;
border-bottom:1px solid #6986A3 !important;
}
.datatable tbody.na td {
background-color:#CCCCCC;
border-bottom:1px solid #999999 !important;
}
#comments .storylist .editor {
background-color:#EEEEEA;
background-image:none;
margin-bottom:20px;
padding:10px;
}
#comments .storylist .date {
color:#44688C;
display:block;
font-size:90%;
}
#weblinks .storylist strong {
color:#000000;
}
#weblinks .storylist a {
color:#44688C;
font-weight:normal;
text-decoration:underline;
}
#weblinks .storylist .picture {
float:right;
}
#weblinks .storylist .picture img {
margin-left:15px;
}
#weblinks .storylist li {
}
#weblinks .storylist li:after {
clear:right;
content:".";
display:block;
height:0;
visibility:hidden;
}
#weblinks .sectionhead {
clear:right;
margin-top:20px;
}
#weblinks .sectionhead {
clear:none;
}
.nextbox0 {
color:#44688C;
padding-bottom:5px;
width:100%;
}
.nextbox0 a {
color:#44688C;
font-size:92%;
text-decoration:underline;
text-transform:uppercase;
}
.nextbox0 a:visited {
color:#44688C;
text-decoration:underline;
}
.nextbox0 a:hover {
color:#44688C;
text-decoration:none;
}
.nextbox1 {
float:left;
text-align:left;
width:33%;
}
.nextbox2 {
float:left;
text-align:center;
width:33%;
}
.nextbox3 {
float:left;
text-align:right;
width:33%;
}
.box {
border-top:1px solid #D4D3CA;
color:#666666;
font-size:100%;
margin:20px 0;
padding-top:5px;
}
.formbox {
background:transparent url(graphics/keyboardmag/formbg.jpg) repeat-x scroll center top;
border:1px solid #D4D3CA;
margin:15px 0;
padding:15px;
}
.formbox p {
clear:both;
height:1%;
margin:10px 0;
}
.formbox .labelnormal {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:90%;
font-weight:bold;
position:relative;
top:2px;
}
.formbox .labelsmall {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:86%;
margin:0;
position:relative;
top:-2px;
}
.formbox .selectnormal {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:90%;
}
.formbox .inputnormal {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:90%;
}
.formbox .boxnormal {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:100%;
}
.formbox .width0 {
width:25px;
}
.formbox .width1 {
width:100px;
}
.formbox .width2 {
width:220px;
}
.formbox hr {
display:block;
margin:0;
padding:0;
}
.formbox .disabled {
background-color:#CCCCCC;
}
.formnotes {
padding:0 0 0 100px;
}
.formbox .width3 {
width:270px;
}
.formbox .width4 {
width:310px;
}
.formbox .width5 {
width:400px;
}
.formbox .floatleft {
float:left;
margin-bottom:10px;
}
.formbox .button {
-x-system-font:none;
background-color:#FFFFFF;
border:1px solid #918E77;
color:#918E77;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:86%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:2px 1px;
text-transform:uppercase;
}
.formbox .note {
color:#666666;
font-size:92%;
margin:0 0 10px;
}
h2.formheader {
background-color:#44688C;
color:#FFFFFF;
display:inline;
margin:0 0 0 8px;
padding:3px;
text-transform:uppercase;
}
.formsubheader {
color:#034E8B;
font-size:110%;
}
.section2 .formbox {
background:transparent none repeat scroll 0 0;
border:medium none;
margin:0 !important;
}
.section2 .formbox hr {
display:block;
margin:0;
padding:0;
}
.story .box {
padding:7px;
}
.story .box p {
margin:0;
}
.story .storylist {
margin-bottom:30px;
}
.story .storylist .date {
color:#44688C;
display:block;
font-size:100%;
}
.story .storylist .date strong {
font-size:100%;
font-weight:normal;
text-transform:uppercase;
}
.story .storylist .info {
color:#666666;
display:block;
}
.story .storylist p {
font-size:100%;
line-height:150%;
margin:0;
}
.story .storylist p .date {
font-size:100%;
}
.story .storylist li {
border-bottom:1px solid #EEEEEE;
margin-bottom:10px;
padding-bottom:5px;
}
.story .storylist a {
text-decoration:none;
}
.story .storylist a:visited {
text-decoration:none;
}
.story .storylist a:hover {
text-decoration:underline;
}
body {
-x-system-font:none;
background:#FFFFFF url(graphics/keyboardmag/background.png) repeat scroll 0 0;
font-family:Arial,Helvetica,sans-serif;
font-size:100%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:0;
padding:0;
}
form {
margin:0;
padding:0;
}
img {
border:0 none;
}
.hide {
font-size:0;
left:-500px;
margin:0;
padding:0;
position:absolute;
top:-500px;
}
.clear {
clear:both;
font-size:1px;
height:1px;
}
.space20 {
height:10px;
}
a {
color:#000000;
text-decoration:none;
}
a:visited {
color:#000000;
text-decoration:none;
}
a:hover {
color:#666666;
text-decoration:underline;
}
.uppercase {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:80%;
font-weight:bold;
text-transform:uppercase;
}
.story .uppercase a {
font-weight:bold;
text-decoration:none;
}
.story .uppercase a:visited {
text-decoration:none;
}
.story .uppercase a:hover {
text-decoration:underline;
}
.uppercase img {
position:relative;
top:6px;
}
#leftsideadvert, #rightsidepromo {
text-align:center;
}
.ad {
margin-bottom:20px;
}
.googleads {
margin:0 0 0 8px;
padding:10px;
}
.date {
display:none;
}
#story .date {
display:inline;
}
#events .date {
color:#44688C;
display:block;
font-size:100%;
}
#genre .date {
display:none;
}
#lessons .date {
color:#666666;
display:inline;
font-size:90%;
}
.headline {
color:#000000;
}
.mpnetwork {
border:1px solid #D4D3CA;
font-size:110%;
margin:20px 0;
}
.mpnetwork img {
margin:8px;
}
.mpnetwork .storylist {
position:relative;
top:-5px;
}
.mpnetwork .storylist li {
padding-bottom:0;
padding-top:5px;
}
.mpnetwork .storylist li a {
color:#000000;
font-weight:normal;
}
.mpnetwork .storylist li a:visited {
color:#000000;
font-weight:normal;
}
.mpnetwork .storylist li a:hover {
color:#000000;
font-weight:normal;
}
.crumb {
background:transparent url(graphics/keyboardmag/grey_arrow.gif) no-repeat scroll 2px 3px;
border-bottom:1px solid #DDDDDD;
color:#AAAAAA;
font-size:90%;
margin-bottom:10px;
padding:0 0 3px 10px;
text-transform:none;
}
.crumb span {
color:#666666;
}
.crumb a {
color:#AAAAAA;
}
.crumb a:visited {
color:#AAAAAA;
}
.crumb a:hover {
color:#333333;
}
.sound img {
margin-bottom:-3px;
margin-left:2px;
}
.free img {
margin-bottom:-3px;
margin-left:2px;
}
.toplinks {
display:none;
}
.sitesearch .topbutton {
position:relative;
top:2px;
}
.sitesearch {
color:#666666;
font-size:65%;
left:560px;
position:absolute;
top:113px;
z-index:50;
}
.sitesearch form {
font-size:110%;
margin:10px 0 0;
}
.sitesearch form img {
vertical-align:-1px;
}
.sitesearch #search {
border:1px solid #FFFFFF;
font-size:90%;
margin:0 3px 3px 0;
padding:1px;
width:90px;
}
.sitesearch a {
color:#666666;
}
.sitesearch a:visited {
color:#666666;
}
* html div#story .sitesearch {
left:560px;
position:absolute;
top:130px;
}
.masttop {
background:transparent url(graphics/keyboardmag/toplinebg.gif) no-repeat scroll 0 0;
height:30px;
margin:0 1px 0 10px;
width:753px;
}
.masthead {
background:#44688C url(graphics/keyboardmag/mastbg3.jpg) no-repeat scroll right top;
margin:0 0 0 15px;
padding:0;
width:733px;
}
.masthead .mastpic {
left:479px;
position:absolute;
top:0;
}
.masthead div a {
color:#666666;
}
.masthead div a:visited {
color:#666666;
}
#popup .top {
border-bottom:1px solid #D4D3CA;
margin:10px 10px 10px 7px;
padding:8px 0 8px 6px;
width:753px;
}
#mainnav {
background:transparent url(graphics/keyboardmag/topnavbg.gif) repeat-x scroll center bottom;
margin:0 10px 10px 15px;
text-transform:uppercase;
vertical-align:middle;
width:733px;
}
#mainnav .inner {
margin:0;
padding:0 0 5px 3px;
}
#mainnav form {
float:right;
padding-top:5px;
width:120px;
}
#mainnav form img {
position:relative;
top:3px;
}
#mainnav form select {
color:#44688C;
font-size:70%;
text-transform:uppercase;
width:100px;
}
#mainnav ul {
display:inline;
float:left;
list-style-type:none;
margin:0;
padding:5px 0 0;
width:585px;
}
#mainnav ul li {
display:inline;
font-size:66%;
font-weight:bold;
margin:0 2px;
}
#mainnav ul li a {
color:#476B8A;
margin:0;
padding:2px 2px 4px;
text-decoration:none;
vertical-align:1px;
}
#mainnav ul li a:visited {
color:#476B8A;
text-decoration:none;
}
#mainnav ul li a:hover {
color:#476B8A;
text-decoration:underline;
}
#mainnav ul li.on a {
color:#CF0B00;
text-decoration:none;
}
#mainnav ul li.on a:visited {
color:#CF0B00;
text-decoration:none;
}
#mainnav ul li.on a:hover {
color:#CF0B00;
text-decoration:underline;
}
#homepage #mainnav form select, #story #mainnav form select {
color:#000000;
font-size:65%;
width:115px;
}
#bottomnav {
background:#44688C url(graphics/keyboardmag/botnavbg.gif) repeat-x scroll center bottom;
color:#FFFFFF;
font-size:70%;
margin:10px 10px 10px 15px;
text-align:center;
vertical-align:middle;
width:733px;
}
#bottomnav .inner {
padding:5px 10px;
}
#bottomnav ul {
display:inline;
list-style-type:none;
margin-top:10px;
padding:0;
}
#bottomnav ul li {
border-right:1px solid #9C9B96;
display:inline;
font-size:90%;
height:8px;
padding:0 2px;
text-transform:uppercase;
}
#bottomnav ul li a {
color:#476B8A;
padding:2px 2px 4px;
text-decoration:none;
vertical-align:top;
}
#bottomnav ul li a:visited {
color:#476B8A;
text-decoration:none;
}
#bottomnav ul li a:hover {
color:#476B8A;
text-decoration:underline;
}
.subnav {
border:1px solid #D4D3CA;
margin:0;
padding:0 0 5px;
text-transform:uppercase;
width:100%;
}
.subnav h2 {
background-color:#D4D3CA;
color:#CF0B00;
font-size:90%;
line-height:140%;
margin:0 0 5px;
padding:3px;
}
.subnav ul {
font-family:Arial,Helvetica,sans-serif;
font-size:90%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 8px 8px;
padding:0;
}
.subnav ul li {
border-bottom:1px solid #D4D3CA;
}
.subnav ul li a {
color:#44688C;
display:block;
padding:5px 0;
}
.subnav ul li a:visited {
color:#44688C;
}
.subnav ul li.on {
border-bottom:1px solid #D4D3CA;
line-height:100%;
}
.subnav ul li.on a {
color:#CF0B00;
}
.subnav ul li.on a:visited {
color:#CF0B00;
}
.subnav ul li.on ul {
border-top:1px solid #FFFFFF;
font-size:100%;
margin:0;
padding:0;
}
.subnav ul li.on ul li {
border-bottom:1px solid #FFFFFF !important;
border-top:1px solid #FFFFFF !important;
margin:0 !important;
padding:0 0 0 8px !important;
}
.subnav ul li.on ul li a {
color:#CF0B00;
}
.subnav ul li.on ul li a:visited {
color:#CF0B00;
}
.subnav ul li.on ul li.on {
background:transparent url(graphics/keyboardmag/KMbullet_7.gif) no-repeat scroll 0 6px;
border-top:1px solid #FFFFFF !important;
}
.sitenav {
background:transparent url(graphics/keyboardmag/keyboardpicbg2.gif) repeat scroll 0 0;
border-color:-moz-use-text-color #D4D3CA #D4D3CA;
border-style:none solid solid;
border-width:medium 1px 1px;
margin:0;
padding:5px 0;
text-transform:uppercase;
width:100%;
}
.sitenav ul {
font-family:Arial,Helvetica,sans-serif;
font-size:90%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 8px 8px;
padding:0;
}
.sitenav ul li {
border-bottom:1px solid #FFFFFF;
}
.sitenav ul li a {
color:#44688C;
display:block;
padding:5px 0;
}
.sitenav ul li a:visited {
color:#44688C;
}
.sitenav ul li a:hover {
}
.sitenav ul li.on {
background-color:#FFFFFF;
}
.sitenav ul li.on a {
color:#CF0B00;
padding-left:5px;
}
.sitenav ul li.on a:visited {
color:#CF0B00;
}
.sitenav ul li.on ul {
border-top:1px solid #FFFFFF;
font-size:100%;
margin:0;
padding:0;
}
.sitenav ul li.on ul li {
background-color:#FFFFFF;
border-top:1px solid #FFFFFF !important;
margin:0 !important;
padding:0 0 0 5px !important;
}
.sitenav ul li.on ul li a {
color:#CF0B00;
}
.sitenav ul li.on ul li a:visited {
color:#CF0B00;
}
.sitenav ul li.on ul li.on {
background:transparent url(graphics/keyboardmag/KMbullet_7.gif) no-repeat scroll 2px 6px;
}
#footer {
background:transparent url(graphics/keyboardmag/footerbg.gif) no-repeat scroll center bottom;
color:#999999;
font-family:Arial,Helvetica,sans-serif;
font-size:60%;
height:110px;
margin:0 10px 10px;
width:750px;
}
#footer p {
padding:10px 10px 0 5px;
width:590px;
}
#footer2 {
color:#999999;
font-family:Arial,Helvetica,sans-serif;
font-size:60%;
margin:0;
}
#footer2 p {
padding:5px 5px 5px 15px;
}
#musicplayer {
border-bottom:1px solid #CCCCCC;
font-family:Arial,Helvetica,sans-serif;
font-size:70%;
margin:10px 10px 0 15px;
width:735px;
}
#musicplayer p {
margin:0;
padding:5px 0 5px 0;
}
#musicplayer form {
float:right;
text-align:right;
width:380px;
}
#musicplayer form select {
font-size:90%;
text-transform:uppercase;
width:140px;
}
#spotlight .maintable .story {
width:567px;
}
#spotlight .maintable .rightcolumn {
float:right;
padding:0;
width:267px;
}
#spotlight .maintable .leftcolumn {
border-right:1px solid #CCCCCC;
float:left;
padding:0;
width:280px;
}
#spotlight .maintable .leftcolumn .text {
margin-right:20px;
}
#spotlight .maintable .text {
border-bottom:1px solid #CCCCCC;
margin-bottom:15px;
padding-bottom:10px;
}
#spotlight .maintable .text .picture {
float:right;
margin:0 0 8px 8px;
}
#spotlight .maintable .text .headline {
color:#44688C;
font-size:100%;
font-weight:bold;
line-height:120%;
}
#spotlight .maintable .text .standfirst {
color:#44688C;
display:block;
font-size:90%;
font-weight:normal;
line-height:120%;
margin:3px 0 0;
padding:0;
}
#spotlight .maintable .text p {
font-size:90%;
line-height:120%;
margin:4px 0 6px;
}
#spotlight .maintable .text .storylist {
margin:-5px 0 0;
}
#spotlight .maintable .text .storylist li {
background:transparent url(graphics/keyboardmag/KMbullet_7.gif) no-repeat scroll 1px 7px;
border:0 none;
margin:0;
padding-bottom:2px;
padding-top:2px;
}
#rightsideadvert {
left:790px;
position:absolute;
top:110px;
}
#rightsideadvert p {
color:#C80F9A;
font-size:62%;
}
#rightsideadvert p img {
margin:0 5px -1px 0;
}
#rightsideadvert p object {
margin:0 5px -1px 0;
}
#rightsideadvert img {
margin-bottom:10px;
}
#rightsideadvert object {
margin-bottom:10px;
}
.maintable .rightcolumn .adverts p {
margin:0 0 10px;
padding:0;
}
.maincolumn {
margin:0 10px 0 15px;
padding:0;
width:747px;
}
.maintable .column1 {
width:155px !important;
}
.maintable .gutter1 {
width:10px;
}
.maintable .gutter1 img {
width:10px;
}
.maintable .column2 .blockborder {
border:1px solid #D4D3CA;
margin-bottom:10px;
}
.maintable .column2 ul {
clear:left !important;
margin:0 0 10px;
padding:0;
}
.maintable .column2 ul li {
background:transparent url(graphics/keyboardmag/KMbullet_7.gif) no-repeat scroll 0 3px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0 0 0 15px;
}
.maintable .column2 ul li a {
text-decoration:none;
}
.maintable .column2 ul li p {
margin:0 10px 0 0;
padding:0 0 5px 5px;
}
.maintable .column2 ul li a:hover {
text-decoration:underline;
}
.maintable .rightcolumn {
float:right;
margin:0;
padding:10px 0 0;
width:180px;
}
.maintable .leftcolumn {
float:left;
margin:0;
padding:10px 0 0;
width:377px;
}
.maintable .leftcolumn2 {
float:left;
padding:10px 0 0;
width:367px;
}
#noize .maintable .rightcolumn, #genre .maintable .rightcolumn, #gear .maintable .rightcolumn, #sectionindex .maintable .rightcolumn {
float:right;
width:277px;
}
#noize .maintable .leftcolumn, #genre .maintable .leftcolumn, #gear .maintable .leftcolumn, #sectionindex .maintable .leftcolumn {
float:left;
width:277px;
}
.sponsor {
margin:0 0 10px;
}
#gear .sponsor {
margin:0;
}
.maintable .column1 {
color:#666666;
font-size:70%;
line-height:1.2;
vertical-align:top;
}
.maintable .column2 {
color:#666666;
font-size:70%;
padding:0;
vertical-align:top;
width:567px;
}
.maintable .latest {
background:transparent url(graphics/keyboardmag/KMnewsbg.jpg) repeat-x scroll 0 0;
padding:10px;
}
.maintable .latest h2 {
color:#CF0B00;
font-family:'Trebuchet MS';
font-size:110%;
font-weight:normal;
margin:0 0 10px !important;
padding:3px;
text-transform:uppercase;
}
.maintable .latest p {
margin:5px 0 0;
}
.maintable .latest .headline {
font-size:100%;
font-weight:bold;
}
.maintable .latest .headline a {
text-decoration:none;
}
.maintable .latest ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:10px 0 0;
padding:0;
}
.maintable .latest ul li {
background:transparent url(graphics/keyboardmag/KMbullet_7.gif) no-repeat scroll 1px 8px;
margin:0;
padding:5px 0 5px 10px;
}
.maintable .latest ul li a {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:90%;
font-weight:bold;
text-decoration:none;
}
.div {
line-height:1.2;
margin:0;
position:relative;
padding:8px;}
.block .text {
float:left;
margin:5px;
padding:0 0 10px;
}
.block .text p {
margin:5px 0 0;
}
.block .no_pic_text p {
margin:5px 0 0;
}
* html p {
height:1%;
margin-left:0;
}
.block .text a {
text-decoration:underline;
}
.block .text .headline {
}
.block .text .headline a {
text-decoration:none;
}
.block .picture {
float:right;
}
.block .picture img {
border:4px solid #FFFFFF;
margin:8px;
}
.rightcolumn h2, .leftcolumn h2 {
background:transparent url(graphics/keyboardmag/KMh2bg.gif) no-repeat scroll left top;
border:1px solid #D4D3CA;
font-family:'Trebuchet MS';
font-size:100%;
font-weight:normal;
margin:0;
text-transform:uppercase;
}
.leftcolumn h2 span, .rightcolumn h2 span {
display:block;
padding:4px 4px 4px 25px;
}
.rightcolumn h2, .leftcolumn h2 {
width:375px;
}
#noize .rightcolumn h2, #genre .rightcolumn h2, #gear .rightcolumn h2, #sectionindex .rightcolumn h2, #noize .leftcolumn h2, #genre .leftcolumn h2, #gear .leftcolumn h2, #sectionindex .leftcolumn h2 {
width:275px;
}
.promobox {
border-top:1px solid #D4D3CA;
padding:0;
width:748px;
}
.promocolumns {
color:#666666;
float:left;
font-size:70%;
margin:0 13px 0 0;
padding:0;
text-align:left;
}
.promocolumns .block2 {
background:transparent url(graphics/keyboardmag/KMbotarrow.gif) no-repeat scroll right bottom;
border:1px solid #D4D3CA;
display:inline;
float:left;
line-height:1.2;
margin:10px 0 0 7px;
min-height:215px;
padding:0 0 20px;
width:138px;
}
.promocolumns .block2 .text2 {
padding:5px;
}
.promocolumns .block2 .text2 p {
margin:5px 0 0;
}
.promocolumns .block2 .text2 a {
text-decoration:underline;
}
.promocolumns .block2 .text2 .headline {
font-family:'Trebuchet MS';
font-size:110%;
text-transform:uppercase;
}
.promocolumns .block2 .text2 .headline a {
text-decoration:none;
}
.promocolumns .block2 .text2 .headline a:hover {
text-decoration:underline;
}
.promocolumns .block2 .picture2 {
border-bottom:1px solid #D4D3CA;
}
.promocolumns .block2 .picture2 img {
margin:3px;
}
.promocolumns .color1, .promocolumns .color2, .promocolumns .color3, .promocolumns .color4, .promocolumns .color5 {
float:left;
}
.advert728 {
text-align:center;
}
.latestissue {
background:transparent url(graphics/keyboardmag/latestbg.jpg) repeat scroll 0 0;
float:left;
font-size:70%;
margin:10px 0 0 5px;
padding:0;
width:134px;
}
.latestissue h2 {
background-color:#FFFFFF;
border-bottom:1px solid #FFFFFF;
font-size:90%;
margin:0;
padding:3px;
text-transform:uppercase;
}
.latestissue h2 a {
color:#CF0B00;
}
.latestissue h2 a:visited {
color:#CF0B00;
}
.latestissue h2 a:hover {
color:#CF0B00;
text-decoration:underline;
}
.latestissue img {
margin:7px;
}
.line hr {
display:none;
}
.line {
border-bottom:1px solid #FFFFFF;
border-top:1px solid;
clear:both;
margin:10px 0;
}
.box {
border:1px solid #D4D3CA;
padding:10px;
}
.section {
border-color:#D4D3CA;
border-style:solid;
border-width:0 1px 1px;
clear:both;
margin:0 0 20px;
width:375px;
}
#feature .section {
border-top:1px solid #D4D3CA !important;
}
.indexpicstory {
border-bottom:1px solid #D4D3CA;
line-height:1.2;
margin:0;
padding:10px;
}
.indexpicstory .text {
float:left;
margin:0 0 0 15px;
padding:0;
width:270px;
}
.section .indexpicstory .text p {
margin:5px 0 0;
width:265px;
}
.indexpicstory .text a {
text-decoration:underline;
}
.indexpicstory .text .headline {
font-size:110%;
font-weight:bold;
}
.indexpicstory .text .headline a {
text-decoration:none;
}
.indexpicstory .text .headline a:hover {
text-decoration:underline;
}
.indexpicstory .picture {
border:1px solid #D4D3CA;
float:left;
padding:4px;
}
.indexnopicstory {
border-bottom:1px solid #D4D3CA;
line-height:1.2;
margin:0;
padding:10px;
}
.indexnopicstory .text {
clear:both;
margin:0;
padding:0;
width:100% !important;
}
.indexnopicstory .text p {
margin:5px 0 0;
}
.indexnopicstory .text a {
text-decoration:underline;
}
.indexnopicstory .text .headline {
font-size:110%;
font-weight:bold;
}
.indexnopicstory .text .headline a {
text-decoration:none;
}
.indexnopicstory .text .headline a:hover {
text-decoration:underline;
}
.section2 .indexnopicstory {
line-height:1.2;
margin:0 0 10px;
}
.section2 .indexnopicstory .text {
clear:both;
margin:0 0 10px;
padding:0;
width:150px;
}
.section2 .picstory .text {
clear:both;
margin:0;
padding:10px;
width:227px;
}
.section2 .picstory {
padding:0;
}
.section2 {
border-color:#D4D3CA;
border-style:solid;
border-width:0 1px 1px;
clear:both;
margin:0 0 20px;
padding:0;
width:275px;
}
.section2 .indexpicstory {
line-height:1.2;
margin:0 0 10px;
}
.section2 .indexpicstory .text {
width:175px;
}
.section2 .indexpicstory .text p {
margin:5px 0 0;
width:170px;
}
.picstory {
border-bottom:1px solid #D4D3CA;
}
.picstory .picture {
background:transparent url(graphics/keyboardmag/keyboardpicbg2.gif) repeat scroll 0 0;
padding:13px 0;
text-align:center;
}
.picstory img {
border:3px solid #FFFFFF;
margin:0;
}
.picstory .text {
clear:both;
margin:10px 0 0;
padding:10px;
}
.picstory .text p {
margin:0;
}
.picstory .text a {
text-decoration:underline;
}
.picstory .text .headline {
font-size:110%;
font-weight:bold;
}
.picstory .text .headline a {
text-decoration:none;
}
.picstory .text .headline a:hover {
text-decoration:underline;
}
.feature {
margin-bottom:0 !important;
padding-bottom:20px;
}
.feature .headline a:hover {
text-decoration:underline;
}
.twocolumn td {
border-bottom:1px solid #D4D3CA;
padding:10px;
width:49%;
}
.twocolumn {
margin:0;
width:100%;
}
ul.storylist {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 10px 10px;
padding:5px 0 0;
}
ul.storylist li {
background:transparent url(graphics/keyboardmag/KMbullet_7.gif) no-repeat scroll 1px 8px;
font-size:100%;
margin:0;
padding:5px 0 5px 10px;
}
ul.storylist li p {
margin:5px 0 0;
}
ul.storylist li a {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:80%;
font-weight:bold;
text-decoration:none;
}
#searchresults ul.storylist li a {
font-family:Arial,Helvetica,sans-serif;
font-size:100%;
}
.twocolumn ul.storylist {
border:medium none !important;
margin:0 !important;
padding:0 !important;
}
#noize .rightcolumn ul.storylist, #genre .rightcolumn ul.storylist, #gear .rightcolumn ul.storylist, #sectionindex .rightcolumn ul.storylist, #noize .leftcolumn ul.storylist, #genre .leftcolumn ul.storylist, #gear .leftcolumn ul.storylist, #sectionindex .leftcolumn ul.storylist, #sectionpage .leftcolumn ul.storylist {
border-bottom:1px solid #D4D3CA;
margin:0;
padding:10px;
}
#az {
border:1px solid #CDCCC1;
margin:10px 0;
padding:8px 8px 0;
}
#az ul {
clear:both;
margin:0;
padding:0;
}
#az ul li {
background:transparent none repeat scroll 0 0;
display:inline;
list-style-type:none;
padding:0;
}
#az ul li a {
background-color:#44688C;
border-bottom:1px solid #006699;
border-right:1px solid #006699;
color:#FFFFFF;
font-size:90%;
font-weight:bold;
line-height:220%;
padding:3px;
text-decoration:none;
}
#az ul li a:visited {
background-color:#44688C;
color:#FFFFFF;
}
#az ul li a:hover {
background-color:#6887A3;
}
#az ul li .on {
background-color:#6887A3 !important;
}
#atoz ul.storylist {
border-bottom:0 none;
}
.backtop {
background:transparent url(graphics/keyboardmag/backtopbg.gif) repeat-x scroll 0 0;
margin:20px 0;
width:100%;
}
.backtop td {
width:49%;
}
.topstorytable {
margin:0 0 10px;
width:567px;
}
.topstorytable td.advert {
background:transparent url(graphics/keyboardmag/keyboardpicbg2.gif) repeat scroll 0 0;
text-align:center;
vertical-align:top;
width:277px;
}
.topstorytable td.advert img {
margin:10px;
}
.topstorytable td.advert object {
margin:10px;
}
.topstorytable td.gutter {
width:11px;
}
.topstorytable td.gutter img {
width:11px;
}
.topstorytable td.topstory {
vertical-align:top;
width:277px;
}
.topstorytable td.topstory .picture {
background:transparent url(graphics/keyboardmag/formbg.jpg) repeat scroll 0 0;
border:1px solid #FFFFFF;
margin:0;
padding:0;
width:100%;
}
.topstorytable td.topstory .picture img {
border:2px solid #FFFFFF;
margin:3px;
}
.topstorytable td.topstory h2 {
background:transparent none repeat scroll 0 0;
margin:0;
}
.topstorytable td.topstory h2 a {
margin:0;
}
.topstorytable td.topstory .text {
background-color:#FFFFFF;
border:1px solid #D6D3CE;
padding:8px 15px 15px;
}
.topstorytable td.topstory {
background-color:#D6D3CE;
}
.topstorytable td.topstory .text p {
margin:5px 0 0;
}
.topstorytable td.topstory .text a {
text-decoration:underline;
}
.topstorytable td.topstory .text .headline {
font-size:110%;
font-weight:bold;
}
.topstorytable td.topstory .text .headline a {
text-decoration:none;
}
.topstorytable td.topstory .text .headline a:hover {
text-decoration:underline;
}
#lessons .topstorytable, #feature .topstorytable {
width:374px !important;
}
#lessons .topstorytable td.topstory, #feature .topstorytable td.topstory {
width:374px;
}
#lessons .topstorytable td.topstory .picture, #feature .topstorytable td.topstory .picture {
width:100%;
}
#lessons .topstorytable td.topstory .picture img, #feature .topstorytable td.topstory .picture img {
border-right:1px solid #FFFFFF;
}
#lessons .topstorytable td.topstory h2, #feature .topstorytable td.topstory h2 {
border:medium none !important;
}
#lessons .topstorytable td.topstory h2 span, #feature .topstorytable td.topstory h2 span {
border:medium none !important;
padding:0 !important;
}
.lesson {
color:#666666;
text-transform:uppercase;
}
.headline .lesson {
font-size:100%;
font-weight:normal;
}
.pagesearch {
background:transparent url(graphics/keyboardmag/formbg.jpg) repeat scroll 0 0;
margin:0 0 10px;
padding:5px;
text-transform:uppercase;
}
.pagesearch label {
font-size:0;
left:-500px;
margin:0;
padding:0;
position:absolute;
top:-500px;
}
.pagesearch select, .pagesearch input {
color:#44688C;
font-family:Arial,Helvetica,sans-serif;
font-size:105%;
width:125px;
}
.pagesearch .button {
position:relative;
top:5px;
width:auto;
}
.pagesearch a {
background:transparent url() no-repeat scroll left top;
color:#44688C;
padding-left:10px;
}
.pagesearch a:visited {
color:#44688C;
}
#poll {
margin:20px 0;
}
#poll form {
background-color:#FFFFFF;
border-color:-moz-use-text-color #44688C #44688C;
border-style:none solid solid;
border-width:0 1px 1px;
width:100% !important;
}
#poll .header {
background-color:#44688C;
border:1px solid #44688C;
color:#FFFFFF;
font-weight:bold;
line-height:110%;
padding:2px 3px 3px 5px;
text-transform:uppercase;
}
#poll p {
color:#333333;
margin:1px 0 0;
padding:5px;
}
#poll .bar {
display:block;
margin-top:2px;
padding-left:8px;
}
#poll .block {
background:transparent none repeat scroll 0 0 !important;
border:medium none;
color:#44688C;
margin:0;
padding:1px 5px 4px;
width:100%;
}
#poll .submit {
background-color:#44688C;
border-top:1px solid #FFFFFF;
}
#poll .submit input {
background-color:#44688C;
border:0 none;
color:#FFFFFF;
font-size:90%;
font-weight:bold;
margin:3px;
text-transform:uppercase;
}
.relatedpub {
border:1px solid #CCCCCC;
padding:0;
vertical-align:middle;
width:385px;
}
.relatedpub img {
margin:3px;
}
.relatedpub span {
position:relative;
top:-8px;
}
.more {
background:transparent url(graphics/keyboardmag/morebg.gif) repeat scroll right top;
font-family:Arial,Helvetica,sans-serif;
font-size:90%;
padding:5px 25px 5px 10px;
text-align:right;
text-transform:uppercase;
}
.line2 hr {
display:none;
}
.line2 {
display:none;
}
#contacts .storylist .title {
text-transform:uppercase;
}
#eventsdate {
margin:0 0 20px;
}
#eventsdate .subsubhead {
background-color:#44688C !important;
color:#FFFFFF;
font-size:92%;
font-weight:bold;
margin:20px 0 0;
padding:5px 5px 2px;
}
#eventsdate ul {
background-color:#EEEEEA;
border:1px solid #44688C;
margin:0;
padding:7px 10px;
}
#eventsdate li {
background:transparent none repeat scroll 0 0;
display:inline;
line-height:200%;
margin:0;
padding:0 2px;
}
#eventsdate li a {
background-color:#FFFFFF;
border-color:#CCCCCC #BBBBBB #BBBBBB #CCCCCC;
border-style:solid;
border-width:1px 2px 2px 1px;
color:#666666;
font-size:85%;
font-weight:bold;
padding:2px 4px;
text-decoration:none;
text-transform:uppercase;
}
#eventsdate li a:visited {
color:#666666;
text-decoration:none;
}
#eventsdate li a:hover {
background-color:#666666;
border-color:#666666;
border-style:solid;
border-width:1px 2px 2px 1px;
color:#FFFFFF;
}
#eventsdate p {
font-size:92%;
margin:10px 0 0;
}
table {
font-size:100%;
}
.hybridtable {
font-size:92%;
margin:15px 0;
}
.hybridtable th {
background-color:#CCCCCC;
border-bottom:2px solid #FFFFFF;
border-right:2px solid #FFFFFF;
color:#000000;
padding:3px 5px;
}
.hybridtable td {
border-bottom:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
color:#000000;
padding:3px 5px;
}
.hybridtable .hybrideven {
background-color:#CCCCCC;
}
.hybridtable .hybridodd {
background-color:#EEEEEE;
}
.hybridtable .hybridhead {
background-color:#44688C;
border-bottom:2px solid #FFFFFF;
border-right:2px solid #FFFFFF;
color:#FFFFFF;
font-weight:bold;
}
.hybridnav h2 {
margin:0 !important;
padding:0 !important;
}
.hybridnav h2 a {
background-color:#CDCCC1 !important;
color:#CF0B00 !important;
display:block;
font-size:100%;
font-weight:bold !important;
margin:0 !important;
padding:0 2px 2px 3px !important;
text-decoration:none;
}
.hybridnav h2 a:visited {
color:#CF0B00 !important;
text-decoration:none;
}
.hybridnav h2 a:hover {
color:#CF0B00 !important;
text-decoration:underline;
}
.hybridnav {
background-color:#FFFFFF;
border:1px solid #CDCCC1;
margin:0 0 10px;
padding:0 0 5px;
text-transform:uppercase;
width:100%;
}
.hybridnav ul {
font-family:Arial,Helvetica,sans-serif;
font-size:90%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 8px 8px;
padding:0;
}
.hybridnav ul li {
border-bottom:1px solid #CDCCC1;
}
.hybridnav ul li a {
color:#44688C;
display:block;
padding:5px 0;
text-decoration:none;
}
.hybridnav ul li a:visited {
color:#44688C;
text-decoration:none;
}
.hybridnav ul li a:hover {
color:#44688C;
text-decoration:underline;
}
.hybridnav ul .on a {
color:#CF0B00 !important;
}
.hybridnav ul .on a:visited {
color:#CF0B00 !important;
}
.hybridnav ul .on a:hover {
color:#CF0B00 !important;
}
.story #storycolumn {
background-color:#FFFFFF;
float:right;
font-size:90%;
line-height:125%;
position:relative;
width:175px;
}
.story #storycolumn .inner {
margin:0 0 15px 15px;
padding:0;
}
.relatedhead {
background-color:#44688C;
color:#FFFFFF;
font-size:90%;
font-weight:bold;
padding:3px;
text-transform:uppercase;
}
.related {
border-color:-moz-use-text-color #44688C #44688C;
border-style:none solid solid;
border-width:medium 1px 1px;
margin:0 0 10px;
padding:8px;
}
.related p {
margin:5px;
}
.related .storylist {
font-size:100%;
list-style-position:outside;
margin:0;
}
.related .storylist li {
border-bottom:1px solid #CCCCCC;
color:#44688C;
line-height:100%;
position:relative;
}
.related .storylist li a {
color:#44688C;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:90%;
font-weight:bold;
position:relative;
text-decoration:none;
}
.related .storylist li a:visited {
color:#44688C;
position:relative;
text-decoration:none;
}
.related .storylist li a:hover {
position:relative;
text-decoration:underline;
}
.related dl.storylist {
margin:10px 0 0;
padding:0;
width:100%;
}
.related dl.storylist dt {
clear:both;
float:right;
margin:0;
padding:0;
}
.related dl.storylist dd.flink {
background:transparent url(graphics/keyboardmag/bullet_6.gif) no-repeat scroll 2px 4px;
color:#44688C;
margin:0;
padding:0 0 0 15px;
}
.related dl.storylist dd.finfo {
border-bottom:1px solid #CCCCCC;
color:#666666;
margin:0 0 5px;
padding:0 0 5px 15px;
}
.related dl.storylist dd a {
color:#44688C;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:90%;
font-weight:bold;
text-decoration:none;
}
.related dl.storylist dd a:visited {
color:#44688C;
text-decoration:none;
}
.related dl.storylist dd a:hover {
text-decoration:underline;
}
ul.piclist {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
ul.piclist li {
background:transparent url(graphics/keyboardmag/bullet.gif) no-repeat scroll 0 8px !important;
border-bottom:1px solid #CCCCCC;
margin:0 0 15px 0;
padding:0 0 0 15px;
}
ul.piclist li a.headline {
font-size:100%;
font-weight:bold;
text-decoration:none;
}
ul.piclist li .date {
color:#44688C;
display:block;
font-size:90%;
}
ul.piclist li .picture {
float:right;
margin:0 0 2px 5px;
}
ul.piclist li strong {
color:#999999;
}
ul.piclist li p {
font-size:100%;
}
#leadpicture {
margin-bottom:10px;
width:385px;
}
#leadpicture h1.headline {
color:#FFFFFF;
font-size:125%;
font-weight:bold;
margin:0 !important;
padding:0 !important;
}
#leadpicture img {
border-bottom:1px solid #FFFFFF;
}
#leadpicture span {
display:block;
padding:5px;
}
.storybuttons {
background-color:#44688C;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:90%;
margin:0 0 20px;
padding:5px 10px;
text-transform:uppercase;
}
.storybuttons ul {
margin:0;
padding:10px;
}
.storybuttons ul li {
background:transparent none repeat scroll 0 0 !important;
border-bottom:1px solid #CCCCCC;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:5px 0;
padding:5px 10px 5px 20px !important;
}
.storybuttons ul li img {
margin:0 7px 0 -19px;
vertical-align:middle;
}
.storybuttons ul li a {
color:#FFFFFF;
text-decoration:none;
}
.storybuttons ul li a:visited {
color:#FFFFFF;
text-decoration:none;
}
.storybuttons ul li a:hover {
color:#FFFFFF;
text-decoration:underline !important;
}
.inlinetable .storybuttons {
margin:10px 10px 0 12px;
}
.inlinetable .storybuttons ul li a {
font-size:86%;
}
.story {
font-size:100%;
line-height:125%;
}
.story h1 {
font-size:230%;
font-weight:normal;
line-height:125%;
margin-top:5px;
}
.story h2 {
background:transparent none repeat scroll 0 0 !important;
font-size:150%;
font-weight:normal;
line-height:125%;
margin:15px 0 0;
}
.story h3 {
font-size:130%;
font-weight:normal;
line-height:125%;
margin:15px 0 0;
}
.story h4 {
font-size:120%;
font-weight:normal;
line-height:125%;
margin:15px 0 0;
}
.story hr {
border-color:-moz-use-text-color -moz-use-text-color #CCCCCC;
border-style:none none solid;
border-width:0 0 1px;
color:#FFFFFF;
height:1px;
margin:5px 0;
padding:0;
}
.catchline {
display:block;
font-size:120%;
font-weight:bold;
padding-left:20px;
}
.story a {
text-decoration:underline;
}
.story a:visited {
text-decoration:underline;
}
.story .award {
display:inline;
float:right;
padding:10px 0 0;
}
.quotetable {
font-size:100% !important;
margin:0 0 10px 10px;
width:150px;
}
td .storyquote {
padding:0 8px 2px;
}
td .storyquote p {
line-height:135%;
margin-top:5px;
}
td .quotesource {
padding:0 8px;
}
td .quotesource p {
border-top:1px solid #CCCCCC;
color:#666666;
font-size:90%;
line-height:125%;
margin:0 0 5px;
padding:5px 0 5px 3px;
}
.photocredit {
font-family:Arial,Helvetica,sans-serif;
font-size:90%;
margin:8px 0 0 5px;
padding-right:5px;
text-align:right;
}
.bylinetable {
float:left;
margin:0 10px 10px 0;
position:relative;
width:105px;
}
.bylinetable td {
background-color:#E9E2B9;
padding:0;
text-align:right;
}
.bylinetable img {
border-left:2px solid #FFFFFF;
}
.bylinetable p {
background-color:#FFFFFF;
border-bottom:1px solid #999999;
font-size:90%;
margin:0 !important;
padding:4px 0;
}
#bio .picture {
clear:both !important;
float:left;
margin:0 10px 10px 0;
}
#bio h2 {
clear:both;
}
.story .inner .inlinepic {
background-color:#FFFFFF;
border-bottom:1px solid;
border-top:1px solid;
clear:left;
float:left;
margin:5px 5px 20px 0;
padding:10px 5px 5px 0;
}
.story .inner .inlinepic .text {
font-family:Arial,Helvetica,sans-serif;
font-size:92%;
}
.story .inner .inlinepic h2 {
border-top:0 none;
margin:15px 0 0;
padding:0;
}
.story .inner .inlinepic h3 {
margin:15px 0 0;
}
.story .inner .inlinepic h4 {
margin:15px 0 0;
}
.inlineadvert {
background-color:#FFFFFF;
border-bottom:1px solid;
border-top:1px solid;
clear:left;
float:left;
margin:10px 10px 10px 0;
padding:10px 0;
text-align:center;
}
.inlineadvertfull {
background-color:#FFFFFF;
border-bottom:1px solid;
border-top:1px solid;
clear:left;
margin:10px 0;
padding:10px 0;
text-align:center;
}
.standfirst {
font-size:100%;
font-weight:bold;
margin:20px 0 15px;
}
.story .inner .postscript, .story .inner .credit, .story .inner .source, .story .inner .references, .story .inner .reader {
clear:left;
color:#999999;
font-family:Arial,Helvetica,sans-serif;
font-size:92%;
font-style:italic;
}
.story .inner .postscript span, .story .inner .credit span, .story .inner .source span, .story .inner .references span, .story .inner .reader span {
border-bottom:1px solid #BBBBBB;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
}
.story .inner .postscript p, .story .inner .credit p, .story .inner .source p, .story .inner .references p, .story .inner .reader p {
font-family:Arial,Helvetica,sans-serif;
margin:5px 0 20px;
}
.story .inner .bookreview {
font-size:92%;
margin:10px 0;
}
.story .inner .factfile {
border:1px solid #44688C;
clear:both;
margin:0 0 20px;
}
.story .inner .factfile h2 {
border-top:0 none;
margin:15px 0 0;
padding:0;
}
.story .inner .factfile h3 {
margin:15px 0 0;
}
.story .inner .factfile h4 {
margin:15px 0 0;
}
.story .inner .factfile ul, ol {
color:#666666;
}
.story .inner .factfile .text {
font-size:100%;
padding:5px 15px 15px;
}
.story .inner .factfile .text .picture {
float:left;
margin:10px 10px 10px 0;
width:120px;
}
.ffsubsubhead h2 {
clear:both;
color:#FFFFFF !important;
font-size:90%;
font-weight:bold;
margin:0 !important;
padding:3px;
text-transform:uppercase;
}
table.tmt {
font-size:100%;
}
html > body div.inlinetable {
overflow:auto;
padding-bottom:0;
}
.inlinetable {
width:380px;
}
.inlinetable {
clear:left;
display:inline;
float:left;
font-size:120%;
height:auto;
margin:15px 10px 15px 0;
overflow-x:auto;
overflow-y:visible;
padding-bottom:15px;
position:relative;
width:380px;
}
#classified #rightsidepromo .houseadvert {
width:160px;
}
#classified .maincolumn .storytext hr {
margin:0;
padding:0;
}
#classified .maincolumn .storytext p {
margin:10px 0;
}
#subs .sitesearch, #subsform .sitesearch {
position:absolute;
top:20px;
}
#subs .toplinks, #subsform .toplinks {
position:absolute;
top:10px;
}
#subs .maintable .column1, #subsform .maintable .column1 {
width:1px !important;
}
#subs .maintable .column2, #subsform .maintable .column2 {
width:717px !important;
}
#subsform .maintable .column2 .leftcolumn2 {
width:717px !important;
}
#subs .maintable .column2 .rightcolumn {
float:right;
width:320px !important;
}
#subs .maintable .column2 .rightcolumn .houseadvert {
margin-bottom:20px;
width:320px;
}
#subs .maintable .column2 .rightcolumn .houseadvert .button a {
-x-system-font:none;
background-color:#FFFFFF;
border:1px solid #918E77;
color:#918E77;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:75%;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:3px;
text-decoration:none;
text-transform:uppercase;
}
#subsform .formbox .picture {
margin:0 0 10px 10px;
}
#subsform .formbox .picture {
float:right;
}
#subsform .boxcontainer {
background:transparent url(graphics/keyboardmag/box_bg.gif) repeat scroll center bottom;
}
#subsform .box2 {
border-top:1px solid #D2D3CE;
float:left;
font-size:100%;
margin:0 20px 0 0 !important;
padding:0 !important;
width:320px;
}
#subsform .box2 h2 {
margin:0;
padding:0;
}
#subsform .box2 .inner {
padding:7px;
}
.newsletter {
background:transparent url(graphics/keyboardmag/KM_bac_newsletter.jpg) repeat scroll left top;
border:1px solid #999999;
margin-bottom:10px;
padding:4px 6px 12px;
}
.newsletter .heading {
color:#CF0B00;
font-size:1.2em;
margin:0 0 10px;
padding:0 4px 4px 9px;
text-transform:uppercase;
}
.newsletter .text {
color:#000000;
font-size:1.1em;
padding:20px 0 6px 9px;
}
.newsletter .signin {
padding:0 0 0 9px;
}
.newsletter .signin a {
color:#CF0B00;
font-size:1.1em;
text-decoration:underline;
text-transform:uppercase;
}
.newsletter .signin a:visited {
color:#CF0B00;
text-decoration:underline;
}
.newsletter .signin a:hover {
color:#000000;
text-decoration:underline;
}
#homepage .toplinks {
color:#666666;
display:block;
font-size:65%;
left:580px;
padding:5px;
position:absolute;
text-transform:uppercase;
top:5px;
z-index:52;
}
#homepage .toplinks a {
color:#666666;
}
#homepage .toplinks a:visited {
color:#666666;
}
#homepage .sitesearch {
color:#666666;
font-family:Arial,Helvetica,sans-serif;
font-size:65%;
left:535px;
position:absolute;
text-align:right;
top:25px;
width:200px;
z-index:50;
}
#homepage .masthead {
background:transparent none repeat scroll 0 0;
margin:0 0 0 15px;
padding:0;
width:743px;
}
#homepage .maincolumn {
margin:0 11px;
padding:0;
width:748px;
}
.mastnav {
background:transparent none repeat scroll 0 0;
left:529px;
position:absolute;
top:145px;
z-index:50;
}
.mastnav ul {
margin:0;
padding:10px;
}
.mastnav ul li {
display:inline;
font-size:60%;
padding:0 10px;
text-transform:uppercase;
}
.mastnav ul li a {
color:#FFFFFF;
}
.mastnav ul li a:visited {
color:#FFFFFF;
}
#homepage .mastnav {
background:transparent none repeat scroll 0 0;
left:510px;
position:absolute;
top:126px;
z-index:50;
}
#homepage .mastnav ul {
margin:0;
padding:10px;
}
#homepage .mastnav ul li {
display:inline;
font-size:60%;
padding:0 10px;
text-transform:uppercase;
}
#homepage .mastnav ul li a {
color:#FFFFFF;
}
#homepage .mastnav ul li a:visited {
color:#FFFFFF;
}
#subsform .mastnav {
background:transparent none repeat scroll 0 0;
left:528px;
position:absolute;
top:51px;
z-index:50;
}
#subsform .mastnav ul {
margin:0;
padding:10px;
}
#subsform .mastnav ul li {
display:inline;
font-size:60%;
padding:0 10px;
text-transform:uppercase;
}
#subsform .mastnav ul li a {
color:#FFFFFF;
}
#subsform .mastnav ul li a:visited {
color:#FFFFFF;
}
.topadvert {
background-color:#EEEEEE;
height:100px;
margin-left:10px;
margin-top:5px;
padding:10px 0 0;
text-align:center;
width:749px;
}
.topadvert .inside img {
border:medium none;
}
.topadvert .inside {
margin:0 auto;
}
.hptop {
background:transparent url(graphics/keyboardmag/KM_videoframe_bg.gif) no-repeat scroll center top;
float:left;
margin:8px 0;
width:470px;
}
.hptop .videobox {
margin:0 2px;
}
.hptop p {
color:#034E8B;
font-size:74%;
line-height:1.5;
padding:0 6px 8px;
}
.hptop p a, .hptop p a:visited, .hptop p a:focus {
color:#034E8B;
text-decoration:underline;
}
.hptop p a:hover {
text-decoration:none;
}
.hptop .videobox {
text-align:center;
}
#homepage .advert250 {
float:right;
padding-bottom:15px;
}
#homepage .hpflash {
padding-bottom:15px;
}
#homepage .maintable {
border-right:1px solid #D2D3CE;
display:inline;
float:left;
margin:0;
padding:0 9px;
width:470px;
}
#homepage .maintable .column1 {
float:left;
margin:0 10px 0 0 !important;
}
#homepage .maintable .column2 {
float:left;
margin:0;
padding:0 !important;
}
#homepage .maintable .color4 .blockborder {
border:1px solid #D4D3CA;
}
#homepage .maintable .color4 .blockborder p {
margin:5px 0 0;
}
#homepage .maintable .width1 {
border:medium none;
width:300px;
}
#homepage .maintable .width2 {
width:305px;
}
#homepage .maintable .width3 {
padding:0;
width:230px;
}
#homepage .maintable .margin2 {
margin-left:10px;
}
#homepage .block {
background:transparent none repeat scroll 0 0;
line-height:1.2;
position:relative;
width:230px;
}
#homepage .maintable .block.width1 {
background:transparent none repeat scroll 0 0;
clear:left;
margin:10px 5px 5px 10px;
padding:0;
width:auto;
}
#homepage .maintable .block.width2 {
background:transparent none repeat scroll 0 0;
margin:10px 0 0 9px;
padding:0 5px 5px 0;
width:auto;
}
#homepage .block .text {
background:transparent none repeat scroll 0 0;
float:none;
}
#homepage .block.width2 .text {
background:transparent none repeat scroll 0 0;
float:none;
margin:0 0 10px;
padding:0;
width:auto;
}
#homepage .block.width2 .no_pic_text, #homepage .block.width1 .no_pic_text {
background:transparent none repeat scroll 0 0;
float:none;
margin:0 0 10px;
padding:0;
width:auto;
}
#homepage .block .text p {
}
#homepage .block .text a {
}
#homepage .block .text .headline {
}
#homepage .block.width1 span.headline a {
font-size:115%;
font-weight:bold;
}
#homepage .block.width2 span.headline a {
font-size:115%;
font-weight:bold;
}
#homepage .block .text .headline a {
text-decoration:none;
}
#homepage .block .picture {
background:transparent none repeat scroll 0 0;
border:1px solid #D4D3CA;
float:left;
margin:0 10px 10px 0;
}
#homepage .block.width1 .picture {
background:transparent none repeat scroll 0 0;
}
#homepage .block .picture img {
border:2px solid #FFFFFF;
margin:2px;
padding:0;
}
#homepage .column2 h2, .topstorytable h2 {
font-family:'Trebuchet MS';
font-size:110%;
font-weight:normal;
margin:0;
padding:4px;
text-transform:uppercase;
}
#homepage #rightsideadvert {
left:790px;
position:absolute;
top:155px;
}
#homepage .maintable .column3 .adverts p {
margin:0 0 20px;
}
#homepage .advert728 {
margin:10px;
}
#homepage .rightfloatcol {
float:left;
padding:0 4px;
width:250px;
}
#homepage .rightfloatcol .column3 > p {
margin-top:10px;
}
* html #homepage .rightfloatcol {
margin-top:10px;
}
#homepage .rightfloatcol .column3 {
font-size:70%;
vertical-align:top;
}
#homepage .rightfloatcol .column3 .adverts {
margin:0;
padding:0 0 0 8px;
}
#homepage .rightfloatcol .block div.text {
width:auto !important;
}
#homepage .rightfloatcol .block {
border:medium none;
}
#homepage .rightfloatcol .column3 .col3_editorial {
background-color:#FF6699;
border:1px solid #D4D3CA;
margin-bottom:10px;
margin-right:10px;
}
#homepage #content .rightfloatcol .column3 .col3_editorial .block {
}
#homepage .rightfloatcol .column3 .col3_editorial {
background-color:#FFFFFF;
margin-top:7px;
}
#homepage #content .rightfloatcol .column3 .col3_editorial .block {
}
#homepage #content .rightfloatcol .column3 .col3_editorial ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 10px;
padding:0;
}
#homepage #content .rightfloatcol .column3 .col3_editorial ul li {
background:transparent url(graphics/keyboardmag/KMbullet_7.gif) no-repeat scroll 1px 9px;
margin-bottom:0;
}
#homepage #content .rightfloatcol .column3 .col3_editorial ul li div {
width:auto;
}
#homepage #content .rightfloatcol .column3 .col3_editorial .block .text {
padding:0 0 0 10px;
}
#homepage #content .rightfloatcol .column3 .col3_editorial .block .text span {
font-size:92%;
}
#homepage #content .rightfloatcol .column3 .col3_editorial .block .date {
color:#666666;
display:inline;
font-size:85%;
}
#homepage #content .rightfloatcol .column3 .col3_editorial .more {
background-image:none;
margin:0 4px 0 0;
padding:0 0 4px;
}
#homepage #content .rightfloatcol .column3 .col3_editorial .more a {
color:#000000;
margin:0;
padding:0;
}
#homepage #content .rightfloatcol .column3 .col3_editorial .more a:hover {
color:#000000;
}
#homepage #content .rightfloatcol .column3 .col3_editorial .more a:visited {
color:#000000;
}
#homepage #content .rightfloatcol .column3 .latestissuead .block1 {
background:transparent url(graphics/keyboardmag/latestbg.jpg) no-repeat scroll left top;
border:1px solid #918E77;
padding-bottom:10px;
position:relative;
width:230px;
}
#homepage #content .rightfloatcol .column3 .latestissuead .block1:after {
clear:left;
content:".";
display:block;
height:0;
visibility:hidden;
}
#homepage #content .rightfloatcol .column3 .latestissuead .block1 h2 {
font-size:100%;
margin:10px 0 0;
}
#homepage #content .rightfloatcol .column3 .latestissuead .block1 .text {
padding-left:2px;
}
#homepage #content .rightfloatcol .column3 .latestissuead .block1 .text a {
font-weight:bold;
text-transform:uppercase;
}
#homepage #content .rightfloatcol .column3 .latestissuead .block1 .text p {
font-size:86%;
margin-right:8px;
margin-top:0;
padding:0;
}
#homepage #content .rightfloatcol .latestissuead .block1 .text span {
font-size:92%;
}
#homepage #content .rightfloatcol .column3 .latestissuead .picture {
float:left;
}
#homepage #content .rightfloatcol .column3 .latestissuead img {
margin:9px;
}
#homepage #content {
border-top:1px solid #D2D3CE;
}
#homepage .rightfloatcol .column3 .adverts h2 {
color:#034E8B;
font-size:1.1em;
font-weight:normal;
margin:2px;
text-transform:uppercase;
}
#taxonomy {
border-bottom:1px solid #CCCCCC;
color:#999999;
font-family:Arial,Helvetica,sans-serif;
font-size:70%;
height:25px;
margin:10px;
width:750px;
}
#taxonomy p {
padding:10px 10px 0 0;
}
#taxonomy a {
border-right-width:20px;
color:Gray;
margin-right:5px;
text-decoration:underline;
}
#taxonomy a:visited {
color:Gray;
text-decoration:underline;
}
#taxonomy a:hover {
color:Gray;
text-decoration:underline;
}
#taxonomyProduct {
color:#44688C;
font-family:Arial,Helvetica,sans-serif;
margin:0 0 30px;
}
#taxonomyProduct a {
color:#44688C;
font-weight:bold;
height:30px;
text-decoration:underline;
}
#landing a {
color:#44688C;
}

dl{
    margin-top:5px;
	margin-bottom:3px;
	padding-bottom:2px;
	border-bottom:#CCCCCC dotted 1px;
   }

dt{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#666666;
  line-height:160%;
  }
  dd{
   margin-left:12px;
   }

   .div dt{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#666666;
  line-height:160%;
  }