/*
Theme Name: Five by Fifty-three
Theme URI: http://fivebyfifty.com/
Description: 
Version: 2.0
Author: Ian Lynam
Author URI: http://ianlynam.com/
Tags: 
*/

/* stylesheet orgainization generally matches page top-bottom */
/* top menu and large buttons are in a separate file */

body {
    background-color: white;
	margin: 0px;
	padding: 0px;
	font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
	font-size: 11pt;
	color: black;

	}
	
#page {
    width: 935px;
	margin: auto;
	}

/**** logo ****/

#headerlink { 
	}
	
#headerlink a {
    display: block;
    background-image: url(images/logo.png);
	background-repeat: no-repeat;
    width: 304px;
    height: 0px;
    padding-top: 84px;
    overflow: hidden;
    }

#description {
    display: none; 
	}
	

/* general links */

a { font-family: 'Hoefler Text', Georgia, Times, Serif; }

h2, a {
  color: #EC008C;
  }

h2 a, h3 a { font-family: 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif; }
    
/** excerpt is used by boxes throughout the site **/

.excerpt { 
	width: 430px; /* 460 - padding */
    margin: 0 0 15px;
	padding: 15px;
	border: 1px solid #e7e8e9; /* lines */
	clear: left;
	}
	
.excerpt a { text-decoration: none; }

.excerpt img { 
    float: left; 
	margin-right: 5px;
	}
	
.excerpt h3   { 
    margin: 0 0 5px 0;
	font-size: 10pt; 
	color: #a7a7a7; 
    }
.excerpt h3 a { color: #a7a7a7; }
.excerpt h2, #single h2 { margin: 0px 0px; font-size: 20pt; }
.excerpt h4 { margin-bottom: 0; }

.postdate { 
    font-size: 9pt; 
	color: gray; 
	font-family: serif;
	margin: 0;
	}
	
/**** main page boxes ****/

/** top row **/

#toprow .excerpt { 
	height: 275px;
	 }

#news #toprow .firstexcerpt {
    float: right;
	}
			 
#quickfix {
    float: right;
    }

/** below the button bar **/

#lowerleft, #lowerright {
    width: 460px;
	}
    		
#lowerleft {
    }
	
#lowerright  {
    float: right;
	}


/** home -> lower left content **/


/** home -> lower right content **/

#lowerright h2 { 
    color: #bdbec0; 
	text-transform: uppercase;
	font-size: 18pt;
	}
	
#lowerright .excerpt { background-color: #e7e8e9; }

#lowerright p { margin: 0; } 

/* the header for "What Does..." is a _tiny_ bit too large 
   and 17pt text looks jaggey with the graphic titles */
#lowerright #about { padding-right: 5px; width: 440px; }
#lowerright #about p { padding-right: 10px; }

#tagcloud ul { padding: 0px; margin: 0px; width: 30%; }
#tagcloud li { list-style-type: none; padding: 0; }
#tagcloud ul.left { float: left; }
#tagcloud ul.right { margin-left: 200px; }	
#tagcloud h2 { 
    text-transform: uppercase; 
	color: #EC008C; 
	font-size: 11pt;
	margin-bottom: 10px;
	}
	
#tagcloud a {
    font-family: 'Hoefler Text', Georgia, Times, Serif;
    font-size: 10pt;
	color: #4d4d4d;
    }

#newsletter input { 
    display: block; 
	margin-bottom: 5px;
	width: 160px;
	background-color: white;
    }
	
	
/**** add logo to home page newsletter ****/

#news #newsletter h2 {
    padding-bottom: 150px;
	background-image: url(images/5stories.png);
	background-repeat: no-repeat;
	background-position: 20px 35px;
	}
	
#news #newsletter p { margin-bottom: 1em; }
	
	
/**** single post and single page ****/

#contact input, #contact textarea { width: 300px; }

#contact {
    padding-top: 390px; 
    background-image: url(images/big-contact.png);
    background-repeat: no-repeat;
    }

#home {
/* disabled for the intapac ad
    padding-top: 405px;
    background-image: url(images/big-home.png);
*/
    background-repeat: no-repeat;
    }

#home table {
    border-spacing: 15px;
    position: relative;
    top: -15px;
    left: -15px;
    width: 965px;
    margin-bottom: 0;
    }
    
#home td { 
    background-color: #e7e8e9; 
    vertical-align: top;
    width: 48%;
    padding: 15px;
    
    }
    
#home #tweetbar { margin: 0px; }


#single { 
	padding: 15px;
	border: 1px solid #e7e8e9; /* lines */

    }	
	
	
#news {
    padding-top: 405px;
    background-image: url(images/big-news.png);
    background-repeat: no-repeat;
position: relative;
top: -15px;
    }

#newsletter .largelogo {
    background-image: url(images/5stories.png);
	background-repeat: no-repeat;
	height: 155px;	/* image + padding */
	width: 100%;
    margin: 0 0 15px;
	padding: 0;
	background-position: 15px 15px;
    border: none;
	}
	
#newsletter .excerpt { 
	clear: none; 
	}	
	
#newsletter table { 
    border-collapse: separate; 
	table-layout: fixed; 
	border-spacing: 13px;
	position: relative;
	top: -13px;
	left: -13px;
	}
	
#newsletter table td { 
    vertical-align: top; 
	width: 460px;
	border: 1px solid #e7e8e9; /* lines */
	}

#newsletter td .excerpt { border: none; width: 427px; }
#newsletter td.left .excerpt  {  }
#newsletter td.right {  }

.services table,
#services table { 
  border-collapse: separate; 
	table-layout: fixed; 
	border-spacing: 13px;
	position: relative;
	top: -13px;
	left: -13px;
	width: 960px;
	}
	
.services table td,
#services table td { 
    vertical-align: top; 
	width: 430px;
	border: none;
	background-color: #e7e8e9;
	padding: 15px;
	}

#services .excerpt { 
	width: 400px;
	padding: 0px;
	}

#searchresults { 
        width: 970px; 
        overflow: hidden;
        }
#searchresults div.excerpt { 
        float: left; 
        clear: none;
        margin-right: 15px;
        width: 428px;
        }

#tokyoguide h2 { margin-bottom: 0.5em; }

#tokyoguide {
    padding-top: 390px; 
    background-image: url(images/big-guide.png);
    background-repeat: no-repeat;
    }


#tweetbar table {
    }

#tweetbar table td { 
    padding: 0px;
    width: 460px; 
    }

#tweetbar a {
    height: 0;
    display: block;
    width: 460px;
    overflow: hidden;
    background-repeat: no-repeat;
    }

#tweetbar #innojapan {
    background-color: #ec008c;
    }
    
#tweetbar #twitter {
    background-color: #595a5c;
    }
    
#tweetbar #innojapan a {
    padding-top: 225px;
    background-image: url(images/innovation.png);
    }

#tweetbar #twitter a {
    padding-top: 124px;
    background-image: url(images/twitter.jpg);
    }
    
#tweetbar #twitter ul {
    margin-top: 0px;
    padding-left: 15px;
    }

#tweetbar #twitter ul li {
    list-style-type: none;
    color: #bbb;
    font-family: 'Hoefler Text', Georgia, Times, Serif;
    font-size: 9pt;
    }


#tweetbar #twitter ul a {
    height: auto;
    display: inline;
    width: auto;
    padding-top: 0px;
    overflow: visible;
    background-image: none;
    color: #ddd;
    text-decoration: none;
    font-family: 'Hoefler Text', Georgia, Times, Serif;
    font-size: 11pt;
    }



#page .preview { display: none; }
#home .preview { display: block; margin-bottom: 0.8em; }
	
.article { /* matches excerpt but width is different */
	width: 905px; /* 935 - padding */
    margin: 0 0 15px;
	padding: 15px;
	border: 1px solid #e7e8e9; /* lines */
	clear: left;
	}



/* assorted special items */

/**** graphic titles ****/

img.ttf, h2 img.ttf, h3 img.ttf { float: none; margin: 0; }

.gray, .grey { background-color: #e7e8e9; }	
	
#footer { clear: both; text-align: center; }
	
ul.post-categories { /* unused?? */
    margin: 0; 
	padding: 0; 
	margin-bottom: 15px;
	}
ul.post-categories li { list-style-type: none; margin: 0; padding: 0; }

a.more { display: block; clear: left; margin: 0; }



	
/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

hr {
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}

.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

.wp-caption-text { font-size: 0.8em; color: #666; }


#intapac {
margin-bottom: 15px; 
/* background-image: url(images/intapac-banner.jpg); */
background-position: -10px -10px; 
background-repeat: no-repeat;
background-color: #ec008c; 
border: 10px solid #ec008c; 
padding: 0px; 
/* padding-top: 349px; */
}

#intapaclink { display: none; color: white; background-color: black; margin: 5px 0 0; }

#intapaclink a { color: white; font-family: helvetica, arial, sans-serif; text-decoration: none; }

h2.casestudy { 
    color: #aaa;
    font-size: 150%;
    margin: 0 0 5px;
    padding: 0.8em;
    border: 1px solid #e7e8e9;
    text-transform: uppercase;
    position: relative;
    top: -10px;
    }
    
#casestudylist .greybox { 
    background-color: #e7e8e9; 
    margin-bottom: 15px;
    padding: 15px;
    }
    
#casestudylist .left { 
    width: 270px;
    float: left;
    background-color: inherit;
    text-align: left;
    }
    
#casestudylist .left p { margin: 0; }
    
    
#casestudylist .right { 
    width: 530px;
    margin-left: 280px;
    background-color: inherit;
    }

#casestudylist .right .inner { 
    border-left: 2px solid #ec008c;
    padding-left: 15px;
    }
    
#casestudylist .right h2 {
    color: #666;
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    }
    
#casestudylist .right .inner p { 
    font-size: 9pt;
    }

#casestudylist .right strong { 
    font-weight: normal;
    color: #aaa;
    }

#intapacbar {
    background-color:#818285;
    background-image:url("images/intapac-bg.gif");
    background-position:40px 50px;
    background-repeat:no-repeat;
    font-size:1.1em;
    height:150px;
    padding:40px 40px 40px 550px;
}

.input-linebreaks>span { display: block; }