@charset "utf-8";
/* CSS Document */

/***** MAIN *****/
.main										{clear:both; width:840px; margin:60px 30px;}
.main h1									{padding:0 0 15px; font-style:italic; text-shadow:0px 1px 1px #999;}
.main h2									{font-style:italic; padding:10px 0 0;}


.leftSmall									{float:left; width:339px; margin:30px 0 0 30px; border-right:1px solid #111;}
.rightBig									{float:right; width:470px; margin:30px;}
.header										{margin:30px 30px 0; font-style:italic; text-shadow:0px 1px 1px #999;}
.breakLine									{clear:both; height:0; margin:20px; width:80%; text-align:center; border:0; border-top:1px solid #333; border-bottom:1px solid #999;}
.smallFont									{float:right; font-size:10px; padding:0 20px;}
.smallFont img								{padding:0 4px;}


/***** DIGITAL *****/
#containerMag								{width:840px; height:600px; margin:0 30px;}
#frameMag									{width:840px; height:600px;}
.codeLink									{padding:4px 30px;}
#codeBox									{margin:30px; overflow:auto; line-height:1.2em; background:#111; border:2px outset #222;
												border-radius:0.5em; -moz-border-radius:0.5em; -webkit-border-radius:0.5em;}
#codeBox h2									{font-style:italic; padding:10px 0px; text-align:center;}
#codeBox h2 span							{color:#FA0A0A;}
#codeBox h4									{padding:30px 20px 20px;}
#codeBox h4 span.number						{float:left; display:block; height:30px; color:#FA0A0A; font-size:larger; padding:0 10px; font-weight:bold;}
#codeBox h4 span.footnote					{font-size:12px; font-style:italic;}
.typeMag									{text-align:center; padding:10px 0 0; line-height:1.4em; color:#999;}
.footerMag									{color:#ccc; text-align:center; font-style:italic; font-size:11px; padding:2px;}


/***** HOME *****/
/* banner */
#homeBanner									{width:285px;}
/* issuesList */
.issuesList									{margin:20px 30px;}
.issuesList li								{list-style-image:url(../img/bulletGrey.png); margin:10px 5px; font-size:12px; color:#ccc;}
/* padded div */
.divPad										{padding:0 30px;}
.divPad h2									{font-style:italic; margin:20px 0;}
.divPad h5									{font-style:italic; text-transform:uppercase; margin:30px 0 0; line-height:2em; color:#FA0A0A;}
.divPad p									{margin:20px 0;}
.divPadBg									{position:relative; padding:0 30px; background:url(../img/padBg.png) 0 0 repeat-x;}
.divPadBg img								{padding:30px 10px;}
.divPadBg #sailfish							{position:absolute; bottom:55px; left:70px; color:#FA0A0A;}
.divPad hr, .divPadBg hr					{background-color:#111; color:#111; padding:0 20px; border:none; height:2px;}
/* SCROLLER */
#issuesBox									{clear:both; width:900px; text-align:center;}
#issuesBox .header							{margin-top:50px;}
#issuesBox #shuffle							{width:116px; margin:10px auto;}
#scroller_container1 						{width:650px; height:170px; overflow:hidden;}
#dummy 										{;# }/* CSS Hack Safari */
#scroller_container1	 					{overflow:auto;}


/***** SUBSCRIBE *****/
#subscribeBoxForm							{float:left; width:450px; line-height:1.2em;}
#subscribeBoxForm h4						{padding:0 0 5px;}
#subscribeBoxPdf							{float:right; width:350px;}


/***** GALLERY *****/
.albumBox									{float:left; width:250px; margin:0 20px 10px; background:#111;}
.albumBox h3								{padding:3px; text-align:center;}
.albumBox img								{float:left; padding:10px;}
.albumBox p									{padding:3px; text-align:center; font-style:italic; font-size:12px;}




/*********************************************************************************************************************************************************/
/**** ADMIN *****/
/* nav */
#navAdmin									{margin-left:20px; font-size:14px;}
#navAdmin ul li								{list-style:none; float:left; padding:5px 15px; background:#333; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80);}
#navAdmin a, #navAdmin a:visited			{color:#ddd; text-decoration:none;}
#navAdmin a:hover, #navAdmin a:focus		{color:#fff; text-decoration:none; text-shadow:1px 1px 3px #fff;}


/***** DIGITAL *****/
.digitalBox									{background:#222;}
.digitalTable								{width:800px; margin:20px; background:#111; font-size:12px; border:1px solid #444;}
.digitalTable th							{padding:2px 4px; font-size:larger; font-weight:bold; text-align:center; border-bottom:1px solid #333; border-left:1px solid #222;}
.digitalTable td							{padding:2px 4px; text-align:center; border-bottom:1px solid #222; border-left:1px solid #222;}
#graphIssues								{width:800px; height:600px; margin:20px; background:#111;}



/***** ISSUES *****/
.issueBox									{float:left; width:200px; height:380px;}
.issueBox h4								{padding:10px 0;}
.issueBox img								{padding:5px 10px; margin:10px;}
.issueBox ul li								{margin:2px 15px; font-size:11px;}


/***** EVENTS *****/
/* admin */
.eventsPreview								{float:left; width:350px; margin:10px 30px; background:#111;}
.eventsPreview h3							{padding:4px 10px;}
.eventsPreview p							{padding:2px 10px;}
/* front */
.eventsBox									{margin-top:30px; text-align:center;}
.eventsBox h2								{margin:40px 0 20px; font-style:italic;}
.eventsBox p a, .eventsBox p a:visited		{padding:5px; color:#666;}
.eventsBox p a:hover, .eventsBox p a:focus	{color:#999}


/***** DISTRIBUTORS *****/
.mainBox					{float:left; width:260px; margin:5px 10px 10px; text-align:center;}
.mainBox h4					{padding:5px 0; color:#ccc;}
.provBox					{float:left; width:180px; margin:20px 10px 0; border-left:1px solid #222;}
.provBox h3					{padding:0px 10px 5px;}
.provBox h5					{padding:15px 10px 0; font-style:italic; line-height:1.2em;}
.provBox p					{padding:0 10px; line-height:1.2em; color:#ddd;}
.provBox .contact			{font-size:smaller; color:#bbb;}
.provBox .tel				{font-size:smaller; color:#999;}


/***** CONTACT BOX *****/
#contactBox					{float:left; width:350px; margin:0 30px; background:#ccc;}
.pubBox						{margin:0 0 20px; line-height:1.1em;}
.pubBox h4					{font-style:italic;}
.pubBox h5					{font-weight:normal;}
.pubBox p					{font-size:12px;}


/***** NEWS *****/
#allNewsBox								{margin:30px;}
#allNewsBox h3							{font-style:italic; margin-bottom:5px;}
#allNewsBox h6							{font-weight:normal; font-style:italic; color:#aaa; margin-bottom:15px; font-size:12px;}
#allNewsBox p							{font-weight:normal; margin-right:20px; line-height:1.1em;}
#allNewsBox p.img						{display:inline; float:right; margin-bottom:10px;}
#allNewsBox hr							{clear:both; background-color:#111; color:#111; margin:20px; border:none; height:2px;}
#readBox								{margin:30px;}
#readBox h2								{margin-bottom:5px;}
#readBox h6								{font-weight:normal; font-style:italic; color:#ccc; margin-bottom:20px;}
#readBox p								{margin:0 20px 20px 0;}
#readBox p.img							{text-align:center; margin:10px 0;}


/***** GALLERY *****/
.albumAdminBox							{float:left; width:260px; margin:10px; background:#111;}
.albumAdminBox h4						{padding:4px;}
.albumAdminBox .created					{padding:2px; font-size:12px; font-style:italic;}
.photoBox								{float:left; width:155px; margin:10px 10px 0 0; background:#111;}
.photoBox p								{line-height:1.1em; padding:2px 10px; font-size:12px;}
.imgBox									{float:left; width:200px; margin:5px; background:#111; color:#eee;}
.imgBox h3								{padding:5px; font-size:14px;}
.imgBox p								{padding:2px 5px; color:#ccc;}
.imgBox img								{margin:5px 42px; border:1px solid #333;}


/***** SUBSCRIPTION *****/
.subBox									{margin-bottom:30px; width:300px;}
.subBox h2								{padding:0 15px 5px;}
.subBox img								{padding:0 15px 5px;}
.subBox p								{padding:0 20px 10px; font-style:italic;}


/***** SITEMAP *****/
#sitemapPage li				{list-style-position:inside; line-height:1.4em;}