/* copyright - touch-mix.com 2009 */ body {margin:0;border:0;padding:0;background:#222;color:#ddd;font-family:Helvetica, Arial, sans-serif;} h1 {margin:0;padding:0;position:absolute;top:-500em;left:-500em;height:1px;width:1px;z-index:-1;text-indent:-1000em;} h2 {margin:0 0 20px 0;padding:30px 0 10px 0;color:#fff;font-size:1.8em;letter-spacing:-1px;line-height:1.2em;border-bottom:1px dotted #444;height:30px;} h3 {margin:0 0 10px 0;padding:0 0 10px 0;color:#fff;font-weight:bold;font-size:0.9em;line-height:1.5em;letter-spacing:-1px;} h4 {margin:0 0 10px 0;padding:0 0 10px 0;color:#fff;font-weight:bold;font-size:0.8em;line-height:1.5em;} p {padding:0 10px 10px 0;font-weight:normal;font-size:0.75em;line-height:1.4em;font-family:Arial, Helvetica, sans-serif;} span {line-height:1.4em;} a {color:#fff;text-decoration:underline;} a:link {color:#eee;} a:visited {color:#999;} a:hover {color:#0e9afb;text-decoration:none;} a:active {color:#0e9afb;text-decoration:underline;} li {font-weight:normal;font-size:0.75em;line-height:1.4em;letter-spacing:0.01em;} ul {margin:0;border:0;padding:0;} table, tr {} th, td {font-size:0.75em;line-height:1.4em;} em {} strong {} blockquote {padding:0;font-style:italic;font-size:1em;line-height:1.4em;} address {padding:0 0 10px 0;font-style:normal;font-size:0.75em;line-height:1.4em;letter-spacing:0.01em;} input, textarea, select {margin:0;border:0;padding:0;font-size:0.75em;color:#000;} * html input, * html textarea, * html select {background:#fff;color:#000;} fieldset {margin:0;border:0;padding:0;} abbr {border-bottom:1px dotted #fff;letter-spacing:-0.1em} hr {display:none;} /* accessibility */ #access {position:absolute;top:-1px;left:-1px;height:1px;width:1px;z-index:-1;text-indent:-1000em;visibility:hidden;} #access a {text-decoration:underline;font-weight:bold;} /* layout */ #grip {margin:0;padding:40px 0;background:#000;} #holdall {margin:0 auto;padding:0;width:940px;} #masthead {margin:0 auto 30px auto;padding:0;background:url(http://www.touch-mix.com/dev/images/system/touch-mix-masthead.gif) no-repeat;width:940px;height:49px;clear:both;} #masthead #logo {margin:0;float:left;width:230px;} #masthead #logo h2 {margin:0;padding:0;border:0;background:none;} #masthead #logo h2 a {margin:0;float:left;width:230px;height:48px;background:none;display:block;} #masthead #logo h2 a img {position:absolute;top:-1px;left:-1px;height:1px;width:1px;z-index:-1;text-indent:-1000em;visibility:hidden;} #masthead #nav ul {width:286px;margin:12px 0 0 0;float:right;background:#000;} #masthead #nav li {display:inline;height:36px;} #masthead #nav li span {margin:0;padding:0;position:absolute;top:-500em;left:-500em;height:1px;width:1px;z-index:-1;text-indent:-1000em;} #masthead #nav li a {height:36px;background-image: url(http://www.touch-mix.com/dev/images/system/touch-mix-masthead.gif);background-repeat:no-repeat;display:block;float:left;} #masthead #nav li.ml-home a {width:48px;background-position: -652px -12px;} #masthead #nav li.ml-features a {width:74px;background-position: -700px -12px;} #masthead #nav li.ml-editions a {width:71px;background-position: -774px -12px;} #masthead #nav li.ml-blog a {width:45px;background-position: -845px -12px;} #masthead #nav li.ml-about a {width:48px;background-position: -892px -12px;} #masthead #nav li.ml-home a:hover {background-position: -652px -61px;} #masthead #nav li.ml-features a:hover {background-position: -700px -61px;} #masthead #nav li.ml-editions a:hover {background-position: -774px -61px;} #masthead #nav li.ml-blog a:hover {background-position: -845px -61px;} #masthead #nav li.ml-about a:hover {background-position: -892px -61px;} #home #masthead #nav li.ml-home a {background-position: -652px -61px;} #home #masthead #nav li.ml-home a:hover {background-position: -652px -110px;} #features #masthead #nav li.ml-features a {background-position: -700px -61px;} #features #masthead #nav li.ml-features a:hover {background-position: -700px -110px;} #editions #masthead #nav li.ml-editions a {background-position: -774px -61px;} #editions #masthead #nav li.ml-editions a:hover {background-position: -774px -110px;} #blog #masthead #nav li.ml-blog a {background-position: -845px -61px;} #blog #masthead #nav li.ml-blog a:hover {background-position: -845px -110px;} #about #masthead #nav li.ml-about a {background-position: -892px -61px;} #about #masthead #nav li.ml-about a:hover {background-position: -892px -110px;} /* content */ #content {padding:0 0 40px 0;width:940px;clear:both;} .cola , .colb, .colc, .cold {width:220px;float:left;position:relative;} .cola {margin-left:0;} .colb, .colc, .cold {margin-left:20px;} .cold {float:right;margin:0;} .cola h3, .colb h3, .colc h3, .cold h3 {margin:0;padding:20px 0 9px 1px;color:#fff;text-transform:uppercase;font-size:0.9em;} .cola h4, .colb h4, .colc h4, .cold h4 {margin:0;padding:14px 0 0 1px;color:#fff;line-height:1.4em;} .cola-2 {width:460px;position:relative;float:left;} .colb-2 {width:460px;position:relative;float:right;} .cola-2 h3, .colb-2 h3 {font-size:1.4em;} .cola-3 {width:700px;position:relative;float:left;} .cola-3 h3 {font-weight:normal;font-size:1.4em;padding:0;} .cola-3 h3 span {font-size:0.6em;letter-spacing:0;} .cola-3 h3 a {text-decoration:none;border:0;padding-bottom:3px;margin:0;} .cola-3 h3 a:hover {text-decoration:none;border-bottom:2px solid #0e9afb;} .squib {margin-bottom:0;} .squib h3 {font-size:1em;margin:28px 0 0 0;text-transform:uppercase;} .squib h3 a {color:#fff;text-decoration:none;} .squib h3 a:visited {color:#fff;} .squib h3 a:hover {color:#0e9afb;} .squib h3 a:active {color:#0e9afb;} .squib p {padding:0;} .squib a.squibthumb {margin:0;padding:3px;border:1px solid #252525;display:block;} .squib a.squibthumb:hover {margin:0;padding:3px;border:1px solid #454545;background:#111;} .squib a.squibthumb img {margin:0;padding:0;border:0;display:block;} .sub .listing {border:0;border-bottom:1px dotted #333;padding:0 0 25px 0;margin:0 0 25px 0;float:left;display:block;clear:both;width:700px;} .sub .listing p.listing-links {margin:0;padding:0;clear:both;width:700px;display:block;float:left;} .sub .listing a.thumblink {border:1px solid #333;padding:3px;float:left;margin:0 0 25px 0;display:block;} .sub .listing a.thumblink:hover {border:1px solid #454545;padding:3px;float:left;margin:0 0 25px 0;background:#111;} .sub .med .blog-squib p {border:0;float:right;width:460px;background:#000;padding:0 0 10px 0;display:block;} .sub .med h3.blog-title {border:0;float:right;margin:0 0 8px 0;width:460px;background:#000;padding:0;display:block;} .sub .large h3.blog-title {border:0;float:left;margin:0 0 8px 0;width:700px;background:#000;padding:0;display:block;} .sub .large .blog-squib p {border:0;float:left;width:700px;background:#000;padding:0 0 10px 0;display:block;} .sub .article .listing {padding:0 0 20px 0;border-bottom:1px solid #000;border-top:1px solid #000;display:block;width:700px;float:left;} .sub .article h3.comment-title {border-top:1px dotted #444;border-bottom:1px dotted #444;padding:20px 0 10px 0;margin:20px 0;font-size:1em;font-weight:bold;} .sub .cold h4 {margin:0 0 30px 0;padding:30px 0 10px 0;color:#fff;font-size:1.3em;letter-spacing:-1px;line-height:1.9em;border-bottom:1px dotted #444;height:30px;} .sub .cold li {font-size:1em;} .sub .cold li span {color:#555;} .sub #paginate a {text-decoration:none;padding:0 5px;} .sub #paginate span a {padding:0 3px;} .sub #paginate span a:hover {text-decoration:underline;} .sub #paginate span.selected a {color:#0e9afb;text-decoration:underline;} .sub .title-img {border:1px solid #444;padding:3px;margin:0 0 30px 0;} .sub .cola-4 {padding:0;margin:0;float:left;display:block;clear:both;width:940px;} .sub .cola-4 p {float:left;width:680px;padding-right:20px;} .sub .cola-4 p.btn-app {margin:-5px 0 0 0;padding:0;float:right;width:220px;display:block;} .sub .cola-4 p.btn-app a {padding:4px;float:right;display:block;border:0;background:none;} .sub .cola-4 p.btn-app a:hover {background:url(http://www.touch-mix.com/dev/images/system/btn-app-blue.png) 4px 4px no-repeat;} * html .sub .cola-4 p.btn-app a:hover {background:url(http://www.touch-mix.com/dev/images/system/btn-app-blue.gif);} .sub .cola-4 p.btn-app img {margin:0;padding:0;float:right;display:block;} .sub .editorial-vimeo {border:1px solid #444;padding:3px;margin-bottom:15px;} .sub .editorial-copy p, .sub .editorial-link {padding:0 0 10px 0;float:left;display:block;} .sub .editorial-shot img {display:block;width:212px;} .sub .editorial-shot-main {padding:3px;border:1px solid #444;float:left;display:block;margin-bottom:15px;} .sub .editions-squibs .editorial-shot a {padding:3px;border:1px solid #444;float:left;display:block;margin-bottom:15px;} .sub .editions-squibs .editorial-shot a:hover {border:1px solid #666;background:#222;} .sub .editorial-shot-overview img {display:block;width:212px;} .sub .editions-squibs .editorial-shot-overview a {padding:3px;border:1px solid #444;float:left;display:block;margin-bottom:0px;} .sub .editions-squibs .editorial-shot-overview a:hover {border:1px solid #666;background:#222;} .sub .blog-image {float:left;} .sub .blog-image img {display:block;padding:3px;border:1px solid #444; margin:0 10px 10px 0;} .sub h2 .date {font-size:0.4em;font-weight:normal;letter-spacing:0;} .sub h2 .cat-name {font-size:0.75em;font-weight:normal;letter-spacing:-1px;} .sub .row {margin:20px 0 0 0;padding:20px 0 0 0;border-top:1px dotted #444;clear:both;float:left;width:940px;} .sub .rowedition {margin:10px 0 0 0;padding:20px 0 0 0;border-top:1px dotted #444;clear:both;float:left;width:940px;} .sub p strong {font-size:1.2em;} .sub .cold .cat-list {color:#555;} .sub h3.comment-title {border-top:1px dotted #444;border-bottom:1px dotted #444;padding:20px 0 10px 0;margin:20px 0;font-size:1em;font-weight:bold;} .sub .commentbox {clear:both;float:left;padding:10px 0;border-bottom:1px dotted #444;width:700px;} .sub .commentbox h5 {float:left;font-size:0.8em;padding:5px 10px 0 0;} .sub .commentbox h5 a {} .sub .commentbox h5 span {font-weight:normal;display:block;padding:3px 0;font-size:.9em;} .sub .comment {width:460px;float:right;} .sub .comment p {padding:5px 20px 10px 0;margin:0;} .sub .alt1 {background:#000;} .sub .alt2 {background:#000;} #commentposter {clear:both;float:left;padding:30px 0;width:700px;background:#000;} #commentposter h3 {border:0;padding:0;margin:0;font-size:1em;width:220px;float:left;font-weight:bold;} #commentposter fieldset {background:#000;width:460px;float:right;} #commentposter .comment-field {width:440px;padding:4px;margin:0 0 5px 0;background:#222;color:#ddd;font-size:0.8em;font-family:arial, helvetica, sans-serif;border-bottom:1px solid #333;} #commentposter .comment-field:hover, #commentposter textarea:hover {background:#333;} #commentposter textarea {width:440px;padding:4px;margin:0 0 10px 0;background:#222;color:#ddd;font-size:0.8em;font-family:arial, helvetica, sans-serif;border-bottom:1px solid #333;} #commentposter label {padding:4px 0:width:100px;font-size:0.8em;display:block;float:left;} /* sitewide classes */ .clear {clear:both;} .bye {visibility:hidden;} .more {margin:0;padding:0;background:0;border:0;} .error {background-color:#f2f2f2;padding:30px;text-align:center;margin:0 0 10px 0;} a.next, a.previous {padding:0;text-transform:capitalize;width:150px;background:none;display:block;} .left {float:left;} .right {float:right} a:link.more, a:visited.more {} a:hover.more, a:active.more {color:#000;} .yay {font-weight:bold;color:#060;} .mmn {font-weight:bold;color:#fc0;} .nay {font-weight:bold;color:#C00;} /* section specific */ #editions .sub .editions-squibs {margin-bottom:20px;} #editions .sub .editions-squibs h3 {font-size:1.4em;margin:0;margin-top:0;padding-top:0;} #editions .sub .editions-squibs h3 a:link, #editions .sub .editions-squibs h3 a:visited {text-decoration:none;color:#fff;border-bottom:2px solid #000;padding-bottom:2px;} #editions .sub .editions-squibs h3 a:hover, #editions .sub .editions-squibs h3 a:active {text-decoration:none;color:#0e9afb;border-bottom:2px solid #0e9afb;padding-bottom:2px;} #editions .sub .editions-squibs p {margin-right:0;padding-right:0;} #about .sub .cola-4 {margin:0 0 30px 0;} #about .sub .cola-4 {margin:0 0 30px 0;} #features .sub h2 {margin:0;padding:0;border:0;width:940px;height:400px;} #features .sub h2 a {z-index:2;text-indent:-1000em;overflow:hidden;background:url(http://www.touch-mix.com/dev/images/system/btn-app-disk.png) 0 0 no-repeat; width:151px;height:151px;display:block;top:165px;left:731px;position:relative;} * html #features .sub h2 a {background:url(http://www.touch-mix.com/dev/images/system/btn-app-squ.gif) 0 0 no-repeat;} #features .sub h2 a:hover {background:url(http://www.touch-mix.com/dev/images/system/btn-app_disk.png) 0 0 no-repeat;} * html #features .sub h2 a:hover {background:url(http://www.touch-mix.com/dev/images/system/btn-app_squ.gif) 0 0 no-repeat;} #features .sub .strapline p {font-size:1.4em;letter-spacing:-1px;font-weight:bold;width:940px;padding:25px 0;border-bottom:1px dotted #444;} #features .sub h3 {padding-top:30px;font-size:1.8em;} #features .sub .feature p {height:70px;overflow:auto;} #features .sub #feature-films {padding:0;margin:0;width:940px;clear:both;float:left;} #features .sub #feature-films h3 {border-top:1px dotted #444;border-bottom:1px dotted #444;width:940px;padding:10px 0;margin:20px 0;} #features .sub #feature-films ul li a {text-decoration:none;} #feature-films .cola-2 {} #feature-films .colb-2 {} /* copyright - touch-mix.com 2009 */ body {margin:0;border:0;padding:0;background:#222;color:#ddd;font-family:Helvetica, Arial, sans-serif;} h1 {margin:0;padding:0;position:absolute;top:-500em;left:-500em;height:1px;width:1px;z-index:-1;text-indent:-1000em;} h2 {margin:0 0 20px 0;padding:30px 0 10px 0;color:#fff;font-size:1.8em;letter-spacing:-1px;line-height:1.2em;border-bottom:1px dotted #444;height:30px;} h3 {margin:0 0 10px 0;padding:0 0 10px 0;color:#fff;font-weight:bold;font-size:0.9em;line-height:1.5em;letter-spacing:-1px;} h4 {margin:0 0 10px 0;padding:0 0 10px 0;color:#fff;font-weight:bold;font-size:0.8em;line-height:1.5em;} p {padding:0 10px 10px 0;font-weight:normal;font-size:0.75em;line-height:1.4em;font-family:Arial, Helvetica, sans-serif;} span {line-height:1.4em;} a {color:#fff;text-decoration:underline;} a:link {color:#eee;} a:visited {color:#999;} a:hover {color:#0e9afb;text-decoration:none;} a:active {color:#0e9afb;text-decoration:underline;} li {font-weight:normal;font-size:0.75em;line-height:1.4em;letter-spacing:0.01em;} ul {margin:0;border:0;padding:0;} table, tr {} th, td {font-size:0.75em;line-height:1.4em;} em {} strong {} blockquote {padding:0;font-style:italic;font-size:1em;line-height:1.4em;} address {padding:0 0 10px 0;font-style:normal;font-size:0.75em;line-height:1.4em;letter-spacing:0.01em;} input, textarea, select {margin:0;border:0;padding:0;font-size:0.75em;color:#000;} * html input, * html textarea, * html select {background:#fff;color:#000;} fieldset {margin:0;border:0;padding:0;} abbr {border-bottom:1px dotted #fff;letter-spacing:0.1em} hr {display:none;} /* accessibility */ #access {position:absolute;top:-1px;left:-1px;height:1px;width:1px;z-index:-1;text-indent:-1000em;visibility:hidden;} #access a {text-decoration:underline;font-weight:bold;} /* layout */ #grip {margin:0;padding:40px 0;background:#000;} #holdall {margin:0 auto;padding:0;width:940px;} #masthead {margin:0 auto 30px auto;padding:0;background:url(http://www.touch-mix.com/dev/images/system/touch-mix-masthead.gif) no-repeat;width:940px;height:49px;clear:both;} #masthead #logo {margin:0;float:left;width:230px;} #masthead #logo h2 {margin:0;padding:0;border:0;background:none;} #masthead #logo h2 a {margin:0;float:left;width:230px;height:48px;background:none;display:block;} #masthead #logo h2 a img {position:absolute;top:-1px;left:-1px;height:1px;width:1px;z-index:-1;text-indent:-1000em;visibility:hidden;} #masthead #nav ul {width:286px;margin:12px 0 0 0;float:right;background:#000;} #masthead #nav li {display:inline;height:36px;} #masthead #nav li span {margin:0;padding:0;position:absolute;top:-500em;left:-500em;height:1px;width:1px;z-index:-1;text-indent:-1000em;} #masthead #nav li a {height:36px;background-image: url(http://www.touch-mix.com/dev/images/system/touch-mix-masthead.gif);background-repeat:no-repeat;display:block;float:left;} #masthead #nav li.ml-home a {width:48px;background-position: -652px -12px;} #masthead #nav li.ml-features a {width:74px;background-position: -700px -12px;} #masthead #nav li.ml-editions a {width:71px;background-position: -774px -12px;} #masthead #nav li.ml-blog a {width:45px;background-position: -845px -12px;} #masthead #nav li.ml-about a {width:48px;background-position: -892px -12px;} #masthead #nav li.ml-home a:hover {background-position: -652px -61px;} #masthead #nav li.ml-features a:hover {background-position: -700px -61px;} #masthead #nav li.ml-editions a:hover {background-position: -774px -61px;} #masthead #nav li.ml-blog a:hover {background-position: -845px -61px;} #masthead #nav li.ml-about a:hover {background-position: -892px -61px;} #home #masthead #nav li.ml-home a {background-position: -652px -61px;} #home #masthead #nav li.ml-home a:hover {background-position: -652px -110px;} #features #masthead #nav li.ml-features a {background-position: -700px -61px;} #features #masthead #nav li.ml-features a:hover {background-position: -700px -110px;} #editions #masthead #nav li.ml-editions a {background-position: -774px -61px;} #editions #masthead #nav li.ml-editions a:hover {background-position: -774px -110px;} #blog #masthead #nav li.ml-blog a {background-position: -845px -61px;} #blog #masthead #nav li.ml-blog a:hover {background-position: -845px -110px;} #about #masthead #nav li.ml-about a {background-position: -892px -61px;} #about #masthead #nav li.ml-about a:hover {background-position: -892px -110px;} /* content */ #content {padding:0 0 40px 0;width:940px;clear:both;} .cola , .colb, .colc, .cold {width:220px;float:left;position:relative;} .cola {margin-left:0;} .colb, .colc, .cold {margin-left:20px;} .cold {float:right;margin:0;} .cola h3, .colb h3, .colc h3, .cold h3 {margin:0;padding:20px 0 9px 1px;color:#fff;text-transform:uppercase;font-size:0.9em;} .cola h4, .colb h4, .colc h4, .cold h4 {margin:0;padding:14px 0 0 1px;color:#fff;line-height:1.4em;} .cola-2 {width:460px;position:relative;float:left;} .colb-2 {width:460px;position:relative;float:right;} .cola-2 h3, .colb-2 h3 {font-size:1.4em;} .cola-3 {width:700px;position:relative;float:left;} .cola-3 h3 {font-weight:normal;font-size:1.4em;padding:0;} .cola-3 h3 span {font-size:0.6em;letter-spacing:0;} .cola-3 h3 a {text-decoration:none;border:0;padding-bottom:3px;margin:0;} .cola-3 h3 a:hover {text-decoration:none;border-bottom:2px solid #0e9afb;} .squib {margin-bottom:0;} .squib h3 {font-size:1em;margin:28px 0 0 0;text-transform:uppercase;} .squib h3 a {color:#fff;text-decoration:none;} .squib h3 a:visited {color:#fff;} .squib h3 a:hover {color:#0e9afb;} .squib h3 a:active {color:#0e9afb;} .squib p {padding:0;} .squib a.squibthumb {margin:0;padding:3px;border:1px solid #252525;display:block;} .squib a.squibthumb:hover {margin:0;padding:3px;border:1px solid #454545;background:#111;} .squib a.squibthumb img {margin:0;padding:0;border:0;display:block;} .sub .listing {border:0;border-bottom:1px dotted #333;padding:0 0 25px 0;margin:0 0 25px 0;float:left;display:block;clear:both;width:700px;} .sub .listing p.listing-links {margin:0;padding:0;clear:both;width:700px;display:block;float:left;} .sub .listing a.thumblink {border:1px solid #333;padding:3px;float:left;margin:0 0 25px 0;display:block;} .sub .listing a.thumblink:hover {border:1px solid #454545;padding:3px;float:left;margin:0 0 25px 0;background:#111;} .sub .med .blog-squib p {border:0;float:right;width:460px;background:#000;padding:0 0 10px 0;display:block;} .sub .med h3.blog-title {border:0;float:right;margin:0 0 8px 0;width:460px;background:#000;padding:0;display:block;} .sub .large h3.blog-title {border:0;float:left;margin:0 0 8px 0;width:700px;background:#000;padding:0;display:block;} .sub .large .blog-squib p {border:0;float:left;width:700px;background:#000;padding:0 0 10px 0;display:block;} .sub .article .listing {padding:0 0 20px 0;border-bottom:1px solid #000;border-top:1px solid #000;display:block;width:700px;float:left;} .sub .article h3.comment-title {border-top:1px dotted #444;border-bottom:1px dotted #444;padding:20px 0 10px 0;margin:20px 0;font-size:1em;font-weight:bold;} .sub .cold h4 {margin:0 0 30px 0;padding:30px 0 10px 0;color:#fff;font-size:1.3em;letter-spacing:-1px;line-height:1.9em;border-bottom:1px dotted #444;height:30px;} .sub .cold li {font-size:1em;} .sub .cold li span {color:#555;} .sub #paginate a {text-decoration:none;padding:0 5px;} .sub #paginate span a {padding:0 3px;} .sub #paginate span a:hover {text-decoration:underline;} .sub #paginate span.selected a {color:#0e9afb;text-decoration:underline;} .sub .title-img {border:1px solid #444;padding:3px;margin:0 0 30px 0;} .sub .cola-4 {padding:0;margin:0;float:left;display:block;clear:both;width:940px;} .sub .cola-4 p {float:left;width:680px;padding-right:20px;} .sub .cola-4 p.btn-app {margin:-5px 0 0 0;padding:0;float:right;width:220px;display:block;} .sub .cola-4 p.btn-app a {padding:4px;float:right;display:block;border:0;background:none;} .sub .cola-4 p.btn-app a:hover {background:url(http://www.touch-mix.com/dev/images/system/btn-app-blue.png) 4px 4px no-repeat;} * html .sub .cola-4 p.btn-app a:hover {background:url(http://www.touch-mix.com/dev/images/system/btn-app-blue.gif);} .sub .cola-4 p.btn-app img {margin:0;padding:0;float:right;display:block;} .sub .editorial-vimeo {border:1px solid #444;padding:3px;margin-bottom:15px;} .sub .editorial-copy p, .sub .editorial-link {padding:0 0 10px 0;float:left;display:block;} .sub .editorial-shot img {display:block;width:212px;} .sub .editorial-shot-main {padding:3px;border:1px solid #444;float:left;display:block;margin-bottom:15px;} .sub .editions-squibs .editorial-shot a {padding:3px;border:1px solid #444;float:left;display:block;margin-bottom:15px;} .sub .editions-squibs .editorial-shot a:hover {border:1px solid #666;background:#222;} .sub .editorial-shot-overview img {display:block;width:212px;} .sub .editions-squibs .editorial-shot-overview a {padding:3px;border:1px solid #444;float:left;display:block;margin-bottom:0px;} .sub .editions-squibs .editorial-shot-overview a:hover {border:1px solid #666;background:#222;} .sub .blog-image {float:left;} .sub .blog-image img {display:block;padding:3px;border:1px solid #444; margin:0 10px 10px 0;} .sub h2 .date {font-size:0.4em;font-weight:normal;letter-spacing:0;} .sub h2 .cat-name {font-size:0.75em;font-weight:normal;letter-spacing:-1px;} .sub .row {margin:20px 0 0 0;padding:20px 0 0 0;border-top:1px dotted #444;clear:both;float:left;width:940px;} .sub .rowedition {margin:10px 0 0 0;padding:20px 0 0 0;border-top:1px dotted #444;clear:both;float:left;width:940px;} .sub p strong {font-size:1.2em;} .sub .cold .cat-list {color:#555;} .sub h3.comment-title {border-top:1px dotted #444;border-bottom:1px dotted #444;padding:20px 0 10px 0;margin:20px 0;font-size:1em;font-weight:bold;} .sub .commentbox {clear:both;float:left;padding:10px 0;border-bottom:1px dotted #444;width:700px;} .sub .commentbox h5 {float:left;font-size:0.8em;padding:5px 10px 0 0;} .sub .commentbox h5 a {} .sub .commentbox h5 span {font-weight:normal;display:block;padding:3px 0;font-size:.9em;} .sub .comment {width:460px;float:right;} .sub .comment p {padding:5px 20px 10px 0;margin:0;} .sub .alt1 {background:#000;} .sub .alt2 {background:#000;} #commentposter {clear:both;float:left;padding:30px 0;width:700px;background:#000;} #commentposter h3 {border:0;padding:0;margin:0;font-size:1em;width:220px;float:left;font-weight:bold;} #commentposter fieldset {background:#000;width:460px;float:right;} #commentposter .comment-field {width:440px;padding:4px;margin:0 0 5px 0;background:#222;color:#ddd;font-size:0.8em;font-family:arial, helvetica, sans-serif;border-bottom:1px solid #333;} #commentposter .comment-field:hover, #commentposter textarea:hover {background:#333;} #commentposter textarea {width:440px;padding:4px;margin:0 0 10px 0;background:#222;color:#ddd;font-size:0.8em;font-family:arial, helvetica, sans-serif;border-bottom:1px solid #333;} #commentposter label {padding:4px 0:width:100px;font-size:0.8em;display:block;float:left;} /* sitewide classes */ .clear {clear:both;} .bye {visibility:hidden;} .more {margin:0;padding:0;background:0;border:0;} .error {background-color:#f2f2f2;padding:30px;text-align:center;margin:0 0 10px 0;} a.next, a.previous {padding:0;text-transform:capitalize;width:150px;background:none;display:block;} .left {float:left;} .right {float:right} a:link.more, a:visited.more {} a:hover.more, a:active.more {color:#000;} .yay {font-weight:bold;color:#060;} .mmn {font-weight:bold;color:#fc0;} .nay {font-weight:bold;color:#C00;} /* section specific */ #editions .sub .editions-squibs {margin-bottom:20px;} #editions .sub .editions-squibs h3 {font-size:1.4em;margin:0;margin-top:0;padding-top:0;} #editions .sub .editions-squibs h3 a:link, #editions .sub .editions-squibs h3 a:visited {text-decoration:none;color:#fff;border-bottom:2px solid #000;padding-bottom:2px;} #editions .sub .editions-squibs h3 a:hover, #editions .sub .editions-squibs h3 a:active {text-decoration:none;color:#0e9afb;border-bottom:2px solid #0e9afb;padding-bottom:2px;} #editions .sub .editions-squibs p {margin-right:0;padding-right:0;} #about .sub .cola-4 {margin:0 0 30px 0;} #about .sub .cola-4 {margin:0 0 30px 0;} #features .sub h2 {margin:0;padding:0;border:0;width:940px;height:400px;} #features .sub h2 a {z-index:2;text-indent:-1000em;overflow:hidden;background:url(http://www.touch-mix.com/dev/images/system/btn-app-disk.png) 0 0 no-repeat; width:151px;height:151px;display:block;top:165px;left:731px;position:relative;} * html #features .sub h2 a {background:url(http://www.touch-mix.com/dev/images/system/btn-app-squ.gif) 0 0 no-repeat;} #features .sub h2 a:hover {background:url(http://www.touch-mix.com/dev/images/system/btn-app_disk.png) 0 0 no-repeat;} * html #features .sub h2 a:hover {background:url(http://www.touch-mix.com/dev/images/system/btn-app_squ.gif) 0 0 no-repeat;} #features .sub .strapline p {font-size:1.4em;letter-spacing:-1px;font-weight:bold;width:940px;padding:25px 0;border-bottom:1px dotted #444;} #features .sub h3 {padding-top:30px;font-size:1.8em;} #features .sub .feature p {height:70px;overflow:auto;} #features .sub #feature-films {padding:0;margin:0;width:940px;clear:both;float:left;} #features .sub #feature-films h3 {border-top:1px dotted #444;border-bottom:1px dotted #444;width:940px;padding:10px 0;margin:20px 0;} #features .sub .feature-shot img {padding:0px;border:1px solid #444;float:left;display:block;margin-bottom:15px;} #blog .sub .blog-squib {} #blog .sub h2 {clear:both;} #blog .sub h2 a {text-decoration:none;} #blog .sub h2 a:hover {border-bottom:2px solid #0e9afb;padding-bottom:2px;} #blog .rss-link a {display:block;width:200px;height:25px;border-top:1px dotted #444;padding:15px 0 15px 30px;margin:15px 0;background:url(http://www.touch-mix.com/dev/images/system/touch-mix-sprite.gif) -25px -536px no-repeat;} #editions .cola-4 p.rss-link {float:right;width:220px;padding:0;margin:0;display:block;} #editions .rss-link a {text-align:right;float:right;height:25px;border:0;padding:15px 0 15px 20px;margin:0;background:url(http://www.touch-mix.com/dev/images/system/touch-mix-sprite.gif) -25px -536px no-repeat;} /* footer */ #footer .cola, #footer .colb, #footer .colc {height:14em;background:url(http://www.touch-mix.com/dev/images/system/touch-mix-line.gif) top right repeat-y;margin-bottom:30px;} #footer .col h3 {padding:0 0 20px 0;margin:0;font-size:0.8em;} #footer .col p, #footer .col address {color:#777;padding-right:20px;} #footer .col a:link, #footer .col a:visited {color:#aaa;} #footer .col a:hover, #footer .col a:active {color:#0e9afb;} #footer-grip {background:#222;clear:both;float:right;width:100%;} #footer {margin:0 auto;padding:25px 0 0 0;width:940px;} #footer h4 {text-transform:uppercase;font-size:0.8em;padding:0 0 10px 0;margin:0;} #footer ul {margin:0;padding:0;} #footer li {margin:0;padding:0;color:#777;} #footer a span {} #footer #newsletter {} #footer #newsletter {float:left;} #footer #newsletter #subscribe-form {padding:0;} #footer #newsletter .newltr-input {background:url(http://www.touch-mix.com/dev/images/system/touch-mix-sprite.gif) -25px -292px;width:215px;height:30px;float:left;overflow:hidden;padding:0;margin:0;} #footer #newsletter .newltr-input input {margin:0;padding:0;line-height:12px;font-size:11px;background:none;font-family:Arial, Helvetica, sans-serif;color:#777;position:relative;top:5px;left:5px;width:145px;display:block;} #footer #newsletter .newltr-btton {background:url(http://www.touch-mix.com/dev/images/system/touch-mix-sprite.gif) -26px -483px;width:90px;height:32px;float:left;overflow:hidden;padding:0;} #footer #newsletter .newltr-btton input {font-size:11px;padding:0;margin:0;width:63px;height:26px;background:none;position:relative;top:-2px;cursor:pointer;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;color:#777;text-align:center;} #footer ul.social li a {background:url(http://www.touch-mix.com/dev/images/system/touch-mix-sprite.gif) no-repeat;display:block;padding:0 0 10px 26px} #footer ul.social li.facebook a {background-position:-25px -182px;} #footer ul.social li.facebook a:hover {background-position:-285px -182px;} #footer ul.social li.rss a {background-position:-25px -220px;} #footer ul.social li.rss a:hover {background-position:-285px -220px;} #footer ul.social li.twitter a {background-position:-25px -145px;padding:0 0 0 26px} #footer ul.social li.twitter a:hover {background-position:-285px -145px;} #footer ul.social li.twitter a:hover {background-position:-285px -145px;} #faw-logo {margin:0;padding:0;width:190px;float:left;position:relative;background:url(http://www.touch-mix.com/dev/images/system/touch-mix-sprite.gif) -20px -72px; text-indent:-1000em;overflow:hidden;height:40px;} #faw-logo a {position:relative;width:60px;height:60px;display:block;} #credits {margin:0 0 0 20px;padding:0;width:220px;float:left;position:relative;background:none;} #support {margin:0 0 0 20px;padding:0;width:320px;float:left;position:relative;background:none;} #copy {margin:0 0 0 20px;padding:0;width:100px;float:right;position:relative;background:none;text-align:right;} #preloader {position:absolute;bottom:-1px;height:1px;width:1px;background:url(http://www.touch-mix.com/dev/images/system/btn-app_disk.png);} #preloader span {}