
html,body  {width:100%;margin:0;padding:0;}
body {font-size:1em;font-family:"Helvetica Neue",Arial,Tahoma,sans-serif;color:#292b2e;overflow-x:hidden;background:#fff;}
img {height:auto;max-width:100%;border:0;}
a:active, a:focus {outline:0;border:none;-moz-outline-style:none;}
a img {outline:none;}
a:link {color:#00739e;}
a:hover {color:#c82c1c;}
.h-ks a {color:#00739e;text-decoration:none;}
#bx1 h1, .h-ks, aside h2, aside p.tp, #bx1 p.tp, #bx1 p.feat, .h-ks, #bx1 p.fncy, #bx1 h3.fncy  {font-family: "Lucida Bright",Georgia,Palatino,"Century Schoolbook",serif;}
#bx1 h1 {font-weight:bold;text-align:left;line-height:1.3em;color:#000;margin:1.2em 0 .2em;} /* bot was .8 */
#bx1 h2 {font-weight:bold;font-family:"Helvetica Neue",Arial,Tahoma,sans-serif;text-align:left;color:#015d80;margin:2em 0 .6em;line-height:1.3em;}
#bx1 h3 {color:#784f2b;}
#head-wrapper {max-width:1240px;display:block;margin:auto;padding:0;width:96%;}

article {width:96%;min-height:800px;display:block;margin:0.7em auto 0;padding:0 .3em;background-color:transparent;}
#head-menu {font-size:80%;text-transform:uppercase;display:block;margin:1.6em auto .9em;}
#mobile-menu, #nav-menu {display:none;}
#bx1 p {font-size:110%;line-height:1.7em;}
aside p {font-size:110%;line-height:1.7em;}
#lead {font-size:75%;text-align:left;line-height:1.4em;border:0;color:#5a594e;margin:1.4em 0 0.8em;padding:0;}

/* bread/author */
#bx1 #bread, #bx1 .author {font-weight:normal;text-align:left;line-height:1.4em;border:0;}
#bx1 #bread {font-size:85%;margin:1.5em 0 .1em;padding:0;color:#666;}
#bx1 #author {font-size:75%;margin:.7em 0 2.8em;padding:0;text-transform:uppercase;}
#bread a:link  {color:#666;}  /* text-decoration:none; */
#bx1 #author a:link {color:#00739e;text-decoration:none;}

.aff {font-size:90%;text-align:center;line-height:1.4em;font-style:italic;color:#5A594E;margin:1em 0;padding:.7em .1em;border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;}  
.aff a:link {color:#535353;}
.aff a:hover {color:#858585;}

#bx1 p.dis {color:#333;font-size:.9em;}
.dis {color:#333;font-size:.9em;}

.h1h {color: #5f5d5d;font-weight: bold;}
.heroimg img {display:block;margin:2em auto;}
.block {display:block;margin:2em auto 2em;}
.blk {float:none;display:block;margin:1.8em auto;}
.clear {clear:both;}
.at-custom-content, .at-video-player, .adthrive-content, .adthrive-sidebar {min-height:250px;} 
	
/* MAX 999.9px */
@media all and (min-width:10px) and (max-width:907.9px) {
header {border-bottom: 2px solid #e3e2e0;padding:0;}
.logox {display:block;margin:.7em auto 0;}

.h-ks, .h-tg2, #mobile-menu, .srch5  {text-align:center;}
.h-ks  {font-size:180%;margin:9px auto;padding:0;letter-spacing: -0.8px;}
.h-ks a {color:#00739e;}
.h-tg2 {font-size:80%;color:#000;}
.m11 a:link, .m22 a:link, .m33 a:link, .m44 a:link, .m55 a:link, .m66 a:link, .h-tg1  {display:none;}

#mobile-menu {text-align:center;display:block;margin:12px 25% 22px;padding:.4em;}
.head-menu {display:none;}
.mobile-menu {display:block;}
.m77 {font-size:110%;font-weight:bold;text-align:center;display:block;margin:12px 25% 22px;padding:.4em;background:#fffcdd;border:1px dashed #5a594e;}
.m77 a {color:#00739e;}

ul {margin:0 0 0 .5em;padding:0;}
h1 {font-size:170%;}
h2 {font-size:150%;}
}

/* MAX 524 */
@media all and (min-width:10px) and (max-width:524px) {
.heroimg img {display:block;margin:0 auto;}
h1 {font-size:140%;}
h2 {font-size:120%;}
}

/* ALL */
aside h2 {font-weight:normal;margin:1.7em 0 .5em;}
p.au {font-size:75%;float:right;margin:0;padding:.3em 1.5em .4em;}
p.au a:link {color:#5a594e;text-decoration:none;}

.top {text-align:right;}
#bx1 .top a:link {color:#00739e;font-size: 85%;}
.toc  li, .list1 li {line-height:1.5em;font-size:110%;}
.toc {list-style-type:none;margin-bottom:0;}
.toc a:link, .toc a:visited {color:#5f3f23;}
.toc a:hover {background:#FFC;list-style-type:none;}
.tut-side {margin-top:1.4em;margin-bottom:2.4em;padding-left:2em;}
.tut-side li {line-height:1.3em;margin:1.1em 0 .1em .1em;list-style-type:circle;}
.tut-side a {font-size:105%;color:#00628f;text-decoration:none;}
.tut-side a:hover {color:#c31c21;;background:#fffdee;}

@media all and (max-width:907px) {
.tut-side {margin-bottom:2.4em;padding-left:.5em;}
.tut-side li {margin-left:3em;}
}

/* ALL */
footer {font-size:95%;padding-top:2.8em;color:#ffffcb;background:#09729e;border-top:2px solid #e3e3e3;clear:both;overflow: hidden;}
footer p {font-size:130%;color:#fff;}

/* sidebar link to tut list */
aside p#tlst {text-align:center;font-size:80%;padding-bottom:0;margin-bottom:0}
.pic-me-tut {display:block;text-align:center;margin:4em auto 1em;}


#ft-wrap {max-width:1240px;margin:0 auto;}
#ft1, #ft2, #ft3 {vertical-align:top;margin:0;padding:0 1%;}
footer ul {vertical-align:top;margin:0;padding-left:0;border-left:1px solid #fff;}
#ft1 li, #ft2 li, #ft3 li {line-height:1.4em;margin:1.2em .2em 0 0;padding-left:1em;list-style-type:none;list-style-position:inside;}
#ft1 p, #ft2 p, #ft3 p {text-transform:uppercase;margin-left:.7em;}

#ft1 a, #ft2 a, #ft3 a {color:#ffffcb;text-decoration:none;}
#ft1 a:hover, #ft2 a:hover, #ft3 a:hover {color:#bbfffd;}
#ft2 p.cpy {font-size:90%;color:#fff;margin:2.4em .1em .1em 1.3em;text-transform:none;} 

/* >=908 */
@media all and (min-width:908px) {
article  {max-width:1240px;} 
article section  {float:left;width:67%;margin:0 .4% 0 0;padding:0;}
article aside  {float:right;width:30%;margin:0 .1% 0 .4%;padding-left:.1em;border-top:0 none;} 
aside h3 {background:#ffc;border:1px solid #ecebeb;color:#5A594E;font-size:90%;margin-bottom:0;padding:.1em .5em;text-align: center;text-transform:uppercase;line-height:1.5em;}
	
h1 {font-size:180%;} 	
h2 {font-size:165%;}
h3 {font-size:135%;}
header {border:0;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);left: 0;padding: 0;}
#head-wrapper {margin: auto;max-width: 1240px;width: 96%;}
.red {color:#c31925;}
#head-fx {display:inline-block;width:100%;margin:0 0 .5em;}
.h-log, .h-ks, .h-tg1, .h-tg2 {display:inline-block;vertical-align:middle;}
.h-log {margin: 20px 0 3px 0;}
.h-ks {font-size:210%;text-shadow: 1px 1px 1px #00a7b5;margin: 12px 1px 0 12px;}
.h-ks a {color:#00739e;} /* keep! */
.h-tg1 {margin: 26px 0 0 12px;}
.h-tg2 {display:none;}
#head-menu {max-width:1240px;font-size:95%;text-align:left;text-transform:uppercase;display:block;margin:auto;border-top:2px solid #d3d2d1;padding:0;}
.m11, .m22, .m33, .m44, .m55, .m66 {display:inline-block;text-decoration:none;}
.m11 {margin:.7em 0 .7em;}
.m22, .m33, .m44, .m55, .m66 {margin:.7em 0 .7em 1.7em;}
#head-menu a {text-decoration:none;}	
#head-menu a:link {color:#333;}
#head-menu a:visited {color:#333;}
#head-menu a:hover {color:#c31c21;background:#ffc;}
.srch5 {font-size:85%;}
.toc  li {margin-left:0;padding:.6em 0 .6em .1em;}
.list1 li {font-size:110%;padding:.4em 0 .4em .1em;}
#ft1 {width:28%;display:inline-block;}
#ft2 {width:40%;display:inline-block;}
#ft3 {width:24%;display:inline-block;}
}

/* 631 to 907.9 */
@media all and (min-width:631px) and (max-width:907.9px) {
.srch5 {font-size:85%;}
.toc  li {margin-left:0;padding:.6em 0 .6em .1em;}
.list1 li {font-size:110%;padding:.4em 0 .4em .1em;margin-left:1em;}
#ft2 p.cpy {font-size:85%;}
.tiger {margin:1.5em 0 1em;}
.h-tg1 {display:block;margin:4px auto 12px;text-align:center;}
.h-tg2 {display:none;}	
#head-menu {display:block;margin:auto;}
#ft1, #ft3 {width:25%;display:inline-block;}
#ft2 {width:42%;display:inline-block;}
#ft1 p, #ft2 p, #ft3 p {font-size:110%;}
#ft1 li, #ft2 li, #ft3 li {font-size:85%;}
}

/* 733-779 */
@media all and (min-width:733px) and (max-width:907px) {.heroimg img {max-width:450px;}}

/* 10 to 630 */
@media all and (min-width:10px) and (max-width:630.9px) {
.tut-side li {margin-left:7px;}
.srch5 {font-size:85%;}
.toc  li {padding:.7em 0 .9em .3em;}
.list1 li {margin-left:.6em;padding:.6em 0 .6em .2em;}
footer  {padding: 1.1em 0 0 0;}
#ft1, #ft2, #ft3 {display:block;float:none;margin:0 auto;text-align:center;}
footer ul {border-left:none;}
#ft1 p, #ft2 p, #ft3 p {padding-top:2em;margin-left:0;}
#ft2 p.cpy {font-size:85%;margin:5em .1em;}
#ft1 ul, #ft3 ul {margin:1em 1em;padding:0;text-align:center;}
#ft1 li, #ft3 li {line-height:1.5em;margin:1.5em .2em 0;padding-left:0;list-style-type:none;}
#bx1 #bread {font-size:90%;margin:1.5em 0 .1em;padding:0;color:#666;}
#bx1 #author {font-size:75%;margin:1.2em 0 2.8em;padding:0;text-transform:uppercase;}
}

/* Tut Sidebar */
.pic-me {display:block;margin:5.5em auto 1.1em;} /* pic */
aside p.me {text-align:center;} /* para below */

@media all and (max-width:500.9px) {
.pic-me {margin:2em auto 1.1em;}
aside p.me {margin:1em 3em 3.5em;font-size:85%}
}
@media all and (min-width:501px) and (max-width:907.9px) {
.pic-me {margin:2em auto 1.1em;}
aside p.me {margin:1em 5em 3.5em;font-size:85%}
}
@media all and (min-width:908px) and (max-width:1143.9px) {
aside p.me {margin:.1em 3em 3.5em;font-size:80%;}
}
@media all and (min-width:1144px) {
aside p.me {margin:.1em 5em 3.5em;font-size:80%;} 
}

/* amaz  */
.deals {background:url("../images/px-deals-med.png") no-repeat center;text-align:center;display:block;margin:2rem auto 3.5rem;padding:.1rem 0;} 
.deals a:link {font-size:110%;color:#ba0606;}

.vor  {display:block;margin:4.6rem auto 2.4em;}
.blockx  {display:block;margin:auto;}
.lnks-2 {font-size:100%;text-align:center;padding:.9em .5em .5em;}  /*margin:0 0 6em;*/
.lnks-2 a:link {margin-top:0;text-decoration:none;}

hr.sd-line {width:70%;margin:.2rem auto 3rem;
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

/* SEARCH */
.srch5 p {line-height:1.1em;margin-top:1.3em;}
.srch5 {width:90px;height:90px;display:block;margin:1.8rem auto 3rem;padding-top:0;border-radius:50%;vertical-align:middle;border:5px solid #d4eeff;background:#fffde7;text-align:center;}
.srch5 a {text-decoration:none;}
.srch5 a:link {color:#292b2e;}
.srch5 a:hover {color:red;}
aside p.tp, aside h2 {font-size:140%;text-align:center;color:#292b2e;margin:.7em 0 0;}


#bx1 p.utop {font-size:250%;padding:0;margin:0;text-align:right;}
#bx1 .utop a {text-decoration:none;color:#000;font-weight:bold;border:1px dotted #999;padding:0 .3em .3em .3em;}

.ind {margin-left:2em;}
.tf {text-transform:uppercase;}
.nowrap {white-space:nowrap;}
.ver {font-family:Verdana,"DejaVu Sans",san-serif;}
.nowrap {white-space:nowrap;}
.blue {color:#00739e;}
.bo {color:#000;font-weight:bold;}
.bb {color:#00739e;font-weight:bold;}
.rust {color:#91350d;}
.rustb {color:#91350d;font-weight:bold;}
.red {color:#c31925;}
.rb  {color:#c31925;font-weight:bold;}
.green {color:#067739;}
.gb {color:#067739;font-weight:bold;}
.bk, .black {color:#000;}
.brown {color:#784f2b;}
.brownb {color:#784f2b;font-weight:bold;}
.tlb {color:#3f6b5f;font-weight:bold;}
#bx1 p.au {float:right;font-size:75%;margin:0;padding:.3em 1.5em .4em;}
#bx1 p.au a:link {color:#5A594E;text-decoration:none;padding:0;margin:0;}
.top {text-align:right;}
#bx1 .top a:link {font-size:80%;color:#00739e;}
.cen, .ctr {text-align:center;}
#bx1 p.cen, #bx1 p.ctr {text-align:center;}
#bx1 .f80 {font-size:80%;}
#bx1 .f90 {font-size:90%;}
#bx1 p.f120 {font-size:130%;}

@media print {
* {background: transparent !important; color: black !important; text-shadow: none !important;}
img {max-width: 100% !important;}
header, aside, footer, .at-custom-content  {display: none !important;}
body, #content, #bx1 {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}
body {width:100%;background:#FFF;}
}  