/* 2011 (c) | css-101.org | Thierry Koblentz * styles.css :: version 0.2 :: 03122011 */html{overflow-y:scroll;}body{background:#222 url(/img/body.png);color:#fff;}table {color:#222;}h2 {font-weight:normal;}img {border:0;}code, pre {font-size:medium;color:#0cf;font-family:"Courier New", Courier, monospace;}pre {margin:0;padding:0 20px 10px;}ul {margin:10px 0 10px 50px;padding:0;}dl {margin-top:0;}dd {margin-left:20px;}dt {font-weight:bold;}abbr {cursor:help;}#main a:link, #main a:visited {white-space:nowrap;color:#fff;border-bottom:1px dotted #fff;text-decoration:none !important;}#main a:visited {border-bottom-color:#555;}#main #nav a, #main a:hover, #main a:focus, #main a:active {border:none;}#main h1 a {color:#efefef !important;text-decoration:none;white-space: normal !important;}#main h1 a:hover, #main h1 a:focus {border-bottom:1px dotted #fff;background:none;color:#fff;text-shadow:none;}#menu li a:link, #menu li a:visited {text-decoration:none;color:#cecece;}#menu li a:hover {outline:none;}#menu li a{zoom:1;	color:#8c89a4;font:1em Helvetica,Arial,sans-serif;text-align:left;text-shadow: 1px 1px 1px #000;	vertical-align:bottom;padding:40px 20px 10px;background-repeat:no-repeat;}#menu li.home a{*padding-top:20px;}li.home img {vertical-align:bottom;}li.topics a {	background-image:url(/img/nav_topics.png);}li.boxModel a{background-image:url(/img/nav_box.png);}li.specs a{background-image:url(/img/nav_specs.png);}li.help a{background-image:url(/img/nav_help.png);}#menu a{background-position:50% 30px;	*background-position:50% 10px;}:root #menu a{background-position:50% 10px;}#menu .specs a{background-position:50% 25px;	*background-position:50% 5px;}:root #menu .specs a{background-position:50% 5px;}#menu li a:hover, #menu li a:focus{color:#C9D0D9;}#boxModel li.boxModel a,#home li.home a,#specs li.specs a,#help li.help a{font-weight:bold;cursor:default;color:#fff;}#nav a,#nav a:link,#nav a:visited{display:inline;overflow:hidden;margin-top:5px;width:26px;height:26px;text-indent:-900em;}#previous a {float:left;background:url(/img/buttons.png) no-repeat -26px 100%;}#next a {float:right;background:url(/img/buttons.png) no-repeat 0 100%;}#nav a:hover,#nav a:focus,#nav a:active{background-image:url(/img/buttons-hover.png);outline:none;}.boxes .disabled a,.layout .disabled a{cursor:default;opacity:.5;}.boxes .disabled a{background:url(/img/buttons.png) no-repeat -26px 100% !important;}.layout .disabled a {background:url(/img/buttons.png) no-repeat 0 100% !important;}#home #previous a{opacity:.4;}::-moz-selection{background-color:lime;color:#000;text-shadow:0 1px 1px #ccc;}::selection {background-color:lime;color: #000;text-shadow: 0 1px 1px #ccc;}a[href^="http://"]:after {content:'';}a[href^="http://www.w3."]:after {content: url(/img/ico_w3.png);display:inline-block;margin:0 0 -3px 3px;vertical-align:bottom;}a[href^="http://www.positioniseverything."]:after {content: url(/img/ico_positioniseverything.png);display:inline-block;margin:0 0 -3px 3px;vertical-align:middle;width:16px;height:16px;}a[href^="http://www.ez-css."]:after {content: url(/img/ico_ezcss.png);display:inline-block;margin:0 0 -3px 3px;vertical-align:bottom;}a[href^="http://www.tjkdesign."]:after {content: url(/img/ico_tjkdesign.png);display:inline-block;margin:0 0 -3px 3px;vertical-align:bottom;}#sidebar a[href^="http://www.ez-css."]:after,#spec a[href^="http://www.w3."]:after, #nav a[href]:after, #menu a[href]:after, #what-if a[href]:after, address a[href]:after, h1 a[href]:after, #topics a[href]:after, #zIndex a[href]:after, #home a[href]:after, .dp-highlighter a[href]:after {content:'';}.red {color:red;}.subDTs {display:block;font-weight:normal;}#main {text-shadow:1px 1px 1px #000;}#aqua {background:#0cf;}#yellow {background:yellow;}#pink {background:#FF078F;}#main h1 {color:#fff;text-align:center;overflow:hidden;zoom:1;font-weight:normal;font-size:1.6em;letter-spacing:2px;}#stage h3 {position:absolute;left:-999em;}#display #spec {height:1.2em;overflow:hidden;}#sourceOfTruth {float:right;clear:right;width:49%;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}#sourceOfTruth img {margin:10px auto 30px;display:block;}#menu {overflow:hidden;zoom:1;margin:0 0 30px 0;padding:20px 0 30px;text-align:center;border-bottom:1px dotted #555;}#menu li {display:inline-block; *display:inline; *zoom:1;height:4.7em;line-height:4em;border:1px solid #07060a;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;-webkit-box-shadow:inset 0 1px 0 #62616c, 0 0 6px #292739;-moz-box-shadow: inset 0 1px 0 #62616c, 0 0 6px #292739;box-shadow: inset 0 1px 0 #62616c, 0 0 6px #292739;}#nav {clear:left;margin:0 20px -.9em;padding:0;}#nav li {display:inline;}.markup, #main, #stage, #what-if, #styleBlock, #markup {width:50%;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}#main {width:48%;}#watchThis, #tryThis, #playWithThis, .markup, #checkThis, #stage, #what-if, #styleBlock, #markup {float:right;clear:right;}.markup {color:#000;border:1px dashed #555;margin-bottom:15px;}#main {float:left;padding-bottom:50px;}#stage {margin-bottom:35px;}#main.singleCol {float:none;margin:20px auto;width:800px;}#main.singleCol h1 {text-align:left;margin-top:20px;clear:left;}#styleBlock,#playWithThis {display:none;}:root #playWithThis {display:block;} :root #styleBlock {background:#FF5F0F;color:#fff;display:block;font-family:monospace;white-space:pre;margin-bottom:40px;padding:5px 0;} #styleBlock:focus {background:#cff;color:blue;}#markup {display:none;}:root #markup {display:block;color:blue;} #markup b {color:#333;}#markup span {background:#fff;display:block;font-family:monospace}#markup .odd {background:#cff;}:root #shiftEnter {display:block;}#shiftEnter {display:none;float:right;clear:right;width:50%;font:.9em sans-serif;background:#555;margin-bottom:1px;padding:5px 0;}#shiftEnter p {color:#fff;margin:0;padding:3px 5px 3px 10px;}#shiftEnter a:link,#shiftEnter a:visited {color:#fff;font-weight:bold;border-bottom:1px dotted #fff;text-decoration:none;}kbd {background:#ececec;border:1px solid #000;padding:2px 5px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;font-size:small;color:#000;text-shadow:1px 1px 2px #555;-moz-box-shadow:1px 1px 2px #555;-webkit-box-shadow:1px 1px 2px #555;box-shadow:1px 1px 2px #555;}#aside {clear:both;overflow:hidden;zoom:1;position:relative;padding:25px 0;background:#ececec;color:#333;font:.9em "Trebuchet MS", Arial, Helvetica, sans-serif;}#disqus_thread{margin:auto;_width:800px;max-width:800px;padding:0 5px;}#disqus_thread a:link, #disqus_thread a:visited {color:#333;}#dsq-content .dsq-pagination {padding:0 1em !important;}#dsq-content .dsq-item-trackback {margin:0 !important;padding:10px 0 0 0 !important;}#dsq-content .dsq-item-trackback input {width:400px;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;background: none;border: none;}.dsq-request-user-name a {float:left !important;margin-bottom:10px !important;}.dsq-request-user-name small {display:block !important;clear:left !important;}.dsq-request-user-stats {text-align:right !important;}.dsq-request-user-stat {color:#fff;padding:0 5px;background:#858585;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;border-radius: 4px 4px 4px 4px;}.dsq-request-user-stat span {color:#f2f2f2;}.dsq-request-user-info {position:relative;}.dsq-request-user-logout {position:absolute;right:0;background:#fff !important;padding:2px 5px !important;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;border-radius: 4px 4px 4px 4px;}#sidebar {float:left;width:260px;border-left:1px solid #cecece;padding-left:20px;position:relative;left:50%;}#sidebar h2 {margin-top:0;}#ezcssLink {margin:0 0 30px;}#ezcssLink a {text-decoration:none;}.mod {margin:35px 0;}.mod ul {margin-left:0;zoom:1;}.mod li {list-style-type:none;background:#d8d8d8;margin-bottom:3px;padding:2px 5px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;border-radius: 4px 4px 4px 4px;}.mod li a:link, .mod li a:visited {display:block;zoom:1;padding:5px;color:#888;text-decoration:none;}.mod li a:hover, .mod li a:focus, .mod li a:active {color:#000;}#twitter{_background:#ccc;_padding:7px 10px;}#twitter img {vertical-align:middle;margin-left:5px;}#footer {position: relative;color: #cecece;clear:both;overflow:hidden;zoom:1;margin-bottom:20px;background:#222;border:1px dotted #555;border-top:0;padding:1em;text-shadow:1px 1px 1px #000;font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}#footer a {text-decoration:none;color:#fff;background:#333;padding:0 5px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;border-radius: 4px 4px 4px 4px;}#footer a:hover, #footer a:focus, #footer a:active {background:#222;}#license, #credit {clear:left;float:left;margin:0;}#topOfPage {position:absolute;width:100%;text-align:center;}#topOfPage a {background:none;}#credit {font-size:.8em;padding-top:10px;}address,#mt {text-align:right;}#mt{font-size:.8em;}#main {color:#cecece;}#main h2, #sourceOfTruth h2, #main h3 {color:#fff;}#main h2, #main p {margin:0;padding:10px 20px;}#main h3 {font-size:1.15em;font-weight:normal;margin:0;padding:10px 20px;}#main .inline li {display:inline;margin-right:9px;}#main #intro, #main #spec {padding:10px 20px 15px;margin:15px 20px 25px;border:1px solid #555;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}#spec, #overflow #spec .w3, #visibility #spec .w3, #zIndex #spec .w3 {background:url(/img/ico_w3.png) no-repeat 20px 14px;text-indent:25px;}#spec .w3 {background-position:0 8px !important;}#spec a, #spec p, #spec ul, #spec dt, #spec dd {text-indent:0;}#overflow #spec, #visibility #spec, #zIndex #spec {background:none;}#spec p {padding-left:0;}#spec ul {margin-bottom:0;}#spec dt {margin-top:10px;}#because {color:#fff;font-size:1.05em;background:url(/img/s_lightbulb.png) no-repeat 0 10px;}#because code {font-size:large;}div#because {padding:10px 20px;}#because ul {margin-left:30px;}#because, .bug, .try-this, .alert, .idea, .info, .no-way {margin:10px 20px !important;padding:10px 20px 10px 35px !important;min-height:25px;}.alert ul {margin-left:30px;}.idea {background:url(/img/s_lightbulb.png) no-repeat 2px 8px;}.try-this {background:url(/img/s_try-this.png) no-repeat 2px 8px;}.bug {background:url(/img/s_bug.png) no-repeat 0 8px;}.no-way {background:url(/img/s_no-way.png) no-repeat 0 8px;}.alert {background:url(/img/s_alert.png) no-repeat 2px 8px;}.info {background:url(/img/s_info.png) no-repeat 2px 8px;}#what-if {_overflow:hidden;margin-bottom:15px;}#what-if p {margin:0;padding:5px;}#what-if ul {margin:0;padding:0;font-size:.9em;border-top:1px solid #555;border-bottom:1px solid #555;}#what-if li {overflow:hidden;zoom:1;list-style-type:none;padding:5px;border-top:1px solid #555;}#what-if li.firstChild {border-top:0;}#what-if a {text-decoration:none;*border-bottom:1px dotted #fff;zoom:1;}#what-if dl {margin:0;}#what-if dt, #what-if dd {font-size:small;color:#0cf;font-family:"Courier New", Courier, monospace;}#what-if dt {float:left;margin-right:5px;clear:left;color:#fff;}#what-if a:link, #what-if a:visited {font-weight:bold;color:#fff;}#what-if dd {white-space:pre;zoom:1;overflow:hidden;}#what-if dd.html {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#ccc;}#what-if #active dd.html, #what-if li:hover dd.html, #what-if li:focus dd.html {color:#ececec;}#what-if li:hover, #what-if li:focus, #what-if li#active {background:#333;opacity:.7;}#what-if li#active {opacity:1;text-decoration:none;}#what-if li#active a:link, #what-if li#active a:visited {color:#fff !important;}#what-if li {position:relative;}#what-if li:hover:after, #what-if li#active:after{content:"\2605";position:absolute;color:#fff;top:12px;right:45px;font-size:20px;line-height:0;}#JS #what-if li {cursor:pointer;  *cursor:default;}#watchThis, #tryThis, #playWithThis, #checkThis {position:relative;margin-right:5px; *margin-right:0;min-width:6em;_width:6em;text-align:center;font:1em/2 "Trebuchet MS", Arial, Helvetica, sans-serif;background-color:#555;border-color:#FF078F;text-shadow:1px 1px 1px #000;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;border-radius: 4px 4px 4px 4px;}#watchThis:before, #tryThis:before,  #playWithThis:before, #checkThis:before {content:" ";position:absolute;left:50%;top:100%;margin-left:-.5em;border:.5em solid transparent;border-top-color:#555;}#JS #checkThis {display:block;}#checkThis, .dp-highlighter table .gutter, .dp-highlighter table .tools, .dp-highlighter table .tools-corner {display:none;}.dp-highlighter {margin-bottom:0 !important;*overflow-y:hidden !important;}.dp-highlighter table.dp-css, .dp-highlighter table.dp-xml {width:100% !important;_height:4.5em;*overflow-y:hidden;margin-bottom:20px !important;}@-webkit-keyframes pulse { from {-webkit-transform: scale(1); } to {-webkit-transform: scale(0.8);}}.home:hover,.boxModel:hover,.specs:hover,.help:hover,#ezcssLink:hover {  -webkit-animation-name: pulse;  -webkit-animation-duration: .5s;  -webkit-animation-iteration-count: infinite;  -webkit-animation-timing-function: ease-in-out;  -webkit-animation-direction: alternate;}@media only screen and (orientation:portrait){body{font-size:1.1em;}code,#what-if dt,#what-if dd{font-size:1.5em !important;}.markup,#main,#stage,#what-if,#sourceOfTruth,#markup,#shiftEnter,#styleBlock{width:100%;float:none;}#boxModel img {display:block;margin:0 auto;width:90%;}} @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) {#playGround * {display:none;}#iPad{display:block !important;}}