/*Styles for code demos and template
Author:   Jason A. Clark
Version:  screen,projection,handheld - June 2010
----------------------------------------------- */
/* =global default settings
----------------------------------------------- */
body {font:1em normal Arial, Helvetica, sans-serif;margin:0;padding:0;line-height:1.7em;}
*, * focus {outline:none;margin:0;padding:0;}
/* =element-specific settings
----------------------------------------------- */
h1 {font: 2.5em normal Helvetica, sans-serif;padding:20px 0;color:#666;text-align:center;}
h1 span {color:#aaa;}
h1 small {font:0.3em normal Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;letter-spacing:.3em;display:block;color: #666;}
h2.mainHeading {font:1.1em bold Helvetica, sans-serif;padding:15px 0;}
/* =forms
----------------------------------------------- */
form#searchForm {margin:0;padding:15px 0;width:70%;}
fieldset#searchBox {margin:0;padding:10px;border:1px solid #ccc;border-radius:7px;-moz-border-radius:7px;/* Mozilla */-webkit-border-radius:7px;/* Webkit */background:#F2F2F2;}
fieldset#searchBox label {display:inline;font:bold 1.1em arial,helvetica,sans-serif;color:#213C69;}
fieldset#searchBox input:focus, textarea:focus {background:#ffc;}
fieldset#searchBox input.text, textarea, select {width:20em;font:1.0em verdana,arial,sans-serif;padding:3px;margin:3px;border:1px solid gray;border-color:#aaa #ddd #ddd #aaa;}
fieldset#searchBox input.submit {font:bold .95em arial,helvetica,sans-serif;background:#6A7389;color:#fff;padding:1px 2px;margin:0 0 2px 0;border:1px solid #283043;border-color:#9097A2 #283043 #283043 #9097A2;}
/* =tabbed content box (includes ul#tabs and div#tabContents)
----------------------------------------------- */
ul#tabs {margin:0 0 20px 0;padding-bottom:35px;padding-left:20px;list-style-type:none;border-bottom:1px solid #ccc;}
ul#tabs li {margin:0;padding:0;display:inline;}
#tabs a:link, #tabs a:visited {margin-right:8px;padding:10px;background:#F2F2F2;border:1px solid #ccc;color:#666;float:left;font-size:1em;font-weight:normal;line-height:14px;text-decoration:none;border-top-left-radius:4px;border-top-right-radius:4px;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;}
#tabs a:link.active, #tabs a:visited.active	{color:#000;background:#fff;border-bottom:1px solid #fff;}
#tabs a:hover {color:#001155;}
body.default #tabs li#tab1 a, body.what #tabs li#tab2 a, body.code #tabs li#tab3 a {color:#000;background:#fff;border-bottom:1px solid #fff;}
div#tabContents {margin:0 0 15px 0;padding:15px;clear:both;background:#fff;border:1px solid #ccc;border-top:none;}
/* =pagination (ul#pages)
----------------------------------------------- */
ul.pages {border:0;margin:10px 0 0 0;padding:0;list-style-type:none;}
ul.pages li {border:0;margin:0;padding:0;display:inline;font-size:13px;}
ul.pages li, ul.pages li a {border:1px solid #dedede;margin-right:2px;}
ul.pages .active {display:block;float:left;padding:1px 6px;color:#000;font-weight:bold;}
ul.pages li a:link, ul.pages li a:visited {display:block;float:left;padding:0 6px;color:#0033CC;text-decoration:none;}
ul.pages li a:hover {text-decoration:none;}
/* =container
----------------------------------------------- */
.container {width:90%;margin:0 auto;}
/* =main
----------------------------------------------- */
div.main {margin:0 0 5px;padding:0 30px;overflow:hidden;font-size:.95em;width:100%;clear:both;}
div.main .block {padding: 20px;background: #f0f0f0;border:1px solid #ccc;border-radius:7px;-moz-border-radius:7px;/* Mozilla */-webkit-border-radius:7px;/* Webkit */background:#F2F2F2;}
div.main .block p {padding:5px 0;margin:5px 0;}
div.main .block h3 {font:2em normal Georgia, "Times New Roman", Times, serif;margin: 0 0 10px;padding: 0 0 5px 0;border-bottom: 1px solid #ccc;}
div.main .block img {float:left;margin: 10px 15px 15px 0;padding: 5px;background: #ddd;border: 1px solid #ccc;}
div.main ul#browse {float:left;width:100%;margin:0;padding:0;list-style:none;text-align:left;}
div.main ul#browse li {display:inline;display:inline-block;width:20em;margin:0;padding:10px;border-bottom:2px solid #f2f2f2;}
div.main ul#browse li h2 {font:normal normal bold 1em/100% Helvetica, sans-serif;color:#444;margin:10px 0;}

/* =miscellaneous and special global settings
----------------------------------------------- */
.postTitle {margin:25px 0 0 0;font:normal normal bold 1.1em/100% "arial",sans-serif;}
.postMetadata {line-height:16px;background:url("../img/time.gif") 0 50% no-repeat;margin-bottom:25px;padding:5px 0 5px 19px;border-top:2px solid #f2f2f2;}
.comment {line-height:16px;background:url("../img/comments.gif") 0 50% no-repeat;margin-left:25px;padding-left:19px;}
span.date{display:block;text-transform:uppercase;font-size:.75em;color:#9f9f9f;padding-bottom:5px}
.download {line-height:25px;background:url("../img/download.png") 0 50% no-repeat;margin-left:25px;padding-left:19px;}
a.feed {margin:0 0 0 30px;padding:3px 3px 3px 18px;font-size:.6em;background:url("../img/feed.gif") no-repeat center left;}
.postControls {margin:0 0 25px 0;padding:3px 0;}
/*.play {line-height:16px;background:url("../img/play.png") 0 50% no-repeat;padding-left:19px;}*/
object.play {width:300px;height:30px;line-height:30px;margin:0;padding:0;}
p.download {text-align:right;margin-right:4%;font-size:.8em;line-height:1.2em;}
p.control {font-size:.8em;}
.zip {width:20px;padding:0 23px 0 0;background:url("../img/zip.gif") no-repeat right;}
.expand {line-height:12px;background:url("../img/expand.gif") 0 50% no-repeat;padding-left:16px;}
.refresh {line-height:14px;background:url("../img/refresh.gif") 0 50% no-repeat;padding-left:18px;}