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

#submitBTN {
 margin-top:295px;
}

.bb { font-size:15px; color:#000000; line-height:20px }

body {
 margin:0px auto;
 padding-top:50px;
 padding-bottom:50px;
 background-color:#999999;
 text-align:center;
 
 font-family:"Arial";
 font-size:12px;
 line-height:16px;
}

#top {
 background-color:#f7f8fc;
 background-image:url(../images/banner_bg_01.gif);
 background-repeat:no-repeat;
 height:880px;
}

#top_nav {
 padding:0px 0px 0px 0px;
 
 font-family:"Trebuchet MS", "Trebuchet MS Bold", "Trebuchet MS Bold Italic", "Trebuchet MS Italic";
 font-weight:normal;
 font-size:12px;
 line-height:12px;
 text-transform:uppercase;
}

#top_nav a {outline:none}

#top_nav a:link {
 padding-bottom:10px;
 border-bottom:none;
 text-decoration:none;
 color:white;
}

#top_nav a:visited {
 padding-bottom:10px;
 border-bottom:none;
 text-decoration:none;
 color:white;
}

#top_nav a:hover {
 padding-bottom:5px;
 border-bottom:5px solid #f7f8fc;
 text-decoration:none;
 color:white;
}

#top_nav a:active {
 padding-bottom:5px;
 border-bottom:5px solid #f7f8fc;
 text-decoration:none;
 color:white;
}

#top_nav .current {
 padding-bottom:5px;
 border-bottom:5px solid #f7f8fc;
 text-decoration:none;
 color:white;
 cursor:default;
}

#left_content {
	padding:29px 0px 0px 36px;
}

#left_bookInfo {
 padding-left:20px;
 padding-right:30px;
 float:left;
 font-size:10px;
 line-height:13px;
}

#left_bookInfo a:link {
 color:#cb2322;
 text-decoration:none;
}
#left_bookInfo a:visited {
 color:#cb2322;
 text-decoration:none;
}
#left_bookInfo a:hover {
 color:#cb2322;
 text-decoration:underline;
}
#left_bookInfo a:active {
 color:#FF7F7F;
 text-decoration:underline;
}

a.left_submit:link {
 color:#999999;
 text-decoration:underline;
 font-weight:bold;
 font-size:11px;
 text-transform:uppercase;
 padding-left:20px;
}
a.left_submit:visited {
 color:#999999;
 text-decoration:underline;
 font-weight:bold;
 font-size:11px;
 text-transform:uppercase;
 padding-left:20px;
}
a.left_submit:hover {
 color:#999999;
 text-decoration:underline;
 font-weight:bold;
 font-size:11px;
 text-transform:uppercase;
 padding-left:20px;
}
a.left_submit:active {
 color:#999999;
 text-decoration:underline;
 font-weight:bold;
 font-size:11px;
 text-transform:uppercase;
 padding-left:20px;
}

#top_submit {
 padding:0px;
}

#top_title {
 padding:0px;
}

#main_content {
 padding:30px 45px 32px 0px;
 padding-top:30px !important;
 
 font-size:12px;
 line-height:16px;
 color:#333333;
}

#main_content strong {
 color:black;
}

#main_content h1 {
 color:#cb2322;
 font-size:14px;
 margin-bottom:0px;
}

#main_content h2 {
 color:#333333;
 font-size:14px;
 line-height:16px;
 font-weight:bold;
 font-style:normal;
}

#main_content a:link {
 color:#cb2322;
 text-decoration:none;
}
#main_content a:visited {
 color:#cb2322;
 text-decoration:none;
}
#main_content a:hover {
 color:#cb2322;
 text-decoration:underline;
}
#main_content a:active {
 color:#FF7F7F;
 text-decoration:underline;
}

#main_content_alt {
 padding:30px 45px 32px 0px;
 
 font-size:12px;
 line-height:16px;
 color:#333333;
}

#main_content_alt strong {
 color:black;
}

#main_content_alt h1 {
 color:#cb2322;
 font-size:14px;
 margin-bottom:0px;
}

#main_content_alt h2 {
 color:#333333;
 font-size:14px;
 line-height:16px;
 font-weight:bold;
 font-style:normal;
}

#main_content_alt a:link {
 color:#cb2322;
 text-decoration:none;
}
#main_content_alt a:visited {
 color:#cb2322;
 text-decoration:none;
}
#main_content_alt a:hover {
 color:#cb2322;
 text-decoration:underline;
}
#main_content_alt a:active {
 color:#FF7F7F;
 text-decoration:underline;
}

ul.redList { padding-left:15px; margin-left:0px }
ul.redList li { color:#cb2322; margin-bottom:10px; margin-left:0px }
ul.redList li span { color:#333333 }
ul.redList li ul {margin-left:0px; padding-left:0px; margin-top:6px}
ul.redList li ul li {margin-left:0px; color:#cb2322; list-style:none }
ul.redList li ul li span {color:#333333; font-style:italic }

ul.bigList { padding-left:15px; margin-left:0px }
ul.bigList li { color:#cb2322; margin-bottom:10px; margin-left:0px }
ul.bigList li span { color:#cb2322; font-size:13px; font-weight:normal }
ul.bigList li strong { color:#333333 !important; font-size:13px; font-weight:bold }

ul.bigList2 { padding-left:20px; margin-left:0px }
ul.bigList2 li { color:#cb2322; margin-bottom:10px; margin-left:0px }
ul.bigList2 li span { color:#cb2322; font-size:11px; font-weight:normal }
ul.bigList2 li strong { color:#333333 !important; font-size:11px; font-weight:bold }

#footer {
 font-size:9px;
 line-height:12px;
 padding-bottom:20px;
 padding-right:45px;
}

#footer a:link {
 font-size:9px;
 line-height:12px;
 text-decoration:none;
 color:#cb2322;
}
#footer a:visited {
 font-size:9px;
 line-height:12px;
 text-decoration:none;
 color:#cb2322;
}
#footer a:hover {
 font-size:9px;
 line-height:12px;
 text-decoration:underline;
 color:#cb2322;
}
#footer a:active {
 font-size:9px;
 line-height:12px;
 text-decoration:underline;
 color:#FF7F7F;
}

/* POST LAUNCH */

  html,
  body
  {
  	margin:0;
    padding:0;
    height:100%;
    border:none;
  }
  
  a:link,
  a:visited
  {
  	color: #d42929;
  	text-decoration: none;
  }
  
  a:hover,
  a:active
  {
  	text-decoration: underline;
  }

  table#main
  {
  	height: 100%;
  	width: 850px;
  }
  
  table#main td
  {
  	vertical-align: top;
  	text-align: left;
  }
  
  tr#banner td
  {
  	background-color: #d42929;
  	height: 149px;
  	background-repeat: no-repeat;
  	background-position: 0 0;
  	overflow: hidden;
  }
  
  tr#banner td span.hidden
  {
  	display: block;
  	text-indent: -10000px;
  }
  
  tr#banner td#banner-main
  {
  	background-image: url(../images/post/banner-main.jpg);
  }
  
  tr#banner td#banner-right
  {
  	background-image: url(../images/post/banner-right.jpg);
  }


/* NAVIGATION */

  tr#navigation td
  {
  	height: 36px !important;
  	background-color: black;
  	color: white;
  	overflow: hidden !important;
  }
  
  td.nav
  {
  	height: 36px !important;
  }
  
  td.nav a
  {
  	display: block;
  	height: 100%;
  	text-indent: -10000px;
  	background-repeat: no-repeat;
  }
  
  td.nav a:link,
  td.nav a:visited
  {
  	background-position: 0 0;
  }
  
  td.nav a:hover,
  td.nav a:active
  {
  	background-position: 0 100%;
  }
  
  td.nav a.active
  {
  	background-position: 0 -36px;
  }
  
  td.nav a.active:link,
  td.nav a.active:hover
  {
  	cursor: default !important;
  }
  
  td.nav.blank.first
  {
  	width: 31px;
  }
  
  td.nav.home a
  {
  	width: 57px;
  	background-image: url(../images/post/nav/nav-home.gif);
  }
  
  td.nav.intro a
  {
  	width: 60px;
  	background-image: url(../images/post/nav/nav-intro.gif);
  }
  
  td.nav.samples a
  {
  	width: 113px;
  	background-image: url(../images/post/nav/nav-samples.gif);
  }
  
  td.nav.authors a
  {
  	width: 80px;
  	background-image: url(../images/post/nav/nav-authors.gif);
  }
  
  td.nav.contributors a
  {
  	width: 114px;
  	background-image: url(../images/post/nav/nav-contributors.gif);
  }
  
  td.nav.ribbon
  {
  	width: 154px;
  	background-image: url(../images/post/nav/nav-ribbon-bg.jpg);
  }
  
  td.nav.media a
  {
  	width: 136px;
  	background-image: url(../images/post/nav/nav-media.gif);
  }
  
  td.nav.blank.last
  {
  	width: 103px;
  }
  

/* MAIN CONTENT */

  td#banner-main,
  td#left-column
  {
  	width: 611px;
  }
  
  td#banner-right,
  td#right-content
  {
  	width: 239px;
  }
    
  tr#content td
  {
  	background-color: #f7f8fc;
  	color: #363636;
  	font-size: 13px;
  	line-height: 18px;
  }
  
  td#left-column
  {
  	padding: 72px 40px 65px 35px;
  	background: url(../images/post/body-ribbon-bg.jpg) no-repeat 457px 0;
  }
  
  strong.firstline
  {
  	text-transform: uppercase;
  	color: #d42929;
  	Xfont-size: 15px;
  }
  
  ul
  {
  	margin-left: 0px;
  	padding-left: 18px;
  	width: 450px;
  }
  
  ul li
  {
  	color: #d42929;
  }
  
  ul li span
  {
  	color: #363636;
  	font-weight: bold;
  }
  
  div#publishers
  {
  	margin-top: 35px;
  	font-size: 11px;
  	line-height: 14px;
  }
  
  div#publishers div#left
  {
  	float: left;
  	text-transform: uppercase;
  	font-size: 13px;
  }
  
  div#right p
  {
  	margin-top: 0;
  	padding-top: 8px;
  }
  
  div#right a
  {
  	color: black;
  }
  
  a.buy-link
  {
  	border: none !important;
  }
  
  a.buy-link img
  {
  	margin-top: 13px;
  	border: none !important;
  	-webkit-transition: all .25s ease;
  }
  
  a.buy-link:hover img
  {
  	-webkit-transform: scale(.95);
  	opacity: .75;
  }
  
  #book
  {
  	-webkit-transition: all 1s ease;
  	margin-left: -24px;
  }
  
  #book:hover
  {
  	-webkit-transform: scale(1.075) rotate(-4deg);
  }


/* INTRO PAGE */  

  div#intro
  {
  	float: left;
  	font-size: 11px;
  	line-height: 14px;
  	padding-right: 18px;
  	padding-bottom: 8px;
  }
  
  div#intro img
  {
  	margin-bottom: 11px;
  }
  
  p.first
  {
  	margin-top: 0 !important;
  	padding-top: 0 !important;
  }

/* SAMPLES PAGE */

  .sampleSpreads
  {
	padding-top:10px;
  }

  .sampleSpreads img
  {
	margin-bottom:20px;
	border:1px solid #CCC;
  }

  .sampleSpreads img:hover
  {
	border:1px solid #999;
  }
  

/* CONTRIBUTORS */

  #contributors td#left-column p
  {
  	line-height: 15px;
  }
  
  #contributors div.column
  {
  	width: 225px;
  	float: left;
  	padding-right: 36px;
  }
  
  #contributors div.column a:link,
  #contributors div.column a:visited
  {
  	color: #999;
  }
  
  #contributors div.column a:hover,
  #contributors div.column a:active
  {
  	color: #bbb;
  }
  

/* MEDIA & CONTACT PAGE */

  #media td#right-column
  {
  	padding: 72px 35px 0 0;
  	width: 230px !important;
  	overflow: hidden !important;
  }

  #media ul
  {
  	width: 160px;
  	float: left;
  	padding-left: 0;
  	padding-right: 24px;
  }
  
  #media ul.contact,
  #media ul.contact li
  {
  	float: none !important;
  	width: auto !important;
  	padding-right: 0 !important;
  }
  
  #media ul.last
  {
  	padding-right: 0;
  }

  #media ul li
  {
  	list-style: none;
  	line-height: 14px !important;
  }
  
  #media ul li.title
  {
  	Xpadding-bottom: 6px;
  }
  
  #media ul li span,
  #media ul li a
  {
  	font-weight: normal;
  	font-size: 11px;
  }

  #media ul li.title span
  {
  	color: #363636;
  	font-weight: bold !important;
  	font-size: 13px !important; 
  }
  
  #media ul li.name
  {
  	padding-top: 8px;
  }
  
  #media .sampleSpreads ul
  {
 	width: 240px;
  }
  
  #media .sampleSpreads ul li.strange span
  {
  	font-size: 13px !important;
  }
  
  #media .sampleSpreads a span,
  #media .sampleSpreads li.strange a
  {
  	font-size: 13px !important;
  	color: #d42929;
  }
  
  #media .sampleSpreads a img
  {
	margin-bottom:3px;
	border:1px solid #CCC;
	-webkit-transition: all .5s ease;
  }
  
  #media .sampleSpreads li.strange img
  {
  	margin-bottom: 3px !important;
  }
  
  #media .sampleSpreads li.strange.perspective img
  {
  	border-color: #f7f8fc !important;
  }
  
  #media .sampleSpreads a:hover img
  {
  	opacity: .8;
  }

  #media .sampleSpreads a:hover
  {
	text-decoration: none !important;
  }
  
  #media .sampleSpreads a:hover span
  {
  	text-decoration: underline !important;
  }
  
  #media .sampleSpreads li.strange a:hover
  {
  	text-decoration: underline !important;
  }
  
  #media a.fb
  {
  	color: #4d71ad;
  }
  
  #media a.fb strong
  {
  	display: block;
  	position: relative;
  	margin-top: -37px;
  	margin-left: 40px;
  	padding: 15px 0 10px 0;
  }
  
  #media a.fb:hover
  {
  	Xtext-decoration: none;
  }
  
  
/* FOOTER */
  
  td#foot
  {
  	height: 36px;
  	padding: 0 36px 0 36px;
  	background-color: #f0f1f5;
  	font-size: 11px;
  	color: #363637;
  	vertical-align: middle !important;
  }
  
  div#copyright
  {
  	float: left;
  }
  
  div#questions
  {
  	float: right;
  }
  
  #media .sampleSpreads ul li.strange.perspective
  {
  	border-color: #f7f8fc !important;
  }
