/*
Theme Name: Duolab 2.0
Theme URI: http://duolab.net/
Description: West West, y'all.
Version: 1.0
Author: Andrew Collins
Author URI: http://duolab.net/
*/

body {
			margin: 0;
			padding: 0;
			font-family: 'Lucida Sans','LucidaSans','Lucida',Tahoma,Helvetica,Arial,sans-serif;
			font-size: 62.5%; /* Resets 1em to 10px */
			background-color: #fff;
			text-align: center;
}
#container {
		width: 820px;
		text-align: left;
		margin: 0 auto;
		position: relative;
		padding: 0;
		top: 0;
		left: 0;
		background-color: #fff;
}
#masthead {
			width: 820px;
			margin: 0;
			padding: 25px 0 15px 0;
			background-color: #fff;
			border-bottom: 1px solid #000;
}
#masthead p {
			margin: 15px 0;
}
strong {
			font-weight: bold;
}


#col1, #col2, #col2_single {
			margin-top: 6px;
			padding-top: 5px;
}


#col1 {
			float: left;
			width: 170px;
			margin: 6px 12px 10px 0;
			background-color: #fff;
			border-top: 8px solid #000;
			text-align: left;
			font-size: 1.06em;
}


#col1 ul, #col3 ul, #col4 ul {
			margin: 0;
			padding: 0;
			list-style-type: none;
			list-style-position: outside;
			display: block;
}
#col1 li, #col3 li, #col4 li {
			margin: 0;
			padding: 0;
}
#col1 ul.titles {
			margin-top: 0px;
}
#col1 ul.titles li {
			/*padding-bottom: 10px;*/
}
#col1 ul.titles li h2 {
			display: inline;
}
#col1 ul.titles li ul li {
			padding: 0;
}
#col1 ul.titles ul {
			padding-bottom: 20px;
}


#col1 a:link, #col3 a:link, #col4 a:link {
			text-decoration: none;
			color: #000000
}
#col1 a:visited, #col3 a:visited, #col4 a:visited {
			text-decoration: none;
			color: #111111
}
#col1 a:active, #col3 a:active, #col4 a:active {
			text-decoration: underline;
			color: #FF0000;
			background-color: #FFFFFF;
}
#col1 a:hover, #col3 a:hover, #col4 a:hover {
			text-decoration: none;
			color: #FFFFFF;
			background-color: #FF0000;
}

#col1 h2, #col3 h2, #col4 h2 {
			font-size: 1.4em;
			font-weight: bold;
			letter-spacing: -.02em;
			text-transform: uppercase;
			margin: 0;
			padding: 0;
}

#col2 {
			float: left;
			width: 454px;
			margin: 6px 14px 10px 0;
			background-color: #fff;
			border-top: 8px solid #000;
			font-size: 1.3em;
}
#col2_single {
			float: left;
			width: 638px;
			margin: 6px 0 10px 0;
			background-color: #fff;
			border-top: 8px solid #000;
			font-size: 1.3em;
}
p.metadata {
			margin: 0;
			padding: 0;
}
#col2 h1, #col2_single h1 {
			margin: 3px 0 8px 0;
			font-size: 2.2em;
			font-leading: 1em;
			line-height: .9em;
			font-weight: normal;
			letter-spacing: -.03em;
			color: #000;
}
#col2 blockquote {
			color: #222222;
			font-size: .95em;
			/* font-style: italic; */
			margin: 10px 34px 12px 28px;
}
html>body #col2 h1 {
			letter-spacing: -.06em;
}
html>body #col2_single h1 {
			letter-spacing: -.06em;
}

#col2 hr, #col2_single hr {
			color: #000;
			margin: 0 0 8px 0;
}
#col2 hr.recentlinks, #col2_single hr.recent-links {
			color: #000;
			margin: 0 0 8px 0;
}
#col2 h4, #col2_single h4 {
			margin: -6px 0 5px 0;
			font-size: .9em;
			color: #aaa;
}
#col2 h1 a:link, #col2 h1 a:visited {
			text-decoration: none;
			font-weight: normal;
			color: #000000
}
#col2 h1 a:active {
			text-decoration: underline;
			color: #FF0000;
			background-color: #FFFFFF;
}
#col2 h1 a:hover {
			text-decoration: none;
			color: #FFFFFF;
			background-color: #FF0000;
}
#col2_single h1 a:link, #col2_single h1 a:visited {
			text-decoration: none;
			color: #000000
}
#col2_single h1 a:active {
			text-decoration: underline;
			color: #FF0000;
			background-color: #FFFFFF;
}
#col2_single h1 a:hover {
			text-decoration: none;
			color: #FFFFFF;
			background-color: #FF0000;
}

#col2 h2, #col2_single h2 {
			margin: 0 0 5px 0;
			padding: 0;
}

#col2 a:link, #col2_single a:link {
			text-decoration: none;
			color: #FF0000;
			font-weight: bold;
}
#col2 a:visited, #col2_single a:visited {
			text-decoration: none;
			color: #FF0000;
			font-weight: bold;
}
#col2 a:active, #col2_single a:active {
			text-decoration: underline;
			color: #FF0000;
			background-color: #FFFFFF;
			font-weight: bold;
}
#col2 a:hover, #col2_single a:hover {
			text-decoration: none;
			color: #FFFFFF;
			background-color: #FF0000;
			font-weight: bold;
}




ul.recentlinks-inline {
			margin: 0;
			padding: 0;
			list-style-type: none;
}
ul.recentlinks-inline li {
			font-size: .75em;
			margin: 0 0px 8px 0px;
			padding: 5px 6px;
			background-image: url(images/li-bg.gif);
}

ul.recentlinks-solo {
			margin: 0;
			padding: 0;
			list-style-type: none;
}
ul.recentlinks-solo li {
			font-size: .9em;
			margin: 0 0px 8px 0px;
			padding: 5px 6px;
			background-image: url(images/li-bg.gif);
}

#col2_single ul.recentlinks-archives {
			margin: 0;
			padding: 0;
			list-style-type: none;
}
#col2_single ul.recentlinks-archives a:link {
			font-weight: normal;
			text-decoration: none;
			color: #000000
}
#col2_single ul.recentlinks-archives a:visited {
			font-weight: normal;
			text-decoration: none;
			color: #111111
}
#col2_single ul.recentlinks-archives a:active {
			font-weight: normal;
			text-decoration: underline;
			color: #FF0000;
			background-color: #FFFFFF;
}
#col2_single ul.recentlinks-archives a:hover {
			font-weight: normal;
			text-decoration: none;
			color: #FFFFFF;
			background-color: #FF0000;
}



/* ################################# */
div.navigation {
	clear: both;
}
div.navigation div.alignleft {
	clear: none;
	float: left;
	text-align: left;
	width: 50%;
}
div.navigation div.alignright {
	clear: none;
	float: right;
	text-align: right;
	width: 50%;
}
div.navigation + * {
	clear: both;
}
/* ################################# */

#about_blurb {
			float: left;
			width: 352px;
			margin: 6px 0 0 0;
			padding: 0;
			background-color: #FFFFFF;
			border-bottom: 1px solid #000000;
}
#about_blurb p {
			color: #000000;
			margin: 0 0 7px 0;
			font-size: 1.3em;
			}

#col3 {
			float: left;
			width: 170px;
			margin: 0 12px 10px 0;
			padding: 0;
			background-color: #FFFFFF;
}
#col3 h1, #col4 h1 {
			margin: -16px 0 10px 0;
			padding: 0;
			font-size: 4em;
			font-weight: bold;
			letter-spacing: -0.3em;
}
html>body #col3 h1, html>body #col4 h1 {
			margin: -17px 0 10px 0;
			letter-spacing: -0.08em;
}
#col3 h2, #col4 h2 {
			clear: both;
}
#col3 h3, #col4 h3 {
			font-size: 100%;
			font-weight: bold;
			margin: 0;
			padding: 0;
}
#col3 ul, #col4 ul {
			margin-bottom: 20px;
}

#col3 img, #col4 img {
			border: 0;
}
#col3 img.bust, #col4 img.bust {
			border: 0;
			margin: 0;
			padding: 0;
}
#col3 div.bust, #col4 div.bust {
			background-repeat: no-repeat;
			background-position: 50% 100%;
 			border-bottom: 8px solid #000;
			height: 255px;
			margin: 0;
			padding: 0 0 8px 0;
}
#col4 {
			float: left;
			width: 170px;
			margin: 0 0 10px 0;
			background-color: #fff;
			/* border-top: 8px solid #000; */
}
#col3 div.flickrthumbs, #col4 div.flickrthumbs {
			line-height: 0;
			margin: 0 0 15px 0;
			padding: 0;
			width: 170px;
			height: 170px;
}
#col3 div.flickrthumbs img, #col4 div.flickrthumbs img {
			display: inline;
			float: left;
			border: 0;
			margin: 5px;
			padding: 0;
}
div.flickrthumbs a:hover {
			background-color: transparent;
}
#footer {
			float: left;
			width: 820px;
			margin: 0 0 20px 0;
			background-color: #fff;
			border-top: 1px solid #000;
}

.flickrstrips {
	margin-bottom: 20px;
}
.flickrstrips .img {
	background-color: #888888;
	background-image: url('images/li-bg.gif');
	background-position: 50% 33%;
	background-repeat: no-repeat;
	display: block;
	height: 57px;
	margin: 0 0 6px 0;
	padding: 0;
	width: auto;
}
.flickrstrips .img:hover {
	background-position: 50% 34%;
}
.flickrstrips .img a {
	background: none;
	display: block;
	height: 100%;
	margin: 0;
	padding: 0;
	width: 100%;
}
#col3 .flickrstrips .img a:hover, #col4 .flickrstrips .img a:hover {
	background: none;
}