@import 'reset.css';

HTML, BODY {
	background:#f0f0f0;
	}
BODY {
	color:#333;
	font:0.9375em/1.6 "Trebushet MS", Helvetica, Arial, sans-serif;
	}

A {
	color:#303030;
	text-decoration:none;
	border-bottom:2px solid #DDD;
	}
A:hover {
	border-bottom-color:#9DF;
	color:#303030;
	}
	
/* meta
----------- */	
.l-meta {
	border-top:3px solid #888;
	zoom:1;
	}

.h-block {
	max-width:40em;
	min-width:400px;
	margin:0 7% 3em 7%;
	}
* HTML .h-block {
	width:40em;
	}

/* ir */
.g-ir {
	overflow:hidden;
	text-indent:-99em;
	}
	.g-ir A {
		display:block;
		height:100%;
		}


/* l-header 
----------------*/
.l-header {
	padding:5em 0 0;
	}
		
/* headers */
H1 {
	font-size:4em;
	margin:.3em 0 .5em;
	}
H2 {
	font-size:2.4em;
	margin:.25em 0;
	}
H3 {
	font-size:1.5em;
	line-height:1.1;
	margin:1em 0 .5em;
	}

H1.t-antejan {
	width:295px;
	height:66px;
	background:url(../i/hdr/h1-antejan.gif) no-repeat;
	}
H1.t-music {
	width:213px;
	height:66px;
	background:url(../i/hdr/h1-music.gif) no-repeat;
	}
H1.t-coding {
	width:374px;
	height:66px;
	background:url(../i/hdr/h1-coding.gif) no-repeat;
	}
H2.t-design {
	width:334px;
	height:39px;
	background:url(../i/hdr/h2-design.gif) no-repeat;
	}
H2.t-coding {
	width:225px;
	height:39px;
	background:url(../i/hdr/h2-coding.gif) no-repeat;
	}
H2.t-antejan {
	width:177px;
	height:39px;
	background:url(../i/hdr/h2-antejan.gif) no-repeat;
	}


/* visual */
.b-vis {
	margin:0 0 2em 6%;
	}
	
/* sec nav */
.l-nav-sec {
	font-size:19px;
	margin:0 0 1.5em 7%;
	}
.l-nav-sec UL {
	overflow:hidden;
	zoom:1;
	}
.l-nav-sec LI {
	float:left;
	margin:0 1.5em 0 0;
	}
.l-nav-sec LI IMG {
	vertical-align:middle;
	}

/* text */
.b-text P {
	margin:0 0 1em;
	}
.b-text .lq {
	margin:0 0 0 -.44em;
	}

/* list */
.list {
	margin:0 0 1.4em 1.5em;
	}
UL.list,
.list UL {
	list-style:disc;
	}
OL.list,
.list OL {
	list-style:decimal;
	}
	UL.list LI,
	OL.list LI {
		margin:0;
		}
	.list UL,
	.list OL {
		margin:.4em 0 .5em 1.4em;
		}

	
/* footer 
---------------*/
.l-footer {
	margin:4em 0 0;
	padding:1.5em 0 1.5em 7%;
	font-weight:bold;
	border-top:3px solid #DDD;
	}
.l-footer a {
	margin-right:1em;
	}
.l-footer a:hover,
#footer a:link {
	border-color:#FD0;
	}


/* music page
---------------------*/
BODY.music .l-meta {
	border-top-color:#f06eaa;
}

.b-album DT {
	font-size:1.5em;
	margin:0 0 .5em;
	line-height:1.1;
	}
	.b-album DT SMALL {
		color:#999;
		}
	.b-album DD {
		margin:0 0 1em;
		font-weight:bold;
		}
	.b-album DD LI {
		list-style:none;
		}

.b-album-remind {
	background:url(../music/remind/cover.gif) no-repeat 0 0;
	padding:0 0 0 35px;
	position:relative;
	left:-35px;
	}

/* coding page
---------------------*/
BODY.coding .l-meta {
	border-top:3px double #888;
}

.b-coding {
	position:relative;
}
.b-coding .section {
	width:28em;
}
.b-coding .side {
	width:10em;
	position:absolute;
	left:30em;
	top:0;
}
.b-coding .side H3 {
	font-size:1.2em;
	line-height:1.28;
	margin:0 0 .5em;
}

.b-coding A.amb {
	border:none 0;
}



/* Canyon
------------------- */
.canyon {
	overflow:hidden;
	zoom:1;
	}
	.canyon-section {
		float:left;
		}
	.canyon-side {
		float:right;
		}


/* b-coding-ths */
.b-coding-ths {
	zoom:1;
	margin:0 7%;
}
.b-coding-ths LI {
	float:left;
	width:250px;
	height:175px;
	margin:0 32px 18px 0;
}
.b-coding-ths LI A {
	border:none 0;
}