html {
	box-sizing:border-box;
}

*, *:before, *:after {
	box-sizing:inherit;
}

body {
	background:#d5d5d5 url(/images/back.jpg) repeat-y;
	background-position:center;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9pt;
	margin:0px;
}

textarea {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9pt;
}

.main {
	width:978px;
	margin:auto;
}

.logo {
	position:absolute;
	padding-left:10px;
	padding-top:18px;
	border:0px;
	float:left;
}

.content {
	padding-top:8px;
}

.content a {
	color:black;
	text-decoration:none;
}

.content a:hover {
	text-decoration:underline;
}


.header {
	 background:white url(/images/header-bg.jpg) no-repeat;
	 height:110px;
}

.footer-top {
	margin-top:20px;
	height:8px;
	border-top:1px solid gray;
}

.footer {
	background-color:#041E4E;
	color:white;
	text-align:center;
}

.footer a {
	text-decoration:underline;
	color:white;
}

.footer a:hover {
	text-decoration:none;
}

.footer-line {
	padding:6px 0px;
}



.cleft {
	float:left;
	width:165px;
	border:0px solid red;
	margin-right:8px;
}

.cmiddle {
	width:485px;
	float:left;
	border:0px solid red;
	margin-right:11px;
}

.cright {
	width:300px;
	float:left;
	text-align:left;
	border:0px solid red;

}

.navbar {
	width:100%;
}


/* NAVIGATION TOP BEGIN */

#nav {
	margin:0;
	padding:0;
	float:left;
	border-width:1px 0;
	width:100%;
}

#nav li {
	display:inline;
}

#nav a {
	color:white;
	padding:10px 16px 0px 10px;
	float:left;
	text-decoration:none;
	font:bold 1em/1em Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	height:29px;
}

#nav a:hover {
	color:black;
	background:white;
}

/* NAVIGATION TOP END */


/* MENU LEFT BEGIN */

ul.navigation {
	padding:0;
	margin:0;
	font:bold 1em/1em Arial, Helvetica, sans-serif;
	list-style:none;
	background-color:white;
}

ul.navigation li {
	border:1px solid #42432d;
	margin:1px 0;
}

ul.navigation li a {
	text-decoration:none;
	display:block;
	color:white;
	font-weight:bold;
	padding:5px 10px;
}

ul.navigation li a:hover {
	background-color:white;
	color:black;
	text-decoration:none;
}

/* MENU LEFT END */


/* SEARCH BEGIN */

.search {
	/* background is site specific */
	position:absolute;
	float:right;
	margin-left:549px;
	margin-top:35px;
	width:400px;
	height:55px;
	color:white;
	padding-left:18px;
	padding-top:7px;
	font-weight:bold;
}

.search-input {
	font-size:16px;
	width:275px;
	background:#e0e0e0;
	padding-left:3px;
}

.search input[type='submit'] {
	font-size:14px;
	font-weight:700;
}

.search-info {
	position:absolute;
	float:right;
	margin-left:690px;
	margin-top:68px;
	color:white;
	font-size:1.2em;
}

/* SEARCH END */


/* LOGIN BAR BEGIN */

.login-top {
	clear:both;
	padding-top:1px;
}

.login-bar {
	color:black;
	background-color:#e0e0e0;
	/* font-weight:bold; */
	font-size:.9em;
	text-align:right;
	padding:2px;
	border-bottom:1px solid gray;
	border-top:1px solid gray;
}

.login-bar a {
	text-decoration:underline;
	color:black;
}

.login-bar a:hover {
	text-decoration:none;
}

.login-bar span {
	border-right:1px solid gray;
	padding-right:5px;
	padding-left:5px;
}

.login-bar form {
	margin:0px;
}

/* LOGIN BAR END */


.terms {
	position:absolute;
	float:left;
	padding-left:15px;
	font-size:10px;
	text-transform:uppercase;
}

.terms a {
	text-decoration:underline;
	color:black;
}

.terms a:hover {
	text-decoration:none;
}

.current-issue {
	text-align:center;
	padding-bottom:10px;
}

.current-issue-text {
	font-size:1.2em;
	font-weight:bold;
	border-top:1px solid black;
	border-right:1px solid black;
	border-left:1px solid black;
}

.current-issue img {
	border:1px solid black;
}

#tou-popup {
	/* site specific background */
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	color: white;
	padding: 10px;
	font-size: 1.5em;
	font-weight: bold;
}

#tou-popup a {
	color: white;
}

/* TODO: rename these classes; they're in the footer, not the subscribe page */
.subscribe-block {
	border:2px solid black;
	padding:2px;
	background:#B44D00;
}

.subscribe-block-image {
	position:absolute;
	margin-left:175px;
	margin-top:27px;
}

.subscribe-inner-block {
	background:white;
	padding:7px;
	border:1px solid black;
	background:#f8f8f8;
	text-align:center;
}

.subscribe-email-list {
	margin-top:3px;
	margin-bottom:3px;
	text-align:left;
}


.right-banners {
	text-align:center;
	 padding-bottom:5px;
}

.social {
	margin-left:715px;
	margin-top:3px;
	position:absolute;
	float:right;
}

.social img {
	padding-left:3px;
	border:0px;
}

.left-content {
	padding-top:10px;
	text-align:center;
}

.leaderboard {
	padding-top:5px;
}

.banner-left {
	margin-bottom:8px
}

.mag-title-home {
	/* background is site specific */
	border:1px solid black;
	text-align:center;
	font-weight:bold;
	font-size:2.0em;
	color:black;
	padding:5px;
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
	margin-bottom:10px;
}

.home-current-issue-cover {
	width:190px;
	float:left;
	margin-bottom:10px;
}

.home-current-issue-cover img {
	border:1px solid black;
	margin-right:5px;
}

.home-current-issue-cover div {
	border:1px solid black;
	text-align:center;
	background:black;
	width:180px;
	padding:2px 0 2px 0;
}

.home-current-issue-cover div a {
	color:white;
	font-size:1.0em;
}

.home-current-issue-article {
	margin-bottom:20px;
}

.home-current-issue-author {
	font-size:x-small;
}

.home-current-issue-title {
	font-size:medium;
	font-weight:bold;
}

.blk-btm {
	border-bottom:1px solid black;
	height:1px;
	clear:both;
}

.home-supplement {
	margin:4px 0;
	overflow:auto;
}

.home-supplement-cover {
	float:left;
	border:1px solid black;
	margin-right:5px;
}

.home-supplement-title {
	font-weight:bold;
	font-size:1.3em;
}

.home-supplement-subtitle {
	color:gray;
	font-size:1.1em;
}

.home-supplement-articles {
	padding:10px;
}

.home-supplement-de-link {
	text-align:right;

}



/* ! Polls */

.sidebar-poll-question {
	border:1px solid black;
}

.sidebar-poll-question-text {
	background:#eee;
	padding:5px;
	text-align:center;
	font-weight:bold;
	border-bottom:1px solid black;
}

.sidebar-poll-answers {
	padding:5px;
}

.sidebar-poll-submit {
	padding:5px;
	text-align:center;
}

.ui-widget-overlay {
	opacity: 0.9;
	background: #ddd;
}

.popup-poll-question {
	display: none;
	border:10px solid #999;
	padding:30px 30px 10px 30px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: 400;
	line-height: 1.5;
	font-size: 1rem;
}

.popup-poll-question .ui-dialog-titlebar {
	padding:10px;
	margin: -20px;
	color:white;
}

.popup-poll-question .ui-dialog-title {
	display:block;
	width:100%;
	text-align:center;
	font-size: 1.3em;
}

.poll-form label {
	font-size: 1em;
	margin-bottom: .5rem;
}


.poll-form button[type="submit"] {
	border: 0;
	color: #ffffff;
	font-size: 1em;
	margin: 0 0 0.5em 0.5em;
	padding: 0.5em 1em;
}

/* Header / Footer */

.popup-poll-question-text {
	font-weight: bold;
	margin:10px 0;
}

.popup-poll-submit {
	margin:10px 0 5px;
	text-align:center;
}



.related-articles {
	border-right:1px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	margin-bottom:5px;
}

.related-articles span {
	border-top:1px solid black;
	border-bottom:1px solid black;
	font-size:1.0em;
	margin:0px;
	text-align:center;
	display:block;
	padding:3px;
	font-weight:bold;
	color:#FFF;
}

.related-articles ul {
	margin:5px;
	list-style:none;
	text-align:left;
	padding:0px;
}

.related-articles ul li {
	padding-left:25px;
	text-indent:-16px;
	padding-top:2px;
	padding-bottom:2px;
	color:gray;
}

.related-articles div {
	text-align:center;
}


/* POPULAR ARTICLES */

.popular-articles {
	border-right:1px solid black;
	border-left:1px solid black;
	border-bottom:1px solid black;
	margin-bottom:5px;
}

.popular-articles > span {
	border-top:1px solid black;
	border-bottom:1px solid black;
	font-size:1.0em;
	margin:0px;
	text-align:center;
	display:block;
	padding:3px;
	font-weight:bold;
	color:#FFF;
}

.popular-articles ul {
	margin:5px;
	list-style:none;
	text-align:left;
	padding:0px;
}

.popular-articles ul li {
	padding-left:5px;
	text-indent:-16px;
	padding-top:2px;
	padding-bottom:2px;
	color:gray;
}

.popular-articles > ul > li > span {
	margin-left:15px;
}

.popular-articles ul li a {
	text-decoration:none !important;
}

.popular-articles ul li img {
	float:left;
	border:1px solid black;
	margin:5px;
}

.popular-articles ul li a:hover {
	text-decoration:underline !important;
}

.popular-articles div {
	text-align:center;
}


/* POPULAR ARTICLES */

.feature-article {
	padding-top:5px;
	background-color:#fff6f6;
}

.feature-article-text {
	color:#660000;
	font-size:1.3em;
}

.feature-article-text-l {
	font-size:1.3em;
}

.feature-article-magazine {
	margin-left:5px;
	margin-bottom:5px;
	border:1px solid black;
	float:right;
}

/*
.feature-article-issue {
	padding-top:5px;
	color:silver;
	font-size:.9em;
}
*/

.feature-article-teaser {
	font-size:1.0em;
	padding-top:10px;
}

.recent-article:nth-child(even) .article-image {
	float:left;
	border:1px solid black;
	margin-right:5px;
	margin-bottom:5px;
}

.recent-article:nth-child(odd) .article-image {
	float:right;
	border:1px solid black;
	margin-left:5px;
	margin-bottom:5px;
}

.article-teaser {
	text-align:justify;
}

.article-details {
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size:.8em;
	background-color:#ECECEC;
	border-top:1px dashed gray;
	border-bottom:1px dashed gray;
	clear:both;
	padding:3px;
}

.article-details a {
	font-weight:bold;
}

.article-details-authors {
	display:inline-block;
	width:59%;
	vertical-align:top;
}

.article-details-issue {
	display:inline-block;
	width:39%;
	vertical-align:top;
	text-align:right;
}

.home-buttons {
	text-align:center;
	padding:5px;
}

.recent-article {
	margin-top:20px;
}

h1.article-title  {
	font-size:1.3em;
	margin:3px 0;
	border-bottom:1px solid silver;
}

.recent-title {
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
	margin-top:10px;
	color:white;
	padding:5px;
}

.article-by-cat {
	border-left:1px solid black;
	border-right:1px solid black;
}

.article-by-cat-title {
	padding:3px;
	margin:auto;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	color:white;
	border-left:1px solid black;
	border-right:1px solid black;
	border-bottom:1px solid black;
}

.article-nn {
	padding:3px;
	margin:auto;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	color:white;
	border:1px solid black;
}

.article-by-cat-left {
	float:left;
	width:50%;
	padding-left:0px;

}

.article-by-cat-left ul, .article-by-cat-right ul {
	list-style:none;
	margin:0px;
	padding:10px 0px 8px 0px;
}

.article-by-cat-left ul li, .article-by-cat-right ul li {
	padding-left:12px;
	font-size:1.1em;
	background-image:url(/images/bullet_yellow.png);
    background-repeat:no-repeat;
    background-position:0px 6px;
	padding-bottom:2px;
}

.article-by-cat-left ul li a {
	font-weight:bold;
}

.article-by-cat-right {
	float:right;
	width:48%;
}

.article-by-cat-right ul li a {
	font-weight:bold;
}

.supplement-title {
	background:black;
	color:white;
	font-weight:bold;
	text-align:center;
	padding:2px;
	font-size:1.2em;
	border:1px solid black;
}

#sub-cat {
	position:absolute;
	border:1px solid #333;
	background:white;
	padding:2px 5px;
	color:#333;
	display:none;
	font-size:.9em;
	font-weight:bold;
}


/* ISSUE PAGES */

.issue-name {
	padding-left:5px;
	font-size:1.1em;
}

.articles-selected-issue {
	padding-top:7px;
	font-size:1.1em;
	font-weight:bold;
}

.articles-selected-issue-cover {
	float:left;
	width:200px;
}

.articles-selected-issue-cover img {
	border:1px solid black;
}

.articles-selected-issue-details div {
	float:right;
	padding-bottom:5px;
	width:275px;
	text-align:left;
}

.issue-name-result  {
	list-style:none;
	margin:0px;
	padding-left:0px;
	padding-top:10px;
	font-size:1.1em;
}

li.issue-name-result-current {
	font-size:1.1em;
	background:white url(/images/issue-back.jpg);
	border-top:1px solid black;
	height:110px;
}

li.issue-name-result-current img {
	border:1px solid black;
}

.issue-name-result-current-detail {
	font-size:.7em;
	color:gray;
}

.issue-name-result-current-cover {
	font-size:.7em;
	color:black;
	padding-top:10px;
}

.wp-name-result-current-cover {
	font-size:.7em;
	color:black;
	padding-top:3px;
}

.issue-name-result-current-title {
	font-weight:bold;
	padding-top:3px;
}

.issue-name-result-current-digital {
	float:right;
	font-size:.7em;
	margin-top:50px;
}



.file-download {
	font-size:1.2em;
}

.search-name {
	font-size:1.3em;
	font-weight:bold;
	border-bottom:1px dotted black;
	padding-bottom:3px;
}

.search-content ul {
	padding-left:20px;

}

.search-list li {
	margin-bottom:5px;
	padding:2px;
}

.search-list li a {
	margin-bottom:5px;
	padding:2px;
}

.logout {
	text-align:center;
}


/* LAYOUT STYLES */

#maincontainer {
	width:840px;
	margin:0 auto;
}

#topsection {
	background:#EAEAEA;
	height:90px;
}

#topsection h1 {
	margin:0;
	padding-top:15px;
}

#contentwrapper {
	float:left;
	width:100%;
}

#contentcolumn {
	margin-left:180px;
}

#leftcolumn {
	float:left;
	width:180px;
	margin-left:-840px;
}

#footer {
	clear:left;
	width:100%;
	background:black;
	color:#FFF;
	text-align:center;
	padding:4px 0;
}

#footer a {
	color:#FFFF80;
}

.innertube {
	margin:10px;
	margin-top:0;
	padding:20px 0;
}

.innertube p {
	padding-bottom:15px;
	line-height:1.3em;
}


/* Comment Bubble */

div.comment_bubble {
	width:auto;
	font-size:0.75em;
	margin-bottom:24px;
	font:1em "Lucida Grande", Lucida, Verdana, sans-serif;
}

div.comment_bubble blockquote {
	margin:0px;
	padding:0px;
	border:1px solid #c9c2c1;
	background-color:white;
}

div.comment_bubble blockquote blockquote {
	font-size:0.9em;
	margin-left:20px;
	margin-right:5px;
	margin-bottom:3px;
	padding:3px;
	border:1px dotted #c9c2c1;
	background-color:white;
}

div.comment_bubble blockquote blockquote div {
	margin-top:5px;
	font-size:.9em;
	color:gray;
}

div.comment_bubble blockquote p {
	margin:10px;
	padding-bottom:0px;
	font-size:.9em;
}

div.comment_bubble cite {
	position:relative;
	margin:0px;
	padding:7px 0px 0px 15px;
	top:6px;
	background:transparent url(/images/tip.gif) no-repeat 20px 0;
	font-size:.9em;
	font-style:normal;
	color:gray;
}

div.comment_options {
	text-align:right;
	padding-bottom:3px;
	padding-right:3px;
	font-size:.9em;
	color:gray;
}

.highlight {
	background-color:yellow
}

.adLink:hover {
	text-decoration:none;
}

.underline-article-link {
	text-decoration:underline !important;
}

.overlay-bg {
	display:none;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	cursor:pointer;
	background:black; /* fallback */
	background:rgba(0,0,0,0.75);
}

.overlay-content {
	background:white;
	padding:1%;
	width:40%;
	position:fixed;
	top:15%;
	left:50%;
	margin:0 0 0 -20%; /* add negative left margin for half the width to center the div */
	cursor:default;
	border-radius:4px;
	box-shadow:0 0 5px rgba(0,0,0,0.9);
}

.close-btn {
	cursor:pointer;
	border:1px solid #333;
	padding:2% 5%;
	background:#a9e7f9; /* fallback */
	background:-moz-linear-gradient(top, #a9e7f9 0%, #77d3ef 4%, #05abe0 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9e7f9), color-stop(4%,#77d3ef), color-stop(100%,#05abe0));
	background:-webkit-linear-gradient(top, #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
	background:-o-linear-gradient(top, #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
	background:-ms-linear-gradient(top, #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
	background:linear-gradient(to bottom, #a9e7f9 0%,#77d3ef 4%,#05abe0 100%);
	border-radius:4px;
	box-shadow:0 0 4px rgba(0,0,0,0.3);
}

.close-btn:hover {
	background:#05abe0;
}

.ui-autocomplete {
	max-height:200px;
	overflow-y:auto;
	overflow-x:hidden;
	font-size:.8em;
}

.ui-autocomplete .ui-menu-item:nth-child(even) {
	background-color:#eee;
}

/* ! generic classes */

.hidden {
	display:none;
}

.italic {
	font-style:italic;
}

.bold {
	font-weight:bold;
}

.underline {
	text-decoration:underline;
}

.green {
	color:green;
}

.red {
	color:red;
}

.small {
	font-size:small;
}

.fixed {
	position:fixed;
}

ul.alternating li:nth-child(even) {
	background-color:#eee;
}

.inline-block {
	display:inline-block;
}

.center {
	text-align:center;
}

.v-align-middle {
	vertical-align:middle;
}

.spaced {
	margin:10px 0px;
}

.spaced-less {
	margin:5px 0px;
}

.spaced-lesser {
	margin:3px 0px;
}


/* ! generic layout classes */

.column-25 {
	display:inline-block;
	vertical-align:top;
	width:24%;
}

.column-75 {
	display:inline-block;
	vertical-align:top;
	width:74%;
}

.column-33 {
	display:inline-block;
	vertical-align:top;
	width:33%;
}

.column-67 {
	display:inline-block;
	vertical-align:top;
	width:66%;
}

.column-50 {
	display:inline-block;
	vertical-align:top;
	width:49%;
}


/* ! generic table classes */

table.full-width {
	width:100%;
}

table.borders-outer {
	border-left:1px solid;
	border-right:1px solid;
	border-bottom:1px solid;
}

table.borders-inner, table.borders-inner th, table.borders-inner td {
	border:1px solid;
}

table.collapsed {
	border-collapse:collapse;
}

table.alternating tr:nth-child(even) {
	background-color:#eee;
}

table.align-left {
	text-align:left;
}


/* ! generic form classes */

form label:only-child {
	display:inline-block;
	width:100%;
}

form .required:before {
	content:'*';
	color:#c33;
}


/* ! generic list classes */

ul.no-style {
	list-style:none;
}


/* ! subscribe dialog boxes */

.subscribe-dialog {
	display:none;
	font-family:'Lucida Grande',Verdana,Arial,sans-serif;
	text-align:justify;
}

.subscribe-dialog img.floating {
	float:right;
	vertical-align:text-top;
	border:1px solid black;
	margin-left:10px;
}

.subscribe-dialog .close {
	font-size:11px;
}

.subscribe-dialog .form-table {
	display:table;
	margin:0 auto;
}

.subscribe-dialog .form-table .form-row {
	display:table-row;
}

.subscribe-dialog .form-table .form-row .form-cell {
	display:table-cell;
	padding:5px;
}

.ui-subscribe-dialog {
	border:10px solid #999;
	padding:0px;
}

.ui-subscribe-dialog .ui-dialog-titlebar {
	border-radius:0px;
	color:white;
}

.ui-subscribe-dialog .ui-dialog-title {
	display:block;
	width:100%;
	text-align:center;
}

.no-close .ui-dialog-titlebar-close {
	display:none;
}



/* ! /authors/author.php */

.author-info {
	overflow:auto;
}
.author-info-image {
	float:left;
	border:1px solid silver;
	margin-right:5px;
	margin-bottom:5px;
}

.author-info-name {
	font-size:1.4em;
	font-weight:bold;
}

.author-info-data {
	margin:3px 0px;
}

.author-bio {
	margin:5px 0px;
}

.author-article {
	margin:5px 0px;
	overflow:auto;
}

.author-article-image {
	float:left;
	margin:5px;
}

.author-article-title {
	font-size:1.1em;
	font-weight:bold;
}



/* ! /contact_us/index.php */

.contact-us-address {
	font-size:1.1em;
}

.contact-us-form-header {
	margin:10px 0;
	padding:5px 0;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	border-bottom:1px dotted silver;
}



/* ! /faq */

.faq-qa {
	margin:10px 0;
}

.faq-q {
	font-weight:bold;
}


/* ! password reset page */

form.password-reset input[type="password"] {
	width:200px;
	max-width:90%;
}


/* /profile/user-history.php, /profile/email-history.php */
.action-group {
	border: 1px solid black;
	padding: 9px;
}
.group-title {
	cursor: pointer;
}

.action-group:nth-child(even) {
	background: #eee;
}


/* ! /search/index.php */

.search-box {
	/* has site specific styles */
	margin-top:15px;
	padding:5px;
	color:white;
	overflow:auto;
}

.search-box-left {
	display:inline-block;
	vertical-align:top;
}

.search-box-middle {
	display:inline-block;
	vertical-align:top;
}

.search-box label {
	display:inline-block;
}

.search-box-right {
	float:right;
}

.search-box-input {
	width:100%;
}

.search-articles li:nth-child(even) {
	background:#eee;
}

.search-article {
	padding:3px;
}

.search-article-title {
	font-weight:bold;
}

.search-article-authors a {
	color:black;
}

.search-article-issue a {
	color:gray;
}



/* ! /article */

.issue-article {
	overflow:auto;
	padding:5px 0;
	border-bottom:1px dotted;
}

.issue-article-image {
	float:left;
	margin-right:5px;
}

.issue-article-title {
	font-weight:bold;
}

.issue-article-authors {
	font-size:.8em;
}

.issue-article-page {
	float:right;
	font-size:.8em;
	color:silver;
}


.login-form {
	border: 1px solid black;
	padding: 5px;
	background-color: #eee;
	text-align: center;
}

.login-label {
	display: inline-block;
	width: 120px;
	text-align: left;
}


/* ! /subscribe/unsubscribe */

.unsubscribe-label {
	display:inline-block;
	width:150px;
	vertical-align:top;
}

.unsubscribe-input {
	width: 200px;
}

.unsubscribe-zip {
	width: 100px;
}

.unsubscribe-reason {
	width: 200px;
	height: 100px;
}