/*
Theme Name: Seamless    
Theme URI: http://bespoketokyo.jp/
Description: Black and white
Version: 1.0
Author: Ian Lynam
Author URI: http://ianlynam.com/
Tags: 
*/



/* Begin Typography & Colors */
body {
	font-size: 10pt; 
	font-family: 'Lucida Sans', 'Lucida Grand', Arial, Sans-Serif;
	background-color: black;
	color: #ccc;
	}

#page {
	text-align: left;
    margin: auto;
    margin-top: 20px;
    width: 950px;
	}

#header {
    margin-bottom: 20px;
	}

#logo {
    height: 32px;
    }
    
#logo h1 {
    margin: 0px;
    }
    
#logo a {
    display: block;
    width: 333px;
    height: 0;
    padding-top: 32px;
    margin: 0;
    overflow: hidden;
    background: url(images/logo.png);
    background-repeat: no-repeat;
    }

.description, .navigation { 
    margin-top: 10px; 
    }
    
.navigation { 
    float: right;
    }

a:link    { color: red; text-decoration: none; }
a:visited { color: red; text-decoration: none; }
a:hover   { color: white; text-decoration: none; }

a:link.yellow, a:visited.yellow { color: #FDCA25; }
    
.navigation a:link    { color: white; text-decoration: none; }
.navigation a:visited { color: white; text-decoration: none; }
.navigation a:hover   { color: red; text-decoration: none; }
.navigation a:visited.current { color: red; }
.navigation a:visited.yellow { color: #FDCA25; }


em { color: red; font-style: normal; }
    
h2.title { display: none; }    

td { vertical-align: top; }
#content img { margin-bottom: 15px; }
#content img.ttf { margin-bottom: 5px; }
#content form img { margin-bottom: 0px; }


/*** table styles ***/

table {
    border-collapse: separate;
    width: 970px;
    position: relative;
    top: -10px;
    left: -10px;
    border-spacing: 10px;
     } 

/*** contact form ***/

form p { 
    margin-top: 0px;
    }
form input, form textarea { margin-bottom: 5px; }









/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

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;
	}
/* End Images */




/* 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;
	}
	
a img {
	border: none;
	}

/* End Various Tags & Classes*/