/*
Theme Name: eliottwaters
Theme URI: http://eliottwaters.com
Description: Wordpress theme for Eliott Waters
Version: 1.0
Author: Takashi Irie
Author URI: http://takashiirie.com
Tags:
*/

/************************************************
*	global reset v1.0 | 20080212 				*
************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/************************************************
*	Image Resizing in IE7 and IE6  				*
************************************************/
img{-ms-interpolation-mode:bicubic;}

/************************************************
*	clear settings							    *
************************************************/
.clear{clear:both; display:block;}
.clearFix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*Win IE7 only */
*:first-child+html .clearFix{height:1%;}
/*Win IE6 only */
*html .clearFix{height:1%;}

/************************************************
*	Wordpress default classes settings		    *
************************************************/
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:5px; margin:5px }

/************************************************
*	global settings							    *
************************************************/
html{/* to compensate for several browser bugs */font-size:100.01%;overflow: scroll;}
body {font-size:62.5%;font-family:Arial, Verdana, sans-serif; color:#333333;text-transform: uppercase;}
a{outline:none;  text-decoration:none; color:#333333}
p{font-size:0.8em;line-height:2.5em;letter-spacing:0.2em;margin-bottom:20px;}
h1, h2, h3, h5, h5, h6 { font-weight:normal }
ul, li, ol{font-size:1.0em;}
/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */

#wrapper{width:960px;margin:0 auto;}
#header{width:960px;text-align:center;padding:40px 0 0;height:55px;}
#logo{font-size:1.2em;font-weight:bold;letter-spacing:0.62em;margin:0 0 10px 0}
#tagline{color:#999;letter-spacing:0.62em;font-size:0.795em;}
#contents{width:760px;padding:80px 100px 0;}
.home #contents{width:960px;padding:0;}

#post-3{text-align:center;}

#bio_left{width:360px;float:left;}
#bio_right{width:360px;float:right;}


#links_inside{width:540px;margin:0 auto 30px;}
#links_inside ul li{font-size:0.8em;line-height:2.8em;width:270px;letter-spacing:0.2em;}
#links_inside ul li.names{float:left;}
#links_inside ul li.urls{float:right;text-align:right;}
#links_inside ul li a{color:#333;}
#links_inside ul li a:hover{color:#999}



#footer{width:960px;padding:80px 0 20px;}
.home #footer{padding:20px 0 20px;}
#footer ul{text-align:center;font-size: 0.75em;letter-spacing:0.35em;}
#footer ul li{display:inline;margin:0 10px 0;color:#333;font-weight: bold;}
#footer ul li a{color:#999;}
#footer ul li a.active, #footer ul li a:hover{color:#333;}
#footer ul li span a{color:#999;}
#footer ul li span a:hover{color:#333;}