/*
Theme Name: Mister Andy Riley
Author: Considered Creative
Author URI: http://consideredcreative.com/
*/

/* resets
--------------------------------------------------------------------------
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-y: scroll; }

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

img { border: 0; vertical-align: bottom; }
.lt-ie8 img { -ms-interpolation-mode: bicubic; }

strong { font-weight: bold; }
em { font-style: italic; }

button, input, select, textarea { margin: 0; font: 1em 'Tahoma', 'Geneva', 'Verdana', sans-serif; vertical-align: baseline; color: #000; outline: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
legend { white-space: normal; }
.lt-ie8 legend { margin-left: -7px; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.lt-ie8 input[type="checkbox"] { vertical-align: baseline; }
.lt-ie7 input { vertical-align: text-bottom; }
label, button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; }
button[disabled], input[disabled] { cursor: default; }
button { width: auto; overflow: visible; }
button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }

table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { font-weight: normal; text-align: left; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

ul, ol { list-style: none; }
li { display: list-item; }

a { color: #000; text-decoration: none; cursor: pointer; -webkit-transition: color 0.1s ease; -moz-transition: color 0.1s ease; -ms-transition: color 0.1s ease; -o-transition: color 0.1s ease; transition: color 0.1s ease; }
a:hover, a:active { outline: 0; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

.hide { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* global
--------------------------------------------------------------------------
*/

body { font: 62.5%/1 'Tahoma', 'Geneva', 'Verdana', sans-serif; background: url(images/bodybg.jpg) repeat fixed center center #000; color: #000; text-align: center; }
#shadow { background: url(images/shadow.png) repeat-x 0 0; min-height: 337px; overflow: hidden; }

#wrap { width: 980px; margin: 46px auto 0; min-height: 654px; background: #fff; position: relative; text-align: left; }
#papertop { width: 1016px; height: 318px; position: absolute; top: -46px; left: -18px; background: url(images/papertop.png) no-repeat 0 0; z-index: 2; }
#paperbtm { width: 994px; height: 396px; position: absolute; bottom: -15px; left: -7px; background: url(images/paperbtm.png) no-repeat 0 0; z-index: 2; }
#content { position: relative; z-index: 3; }

/* header */

header { position: relative; overflow: hidden; }
header h1 { margin: 3px 0 0; }
header nav { margin: 0 0 0 20px; overflow: hidden; }
header nav li { float: left; }
header nav li a { padding: 0 6px 0 0; background: url(images/navshadow1.png) no-repeat bottom right; float: left; }
header nav li a:active, header nav li a:focus { opacity: .8; }
header nav li a span.shadow { padding: 0 0 7px; background: url(images/navshadow2.png) no-repeat bottom right; background-size: 100% 7px; float: left; }
header nav li a span.shadow span { font-family: 'Rockwell W02', 'Rockwell', 'Courier New', 'Courier', 'Georgia', 'Times', 'Times New Roman', serif; font-size: 2.2em; padding: .75em 19px .75em 20px; float: left; background: #ffffff; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#f0f0f0)); background: -webkit-linear-gradient(#ffffff, #f0f0f0); background: -moz-linear-gradient(#ffffff, #f0f0f0); background: -ms-linear-gradient(#ffffff, #f0f0f0); background: -o-linear-gradient(#ffffff, #f0f0f0); background: linear-gradient(#ffffff, #f0f0f0); -pie-background: linear-gradient(#ffffff, #f0f0f0); position: relative; behavior: url(/wp-content/themes/andyriley/PIE.htc); }
header nav li a:hover span.shadow span { text-decoration: underline; }
header nav li.menu-item-7 a { color: #666; }
header nav li.menu-item-11 a { color: #4d5625; }
header nav li.menu-item-88 a { color: #006787; }
header nav li.menu-item-98 a { color: #79390c; }
header nav li.menu-item-161 a { color: #3a2569; }
header nav li.menu-item-218 a { color: #5f150c; }
header nav li.current-menu-item a, header nav li.current-menu-item a span.shadow, header nav li.current-menu-item a span.shadow span, .single-post header nav li.menu-item-11 a, .single-post header nav li.menu-item-11 a span.shadow, .single-post header nav li.menu-item-11 a span.shadow span, .single-cartoons header nav li.menu-item-98 a, .single-cartoons header nav li.menu-item-98 a span.shadow, .single-cartoons header nav li.menu-item-98 a span.shadow span, .single-tv-film-radio header nav li.menu-item-161 a, .single-tv-film-radio header nav li.menu-item-161 a span.shadow, .single-tv-film-radio header nav li.menu-item-161 a span.shadow span { background: none; behavior: none; }
header .share { width: 380px; position: absolute; top: 20px; right: 0; }
header .search { width: 300px; padding: 0 0 8px; position: absolute; top: 76px; right: 20px; background: url(images/searchshadow.png) no-repeat right bottom; }
header .search form { background: #ffffff; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ebebeb)); background: -webkit-linear-gradient(#ffffff, #ebebeb); background: -moz-linear-gradient(#ffffff, #ebebeb); background: -ms-linear-gradient(#ffffff, #ebebeb); background: -o-linear-gradient(#ffffff, #ebebeb); background: linear-gradient(#ffffff, #ebebeb); -pie-background: linear-gradient(#ffffff, #ebebeb);
behavior: url(/wp-content/themes/andyriley/PIE.htc); display: block; }
header .search label { font-family: 'Rockwell W02', 'Rockwell', 'Courier New', 'Courier', 'Georgia', 'Times', 'Times New Roman', serif; font-size: 2.2em; color: #666; position: absolute; top: 14px; left: 20px; }
header .search .text { width: 208px; margin: 6px 0 0 18px; padding: 8px 0 10px; border: 0; outline: 0; font-family: 'Rockwell W02', 'Rockwell', 'Courier New', 'Courier', 'Georgia', 'Times', 'Times New Roman', serif; font-size: 2.2em; color: #666; background: url(images/search-dots.png) no-repeat bottom left; float: left; height: 1em; }
header .search .submit { width: 56px; height: 0; padding: 56px 0 0; background: url(images/search-submit.png) no-repeat 0 0; border: 0; outline: 0; float: right; }

/* main */

#main { padding: 0 20px 1.3em; }

#main nav.paging { margin: 1.3em 0 .7em; text-align: right; }
#main nav.paging p { font-family: 'Rockwell W02', 'Rockwell', 'Courier New', 'Courier', 'Georgia', 'Times', 'Times New Roman', serif; font-size: 2.2em; color: #333; }
#main nav.paging span { color: #ccc; }
#main nav.paging a { color: #4d5625; }
#main nav.paging a:hover { text-decoration: underline; }
#main nav.paging a:active, #main nav.paging a:focus { opacity: .8; }

#main .panel { margin: 1.3em 0 0; padding: 0 0 7px; position: relative; background: url(images/panel-shadow.png) no-repeat left bottom; }

#main .panel .illustration { width: 82px; height: 78px; position: absolute; top: 20px; right: 30px; }
#main .panel .illustration-bunny_car { background: url(images/illustrations/bunny_car.png) no-repeat 0 0; }
#main .panel .illustration-bunny_toaster { background: url(images/illustrations/bunny_toaster.png) no-repeat 0 0; }
#main .panel .illustration-chris_rea { background: url(images/illustrations/chris_rea.png) no-repeat 0 0; }
#main .panel .illustration-eggs { background: url(images/illustrations/eggs.png) no-repeat 0 0; }
#main .panel .illustration-mouse_dandruff { background: url(images/illustrations/mouse_dandruff.png) no-repeat 0 0; }
#main .panel .illustration-pig_martini { background: url(images/illustrations/pig_martini.png) no-repeat 0 0; }
#main .panel .illustration-pissing_pig { background: url(images/illustrations/pissing_pig.png) no-repeat 0 0; }
#main .panel .illustration-samurai_pig { background: url(images/illustrations/samurai_pig.png) no-repeat 0 0; }
#main .panel .illustration-sandwich { background: url(images/illustrations/sandwich.png) no-repeat 0 0; }
#main .panel .illustration-wine { background: url(images/illustrations/wine.png) no-repeat 0 0; }

#main .panel h1 { font-family: 'Rockwell W02', 'Rockwell', 'Courier New', 'Courier', 'Georgia', 'Times', 'Times New Roman', serif; font-size: 2.2em; padding: .4em 10px; color: #fff; position: relative; behavior: url(/wp-content/themes/andyriley/PIE.htc); }
#main .panel h1 a { color: #fff; }
#main .panel h1 a:hover { text-decoration: underline; }
#main .panel h1 a:active, #main .panel h1 a:focus { opacity: .8; }
#main .panel .box { position: relative; behavior: url(/wp-content/themes/andyriley/PIE.htc); }
#main .panel .box-corner { padding: 20px; background: url(images/box-corner.png) no-repeat right bottom; }
#main .panel .box .inner { padding: 1px 20px 20px; color: #333; background: #fff; }
#main .panel .box .inner time { font-family: 'Rockwell W02', 'Rockwell', 'Courier New', 'Courier', 'Georgia', 'Times', 'Times New Roman', serif; font-size: 2.2em; margin: .7em 0 0; padding: 0 0 .7em; border-bottom: 1px dotted #333; display: block; }
#main .panel .box .inner time a { color: #333; text-decoration: none; }
#main .panel .box .inner time a:hover { text-decoration: underline; }
#main .panel .box .inner h2 { font-family: 'Rockwell W02', 'Rockwell', 'Courier New', 'Courier', 'Georgia', 'Times', 'Times New Roman', serif; font-size: 2.2em; margin: .7em 0 0; }
#main .panel .box .inner a { text-decoration: underline; }
#main .panel .box .inner a:hover { text-decoration: none; }
#main .panel .box .inner a:active, #main .panel .box .inner a:focus { opacity: .8; }
#main .panel .box .inner p { margin: 1.2em 0 0; font-size: 1.3em; line-height: 1.2em; }
#main .panel .box .inner ul { margin: 1.2em 0 0 40px; font-size: 1.3em; line-height: 1.2em; list-style: disc; }
#main .panel .box .inner ul li { margin: .4em 0 0; }
#main .panel .box .inner ul p { margin: 0; font-size: inherit; line-height: inherit; }
#main .panel .box .image { background: #fff; padding: 2em 40px 2em 0; float: left; }
#main .panel .box .image img { border: 5px solid #fff; float: left; -webkit-box-shadow: #666 2px 2px 4px; -moz-box-shadow: #666 2px 2px 4px; box-shadow: #666 2px 2px 4px; position: relative; behavior: url(/wp-content/themes/andyriley/PIE.htc); }
#main .panel .box .video { background: #fff; padding: 2em 40px 2em 0; float: left; }
#main .panel .box .video .wrap { border: 5px solid #fff; float: left; -webkit-box-shadow: #666 2px 2px 4px; -moz-box-shadow: #666 2px 2px 4px; box-shadow: #666 2px 2px 4px; position: relative; behavior: url(/wp-content/themes/andyriley/PIE.htc); }
#main .panel .box .inner img.alignleft { margin: 0 20px 2em 0; float: left; }
#main .panel .box .inner img.alignright { margin: 0 0 2em 20px; float: right; }
#main .panel .box .inner img.aligncenter { margin: 0 auto; display: block; }
#main .panel .box .inner .share { margin: 1.8em 0 0; padding: 1.6em 0 0; border-top: 1px dotted #333; clear: both; }
#main .panel .box .inner .share h2 { margin: 0; float: left; }
#main .panel .box .inner .share .addthis_toolbox { margin: 0 0 0; margin-left:20px; float: left; }
#main .panel .box .inner .share a { text-decoration: none; }
#main .panel .box .inner .share a:hover { text-decoration: underline; }
#main .panel .box .inner .contact { overflow: hidden; }
#main .panel .box .inner .contact ul { width: 370px; float: left; margin: 0; list-style: none; }
#main .panel .box .inner .contact ul + ul { width: 490px; }
#main .panel .box .inner .contact ul li { margin: 1em 0 0; overflow: hidden; }
#main .panel .box .inner .contact ul li img { width: 40px; height: 40px; float: left; }
#main .panel .box .inner .contact ul li p { margin-left: 60px; }
#main .panel .box .inner ul.gallery { width: 880px; margin: 0 0 0 -20px; position: relative; list-style: none; clear: both; }
#main .panel .box .inner ul.gallery li { width: 156px; margin: 1.2em 0 0 20px; float: left; }
#main .panel .box .inner ul.gallery li a { float: left; }
#main .panel .box .inner ul.gallery li img { width: 156px; height: 115px; -webkit-box-shadow: #666 2px 2px 4px; -moz-box-shadow: #666 2px 2px 4px; box-shadow: #666 2px 2px 4px; position: relative; behavior: url(/wp-content/themes/andyriley/PIE.htc); }

#main .panel .box-home .box-corner { overflow: hidden; }
#main .panel .box-home .image { padding: 0; background: none; }
#main .panel .box-home .video { padding: 0; background: none; }
#main .panel-image .box-home .inner { width: 410px; float: right; }
#main .panel-image .box-home .inner .balance { min-height: 163px; }
#main .panel .box-home .inner .share .addthis_toolbox { margin-left: 20px; float: left; }
#main .panel-image .box-home .inner .share .addthis_toolbox { margin-left: 0; float: right; }

#main .panel ul.listing { width: 900px; margin: -1em 0 0 10px; overflow: hidden; }
#main .panel ul.listing li.item { width: 280px; margin: 1em 20px 0 0; padding: 0 0 9px; background: url(images/listing-shadow.png) no-repeat left bottom; float: left; }
#main .panel ul.listing li.item h2 { font-family: 'Rockwell W02', 'Rockwell', 'Courier New', 'Courier', 'Georgia', 'Times', 'Times New Roman', serif; font-size: 1.7em; color: #fff; min-height:35px; }
#main .panel ul.listing li.item h2 a { color: #fff; }
#main .panel ul.listing li.item h2 a:hover { text-decoration: underline; }
#main .panel ul.listing li.item h2 a:active, #main .panel ul.listing li.item h2 a:focus { opacity: .8; }
#main .panel ul.listing li.item .thumb { margin: .8em 0 0; padding: 10px; background: #fff; float: none; }
#main .panel ul.listing li.item .thumb a { display: block; position: relative; }
#main .panel ul.listing li.item .thumb a .corner { position: absolute; bottom: 0; right: 0; width: 72px; height: 75px; background: url(images/listing-corner.png) no-repeat 0 0; z-index: 2; }
#main .panel ul.listing li.item .thumb img { width: 260px; height: 190px; border: 0; float: none; -webkit-box-shadow: #666 2px 2px 4px; -moz-box-shadow: #666 2px 2px 4px; box-shadow: #666 2px 2px 4px; }
#main .panel ul.listing li.item ul.links { padding: 10px; background: #e4d7ce; }
#main .panel ul.listing li.item ul.links li { margin: 0 0 0 3px; float: right; }
#main .panel ul.listing li.item ul.links li a { float: right; -webkit-box-shadow: #666 2px 2px 4px; -moz-box-shadow: #666 2px 2px 4px; box-shadow: #666 2px 2px 4px; }
#main .panel ul.listing li.item ul.links li.more { margin: 0; float: left;}
#main .panel ul.listing li.item ul.links li.more a { background: #79390c; float: left; font-family: 'Rockwell W02', 'Rockwell', 'Courier New', 'Courier', 'Georgia', 'Times', 'Times New Roman', serif; font-size: 2.2em; color: #fff; padding: .5em 10px .4em; }
#main .panel-purple ul.listing li.item ul.links li.more a { background: #3a2569; }
#main .panel ul.listing li.item ul.links li.more a:hover { text-decoration: underline; }
#main .panel ul.listing li.item ul.links li.more a:active, #main .panel ul.listing li.item ul.links li.more a:focus { opacity: .8; }

#main .panel-khaki h1, #main .panel-page h1 { background: #778248; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#778248), to(#6a753b)); background: -webkit-linear-gradient(#778248, #6a753b); background: -moz-linear-gradient(#778248, #6a753b); background: -ms-linear-gradient(#778248, #6a753b); background: -o-linear-gradient(#778248, #6a753b); background: linear-gradient(#778248, #6a753b); -pie-background: linear-gradient(#778248, #6a753b); }
#main .panel-khaki .box, #main .panel-page .box { background: #99a65d; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#99a65d), to(#818e44)); background: -webkit-linear-gradient(#99a65d, #818e44); background: -moz-linear-gradient(#99a65d, #818e44); background: -ms-linear-gradient(#99a65d, #818e44); background: -o-linear-gradient(#99a65d, #818e44); background: linear-gradient(#99a65d, #818e44); -pie-background: linear-gradient(#99a65d, #818e44); }
#main .panel-khaki .box .inner a, #main .panel-page .box .inner a { color: #4d5625; }

#main .panel-teal h1 { background: #417788; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#417788), to(#326879)); background: -webkit-linear-gradient(#417788, #326879); background: -moz-linear-gradient(#417788, #326879); background: -ms-linear-gradient(#417788, #326879); background: -o-linear-gradient(#417788, #326879); background: linear-gradient(#417788, #326879); -pie-background: linear-gradient(#417788, #326879); }
#main .panel-teal .box { background: #5e8f9e; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5e8f9e), to(#447584)); background: -webkit-linear-gradient(#5e8f9e, #447584); background: -moz-linear-gradient(#5e8f9e, #447584); background: -ms-linear-gradient(#5e8f9e, #447584); background: -o-linear-gradient(#5e8f9e, #447584); background: linear-gradient(#5e8f9e, #447584); -pie-background: linear-gradient(#5e8f9e, #447584); }
#main .panel-teal .box .inner a { color: #006787; }

#main .panel-brown h1, #main .panel-cartoons h1 { background: #7f4720; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7f4720), to(#723a14)); background: -webkit-linear-gradient(#7f4720, #723a14); background: -moz-linear-gradient(#7f4720, #723a14); background: -ms-linear-gradient(#7f4720, #723a14); background: -o-linear-gradient(#7f4720, #723a14); background: linear-gradient(#7f4720, #723a14); -pie-background: linear-gradient(#7f4720, #723a14); }
#main .panel-brown .box, #main .panel-cartoons .box { background: #9d6037; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9d6037), to(#85481f)); background: -webkit-linear-gradient(#9d6037, #85481f); background: -moz-linear-gradient(#9d6037, #85481f); background: -ms-linear-gradient(#9d6037, #85481f); background: -o-linear-gradient(#9d6037, #85481f); background: linear-gradient(#9d6037, #85481f); -pie-background: linear-gradient(#9d6037, #85481f); }
#main .panel-brown .box .inner a, #main .panel-cartoons .box .inner a { color: #7f4720; }

#main .panel-purple h1, #main .panel-tv-film-radio  h1 { background: #554280; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#554280), to(#483573)); background: -webkit-linear-gradient(#554280, #483573); background: -moz-linear-gradient(#554280, #483573); background: -ms-linear-gradient(#554280, #483573); background: -o-linear-gradient(#554280, #483573); background: linear-gradient(#554280, #483573); -pie-background: linear-gradient(#554280, #483573); }
#main .panel-purple .box, #main .panel-tv-film-radio  .box { background: #6b5a92; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6b5a92), to(#53427a)); background: -webkit-linear-gradient(#6b5a92, #53427a); background: -moz-linear-gradient(#6b5a92, #53427a); background: -ms-linear-gradient(#6b5a92, #53427a); background: -o-linear-gradient(#6b5a92, #53427a); background: linear-gradient(#6b5a92, #53427a); -pie-background: linear-gradient(#6b5a92, #53427a); }
#main .panel-purple .box .inner a, #main .panel-tv-film-radio  .box .inner a { color: #3a2569; }

#main .panel-maroon h1 { background: #78362e; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#78362e), to(#69271f)); background: -webkit-linear-gradient(#78362e, #69271f); background: -moz-linear-gradient(#78362e, #69271f); background: -ms-linear-gradient(#78362e, #69271f); background: -o-linear-gradient(#78362e, #69271f); background: linear-gradient(#78362e, #69271f); -pie-background: linear-gradient(#78362e, #69271f); }
#main .panel-maroon .box { background: #7d3a32; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#7d3a32), to(#68251d)); background: -webkit-linear-gradient(#7d3a32, #68251d); background: -moz-linear-gradient(#7d3a32, #68251d); background: -ms-linear-gradient(#7d3a32, #68251d); background: -o-linear-gradient(#7d3a32, #68251d); background: linear-gradient(#7d3a32, #68251d); -pie-background: linear-gradient(#7d3a32, #68251d); }
#main .panel-maroon .box .inner a { color: #68251d; }

#main .panel-orange h1 { background: #c5692b; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c5692b), to(#b75c1d)); background: -webkit-linear-gradient(#c5692b, #b75c1d); background: -moz-linear-gradient(#c5692b, #b75c1d); background: -ms-linear-gradient(#c5692b, #b75c1d); background: -o-linear-gradient(#c5692b, #b75c1d); background: linear-gradient(#c5692b, #b75c1d); -pie-background: linear-gradient(#c5692b, #b75c1d); }
#main .panel-orange .box { background: #de762d; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#de762d), to(#c65d15)); background: -webkit-linear-gradient(#de762d, #c65d15); background: -moz-linear-gradient(#de762d, #c65d15); background: -ms-linear-gradient(#de762d, #c65d15); background: -o-linear-gradient(#de762d, #c65d15); background: linear-gradient(#de762d, #c65d15); -pie-background: linear-gradient(#de762d, #c65d15); }
#main .panel-orange .box .inner a { color: #79390c; }

#main .panel-grey h1 { background: #8c8c8c; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8c8c8c), to(#7d7d7d)); background: -webkit-linear-gradient(#8c8c8c, #7d7d7d); background: -moz-linear-gradient(#8c8c8c, #7d7d7d); background: -ms-linear-gradient(#8c8c8c, #7d7d7d); background: -o-linear-gradient(#8c8c8c, #7d7d7d); background: linear-gradient(#8c8c8c, #7d7d7d); -pie-background: linear-gradient(#8c8c8c, #7d7d7d); }
#main .panel-grey .box { background: #9e9e9e; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#9e9e9e), to(#8a8a8a)); background: -webkit-linear-gradient(#9e9e9e, #8a8a8a); background: -moz-linear-gradient(#9e9e9e, #8a8a8a); background: -ms-linear-gradient(#9e9e9e, #8a8a8a); background: -o-linear-gradient(#9e9e9e, #8a8a8a); background: linear-gradient(#9e9e9e, #8a8a8a); -pie-background: linear-gradient(#9e9e9e, #8a8a8a); }
#main .panel-grey .box .inner a { color: #888; }

/* footer */

footer { width: 940px; margin: 0 auto; padding: 3em 0 7em; overflow: hidden; text-align: left; }
/*footer .panel { width: 300px; margin: 0 20px 0 0; padding: 0 0 6px; float: left; background: url(images/ftr-shadow.png) no-repeat bottom left; }*/
footer .panel { width: 100%; margin: 0 20px 0 0; padding: 0 0 6px; background: url(images/ftr-shadow.png) no-repeat bottom left; }
footer .iphone { margin: 0; }
footer .panel h2 { font-family: 'Rockwell W02', 'Rockwell', 'Courier New', 'Courier', 'Georgia', 'Times', 'Times New Roman', serif; font-size: 2.2em; color: #fff; position: relative; behavior: url(/wp-content/themes/andyriley/PIE.htc); }
footer .panel h2 a { position: relative; z-index: 2; padding: .4em 10px; display: block; color: #fff; }
footer .panel h2 a:hover { text-decoration: underline; }
footer .panel h2 a:active, footer .panel h2 a:focus { opacity: .8; }
footer .panel .wrap { /*min-height: 255px;*/ padding-bottom:20px; }

footer .shop h2 { background: #c3695e; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c3695e), to(#b55b50)); background: -webkit-linear-gradient(#c3695e, #b55b50); background: -moz-linear-gradient(#c3695e, #b55b50); background: -ms-linear-gradient(#c3695e, #b55b50); background: -o-linear-gradient(#c3695e, #b55b50); background: linear-gradient(#c3695e, #b55b50); -pie-background: linear-gradient(#c3695e, #b55b50); }
footer .twitter h2 { background: #20a6d0; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#20a6d0), to(#1298c2)); background: -webkit-linear-gradient(#20a6d0, #1298c2); background: -moz-linear-gradient(#20a6d0, #1298c2); background: -ms-linear-gradient(#20a6d0, #1298c2); background: -o-linear-gradient(#20a6d0, #1298c2); background: linear-gradient(#20a6d0, #1298c2); -pie-background: linear-gradient(#20a6d0, #1298c2); }
footer .iphone h2 { background: #c5692b; background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c5692b), to(#b75c1d)); background: -webkit-linear-gradient(#c5692b, #b75c1d); background: -moz-linear-gradient(#c5692b, #b75c1d); background: -ms-linear-gradient(#c5692b, #b75c1d); background: -o-linear-gradient(#c5692b, #b75c1d); background: linear-gradient(#c5692b, #b75c1d); -pie-background: linear-gradient(#c5692b, #b75c1d); }
footer .twitter h2 a { background: url(images/ftr-bird.png) no-repeat right center; }

footer .panel .box { padding: 0 20px 2em; }
footer .shop .box { background: url(images/ftr-box-shop.png) no-repeat bottom left #d37d72; }
footer .twitter .box { background: url(images/ftr-box-twitter.png) no-repeat bottom right #18c0f4; }
footer .iphone .box { background: url(images/ftr-box-iphone.png) no-repeat bottom left #dd743d; }

footer .panel p { margin: 1.3em 0 0; font-size: 1.3em; line-height: 1.2em; color: #fff; }
footer .shop img { margin: -28px 0 0 -18px; position: relative; }
footer .iphone img { margin: 20px 0 0; position: relative; }

footer .panel .more { margin: 0; font-size: inherit; line-height: inherit; }
footer .panel .more a { float: left; font-family: 'Rockwell W02', 'Rockwell', 'Courier New', 'Courier', 'Georgia', 'Times', 'Times New Roman', serif; font-size: 2.2em; color: #fff; padding: .4em 10px; position: relative; behavior: url(/wp-content/themes/andyriley/PIE.htc); }
footer .panel .more a:hover { text-decoration: underline; }
footer .panel .more a:active, footer .panel .more a:focus { opacity: .8; }

footer .shop .more a { -webkit-box-shadow: #683029 2px 2px 5px; -moz-box-shadow: #683029 2px 2px 5px; box-shadow: #683029 2px 2px 5px; background: #683029; }
footer .twitter .more a { -webkit-box-shadow: #006787 2px 2px 5px; -moz-box-shadow: #006787 2px 2px 5px; box-shadow: #006787 2px 2px 5px; background: #006787; }
footer .iphone .more a { -webkit-box-shadow: #79390c 2px 2px 5px; -moz-box-shadow: #79390c 2px 2px 5px; box-shadow: #79390c 2px 2px 5px; background: #79390c; }

footer .twitter .aktt_tweets li { padding: 20px 0 0 40px; position: relative; font-size: 1.3em; line-height: 1.2em; color: #fff; }
footer .twitter .aktt_tweets li + li { padding-top: 10px; }
footer .twitter .aktt_tweets li img { width: 30px; height: 30px; margin: 0 0 0 -40px; position: relative; float: left; }
footer .twitter .aktt_tweets li a { color: #d0f2fc; }
footer .twitter .aktt_tweets li a:hover { text-decoration: underline; }
footer .twitter .aktt_tweets li a.aktt_tweet_time { font-size: .85em; display: block; }
footer .twitter .aktt_tweets li p { font-size: 1em; line-height: 1.2em; margin: 0; }

footer p.copyright { width: 100%; height: 114px; clear: both; float: left; position: relative; background: url(images/copyright.png) no-repeat right bottom; }
footer p.copyright span { font-size: 1.3em; position: absolute; bottom: 6px; right: 126px; color: #fff; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width: none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxContent{margin-top:20px;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(images/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxLoadingOverlay{background:#000;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(images/controls.png) no-repeat top center; width:38px; height:19px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

/* clearfix
--------------------------------------------------------------------------
*/

.clearfix:before, .clearfix:after, footer .panel .more:before, footer .panel .more:after, #main .panel ul.listing li.item ul.links:before, #main .panel ul.listing li.item ul.links:after, #main .panel .box .inner .share:before, #main .panel .box .inner .share:after, #main .panel .box .inner ul.gallery:before, #main .panel .box .inner ul.gallery:after, #main .panel .box .inner:before, #main .panel .box .inner:after { content: ""; display: table; }
.clearfix:after, footer .panel .more:after, #main .panel ul.listing li.item ul.links:after, #main .panel .box .inner .share:after, #main .panel .box .inner ul.gallery:after, #main .panel .box .inner:after { clear: both; }
.lt-ie8 .clearfix, .lt-ie8 footer .panel .more, .lt-ie8 #main .panel ul.listing li.item ul.links, .lt-ie8 #main .panel .box .inner .share, .lt-ie8 #main .panel .box .inner ul.gallery, .lt-ie8 #main .panel .box .inner { zoom: 1; }

/* print
--------------------------------------------------------------------------
*/

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

/* mobile
--------------------------------------------------------------------------
*/
@media (max-width: 960px) {
#wrap {
	width:100%;
	max-width:980px;
	margin-top:0;
}
.paging {
	padding:5px;
}
header h1 a img {
	width:100%;
	margin-left:10%;
	margin-top:10px;
}
#main {
	padding:0;
}
#main .panel .box .image img {
	border:none;
	float:none;
	width:100%;
	height:auto;
}
#main .panel .box-corner {
	padding:5px;
}
#main .panel-image .box-home .inner {
	float:none;
	width:auto;
}
#main .panel .box .image {
	float:none;
}
#main .panel-image .box-home .inner .share .addthis_toolbox {
	float:none;
	margin-top:10px;
}
footer .panel {
	float:none;
	margin:20px auto 0 auto;
}
footer {
	width:100%;
}
header .search {
	display:none;
}
header .share {
	display:none;
}
header nav {
	margin: 30px 0 0 20px;
}
header nav li a span.shadow span {
	font-size:1.2em;
	padding:.5em 10px .5em 10px;
}
footer p.copyright {
	margin-left:10px;
}
#main .panel .box .image {
	background:none;
	width:100%;
}
#main .panel .box .inner img.alignright {
	width:100%;
	height:auto;
}
#main .panel .box .inner .share .addthis_toolbox {
	margin-top:10px;
}
#main .panel ul.listing {
	width:100%;
	margin-left:0px;
}
#main .panel ul.listing li.item {
	width:100%;
}
#main .panel ul.listing li.item .thumb img {
	width:100%;
	height:auto;
}
}