/* !import blueprint and font stylesheets */
/* ------------------------------------------------------------------- */

@import url(blueprint/screen.css);
@import url(../fonts/aller/base64_stylesheet.css);


/* !extend blueprint */
/* ------------------------------------------------------------------- */

/* !typography */

body {
font-family: Aller, "Lucida Grande", Verdana, sans-serif;
color: #bfb6ac;
}

a:focus, a:hover {
color: #f7f6eb;
border-bottom: 1px dotted #e2bc95;
}
a {
color: #c09a73;
/* border-bottom: 1px dotted #c09a73; */
border-bottom: 1px dotted transparent;
text-decoration: none;
}

h1 {
color: #f7f6eb;
font-family: "Aller Display", "Lucida Grande", Verdana, sans-serif;
font-weight: 700;
text-shadow: #000 0 2px 2px;
text-transform: lowercase;
}
h2 {
color: #973311;
font-family: "Aller Bold", "Lucida Grande", Verdana, sans-serif;
font-variant: small-caps;
font-weight: 700;
text-shadow: #000 0 2px 1px;
text-transform: lowercase;
}
	h2.sidetitle { margin: 0; }
h3 {
color: #c09a73;
line-height: 1.3em;
text-shadow: #000 0 2px 1px;
}
h4 {
color: #f7f6eb;
}

/* !rules */
div.colborder { border-right: 1px solid #171411; }
hr {
background: #171411;
color: #171411;
height: 5px;
}
	#column2 hr,
	#column3 hr {
	margin: 2em 0 1em;
	}
	.dashedTop { border-top: 1px dashed #171411; }

/* !lists */
ul {
margin: 0 0 1em;
padding: 0;
}
	li {
	line-height: 1.3em;
	list-style: none;
	}
ul.dot,
ol.num {
margin: 0 1.5em 1.5em 0;
padding-left: 1.666em;
}
	ul.dot li,
	ol.num li { color: #171411; }
ul.dot {list-style-type:disc;}
ol.num {list-style-type:decimal;}
#column2 ul li { margin-bottom: 8px; }

/* !forms */
fieldset {
background: url(../images/assets/black-30.png);
border: 1px solid #000;
}

.textarea {
height: 100px;
}


/* !classes */
/* ------------------------------------------------------------------- */

/* !floats and alignment */
.alignLeft { text-align: left; }
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.floatLeft { float: left; }
.floatRight { float: right; }
	img.floatLeft { margin: 0 10px 10px 0; }
	img.floatRight { margin: 0 0 10px 10px; }
.noBorder { border: none !important; }
.rotateLeft { -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); }
.rotateRight { -webkit-transform: rotate(2deg); -moz-transform: rotate(2deg); }

h3.title { margin-bottom: 0.5em; }
h3.secondary { font-size: 1.1em; }
h4.date {
color: #736C65;
font-size: 0.85em;
font-variant: small-caps;
margin-bottom: 0.25em;
}
h4.block {
float: left;
clear: left;
}
.entryInfo { color: #736C65; }

/* !auto-populated input fields */
.structural {
position: absolute;
text-indent: -9999px;
}

/* !rounded corners */
.rounded {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.roundedTop {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
border-top-right-radius: 5px;
}
.roundedBottom {
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
}

/* !entries */
.entry {
border-bottom: 1px dashed #171411;
padding: 0.5em 0 0;
}


/* !structure */
/* ------------------------------------------------------------------- */

body { background: #262422 url(../images/assets/bg-body.gif); }

#shadow {
/*
background: transparent url(../images/assets/bg-shadow.png) repeat-x fixed center bottom !important;
display: none;
*/
}

#dev-bar {
background: url(../images/assets/bg-dev-bar.png) center top repeat-x;
color: #f7f6eb;
height: 50px;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 10;
}
	#dev-bar .container { position: relative; }
	#dev-bar p {
	font-size: 1.2em;
	margin: 0.5em 0 0;
	}

/* #header { margin-top: 2.3em;  } */
#header { margin-top: 5em;  }

#header #logo {
font-size: 6em;
margin: 0;
}
	#header #logo a {
	color: #f7f6eb;
	border: none;
	}
	#header #logo a:hover {
	color: #fff;
	text-decoration: none;
	}

#header .nav {
padding: 0;
overflow: auto;
text-transform: uppercase;
}
	#header .nav li {
	float: left;
	list-style: none;
	}
		#header .nav a {
		border: none;
		display: block;
		font-size: 1.2em;
		margin-right: 1.5em;
		outline: none !important;
		padding: 3.2em 0 0.5em;
		}
		#header .nav a:hover {
		border-bottom: 5px solid #171411;
		text-decoration: none;
		}
		#header .nav a.active { border-bottom: 5px solid #973311; }
		#header .nav a:focus { outline: none; }

#content {
margin-bottom: 2em;
text-shadow: #000 0 1px 0;
}

#footer { margin: 1em 0 3em; }
	#footer #copyright { color: #736C65; }
	#footer .nav {
	float: right;
	padding: 0;
	overflow: auto;
	}
		#footer .nav li {
		float: left;
		list-style: none;
		}
			#footer .nav a {
			border: none;
			display: block;
			font-size: 1em;
			margin-right: 1.5em;
			padding: 0;
			}
			#footer .nav a:hover { text-decoration: none; }

/* !pages */
/* ------------------------------------------------------------------- */

/* !homepage */
#home-work .entry {
float: left;
margin: 0 10px 10px 0;
}
#home-work li.featured {
height: 240px;
width: 470px;
}
#home-work li.latest {
float: none;
width: 150px;
}
#home-work li.recent {
height: 150px;
width: 150px;
}
#home-work li.older {
height: 70px;
width: 70px;
}
#home-work li.featured,
#home-work li.right,
#home-work li.six { margin-right: 0; }

#home-photoblog .entry {}
#home-photoblog .entry .photo { margin: 0; }
#home-photoblog li.featured { padding-top: 1.5em; }
#home-photoblog li.first { padding-top: 0; }

#home-blog .entry {}
#home-blog li.featured { padding-top: 1.5em; }
#home-blog li.first { padding-top: 0; }


/* !blog > index */
#blog-entries .entry {}
#blog-entries li.featured { padding-top: 1.5em; }
#blog-entries li.first { padding-top: 0; }
#blog-entries li.last { border: none; }


/* !blog > entry */
#blog-entry .entry { border: none; }


/* !photoblog > index */
#photoblog-entries .entry {
border: none;
float: left;
margin-right: 10px;
padding: 0;
}
#photoblog-entries .rowEnd { margin-right: 0; }
/*
#photoblog-entries li.featured { padding-top: 1.5em; }
#photoblog-entries li.first { padding-top: 0; }
#photoblog-entries li.last { border: none; }
*/
#photoblog-entries li p.photo { margin: 0 0 10px; }
#photoblog-entries li p.photo a {
position: relative;
overflow: auto;
vertical-align: top;
}
#photoblog-entries li p.photo a img {
right: 0;
top: 0;
vertical-align: top;
}
#photoblog-entries li p.photo a img.photoset {
height: 70px;
margin: -2px 0 0;
position: absolute;
right: 0;
top: 0;
width: 70px;
}


/* !work > index */
#work-index .entries {
overflow: auto;
}
	#work-index .entries li.entry {
	border: none;
	float: left;
	height: 211px;
	margin: 0 10px 3px 0;
	position: relative;
	width: 310px;
	}
	#work-index .entries li.rght { margin-right: 0; }
	#work-index .entries li.pagination {
	border: none;
	float: left;
	width: 950px;
	height: 50px;
	margin: 0 0 20px;
	}
		#work-index .entry img {
		left: 0;
		position: absolute;
		top: 0;
		}
		#work-index .entry .entryInfo {
		background: #171411;
		cursor: default;
		height: 191px;
		left: 0;
		opacity: 0;
		padding: 10px;
		position: absolute;
		top: 0;
		width: 290px;
		}
			#work-index .entry .entryInfo h3,
			#work-index .entry .entryInfo .summary p {
			margin: 0 0 5px;
			}
			#work-index .entry .entryInfo .links {
			font-size: 0.8em;
			text-transform: uppercase;
			}