html{
}

body{ 
	background-image: url("/images/bgnd.jpg");
	background-color: rgb(102,100,101);
	background-attachment: fixed;
	background-position: bottom left;
	background-repeat: no-repeat;
	padding:0px;
/*	background-color: rgb(208,231,200);*/
/*	background-image: url("gradient.png");
	background-repeat: repeat-x;*/
/*    background: -webkit-gradient(linear, left top, 0 200, from(#00abeb), to(#));*/
    font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, Sans-Serif;
    font-weight: 100;
    font-size: 12px;
    color: #141;
}

img, div { behavior: url('/iepngfix.htc') }

@font-face {
	font-family: Gentium;
	font-weight: 100;
	src: url('http://taishimizu.com/typefaces/GENR102.TTF');
}

@font-face {
	font-family: Gentium;
	font-weight: 100;
	font-style: italic;
	src: url('http://taishimizu.com/typefaces/GenBasI.TTF');
}

@font-face {
	font-family: Quicksand;
	src: url('http://taishimizu.com/typefaces/Quicksand_Light.otf');
}

@font-face {
	font-family: Gentium;
	font-weight: bold;
	src: url('http://taishimizu.com/typefaces/GenBasB.TTF');
}


h1{
	font-family: "Gill Sans";
	color: #333;
	font-weight: Light;
	font-size: 28px;
	margin-top: 0px; 
	margin-bottom: 10px;
}

h2{
	font-family: Interval, helvetica, "Times New Roman", serif;
	font-weight: 400;
	font-size: 16px;
	margin-top: 8px; 
	margin-bottom: 8px;
	line-height: 20px;
}

h3{
	font-family: Interval, Gentium, times, "Times New Roman" , serif;
	font-size: 14px;
	font-weight: bold;
	color: #555;
	line-height: 150%;
	margin-top: 0; 
	margin-bottom: 0px;
	margin-left: 0px;
}
h4{
	text-align: right;
	font-family: helvetica, sans-serif;
	font-size: 10px;
	font-weight: 100;
	color: #777;
}

.bh{
	font-weight: bold;
}

em{
	font-style: italic;
}

ul li strong{
	font-weight:bold;
}

#warningheader{
	font-family: helvetica, sans-serif;
	font-size: 72px;
	font-weight: bolder;
	color: #eee;
	position:absolute;
	top:100px;
	left:100px;
}
#warning{
	font-family: helvetica, sans-serif;
	font-size: 16px;
	font-weight: 100;
	color: #eee;
	position:absolute;
	top:250px;
	left:150px;
	width: 400px;
	min-width: 400px;
	max-width: 400px;
}
.warninghighlight{
	color: #aea;
	font-style: italic;
}

img {
	border: none;
}
a {	
	border: none;
	color: #343;
	outline: none;
	text-decoration: none;
	border-bottom: 1px solid rgb(209,228,233);
 }
a:visited { color: #676; }
a:hover, a:focus { color: #121; background-color:rgb(209,228,233);}
a:active { color: #040; }

hr{
	text-align: center;
	background-color: #bcb;
	min-height: 1px;
	max-height: 1px;
	border: 0px;
	max-width: 200px;
	width: 200px;
}


tr{
	text-align:center; 
	font-weight:bold;
}

th{
 text-align:right;
 background-color:rgb(56,73,62);
 color:white;
 font-weight:bold; 
 padding: 5px;
}

td{
	padding: 5px;
}

#mainlink{
	position: absolute;
	top: 0px;
	left: 0px;
	min-width: 260px;
	max-width: 260px;
	min-height: 110px;
	max-height: 110px;
	z-index: 10;
}
#mainlink:hover{
	cursor: pointer;
}

#whitesheet{
	background-color: white;
	background-image: url("/images/logo3.png");
	background-repeat: no-repeat;
	background-position: 37px 20px;
	position: absolute;
	top:-8px;
	left:-8px;
	padding: 30px;
	min-width: 800px;
	max-width: 800px;
	min-height: 2000px;
	border-right:  thin solid #666;
	-webkit-box-shadow: 0px -8px 8px #000;
	-moz-box-shadow: 0px -8px 8px #000;
	box-shadow: 0px -8px 8px #000;
	z-index: 2;
}

#bottomwhite{
	position: fixed;
	bottom: 0px;
	left: 0px;
	background-color: white;
	min-width: 852px;
	width: 852px;
	min-height: 100px;
	height: 300px;
	border-right:  thin solid #666;
}

#drawer{
	background-color: #eee;
	position: absolute;
	top:30px;
	left:600px;
	padding: 20px;
	min-width: 200px;
	max-width: 200px;
	border-right:  thin solid #333;
	-webkit-box-shadow: 1px 1px 8px #333;
	-moz-box-shadow: 1px 1px 8px #333;
	box-shadow: 1px 1px 8px #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-transition: left 300ms ease-out;
 }
#closedrawer{
	position: absolute;
	padding: 5px;
	top: 0px;
	right: 0px;
}
#closedrawer:hover{
	background-color: rgb(209,228,233);
	cursor: pointer;
}

#tinylinkmaker{
	background-color: #eee;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding-top: 40px;
	padding-left:40px;
	min-width: 250px;
	min-height: 100px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 1px 1px 8px #000;
	-moz-box-shadow: 1px 1px 8px #000;
	position: absolute;
	top: 15px;
	left: 550px;
	-webkit-transition: left 300ms ease-out;
	z-index: 0;
}
#closelinkmaker{
	font-weight:regular;
	position: absolute;
	top:5px;
	right:8px;
}
#closelinkmaker:hover{
	cursor: pointer;
	background-color: rgb(200,210,233);
}

#twitterlink{
	position: absolute;
	right: 11px;
	top: 110px;
	background-color: white;
}

#alphalogo{
	float:left;
	position:absolute;
	top:50px;
	left:280px;
}

.tab{
	overflow: hidden;
	max-height: 13px;
	font-size: 12px;
	position:absolute;
	right:0px;
	float:right;
	padding: 5px;
	min-width: 50px;
	max-width: 50px;
	background-color: white;
	border-left: 1px solid #000;
	-webkit-transition: color 300ms ease-out;
	-webkit-transition: background-color 300ms ease-out;
	z-index: 2;
}
.tab:hover{
	cursor: pointer;
	color: #fff;
	background-color:rgb(57, 74, 63);
}
.smallinstructions{
	text-align: left;
	font-family: helvetica, sans-serif;
	font-size: 10px;
	font-weight: 100;
	color: #555;
}
#rightheader{
	position:absolute;
	top:60px;
	left:270px;
	padding:15px;
	text-align: center;
	min-width: 550px;
	max-width: 550px;
}
#stories{
	position: relative;
	top: 70px;
	left: 270px;
	min-width: 550px;
	max-width: 550px;
}

.headline{
	max-width: 150px;
	min-width: 150px;
	text-align: right;
	float: left;
	position: relative;
	left: 0px;
	top: 2px;
}

.story{
	margin-left: 170px;
	padding-top: 9px;
	text-align: left;
	min-height: 130px;
	width: 310px;
	font-family: Gentium, times, "Times New Roman", serif;
	font-size: 13px;
	font-weight: 100;
	color: #555;
	line-height: 150%;
	margin-top: 0; 
	margin-bottom: 0px;
}

.storycontainer{
	min-height: 40px;
	padding-bottom:  60px;
}

#leftheader{
	position:absolute;
	top:60px;
	left:0px;
	padding:15px;
	text-align: center;
	min-width: 300px;
	max-width: 300px;
}
#leftside{
	position:absolute;
	left:0px;
	top: 105px;
	padding:15px;
	text-align: center;
	border-left: thin solid #bcb;
	min-width: 300px;
	max-width: 300px;
}

.imgcontainer{
	min-width: 100%;
	text-align: center;
}

.imgthumb{
	padding: 5px;
	border: 1px solid #aaa;
	max-width: 300px;
	-webkit-box-shadow: 1px 1px 5px #888;
	-moz-box-shadow: 1px 1px 5px #888;
	box-shadow: 1px 1px 5px #888;
}

.tinyImgWide{
	padding: 5px;
	border: 1px solid #aaa;
	max-width: 220px;
	-webkit-box-shadow: 1px 1px 5px #888;
	-moz-box-shadow: 1px 1px 5px #888;
	box-shadow: 1px 1px 5px #888;
}

.recentphoto{
	padding: 5px;
	border: 1px solid #aaa;
	max-width: 200px;
	-webkit-box-shadow: 1px 1px 5px #888;
	-moz-box-shadow: 1px 1px 5px #888;
	box-shadow: 1px 1px 5px #888;
}

.textbox{
	border:  1px solid #152;
	background-color: #fafafa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.searchbox{
	border:  1px solid #152;
	background-color: #fafafa;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius:8px;
}
.submitbox{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	border:  1px solid #152;
	background-color: #fafafa;
	font-weight: bold;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px;
}
.submitbox:hover{
	background-color: #aaa;
	cursor: pointer;
}

.hiddentextbox{
	border:  none;
	background-color: inherit;
	font: inherit;
	font-weight: inherit;
	color:  inherit;
	text-align: inherit;
}
.hiddentextbox:hover{
	background-color: rgb(200,210,233);
}
.hiddentextbox:selected{
	border: thin solid rgb(56,73,62);
}

.specstable{
	border-spacing:1px;
	padding:5px;
	min-width:250px;
	width:250px;
	margin-left:25px; 
}

.specstable tr{
	background-color:rgb(209,228,233);
	color:rgb(29,67,98);
	text-align:center; 
}
.specstable tr:hover{
	background-color:rgb(179,198,203);
}

.tableheader{
	text-align:right;
	background-color:rgb(56,73,62);
	color:white;
	font-weight:bold;
}

.tableitem{
	background-color:rgb(209,228,233);
	color:rgb(29,67,98);
	text-align:center; 
	font-weight:bold;
}
.tableitem:hover{
	background-color:rgb(179,198,203);
}

.tlink{
	padding:3px;
	float:right;
	vertical-align:center;
}

.tlink:hover{
	background-color:rgb(209,228,233);
}
/* IE6 css fixer v0.3: Tue, 05 May 2009 14:37:24 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html #alphalogo,
* html .tab,
* html .headline {display:inline;}

/* convert min height values */
* html hr {height:1px;}
* html #mainlink {height:80px;}
* html #whitesheet {height:100%;}


/* convert min widths values */
* html #warning {width:400px;}
* html #mainlink {width:160px;}
* html #whitesheet {width:800px;}
* html .tab {width:50px;}
* html #stories {width:550px;}
* html .headline {width:150px;}
* html #leftheader {width:300px;}
* html #leftside {width:300px;}
* html .imgcontainer {width:100%;}


/* add zoom:1 to overflow:hidden */
* html #alphalogo,
* html .tab,
* html .headline {zoom:1;}