/* -----------------------------------------------
author:   Alex Gilbert
email:    alex@valueneutral.com
website:  http://www.alexandergilbert.com
----------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

html,
body,
div,
p {
	color: #000;
}

body {
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: Helvetica, sans-serif !important;
	margin-top: 50px;
}

/* =links
----------------------------------------------- */

a {
	text-decoration: none;
	color: #666;
}

a:hover {
 	color: #000;
 	border-bottom: 1px solid #ccc;
}

a img {
	border: none;
}

/* =content
----------------------------------------------- */

.container {
	width: 910px;
}

#nav {
}

#nav ul {
	padding: 0;
}

#nav li {
	list-style: none;
	float: left;
}

#nav li a {
	color: #999;
	display: block;
}

#nav li a:hover {
	color: #000;
	border-bottom: none;
}

#nav a {
	height: 16px;
	width: 16px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: top left;
}

#nav .delicious {
	background: url(http://alexandergilbert.com/images/delicious.png);
}

#nav .ffffound {
	background: url(http://alexandergilbert.com/images/ffffound.png);
}

#nav .twitter {
	background: url(http://alexandergilbert.com/images/twitter.png);
}

#nav .lastfm {
	background: url(http://alexandergilbert.com/images/last.fm.png);
}

#nav .flickr {
	background: url(http://alexandergilbert.com/images/flickr.png);
}

#nav a:hover {
	background-position: bottom left;
}

#nav #photocredit a,
#nav #photocredit span {
	background: none;
}

#welcome {
	padding-top: 25px;
}

#welcome p {
	color: #000;
}

#welcome a {
	white-space: nowrap;
	font-weight: 600;
	color: #333;
	font-size: 1.1em;
}

#welcome a:hover {
	color: #e33;
}

#photocredit {
	margin-top: 50px;
}

/* =full bg
----------------------------------------------- */

#crop {
	position: fixed;
	z-index: -1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#fullbg {
	position: relative;
	height: 100%;
	width: 100%;
	display: none;
	z-index: 0;
}

#fullbg img {
	opacity: 0.2;
}

/* =tumblr
----------------------------------------------- */

.tumblr .home {
	position: fixed;
	bottom: 0;
	background: rgb(50,50,50);
	background: rgba(50,50,50,0.9	);
}

.tumblr .home a {
	color: #ccc;
	border-bottom: none;
	text-decoration: none;
	display: block;
	padding: .5em 1em;
}

#log {
	float: right;
}

#log a {
	font-size: 1.1em;
	font-weight: 600;
	color: #e33;
}

#log a:hover {
	color: #000;
}

#log .post {
	margin-bottom: 25px;
	background: rgb(255,255,255);
	background: rgba(255,255,255,0.9);
	padding: 25px;
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#log .post p {
	font-size: 1em;
	color: rgb(0,0,0);
	color: rgba(0,0,0,0.8);
	line-height: 1.6em;
}

#log .post ul li {
	list-style: none;
}

#log .post ul li:before {
	content: '\2013\00A0';
	list-style: none;
}

#log .permalink {
	color: #999;
}

#log .permalink a {
	color: #999;
	border-bottom: none;
}

#log p {
	margin-bottom: 1.5em;
}

#log .photo .image img,
#log .video object {
	margin-bottom: 25px;
}

#log .photo .image a {
	border: none;
}

#log .post a.go {
	display: block;
	font-weight: normal;
	font-size: 2em;
	color: #000;
	margin-bottom: .5em;
}

#log .post a.go:hover {
	border-bottom: none;
	font-weight: 300;
}

#log .post a.go:hover:after {
  content: '\2192';
	color: #ccc;
	margin-left: .5em;
	line-height: 16px;
}

#log .post a.go span {
	color: #000;
}


#log .post blockquote p,
#log .post blockquote ul {
	color: #666;
	padding-left: 1em;
	border-left: 1px solid #ccc;
	font-style: normal;
}

#log .quote .deco {
	font-size: 92px;
	position: absolute;
	top: 0;
	display: none;
}

#log .quote blockquote {
	font-size: 150%;
	font-style: normal;
}

#log .quote cite {
	font-style: normal;
	font-size: 1.3em;
	display: block;
	text-align: right;
	color: #666;
}

#log .quote cite a {
	font-weight: normal;
}

#log .quote cite:before {
	content: '\2013\00A0';
}

#pagination a {
	padding-bottom: 25px;
}

#pagination .next {
	float: right;
}

#pagination .previous {
	float: left;
}