/* ASTASTASTASTASTASTASTASTASTASTASTASTASTASTASTASTASTASTASTAST

	Art Space Tokyo CSS v2.0 -- SPRING RENEWAL
	If this is stolen, art will die
	The city will crumble
	And a giant Mori Biru will be erected blocking the sunlight
	hitting your kitchen window
	
	(c) (as much as CSS can be (c) Craig Mod / CMP 2008-2010)
	
	ASTASTASTASTASTASTASTASTASTASTASTASTASTASTASTASTASTASTASTAST */



/* General Yummy stuff -------------------------------------------- */

* { padding: 0px; margin: 0px; border: 0; }
		
	body, html {
		padding: 0px;
		margin: 0px;
		background-color: #FFF;
		font-family: "Hoefler Text", Georgia, "Times New Roman", serif;
		font-family: "Lucida Grande", "Helvetica Neue", Verdana;			
		}
	
	body { 
		font-size: 62.5%; /* -- Sets 1em to equal 10px ---------------------------------*/
		}
		
	p {
		font-size: 1.4em;
		margin-bottom: 1em;
		line-height: 1.4em;
		}
	
	strong {
		background-color: transparent;
		color: #000;
		}
	
	a {
		color: #f00;
		text-decoration: none;
		}
		
		a:hover {
			color: #000;
			}

	#wrapper {
		width: 950px;
		margin: 0px auto;
		padding-top: 0px;
		}
		
	a.noborder {
		border: 0px;
		}
				
	/* -------------- HEADER ----------------*/
		
	#ast_header {
		float: left;
		width: 950px;
		height: 164px;
		border-bottom: 6px solid #000;
		background-image: url("../images/ast_2/header_background.gif");
		}
		
  #kickstarter { 
    float: left;
    width: 950px;
    border-bottom: 2px solid #000;
    padding-bottom: 20px;
    padding-top: 15px;
    text-align: center;
    font-size: 3em;
    font-family: Palatino, Georgia, Times, serif;
    color: #fff;
    text-shadow: black 0.05em 0.05em 0.05em;
    line-height: 1.2em;
		background-image: url("../images/ast_2/woodbg.jpg");
    }
    
    #kickstarter a {
      border-bottom: 2px solid #f00;
      text-shadow: none;
      color: #000;
      padding-top: 5px;
      text-transform: uppercase;
      }
      
      #kickstarter a:hover {
        background-color: #f00;
        color: #fff;
        }

    #kickstarter strong { font-size: .8em; font-weight: normal; text-shadow: none; text-transform: uppercase; letter-spacing: 1px;}

	/* -------------- NAV ----------------*/	
	#nav {
		float: right;
		width: 630px;
		height: 68px;
		margin-top: 96px;
		text-align: right;
		}
		
		#nav ul {
			float: left;
			margin: 0px;
			padding: 0px;
			}
			
		#nav a, #nav span {
			display: block;
			float: left;
			width: 90px;
			height: 38px;
			padding-right: 10px;
			padding-top: 30px;
			font-size: 1.4em;
			color: #000;
			border-right: 6px solid #000;
			border-bottom: 0px;
			background-image: url("../images/ast_2/menu_bg.png");
			}
			
			#nav span {
				background-color: #f00;
				color: #fff;
				}
			
			#nav a:hover {
				background-image: url("../images/ast_2/menu_bg.png");
				background-position: -300px 0px;
				color: #333;
				}

			#nav a.last, #nav span.last {
				border-right: 0px;
				}
			
		#nav li {
			display: inline;
			}

	/* -------------- THE BOOK > right-hand subnav ----------------*/
				
	#subnav_col {
		float: left;
		}
		
		#subnav_col ul {
			float: left;
			margin: 0px;
			padding: 0px;
			padding-left: 10px;
			margin-bottom: 20px;
			list-style-type: none;
			}
			
		#subnav_col li {
			float: left;
			width: 185px;
			display: block;
			margin-bottom: 2px;
			text-align: center;
			color: #999;
			}
			
			#subnav_col li a {
				display: block;
				font-family: "Lucida Grande", "Helvetica Neue", Verdana;
				font-size: .9em;
				color: #000;
				background-color: #efefef;
				padding: 5px 3px;
				}
				
			#subnav_col li.selected a {
				color: #fff;
				background-color: #f00;
				}

			#subnav_col li.selected a:hover {
				color: #000;
				}
				
				#subnav_col li a:hover {
					color: #f00;
					}
			
	/* -------------- NYC EVENT ----------------*/
	#nyc_event {
		float: left;
		width: 950px;
		height: 300px;
		border-bottom: 6px solid #000;
		}

	/* -------------- CATCH COPIES ----------------*/
	#catchcopy_home, #catchcopy_purchase, #catchcopy_book, #catchcopy_press, #catchcopy_maps, #catchcopy_blog {
		float: left;
		width: 950px;
		height: 270px;
		border-bottom: 6px solid #000;
		background-position: left;
		background-repeat: no-repeat;
		}
		
		#catchcopy_home 		{ background-image: url("../images/ast_2/header_images/spaces/rotate.php.gif");	}
		#catchcopy_purchase 	{ background-image: url("../images/ast_2/header_images/book_and_copy.jpg");	}
		#catchcopy_book		 	{ background-image: url("../images/ast_2/header_images/map_detail.jpg");	}
		#catchcopy_maps		 	{ background-image: url("../images/ast_2/header_images/map_detail.png");	}
		#catchcopy_press		{ background-image: url("../images/ast_2/header_images/dot.gif");			}
		#catchcopy_blog			{ background-image: url("../images/ast_2/header_images/ink_splat.png");		}
		
	/* -------------- CATCH COPY CONTENTS  ----------------*/	
	#ast_cover {
		float: left;
		margin-left: 10px;
		margin-top: 15px;
		border: 1px solid #999;
		}
		
	
	/* -------------- MAIN BODY ----------------*/	
		
	#ast_main_body {
		float: left;
		width: 950px;
		font-family: "Hoefler Text", Georgia, "Times New Roman", serif;
		margin-top: 10px;
		}
		
		#five_columns {
			float: left;
			width: 512px;
			margin-right: 18px;
			}
			
			#five_columns p {
				font-size: 1.7em;
				margin-ledt: 5px;
				}

		#four_columns {
			float: left;
			width: 406px;
			margin-right: 18px;
			}
			
			#four_columns p {
				font-size: 1.7em;
				margin-left: 5px;
				}
		
		#three_columns {
			float: left;
			width: 300px;
			margin-right: 18px;
			}
			
			#three_columns li {
				font-size: 1.4em;
				}
			
		#two_columns, #purchase_col {
			float: left;
			width: 206px;
			}
			
			#two_columns li {
				font-size: 1.4em;
				line-height: 1.5em;
				}

		#purchase_col {
			background-image: url("../images/ast_2/only_30_bucks.png");
			background-repeat: no-repeat;
			background-position: 0px -30px;
			}		
		
	.purchaseForm {
		margin-bottom: 10px;
		margin-top: 100px;
		margin-left: 30px;
		}
		
	.whiteText {
		color: #fff;
		}
		
		
	/* -------------- PHOTO THUMBNAILS ----------------*/
	
	#astThumbnails {
		float: left;
		}
		
	#astThumbnails a {
		float: left;
		border: 2px solid #999;
		margin-right: 6px;
		margin-bottom: 6px;
		}
		
		#astThumbnails a:hover {
			border: 2px solid #000;
			}

	#astThumbnails img {
		width: 90px;
		height: 60px;
		}
		
		#astThumbnails img.bigcover {
			width: 290px;
			height: 193px;
		}
			
	#astThumbnails p {
		float: right;
		text-align: right;
		width: 250px;
		font-size: 1.0em;
		margin-top: 0px;
		margin-right: 15px;
		text-transform: uppercase;
		letter-spacing: 1px;
		}
		
		#astThumbnails p em {
			text-transform: none;
			font-size: 1.2em;
			letter-spacing: normal;
			}
			
		#astThumbnails p a {
			float: right;
			border: 0px;
			color: #666;
			}
			
			#astThumbnails p a:hover {
				border: 0px;
				color: #000;
				}
	
	.upper {
		font-size: 1.1em;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #000;
		font-weight: normal;
		}
			

	/* -------------- PRESS > Blurbs ----------------*/
		
	#four_columns p.blurbText {
		margin-bottom: 0px;
		}
		
		#four_columns p.blurbInfo {
			text-align: right;
			margin-right: 10px;
			font-size: 1.3em;
			}
			
			#four_columns p.blurbInfo span {
				text-transform: uppercase;
				font-size: .9em;
				}
	
	/* -------------- THE BOOK > summaries, etc ----------------*/
	
	#four_columns p.summaryHead {
		margin-bottom: 3px;
		margin-left: 0px;
		font-size: 1.6em;
		}
		
		#four_columns p.summaryHead strong {
			color: #000;
			}

		#four_columns p.summaryHead a {
			color: #f00;
			border: 0px;
			}
			
			#four_columns p.summaryHead a:hover {
				color: #000;
				}

		#four_columns p.bigText {
			font-size: 2.5em;
			}
			
		
	#four_columns p.summary {
		font-size: 1.4em;
		margin-left: 20px;
		margin-bottom: 20px;
		line-height: 1.3em;
		}
		
	ol#contents {
		list-style-position: inside;
		margin-left: 10px;
		margin-bottom: 20px;
		}
	
	#contents li {
		line-height: 1.5em;
		}
		
		#contents li a {
			display: block;
			color: #f00;
			border: 0px;
			}
			
			#contents li a:hover {
				color: #000;
				}
		
	.inlineThumb {
		float: left;
		width: 375px;
		height: 100px;
		border: 1px solid #666;
		margin-right: 5px;
		margin-bottom: 5px;
		}
		
	.imageRight {
		float: right;
		margin-left: 10px;
		}
		
	.imageLeft {
		float: left;
		margin-right: 10px;
		}
		
	#preface p {
		font-size: 1.5em;
		}
		
		#preface p span {
			font-size: .8em;
			text-transform: uppercase;
			letter-spacing: 1px;
			}

	#bookDetails {
		font-size: 1.4em;
		}

	/* -------------- ART MAPS ----------------*/
	#mapImages {
		float: left;
		}
		
		#mapImages p {
			float: right;
			text-align: right;
			width: 250px;
			font-size: 1.0em;
			margin-top: 5px;
			margin-right: 15px;
			text-transform: uppercase;
			letter-spacing: 1px;
			}

	
	#accessDetails {
		float: left;
		margin-bottom: 10px;
		}
		
	#accessDetails p {
		font-size: 1.3em;
		color: #666;
		}
		
		#accessDetails #left {
			float: left;
			width: 190px;
			margin-right: 20px;
			}
			
		#accessDetails #right {
			float: left;
			width: 190px;
			}
	
	#inTheNeighborhood p span {
		background-color: #fce8eb;
		color: #000;
		padding-left: 3px;
		padding-right: 3px;
		padding: 3px;
		}
		
	.artMap {
		border: 1px solid #666;
		}
		
	/* -------------- BLOG ----------------*/

	.blog-entry {
		float: left;
		}
		
	.blog-entry p {
		margin-left: 10px;
		margin-right: 10px;
		}
		
		.blog-entry img {
			border: 1px solid #000;
			padding: 3px;
			float: left;
			margin-right: 20px;
			margin-bottom: 10px;
			}
			
		.blog-entry ul {
			margin-left: 10px;
			margin-bottom: 20px;
			}
			
		.blog-entry li {
			font-size: 1.6em;
			margin-left: 20px;
			margin-right: 20px;
			}
			
	.blog-entry blockquote {
		margin-left: 30px;
		font-size: .9em;
		font-color: #888;
		}
			
	.photoCaption {
		font-size: .8em;
		color: #666;
		}
		
	#five_columns p.blog-article-author {
			margin-bottom: 10px;
			color: #666;
			font-size: 1.4em;
			font-family: "Lucida Grande", Verdana, sans-serif;
			}
			
	.blog-entry-footer {
		float: left;
		width: 500px;
		border-bottom: 1px solid #ddd;
		margin-top: 10px;
		margin-bottom: 10px;
		padding-bottom: 10px;
		}
		
	#five_columns p.blog-categories {
		font-size: 1.3em;
		color: #666;
		font-family: "Lucida Grande", Verdana, sans-serif;
		}
		
	#tab_pop_badge {
		display: inline;
		float: left;
		width: 186px;
		padding-left: 0px !important;
		margin-left: 0px !important;
		}
		
		#tab_pop_badge ul {
			margin: 0px;
			padding: 0px;
			}
			
			#tab_pop_badge ul li {
				margin-bottom: 5px !important;
				border-bottom: 1px solid #ddd;
				padding-bottom: 5px !important;
				}

		#tab_pop_badge ul li p {
			font-size: 1em;
			padding-left: 0px !important;
			}
	
		#tab_pop_badge ul li img {
			display: inline;
			margin-right: 10px !important;
			}
			
	#tab_pop_badge #badge_slogan {
		font-style: italic;
		}
		
	#blog_middle {
		float: left;
		width: 194px;
		height: 600px;
		color: #fff;
		margin-right: 19px;
		background-color: transparent;
		background-image: url("../images/ast_2/blog/middle_drip.png");
		background-repeat: no-repeat;
		}
		
		#category_list {
			
			}
			
			#category_list h3 {
				text-align: center;
				}
			
			#category_list ul {
			float: left;
			margin: 0px;
			padding: 0px;
			padding-left: 0px;
			margin-bottom: 20px;
			list-style-type: none;
			}
			
			#category_list li {
				float: left;
				width: 194px;
				display: block;
				margin-bottom: 2px;
				text-align: center;
				color: #999;
				}
				
				#category_list li a {
					display: block;
					font-family: "Lucida Grande", "Helvetica Neue", Verdana;
					font-size: 1.2em;
					color: #fff;
					background-color: transparent;
					padding: 5px 3px;
					}
										
					#category_list li a:hover {
						color: #f00;
						}
		
	#community h4 {
		font-size: 1.2em;
		}
		
	/* -------------- LISTS ----------------*/
		
	 ul {
		list-style-position: inside;
		list-style-type: circle;
		margin-bottom: 10px;
		margin-top: 0px;
		padding: 0px;
		margin-left: 10px;
		}
		
		li {
			margin: 0px;
			font-size: 1.2em;
			margin-bottom: .4em;
			line-height: 1.3em;
			}
			
			
		li.title {
			font-weight: normal;
			text-transform: uppercase;
			list-style-type: none;
			letter-spacing: 1px;
			}
	
		#mainbody li {
			font-size: 1.4em;
			margin-bottom: .8em;
			}
	
	
	/* ----- HEADERS   ----------------------------------*/
	
	h1 {
		float: left;
		display: inline;
		text-indent: -2000px;
		width: 290px;
		height: 105px;
		margin-top: 50px;
		margin-left: 10px;
		}
		
		h1 a {
			display: block;
			width: 290px;
			height: 105px;			
			}
		
	h3 {
		display: block;
		border-bottom: 1px solid #ddd;
		font-size: 2em;
		font-family: "Lucida Grande", "Helvetica Neue", Verdana;
		color: #888;
		margin-bottom: 1em;
		}
		
	h4 {
		font-size: 1.4em;
		line-height: 1.6em;
		font-weight: normal;
		text-transform: uppercase;
		letter-spacing: 2px;
		margin-bottom: 2px;
		}
	
	h2 {
		float: left;
		display: inline;
		margin-left: 424px;
		margin-top: 33px;
		width: 330px;
		height: 180px;
		text-indent:-4000px;
		overflow: hidden;
		}
	
		h2#txt-yourguide { background: white url("../images/ast_2/catchcopy/yourguide2.png") left top no-repeat; height: 230px; margin-top: 20px;}
		h2#txt-readersandreporters { background: white url("../images/ast_2/catchcopy/readers_and_reports.png") left top no-repeat; }
		h2#txt-272pages { background: white url("../images/ast_2/catchcopy/272_pages.png") left top no-repeat; width: 500px; }
		
	h3#txt-book_specifics,
	h3#txt-topics_include,
	h3#txt-interviews_with,
	h3#txt-online,
	h3#txt-essays_by,
	h3#txt-preorder,
	h3#txt-philosophy,
	h3#txt-30_plus,
	h3#txt-mailing_list {
		width: 200px;	
		display: block;
		clear: both;
		background-color: transparent;
		height:20px;
		margin-bottom: 3px;
		text-indent:-4000px;
		overflow: hidden;
		}
				
	h3#txt-mailing_list 	{ margin-bottom: 10px; background: white url("../images/ast/h3/h3-mailing_list.png") left top no-repeat; }
	h3#txt-interviews_with 	{ background: white url("../images/ast/h3/h3-interviews_with.png") left top no-repeat; }
	h3#txt-essays_by	 	{ background: white url("../images/ast/h3/h3-essays_by.png") left top no-repeat; }
	h3#txt-book_specifics 	{ background: white url("../images/ast/h3/h3-book_specifics.png") left top no-repeat; }
	h3#txt-topics_include 	{ background: white url("../images/ast/h3/h3-topics_include.png") left top no-repeat; }
	h3#txt-preorder 		{ margin-bottom: 6px; background: white url("../images/ast/h3/h3-preorder.png") left top no-repeat; }
	h3#txt-philosophy		{ background: white url("../images/ast/h3/h3-philosophy.png") left top no-repeat; }
	h3#txt-30_plus			{ background: white url("../images/ast/h3/h3-30_plus.png") left top no-repeat; }
	h3#txt-online			{ background: white url("../images/ast/h3/h3-online.png") left top no-repeat; }
	
	
	/* --------- MAILING LIST!!! ---------- */
		#mailing_list {
			float: left;
			width: 300px;
			margin-top: 10px;
			margin-bottom: 20px;
			}
			
			#mailing_list h3 {
				margin-bottom: .5em;
				}
			
			#mailing_list p {
				font-size: 1em;
				font-family: "Lucida Grande", "Helvetica Neue", Verdana;
				margin-top: 5px;
				margin-left: 5px;
				margin-right: 10px;
				color: #777;
				}
			
			#mailing_list input {
				float: left;
				display: inline;
				}
				
				#mailing_list input.ast {
					width: 220px;
					float: left;
					background-color: #ddd;
					border: 0px solid #333;
					height: 20px;
					font-size: 1.1em;
					padding-left: 3px;
					padding-right: 3px;
					color: #333;
					}
					
	
	/* -------------- FOOTER ----------------*/
		
	#footer {
		width: 100%;
		float: left;
		margin-bottom: 20px;
		margin-top: 10px;
		border-top: 6px solid #000;
		text-align: right;
		}
		
		#footer p {
			font-size: 1em;
			margin-right: 10px;
			margin-top: 5px;
			color: #333;
			font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif;
			text-transform: uppercase;
			letter-spacing: .1em;
			}
			
			#footer p span {
				font-size: 1.2em;
				text-transform: none;
				letter-spacing: normal;
				}
			
		#footer a {
			border: 0px solid #000;
			}
	
	#chinMusicTag {
		float: left;
		margin-top: 2px;
		width: 300px;
		text-align: left;
		}