/* 
Title: Makeup Review
Description: Responsive layout with top navigation bar,full width pages compatibile with mobile devices
URL: https://makeupreview.pages.dev
Created: June 17 2020
*/
body {background:#fff;color:#333;font-size:16px;font-size:120%;font-family:Tahoma,Arial,Helvetica,Sans-Serif;margin:0 auto;padding:0}
a,a:visited {color:#0000cc;text-decoration:none}
a:hover {color:#cc0000;text-decoration:underline}
.alignright {float:right;border:none;padding:8px 0 0 10px}
.alignleft {float:left;border:none;padding:8px 10px 0 0}
.aligncenter {display:block;text-align:center;border:none;margin:0 auto;padding:0.2em 0}
.adtext {float:right;font-size:0.85em;padding:6px 0}
.smalltext {font-size:0.9em}
.largetext {font-size:1.5em;font-weight:bold;text-align:center;color:#0000cc}
.postdata {font-size:0.9em;color:#aaa}
.pdate {color:#cc0000}
/*iframe wrap resizeable container*/
.iframewrap {position:relative;height:0;overflow:hidden;padding-bottom:20%;padding-top:25%;margin-left:-5px}
.iframewrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;border:0} 
/*header section*/
#header {background:#fff url('images/logo.jpg') top left no-repeat;width:100%;height:104px;margin:0 auto;padding:4px 0 0}
#header h2,#header h2 a,#header h2 a:visited {font-family:inherit;font-size:1.5em;font-weight:bold;color:#222;text-align:center;margin:0 auto;padding:20px 0 0}
#header h2 a:hover {color:#777;text-decoration:none}
/*Top Nav bar*/
#nav {background:#fff;width:100%;height:30px;text-align:center;border-top:#999 1px solid;border-bottom:#999 1px solid;margin:0 auto;padding:4px 0}
#nav ul {margin:0;padding:2px 0 0}
#nav li {display:inline;list-style-type:none;margin:0;padding:2px 4px}
#nav ul li a,#nav ul li a:visited {font-family:inherit;background:transparent;font-size:1.1em;font-weight:normal;color:#222;text-decoration:none;padding:2px 4px;margin:0}
#nav ul li a:hover {color:#cc0000;font-weight:normal;text-decoration:none;border:#999 1px solid}
/*Main Pagewrap*/
@media screen and (max-width:800px) {#main {width:100%;margin:0 auto} #content img {max-width:95%}}
@media screen and (min-width:801px) {#main {width:91%;max-width:1080px} #content img {max-width:99%}}
#main {background:#fff;margin:0 auto;padding:0}
/*Contect section*/
#content {background:#fff;width:97%;max-width:1080px;margin:0 auto;padding:10px 0}
#content p {border:none;line-height:1.4em;text-align:justify;margin:0;padding:0 0 15px}
#content h1 {color:#222;font-size:1.4em;font-family:inherit;font-weight:bold;margin:0;padding:15px 0 20px}
#content h2 {color:#222;font-size:1.3em;font-family:inherit;font-weight:normal;margin:0;padding:15px 0}
#content h3 {color:#222;font-size:1.26em;font-family:inherit;font-weight:normal;margin:0;padding:15px 0}
#content h4 {color:#222;font-size:1.22em;font-family:inherit;font-weight:normal;margin:0;padding:15px 0}
#content h5 {color:#222;font-size:1.18em;font-family:inherit;font-weight:normal;margin:0;padding:15px 0}
#content h1 a {color:#222;text-decoration:none}
#content h1 a:hover {color:#777;text-decoration:none}
#content ol {margin:0 0 14px 20px;padding:0}
#content ol li {font-size:1em;font-family:inherit;line-height:1.5em;text-align:justify;margin:0 0 6px 20px;padding:0}
#content ul {margin:0 0 14px 20px;padding:0 0 10px}
#content ul li {list-style-type:disc;font-size:1em;font-family:inherit;line-height:1.5em;text-align:justify;margin:0 0 6px 20px;padding:0}
/*Homepage nav section*/
@media screen and (max-width:800px) {#nav2 ul li {font-size:1.2em;line-height:2em}}
@media screen and (min-width:801px) {#nav2 ul li {font-size:1em;line-height:1.5em}}
#nav2 {width:95%;border-top:#aaa 1px solid;border-bottom:#aaa 1px solid;margin:0 10px;padding:0 0 10px}
#nav2 h3 {color:#222;font-size:1.28em;font-family:inherit;font-weight:normal;padding:14px 0;margin:0}
#nav2 h3 a {color:#0000cc;text-decoration:none}
#nav2 h3 a:hover {color:#cc0000;text-decoration:none}
#nav2 ul {margin:0;padding:0}
#nav2 ul li,#nav2 ul li a {text-decoration:none;list-style:none;margin:0 0 2px;padding:0}
#nav2 ul li a:hover {color:#cc0000}
/*breadcrumbs*/
#breadcrumb {font-size:0.85em;padding:0}
#breadcrumb ol {margin:0;padding:0.9em 0.5em 0 0}
#breadcrumb ol li {list-style-type:none;display:inline;padding:0 4px 0 0;margin:0}
#breadcrumb ol li:before {content:"›";padding:0 4px 0 1px}
/*footer section*/
@media screen and (max-width:800px) {#footer ul li {font-size:1.2em;line-height:2em}}
@media screen and (min-width:801px) {#footer ul li {font-size:0.9em;line-height:1.5em}}
#footer {background:#fff;width:100%;max-width:1080px;height:auto;color:#333;font-family:inherit;border-top:#999 2px solid;margin:0 auto 10px;padding:8px 0 4px}
#footer ul {text-align:left;margin:0 0 4px;padding:0}
#footer ul li {display:block;list-style-type:none;margin:0 0 2px 0;padding:0 10px 0}
#footer ul li a:hover {color:#cc0000;text-decoration:underline}