/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.7;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/* typography.css */
html {font-size:100.01%;}
body {font-size:85%;color:#666;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 {font-weight:bold;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em; font-family: Georgia, serif; font-weight: bold; font-style: italic; color: #333}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 2em; font-family: Georgia, serif;}
p img.left,
p img.right { max-width: 40%}
p img.left {float:left;margin:0.3em 8% 1.5em 0 !important ;padding:0;}
p img.right {float:right;margin:0.3em 0 1.5em 8% !important;}
a:focus, a:hover {color:#000;}
a {color:#000;text-decoration:underline;}
a:hover {color: #890101 !important}
blockquote {padding:0.5em 2em 1.5em 4em;color:#999;font-style:italic; font-family: Georgia, serif; font-size: 1.4em;
background-image: url(/images/public/quote.png); background-repeat: no-repeat; background-position: 20px 10px;}
article, section, aside { display: block}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5 !important;
/*white-space: pre-wrap; /* css-3 */ /*white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
/*white-space: -pre-wrap; /* Opera 4-6 */
/*white-space: -o-pre-wrap; /* Opera 7 */
/*word-wrap: break-word; /* Internet Explorer 5.5+ */
color: #000; background-color: rgba(0,0,0,0.05); border: 1px dashed rgba(0,0,0,0.5); display: block; margin: 30px; padding: 20px; font-size: 13px; overflow-x: auto}
pre::-webkit-scrollbar { width: 0; height: 8px; }
pre::-webkit-scrollbar-button { display: none; }
pre::-webkit-scrollbar-thumb { background: #ccc; -webkit-border-radius: 4px; }
article p code, li code { display: inline ; margin: 0; padding:1px; border-color:#ccc;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:square; list-style-image: url(/images/public/bullet.png); font-family: Georgia, serif;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.3em; color: #000;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, textarea, select {margin:0.5em 0;}
input.text, input.title {width:140px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success,
.error-msg, .success-msg, .note-msg, .notice-msg {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error, .error-msg {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice, .note-msg, .notice-msg {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success, .success-msg {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
/* Medium & iPad */
@font-face {font-family: "Chunk";src: url(/style/fonts/Chunkfive.eot); /* Hello, IE */ src: local("Chunkfive"), url(/style/fonts/Chunkfive.otf) format("opentype");}
@font-face {font-family: "Junction";src: url(/style/fonts/Junction.eot); /* Hello, IE */ src: local("Junction"), url(/style/fonts/Junction.otf) format("opentype");}
@font-face {font-family: "LeagueGothic";src: url(/style/fonts/LeagueGothic); /* Hello, IE */ src: local("LeagueGothic"), url(/style/fonts/LeagueGothic.otf) format("opentype");}
form#search_box input.text { color: #999}
form#search_box input.text:focus { color: #000}
ul#compatibility_list li span { text-transform: capitalize }
video { width: 95%; height:auto; margin: 24px auto 10px auto; display: block;}
.wide video { width: 95%; max-width: 1200px; margin-left: 20px}
#hide_sidebar { display: none}
ul#recent_404 { list-style:none; padding-left:5%; margin-right:0;}
ul#recent_404 li {overflow:hidden; border-bottom: 1px dashed #ccc; padding:15px 0; padding-right:5%;}
ul#recent_404 h3 { font-family: Georgia, serif; font-size: 1.1em; font-style:italic; color:#333; margin-left:0;}
ul#recent_404 h3 a { color:#333; border:none; text-decoration:none;}
ul#recent_404 p { font-size:0.9em; margin-left: 0;}
ul#recent_404 p.desc,
ul#recent_404 div.desc p { margin-bottom:5px;}
ul#recent_404 p.readmore { text-align:right;}
ul#recent_404 img { float:left; margin: 0 30px 20px 0}
p.helpful_404 {font-size:100%; font-style:italic; color:#999;}
/*@media screen and (min-width:800px){ */
body { background-repeat: no-repeat; background-position: left top;}
hgroup#logo { background-color: #000; position: absolute; top: 0; left: 0; right: 0; height: 5px;}
hgroup#logo h1 { height: 0; display: block; position: relative}
hgroup#logo h1 a {width: 200px;height: 51px; position: absolute; top:20px; left: 20px; display: block;
background-image: url(/images/public/christopherimrie-logo.png); background-repeat: no-repeat;
background-position: center center; text-indent: -9999em; overflow: hidden}
hgroup#logo h2 { display: none}
hgroup#logo h3 { font-family: "LeagueGothic", Helvetica, Arial, sans-serif; color: #000;
position: absolute; top: 40px; right: 50px; letter-spacing: 1px; text-shadow: 2px 2px 3px rgba(0,0,0,0.2)}
hgroup#logo h3 span { text-transform: uppercase;}
hgroup#logo h1, div.container, footer { margin: 0 auto; max-width: 1200px}
div.container { margin-top: 120px; min-width:800px;}
a.action_btn { color: #890101; border: 1px solid rgba(0,0,0,0.05); text-decoration: none; font-family: "Chunk", Helvetica, Arial, sans-serif; font-size: 12px;
letter-spacing: 1px; padding: 3px 8px; display: block; float: left; -moz-border-radius: 7px;
-webkit-border-radius:7px;
background: -moz-linear-gradient(top, rgba(255,255,255,0.3), rgba(0,0,0,0.1));
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0.1))) }
article.blog,
div.homepage { width: 75%;}
article.blog { border-right: 1px dashed rgba(0,0,0,0.2);}
article.blog h1,
div.homepage h1 { font-family: 'Chunk', Helvetica, sans-serif; font-size: 3.5em}
article.blog h2,
div.homepage h2 { font-family: "Junction"; border-bottom: 2px solid #111; padding-bottom: 0px}
article.blog h1,
article.blog h2,
article.blog h3,
article.blog h4,
article.blog h5,
article.blog h6 { margin-right: 40px; margin-left: 20px;}
article.blog p { font-size: 1.3em; margin-left: 20px; margin-right: 40px}
article.blog p.download {font-size:.8em;margin-bottom:1.875em;line-height:1.875em; border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 1.4em;
text-align: center; padding-top: 0.2em; margin-right: 20px}
article.blog p strong { }
article.blog a { text-decoration: none; border-bottom: 1px dashed #666; color: #890101; padding-bottom: 1px;text-shadow: #ccc 1px 1px 3px}
article.blog a:hover { color: #000 !important; border-color: #666}
article.blog img,
article.blog object { display: block; margin: 30px auto; padding: 10px; background-color: #f0f0f0; border: 1px solid #ccc;
max-width: 100%}
article.blog img,
article.blog object { background-color: rgba(0,0,0,0.1); border-color: rgba(0,0,0,0.5)}
article > ul { font-size: 1.2em}
article > ul ul { font-size: 80%; font-weight: bold; font-family: Helvetica, Arial, sans-serif}
div.homepage { width: 74%; margin: 0 0 0 5px; padding: 0 5px 0 0; border-right: 1px dashed rgba(0,0,0,0.2); overflow: hidden}
div.homepage #hero { margin-bottom: 30px; width: 100%; background-repeat: no-repeat;
background-position: center center}
div.homepage #hero img { width: 100%; display:block; margin:0;}
div.homepage article { float: left; width: 29%; margin-right: 1%; padding: 1%; border-right: 1px dashed rgba(0,0,0,0.2)}
div.homepage article.last { border-right: none}
div.homepage h1 { font-size: 140%; letter-spacing: 1px; min-height: 35px}
nav#products { font-family: 'Chunk', 'Helvetica Bold', sans-serif; font-size: 1em; display: block;; margin:0 0 0 5px; padding:0;
clear:both; overflow:hidden; }
nav#products a { text-decoration: none; display: block; padding-bottom:10px; float:left; margin: 0 20px 0 0;
color: #ccc;}
nav#products a.active { color: #000; background-image:url(/images/public/product_active_pointer.png); background-position: center bottom;
background-repeat: no-repeat;}
div.remote_files {width: 74%; margin: 0 0 0 5px; padding: 0 5px 0 0; border-right: 1px dashed rgba(0,0,0,0.2);}
div.remote_files #hero { background-image:url(/images/public/remote_files_page_banner.jpg); background-position: 0 0;
background-repeat:no-repeat; height: 322px; overflow:hidden; width 100%; position:relative;}
div.remote_files #rhs_gradient { background-image: url(/images/public/rhs-gradient.png); background-position: right top;
background-repeat: repeat-y; height: 322px; width: 70px; position: absolute; top:0; right:0;}
div.remote_files #hero h1,
div.remote_files #hero p { color: #fff; width: 400px;}
div.remote_files #hero h1 { font-size:5em; text-transform:uppercase; text-shadow: 2px 2px 3px #000; margin: 20px 0 30px 20px;
font-weight: bolder;}
div.remote_files #hero h1 span { font-size: 0.34em; text-transform:none; display:block;}
div.remote_files #hero p { color: #b6b6b6; margin: 0 0 20px 20px;}
div.remote_files #badge { position: absolute; bottom:0; right:0; width: 279px; height:32px; margin:0; padding:0;
background: 0 0 no-repeat url(/images/public/ee-fieldtype-badge.png); opacity: 0.5;}
div.remote_files #highlight { background: -webkit-gradient(linear, left top, left bottom, from(rgb(64,73,80)), to(rgb(44,51,55)), color-stop(0.5, rgb(66,76,83)));}
div.remote_files #highlight table { border:0; margin:0; padding: 10px 10px; text-align:center; ; height: 70px; font-size:1.2em}
div.remote_files #highlight table td { text-align:center;color: #fff; font-family: 'Chunk', "Helvetica Bold", sans-serif;
text-shadow: 1px 1px 2px #000;}
div.remote_files #highlight table td.exception { color: #999; font-family: Helvetica, Arial, sans-serif; font-weight:normal; text-shadow:none;
font-size:0.5em;}
div.remote_files #highlight table td.exception img { display:block; margin: 0px auto 0 auto;}
div.remote_files .box { padding: 40px 0;}
div.remote_files .box h2,
div.remote_files .box p { margin-left: 20px;}
div.remote_files .box h2 {font-family: 'Chunk', 'Helvetica Bold', sans-serif; font-size: 1.1em;}
#sidepanel { float: right; width: 25%; padding-bottom: 50px; position: relative}
#sidepanel nav > a { display: block; padding: 6px 5px 6px 20px; margin: 0 0 20px 30px; color: rgba(0,0,0,0.5); text-decoration: none; width: 70%;
text-transform: capitalize; font-size: 1.0em; letter-spacing: 1px;
-moz-border-radius: 7px;
-webkit-border-radius:7px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0.1)), color-stop(0.5, rgba(0,0,0,0.05)), color-stop(0.5, rgba(0,0,0,0.1)));
border: 1px solid #e5e5e5;
font-weight: bold;
box-shadow: 3px 3px 3px #999;
text-shadow: 1px 1px 3px rgba(255,255,255,0.5);}
#sidepanel nav > a {background: -moz-linear-gradient(top, rgba(0,0,0,0.1), rgba(0,0,0,0.05) 48%, rgba(0,0,0,0.1) 52%, rgba(0,0,0,0.1));
border-color: rgba(0,0,0,0.15)}
#sidepanel nav > a:hover {color: #fff !important;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0.4)), color-stop(0.5, rgba(0,0,0,0.7)), color-stop(0.5, rgba(0,0,0,0.8)));
text-shadow: 0px 0px 3px #000;
border: 1px solid rgba(0,0,0,0.1)}
#sidepanel nav > a:hover { background: -moz-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0.7) 48%, rgba(0,0,0,0.8) 52%, rgba(0,0,0,0.4));}
form#search_box { margin-left: 30px; border-top: 1px dashed rgba(0,0,0,0.2); padding: 20px 10px;
margin-right: 20px}
form#search_box input {}
form#search_box input[type=search] {width: 62%}
p.prev_next { margin: 0 20px 0 30px; font-size: 90%; overflow: hidden;border-top: 1px dashed rgba(0,0,0,0.2);
padding: 20px 10px 20px 0px ; width: 80% }
p.prev_next a { background-color: #ebebeb; color: #890101; display: block; float: left; padding: 5px 10px 2px 10px; margin: 0 0 0 0;
text-decoration: none; font-family: "Chunk", Helvetica, sans-serif; -moz-border-radius: 4px;-webkit-border-radius:4px;
border: 1px solid rgba(0,0,0,0.1) }
p.prev_next a#next_button { float: right;}
p.prev_next a:hover { background-color: #000; color: #fff !important}
p#html5_css3 { padding: 20px; margin: 0 20px 0 30px;border-top: 1px dashed rgba(0,0,0,0.2); font-family: "LeagueGothic", Helvetica, Arial, sans-serif;
text-align: center; font-size: 150%; line-height: 1.4em}
p#html5_css3 span.html5_large { font-size: 200%; clear: both; display: block; line-height: 1em}
p#html5_css3 a { display: block; margin-top: 10px; font-size: 80%; text-decoration: none; color: #890101}
p#html4_css3 a:hover { color: #000}
p#aci_sidebar { padding: 20px 20px 20px 10px; border-top: 1px dashed rgba(0,0,0,0.2); margin: 0 20px 0 30px }
p#aci_sidebar img { width: 100%}
article.blog header { position: relative; display: block}
article.blog header time { font-family: "LeagueGothic", Helvetica, sans-serif; color: #999; display: block; margin: 0 0 20px 20px; font-size: 130%;
text-align: right; padding: 10px 15px; border-bottom: 1px dashed rgba(0,0,0,0.2);}
article.blog h1 { margin-bottom: 0}
#hide_sidebar { display: block; width: 14px; height: 14px; border: none; text-indent: -9999em; overflow: hidden;
position:absolute; right: 0; bottom:0; margin-bottom: -15px; background-image: url(/images/public/resize_sidepanel.png);
background-position: 0 0}
.wide #hide_sidebar { background-position: -12px 0}
#hide_sidebar:hover { background-color: #ccc}
article.product { padding-top: 20px;}
article.product h2 { border-bottom: 1px solid #ccc; clear: both}
article.product h3 { margin-left: 20px;}
article.product h4 { margin-bottom:5px;}
article.product h4,
article.product h5,
article.product h6 { margin-left:30px; margin-bottom: 0;}
article.product p { margin-left:30px;}
article.product ol ul { font-size:0.9em; list-style: none;}
article.product ol ul h5 { margin: 15px 0 5px 0; padding-bottom: 2px; border-bottom: 1px dotted #ccc;}
article.product ol ul p { margin-left: 10px; margin-bottom: 1.1em;}
article.product div.right_panel { width: 320px; float: right; margin-left: 20px; overflow: hidden}
article.product div.right_panel img { float: left; margin: 0 10px 10px 0; display: block}
/* }
@media screen and (min-width: 320px) and (max-width: 800px){
body { background-image: none !important; }
object, img { max-width: 100%}
hgroup#logo { display: block; width: 100%; margin: 0; padding: 4px 0 10px 0; font-size: 50%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0.8)), color-stop(0.5, rgba(0,0,0,0.7)), color-stop(0.5, rgba(0,0,0,0.8)));}
hgroup#logo { background: -moz-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0.7) 48%, rgba(0,0,0,0.8) 52%, rgba(0,0,0,0.8));}
hgroup#logo * { color: #fff; text-align: center; margin: 0; padding: 0}
hgroup#logo a { text-decoration: none}
hgroup#logo h1 { width: 134px; height: 33px; background-image: url(/images/public/christopherimrie-logo-iphone.png); background-position: left top;
background-repeat: no-repeat; display: block; margin: 0 auto; overflow: hidden; text-indent: -9999em}
hgroup#logo h2 { display: none}
#prev_button, #next_button { display: block; position: absolute; top: 13px; padding: 4px 5px 2px 5px;
background-color: rgba(0,0,0,0.2); border: 1px solid rgba(0,0,0,0.3);
-moz-border-radius: 3px;-webkit-border-radius:3px; text-decoration: none; color: #fff; font-family: Helvetica, Arial, sans-serif }
p.prev_next { margin: 0}
#prev_button { left: 7px}
#next_button {right: 7px}
#prev_button:hover, #next_button:hover { color: #fff !important; background-color: rgba(0,0,0,0.7)}
#html5_css3 { display: none}
div.homepage #hero { margin-bottom: 20px; height: 300px; width: 100%; background-image: url(/images/public/hero-med.jpg); background-repeat: no-repeat;
background-position: center center}
article { padding: 0 5px}
article.blog h1,
div.homepage h1 { font-size: 170%; }
article.blog h1 { margin-bottom: 0}
article.blog h1,
div.homepage h1 { font-family: 'Chunk', Helvetica, sans-serif; font-size: 190%}
article.blog h2,
div.homepage h2 { font-family: "Junction"; border-bottom: 2px solid #111; padding-bottom: 0px; font-size: 160%}
div.homepage #hero { margin-bottom: 20px}
div.homepage article { padding: 3%; border-bottom-color: #ccc; border-bottom: 1px dashed rgba(0,0,0,0.2)}
div.homepage article p { margin-bottom: 1em}
article.blog p.download {font-size:.8em;margin-bottom:1.875em;line-height:1.875em; border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 1.4em;
text-align: center; padding-top: 0.2em; }
div#sidepanel { padding: 10px 5px; display: block; overflow: hidden; font-size: 110%; margin:0 0 0px 0;}
nav a { display: block; float: left; background-color: #e9e9e9; color: #333; text-decoration: none;
margin: 0 5px 0 0; -moz-border-radius: 4px;-webkit-border-radius:4px;
padding: 1px 10px 3px 10px; color: rgba(0,0,0,0.5); text-transform: capitalize; font-size: 1.0em; letter-spacing: 1px;
-moz-border-radius: 5px; -webkit-border-radius:5px;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.1)), to(rgba(0,0,0,0.1)), color-stop(0.5, rgba(0,0,0,0.05)), color-stop(0.5, rgba(0,0,0,0.1)));
border: 1px solid #e5e5e5;font-weight: bold; box-shadow: 3px 3px 3px #999;
text-shadow: 1px 1px 3px rgba(255,255,255,0.5);}
#sidepanel nav > a {background: -moz-linear-gradient(top, rgba(0,0,0,0.1), rgba(0,0,0,0.05) 48%, rgba(0,0,0,0.1) 52%, rgba(0,0,0,0.1));
border-color: rgba(0,0,0,0.15)}
#sidepanel nav > a:hover { color: #fff !important;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0.4)), color-stop(0.5, rgba(0,0,0,0.7)), color-stop(0.5, rgba(0,0,0,0.8)));
text-shadow: 0px 0px 3px #000;
border: 1px solid rgba(0,0,0,0.1)}
#sidepanel nav > a:hover { background: -moz-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0.7) 48%, rgba(0,0,0,0.8) 52%, rgba(0,0,0,0.4));}
#sidepanel nav > a:active { color: #fff !important; background-color: #000}
form#search_box { margin: 0; padding: 0; float: right; display:none; }
form#search_box input { margin: 0; font-size: 100%; color: #999}
form#search_box input:focus { color: #000}
input#search_submit { }
p#aci_sidebar { display: none}
header time { font-family: "LeagueGothic", Helvetica, sans-serif; color: #999; display: block; margin: 0; font-size: 120%;
text-align: left; padding: 0; border-bottom: 1px dashed rgba(0,0,0,0.2);}
}
@media screen and (max-width:955px){
div.homepage #hero { background-image: url(/images/public/hero-med.jpg); }
ul#recent_404 { padding-left:5px;}
}
/* iPhone */
/*@media screen and (max-device-width: 320px){
object, img { max-width: 310px}
hgroup#logo { display: block; width: 100%; margin: 0; padding: 4px 0 10px 0; font-size: 50%;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.6)), to(rgba(0,0,0,0.8)), color-stop(0.5, rgba(0,0,0,0.7)), color-stop(0.5, rgba(0,0,0,0.8)));}
hgroup#logo { background: -moz-linear-gradient(top, rgba(0,0,0,0.6), rgba(0,0,0,0.7) 48%, rgba(0,0,0,0.8) 52%, rgba(0,0,0,0.8));}
hgroup#logo * { color: #fff; text-align: center; margin: 0; padding: 0}
hgroup#logo a { text-decoration: none}
hgroup#logo h1 { width: 134px; height: 33px; background-image: url(/images/public/christopherimrie-logo-iphone.png); background-position: left top;
background-repeat: no-repeat; display: block; margin: 0 auto; overflow: hidden; text-indent: -9999em}
hgroup#logo h2,
hgroup#logo h3 { display: none}
div.homepage #hero { margin-bottom: 20px; height: 300px; width: 100%; background-image: url(/images/public/hero-med.jpg); background-repeat: no-repeat;
background-position: center center}
#prev_button, #next_button { width: 33px; height: 34px; display: block; position: absolute; top: 6px;
background-position: center center; background-repeat: no-repeat; text-indent: -9999em;
overflow: hidden; background-color: transparent; padding: 0}
p.prev_next { margin: 0}
#prev_button { background-image: url(/images/public/prev-iphone.png); left: 7px}
#next_button { background-image: url(/images/public/next-iphone.png); right: 7px}
#html5_css3 { display: none}
article.blog { padding: 0 5px}
article.blog h1 { font-size: 170%; }
div#sidepanel { padding: 5px; display: block; overflow: hidden; font-size: 110%; margin:0 0 10px 0;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.2)), to(rgba(0,0,0,0.4)));}
nav a { display: block; float: left; padding: 4px 5px; background-color: #e9e9e9; color: #333; text-decoration: none;
margin: 0 5px 0 0; -moz-border-radius: 4px;-webkit-border-radius:4px;}
form#search_box { margin: 0; padding: 0 }
form#search_box input { margin: 0; float: right; font-size: 110%;}
input#search_submit { display: none}
article.blog p.download {font-size:.8em;margin-bottom:1.875em;line-height:1.875em; border-bottom: 1px solid rgba(0,0,0,0.1); padding-bottom: 1.4em;
text-align: center; padding-top: 0.2em; }
}*/