/* 
Title: Thinkers Journal of Imaginative and Creative Laws
Description: Simple, responsive layout (mobile friendly) with top navigation bar and full width pages.
URL: https://www.tjicl.org
Version: 1.0 - Created: March 27 2012
Version: 2.0 - Dec 12 2012 create top right page navigation area on homepage
Version: 3.0 - Aug 17 2014 Page width increased to 850px for increased viewing area
Version: 4.0 - Apr 02 2015 full responsive template for comfortable small screen mobile viewing
Version: 5.0 - Nov 22 2017 CSS Minified for faster loading
Version: 5.1 - Page width increased to 1024px 
*/
body {background:#E0F1F9;color:#222;font-size:16px;font-size:120%;font-family:Tahoma,Arial,Sans-Serif;margin:0 auto;padding:0}
a,a:visited {color:#009966;text-decoration:none}
a:hover {color:#cc0000}
.alignright {float:right;border:none;padding:6px 0 6px 10px}
.alignleft {float:left;border:none;padding:6px 10px 6px 0}
.aligncenter {text-align:center;display:block;text-align:center;margin:0 auto;padding:10px 0}
.bigcenter, .bigcenter a {font-size:1.2em;font-weight:bold;color:#0000cc;text-decoration:underline;text-align:center;display:block;margin:0 auto;padding:10px 0 16px}
.smalltext {font-size:0.86em;margin:0;padding:0}
.affdisclosure {float:right;font-size:0.82em;font-style:italic;padding:10px 0}
.bluebold {color:#0000cc;font-weight:bold}
.greenbold {color:#009900;font-weight:bold}
.iwrap {position:relative;height:0;overflow:hidden;padding-bottom:20%;padding-top:25%;margin-left:-5px}
.iwrap iframe {position:absolute;top:0;left:0;width:100%;max-width:560px;height:100%;border:0} 
/*header section*/
#header {background:#fff url('img/header.jpg') top center no-repeat;width:100%;max-width:1024px;height:180px;margin:10px auto 0;padding:0}
/*Navigation bar*/
#navtop {background:transparent;width:100%;max-width:1024px;height:24px;text-align:left;margin:-29px auto 0;padding:0}
#navtop ul {margin:0;padding:0 0 0 5px}
#navtop li {display:inline;list-style-type:none;margin:0;padding:0}
#navtop ul li a,#navtop ul li a:visited {font-family:Tahoma,Sans-Serif;background:transparent;font-size:1em;font-weight:bold;text-decoration:none;color:#009966;border:#009966 solid 1px;margin:0 12px 0 0;padding:0 7px}
#navtop ul li a:hover {color:#f6ebd9;background:#009966;font-weight:bold;text-decoration:none}
/*Content*/
@media screen and (max-width:800px) {#content {width:100%}}
@media screen and (min-width:801px) {#content {width:94%;max-width:1024px}}
#content {background:#fff;margin:0 auto;padding:0}
/*full width main content section*/
#mainpage {width:97%;margin:0 auto;padding:0 10px 10px}
#mainpage p {line-height:1.2em;text-align:justify;margin:0;padding:0 0 15px}
#mainpage h1 {background:#009966;color:#fff;font-size:1.36em;font-family:inherit;font-weight:bold;text-align:center;margin:18px 0;padding:20px 10px}
#mainpage h2 {color:#009966;font-size:1.28em;font-family:inherit;margin:0;padding:10px 0}
#mainpage h3 {color:#009966;font-size:1.24em;font-family:inherit;margin:0;padding:10px 0}
#mainpage h4 {color:#009966;font-size:1.2em;font-family:inherit;margin:0;padding:10px 0}
#mainpage h5 {color:#009966;font-size:1.18em;font-family:inherit;margin:0;padding:10px 0}
#mainpage h1 a {color:#fff}
#mainpage h1 a:hover {background:#fff;color:#009966}
#mainpage ol {margin:0 0 14px 20px;padding:0}
#mainpage ol li {font-size:1em;font-family:inherit;line-height:1.2em;text-align:justify;margin:0 0 8px 20px;padding:0}
#mainpage ul {margin:0 0 14px 20px;padding:0 0 10px}
#mainpage ul li {list-style-type:disc;font-size:1em;font-family:inherit;line-height:1.2em;text-align:justify;margin:0 0 8px 20px;padding:0}
#mainpage img {max-width:96%}
/*Bottom Page Navigation Area*/
@media screen and (max-width:800px) {#lownav ul li,#lownav ul li a {line-height:2.4em;font-size:1.2em}}
@media screen and (min-width:801px) {#lownav ul li,#lownav ul li a {line-height:1.9em;font-size:1em}}
#lownav {border:none;width:97%;padding:0 0 10px 10px}
#lownav h3 {color:#009966;font-size:1.24em;font-family:inherit;margin:0;padding:16px 0 10px}
#lownav ul {margin:0;padding:0}
#lownav ul li,#lownav ul li a {list-style:none;margin:0 0 2px;padding:1px 0 0 5px}
#lownav ul li a:hover {color:#fff;background:#cc0000}
/*Table of Contents (TOC) section*/
@media screen and (max-width:800px) {#toc {width:97%} #toc ol li {line-height:1.8em;font-size:1.06em}}
@media screen and (min-width:801px) {#toc {width:80%} #toc ol li {line-height:1.3em;font-size:0.9em}}
#toc {display:block;background:#F1F5FA;height:auto;border:#bbb 1px solid;margin:8px auto;padding:5px}
#toc h3 {color:#009966;font-size:1.05em;font-family:inherit;margin:0;padding:0.2em 0 0.4em}
#toc ol {margin:0 0 0.4em;padding:0}
#toc ol li {text-align:left;list-style-type:none;margin:0 0 4px 1.4em;padding:0}
/*social buttons section*/
#socialbuttons {width:94%;text-align:right;margin:0.9em 0 0;padding:0.9em}
#socialbuttons ul {margin:0;padding:0}
#socialbuttons ul li {list-style-type:none;display:inline;margin:0;padding:0}
/*footer section*/
#footer {background:#f6ebd9;width:100%;max-width:1024px;height:auto;color:#333;font-family:inherit;font-size:0.9em;text-align:center;margin:0 auto 12px;padding:6px 0}
#footer p {margin:0;line-height:1.5em;padding:0 8px}
#footer a, #footer a:visited {color:#009966}
#footer a:hover {color:#cc0000}
#footer ul {margin:4px 0;padding:0 8px}
#footer ul li {display:inline;list-style:none;margin:0 0 2px;padding:0 16px}