/* CN Magazine Homepages */
/* Colors used:
background: #eee
section headers: #666
section borders: #ddd
subscribe/join button: #ffc128
subscribe/join rollover: #369
footer background: #014e86
net shelter background: #fef7dd
*/

/* Layout & General Styles || .top-content-container: .current-issue, .magazine-info || .bottom-content-container: .features-content, .feature, .announcements, .multimedia-content */

.magazine-container {width: 1000px; height: auto; background-color: #f6f6f6; margin: 0; padding: 0; border: 1px solid #fff; clear: both;}
.magazine-container h1,h2,h3,h4 {font-family: Arial, Helvetica, sans-serif;}
.magazine-container p,ul,li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 1.6em;}
.magazine-container a {text-decoration: none; font-weight: bold;}
.magazine-container a:hover {color: #860601; text-decoration: underline;}

.top-content-container {width: 982px; height: auto; margin: 10px auto; padding: 0; background-color: #fff; border: 1px solid #ccc;}
.bottom-content-container {width: 982px; height: auto; margin: 0 auto 10px auto; padding: 0; background-color: #fff; border: 1px solid #ccc;}

/* Content */
.current-issue {width: 650px; height: auto; float: left; margin-bottom: 15px;} 
.current-issue h1 {font-size: 26px; line-height: 1.1em; margin-top: 10px; margin-left:25px;}
.current-issue p {margin-left: 25px;}
.current-issue img {display: block; float: left; margin-top: 3px; margin-right: 15px; margin-left: 25px; -moz-box-shadow: -4px 4px 4px #666; -webkit-box-shadow: -4px 4px 4px #666; box-shadow: -4px 4px 4px #666; /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=230, Color='#666666')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=230, Color='#666666'); border: 1px solid #ddd;}

p.folio {font-family: Verdana, Geneva, sans-serif; font-size: 14px; margin-top: -25px; margin-bottom: 10px;}

.magazine-info {width: 270px; height: auto; float: left; margin: 55px 0 20px 40px; background-color: #eee; border: 1px solid #ccc;}
.magazine-info h4 {font-weight: 900; margin-top: 10px; margin-bottom: 10px; padding-left: 10px;}
.magazine-info p {font-size: 11px; padding: 0 10px;}

.subscribe-info {margin: 0 auto 10px auto; padding: 0;}
.subscribe-info h3 {font-size: 16px; text-align: center; margin-top: 0; margin-bottom: 5px; padding: 0;}
.subscribe-info a {width: 100px; display: block; background-color: #ffc128; color: #fff; text-decoration: none; font: bold 14px Arial; margin: 0 auto; padding: 5px; text-align: center;}
.subscribe-info a:hover {color: #fff; background: #369; text-decoration: none;}

/* Use .subscribe-info2 div for magazines that have Digital Editions */
.subscribe-info2 {margin: 0 auto 10px auto; padding: 0;}
.subscribe-info2 h3 {font-size: 16px; text-align: center; margin-top: 0; margin-bottom: 5px; padding: 0;}
.subscribe-info2 a {width: 100px; display: block; background-color: #ffc128; color: #fff; text-decoration: none; font: bold 14px Arial; padding: 5px; margin-left: 16px; float: left; text-align: center;}
.subscribe-info2 a:hover {color: #fff; background: #369; text-decoration: none;}

.social-icons-container {margin: 0 auto 10px auto; padding: 0;}
.social-icons-container h3 {font-size: 16px; text-align: center; margin-top: 0; margin-bottom: 5px; padding: 0;}
.social-icons-container a {margin: 0 auto; padding: 0;}
.social-icons {text-align: center; margin: 0 auto;}

.features-content {width: 600px; height: auto; float: left; margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px;}
.features-content h2 {color: #fff; font: 20px Arial; margin-top: 0; margin-left: 10px; padding-top: 2px; }
.features-content h3 {font: 16px Arial; font-weight: bold; margin-bottom: 5px; padding-right: 10px; padding-left: 10px;}
.features-content p {padding-right: 10px; padding-left: 10px;}
.features-content ul {margin-left: 25px;}

.feature {width: 280px; float: left; margin: 10px 5px 10px 12px; background-color: #fff;}
.feature h3 {line-height: 1.2em; margin-top: 10px; margin-bottom: 5px; padding: 0;}
.feature img {margin-bottom: 0;}
.feature p {padding: 0;}

.right-content {width: 350px; float: left; margin: 0; margin-top: 10px; padding: 0; background-color: #fff;}
.right-content h2 {color: #fff; font: 20px Arial; margin-top: 0; margin-left: 10px; padding-top: 2px;}
.right-content h3 {font: 16px Arial; font-weight: bold; margin-bottom: 5px; padding-right: 10px; padding-left: 10px;}
.right-content p {padding-right: 10px; padding-left: 10px;}
.right-content ul {margin-left: 25px;}
.right-content img {float: left; margin-left: 10px; padding-right: 10px;}

/* Misc. classes */
.clear {clear: both;}
.audio-player {display: block; width: 320px; height: 21 px; margin: 10px auto 30px auto; }
.video-player {display: block; width: 320px;	height: 240px; margin: 10px auto 30px auto; background-color: #ddd;}
.read-more {text-transform: uppercase; font: 10px Verdana; color: #000; font-weight: bold;}

.section-header-long {width: 600px; height: 30px; background-color: #666; margin-bottom: 5px;}
.section-header-short {width: 350px; height: 30px; background-color: #666; margin-bottom: 5px;}/* CSS Document */

#siteLogo {
   height: 50px;
}