@import "reset.css";
@import "blog.css";
@import "comments.css";
@import "glutton.css";

body {
	font-family: Helvetica, Arial, sans-serif;
	background: #000 url("/images/bg-noise.png") repeat;
	font-size:12px;
	color:#181818;
}

a { text-decoration:none; color:#f00; }
p {	margin-bottom:16px; }
strong { font-weight: bold; }
em { font-style:italic; }


#header { background: transparent url("/images/top.png") no-repeat; }
#top {
	height:320px;
	line-height:15px;
}

#logo img { margin-top:10px; }
#logo { height:40px; }
#footer, #body {
	padding-bottom:40px;
	clear:both;
}

#footer { margin-top:-5px; }
#body {
	background-color:#fff;
	line-height:14px;
}

/* thomas and x-height */
#body #left { margin-top:0px; }
#body #sidebar { margin-top:0px; }

#header, #body, #footer {
	padding-left:80px;
}

#right .header img {
	margin-bottom:40px;
}
#right {
	margin-top:-16px;
}

ul.nav {
	position:absolute;
	margin-left:-10px;
	height:40px;
}
ul.nav li {	display:inline; color:#999;}
ul.nav li.selected a {
	font-weight:bold;
	color:#fff;
}
ul.nav li a {
	color:#999;
	line-height:48px;
	padding:5px 10px 4px 10px;
}
ul.nav li a:hover {
/*	background-color:#000; */
	color:#ccc;
}
ul.nav li.selected a:hover { color:#fff; cursor:default;}

ul.lines { margin-bottom:40px; }
ul.lines li {
	border-bottom: solid 1px #ccc;
	color:#666;
}
ul.lines li a {
	display:block;
	color:#666;
	padding:8px 0 7px 0;
}

ul.lines li a:hover {
	color:#333;
}

ul.lines li.selected a {
	color: #333;
	font-weight:bold;
}

ul.lines .header {
	font-size:14px;
	color:#666;
	padding-bottom:18px;
}

ul.lines .header a { padding:0; }

.column {
	padding-top:40px;
	width:174px;
	margin-right:20px;
	float:left;
}

.three {
	width:522px;
}

.four {
	width:736px; /* 756px */
	margin-right:40px;
}

.nomargin {
	margin:0;
}

.clear {
	clear:both;
}

h2, h3, h4 {
	padding-top:0px;
	color:#181818;
	font-size:30px;
	line-height:30px;
	font-weight:bold;
	letter-spacing:-0.75px;
	margin-bottom:15px;
}

h3 {
	font-size:24px;
}

h4 {
	font-size:18px;
	margin-bottom:0;
}

h2 a, h3 a, h4 a {
	color:#181818;
}

/* jquery garbage */

#body .column {
	opacity:0.25;
}

#toggler {
	position:relative;
	left:-74px;
	top:-1px;
	height:1px;
}

#toggler:hover {
	cursor:pointer;
}


/* subscribe */

.subscribe, #twitter {
	line-height:18px;
	padding:8px 0;
}

.mailbuild {
	margin-bottom:10px;
}
.mailbuild input.email {
	float:left;
	width:104px;
	margin-right:4px;
	background-color:#f0f0f0;
	border:solid 1px #f0f0f0;
	color:#999;	
}
.mailbuild input.email:focus {
	background-color:#ffffed;
	border-color: #ccc;
	color:#181818;
}

/* form defaults */

input {
	color:#181818;
	padding:4px 2px;
	font-size:12px;
	font-family: Helvetica, Arial, sans-serif;
	line-height:14px; 
}

.static {
	color:#666;
	line-height:18px;
}

/* projects */
#work, #about { position:relative; left:-40px; float:left; width:776px; }

.project {
	width:348px;
	margin-left:40px;
	margin-right:0;
	color:#666;
	line-height:18px;
}

.project .image {
	width:346px;
	height:462px;
	background-color:#ccc;
	border: solid 1px #ccc;
}
.project h3 {
	font-size:12px;
	font-weight:bold;
	letter-spacing:auto;
	margin-top:10px;
	margin-bottom:0;
	line-height:18px;
	color:#666;
}

.hr {
	clear:both;
	height:15px;
	margin-left:40px;
	border-bottom:solid 1px #ccc;
}

/* twitter */
li#twitter { padding:0; border-bottom:none; }
#twitter ul li { padding:8px 0 7px 0; }
#twitter ul li a { padding:0; }
#twitter ul li a:hover { color:#39c; }

/* notice */
#footer ul.nav { position:relative; margin-top:2px; }
p.contact, p.notice { margin-top:5px; color:#666; }
p.contact { margin-bottom:5px; }

/* sidebars */
#sidebar ul.lines {
	list-style-type:none;
	padding:0; line-height:18px;
	border-top:solid 1px #ccc; 
}
#sidebar ul.lines li { padding:6px; margin-bottom:0; }
#sidebar ul.lines li a  { display:inline; }

/* do the h2 dance */
.static h2 { margin-top:40px; }
.post h2:first-child, .static h2:first-child { margin-top:-8px; }

/* subpage specific tweaks */
.about {
	padding-right:20px;
}

.pagination {
	padding-top: 8px;
	margin-left: 40px;
	color: #666;
	text-align: right;
}
.pagination .separator {
	color: #ccc;
	padding: 0 4px;
}
.pagination a, .pagination a:visited {
	color: #666;
}
.pagination a:hover {
	color: #333;
}