/*
  CSS developed by Jesse Gardner, Plasticmind Design (http://plasticmind.com)
  For Plasticmind Design (http://plasticmind.com)
  Last edited: 9-25-09
*/

@import url(http://plasticmind.com/static/plugins/ActionStreams/css/action-streams.css);
/* @import url(http://plasticmind.com/css/gotcha.css); */

/* ----- Common Element Styles */

body {
	font: 12px/1.5 Helvetica, Arial, Geneva, sans-serif;
	padding: 0 20px;
	}
hr {
	display: none;
	}
.feed-link {
	padding-left:15px;
	}
span.fade {
	font-size:18px;
	}
a.more {
	font-style: italic;
	}
.clear {
	clear: both;
	display: block;
	}
blockquote,
.contentbox {
	padding: 10px 15px;
	margin-bottom:10px;
	}
blockquote.error {
	background:#fdd;
	}
.thumb-right {
	float:right;
	margin: 0 0 10px 15px;
	}
.thumb-left {
	float:left;
	margin: 0 15px 10px 0;
	}
img.noborder {border: none;}

.left {
	float: left;
	}
.right {
	float: right;
	}
.unstyled {
list-style: disc;
}
.entry-details .left,
.photo-details .left {
width: 200px;
}
.entry-details .right,
.photo-details .right {
width: 290px;
}
.entry-body ol li {
list-style: inside decimal-leading-zero;
margin-bottom:2px;
padding: 0;
}
.entry-body ol, .entry-body ul {
margin: 15px 0 15px 15px;
}
.entry-body ul li {
	background: transparent url(../i/bullet-dot.gif) no-repeat left 1px;
padding-left: 12px;
margin-bottom: 3px;
}

/* ----- Structural Styles */

#container {
	width: 940px;
	margin: 0 auto;
	}
#header {
	height: 180px;
overflow:hidden;
	}
#content {
	margin: 25px 0;
	}
#column1 {
	width: 510px;
	float: left;
	margin-bottom:20px;
	overflow:hidden;
	}
#column2 {
	width: 400px;
	float: right;
	margin-bottom:20px;
font-size: 11px;

	}

/* ----- Header Styles */

#header h1 {
	float: right;
	margin-top: 95px;
	clear: none;
width: 370px;
overflow: hidden;
text-align: right;
font-size: 17px;
line-height: 1.7;
	}
#header h2 {
	display: none;
	}
#logo {
	width: 400px;
	padding: 40px 0 0 0;
	float: left;
	}
#logo a {
	display: block;
	width: 338px;
	height: 114px;
	background: url(../i/logo-bw.png) no-repeat;
	}
#logo img  {
	display: block;
	width: 0;
	}
#tagline {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	float: right;
	font-size: 18px;
	width: 400px;
	}
#search-trigger {
padding:4px 0 0 5px;
	}
#search-trigger,
#search-form {
	float:right;
	margin-top:95px;
	}
#search-form {
width: 370px;
overflow: hidden;
text-align: right;

	}
#search-form .field {
	width:320px;
	border: solid 3px;
	padding:5px;
background-position: 5px !important;
	}

/* ----- Top Navigational Styles */

#topnav {
	width: 480px;
	margin-top: 12px;
	padding: 0;
	float: right;
	}
#topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#topnav li {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	text-transform: lowercase;
	}
#topnav li a {
	float: left;
	width: 75px;
	text-decoration: none;
	border-top: solid 2px;
	}
#topnav li a.active,
#topnav li a:hover {
	background-position: right;
	background-repeat: no-repeat;
	}


/* ----- Thumbnail Styles */

#thumbs ul {
	list-style: none;
	float: right;
	}
#thumbs li {
	border: 0;
	list-style: none;
	float: right;
	padding: 5px;
	position: relative;
	width: 88px;
	height: 88px;
	margin: 0 2px 2px 0;
	}
#thumbs a {
	text-decoration: none;
	}
#thumbs a span {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 88px;
	height: 88px;
	background-position: top;
	}
#thumbs a:hover span {
	background-repeat: no-repeat;
	background-position: bottom;
	}
#thumbs img {
	border: none;
	}
#thumbs p {
	font-size:11px;
	text-align:right;
	}

/* ----- Column 2 Styles */
#column2 ul a {
	text-align:left;
font-weight: 300;
	}
#column2 ul a:hover {
	text-decoration: none;
	}
#column2 ul em {
	float: right;
	margin-left:15px;
	}
#column2 ul em span {
	display: none;
	}
#column2 ul.table {
	width: 190px;
	}
#column2 ul.table a {
	display: block;
	padding: 2px 0;
	}
#column2 ul.table li {
	width: 190px;
	}
.column2a,
.column2b {
	width: 190px;
	}
.column2a {float:left;}
.column2b {float:right;}
#column1 .first h2 {
	background-image: none;

	}
#column2 ul.more-options {
	text-transform:lowercase;
	font-size:11px;
	margin-top:5px;
	text-align:left;
	clear:both;
	line-height:1.5;
	}
#column2 ul.more-options a {
font-weight: 700;
	}
#bitesize li {
	padding-bottom:10px;
	line-height:1.3;
	font-size:11px;
	}
#bitesize ul.more-options li {
	line-height:1.5;
	padding:0;
	margin:0;
	}
#updates label {
	display:block;
	padding-bottom:10px;
	}
#updates .form-field {
	border: solid 1px;
	width:145px;
	padding: 3px 2px;
	font: 12px/1.5 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Geneva, sans-serif;
	float:left;
	margin:0 10px 5px 0;
	}
#updates .form-button {
	float:left;
	}
#about {
	font-size: 13px;
	border-bottom: solid 1px;
	}
.title {
	padding: 15px 20px;
	margin-top:10px;
	}
.title h2 {
	font-size: 14px;
	background-image:none;
	line-height:1.8;
	padding:0;
	margin:0;
color: #a3a2a1;
	}
.title strong {
color: #fff;
}
#column1 .title .front-more {
font-weight: bold;
color: #00ffd5;
text-transform: uppercase;
font-size: 10px;
margin-left: 4px;
}

/* ----- Submenu ----------------------- */
.submenu li {
float: left;
}
.submenu a {
display: block;
width: 169px;
height: 46px;
text-indent: -9999px;
overflow: hidden;
}
.submenu #submenu-solutions a {
background: url(/i/submenu-solutions.png) no-repeat top left;
}
.submenu #submenu-portfolio a {
background: url(/i/submenu-portfolio.png) no-repeat top left;
}
.submenu #submenu-contact a {
background: url(/i/submenu-contact.png) no-repeat top left;
}

.submenu #submenu-solutions a:hover,
.submenu #submenu-portfolio a:hover,
.submenu #submenu-contact a:hover {
background-position: bottom left;
}


/* ----- Sidebar ----------------------- */


#minutia p {
	padding: 10px 15px;
	font-size:11px;
	}
	
#status #twitter_div {
	font-size:11px;
	text-align:left;
	}
#column2 .first h2 {
margin: 0 0 9px 0;
}

/* ----- Module and Entry Styles */

.module {
	clear: both;
	margin-bottom: 15px;
	text-align: left;
	}
.module p {
	margin-bottom: 18px;
	}
.module .caption {
	font-size: 14px;
	margin: 15px 0 10px 0;
	padding: 10px 0;
	border-width: 1px 0;
	border-style: solid;
	}
.module .entry h2 {
	margin: 40px 0 7px 0;
	padding-bottom: 3px;
	background-image: none;
text-align: left;
line-height: 1.2;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	}
#column1 .module {
line-height: 1.7;
font-size: 13px;
}
#container h2 a {
font-weight: 300;
}
.module .first h2,
.first h2,
#photoset h2 {
	border: none;
	font-size: 26px;
	margin: 0 0 20px 0;
	}
.photo-details,
.entry-details {
	font-size: 11px;

	border-top: solid 1px;
padding-top:7px;
	}
.photo-details .right,
.entry-details .right {
	text-align: right;
	margin-left:20px;
	}
.first .entry-details {
	border-top: solid 1px;
	padding-top: 6px;
	margin: 15px 0 30px 0;
	}
h2 {
	font-size: 18px;
font-weight: 300;
	margin: 20px 0;
	clear: both;
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	}
.entry h3 {
	font-size: 15px;
font-weight: bold;
	padding: 12px 0 12px 0;
	}

.entry h4 {
	font-size: 13px;
font-weight: bold;
	padding: 6px 0 12px 0;
text-transform: uppercase;
color: #aaa;
	}
.entry h5 {
	font-size: 12px;
font-weight: bold;
	padding: 6px 0 6px 0;
text-transform: uppercase;
color: #aaa;
	}
.ad-entryfooter {
	padding: 15px 0 10px 0;
	}
.module pre {
	font: 11px/1.2 'monaco','courier new',courier,monospace;
    padding: 10px;
    margin: 15px 0;
	overflow: auto;
	text-align:left;
	}
.digg-badge {
float:right;
margin:0 0 15px 15px;
}
	

/* ----- Comment Styles */

.mycomment,
.comment {
	border-top: solid 1px;
	padding: 10px 0;
	line-height: 1.8;
	font-size: 12px;
	}
.mycomment h3,
.comment h3 {
	font-size: 14px;
	}
.mycomment h3 em,
.comment h3 em {
	float: right;
	font-size: 11px;
	}
.mycomment h3 em span,
.comment h3 em span {
	display: none;
	}
#comment-form div,
.contactform div {
	clear:both;
	}
#comment-form .form-field,
.contactform .form-field {
	width: 430px;
	border: 0;
	float: right;
	padding: 3px 4px;
	font: 14px/1.5 "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Arial, Geneva, sans-serif;
	margin-bottom: 15px;
	}
#comment-form .form-button,
.contactform .form-button {
	float: right;
	margin-left:15px;
	}
#comment-form label,
.contactform label {
	font-size: 11px;
	text-transform: uppercase;
font-weight: 700;
	float: left;
	}
div #comment-form-remember-me{
	float:right;
	margin-bottom:10px;
	}
#comment-form-external-auth {
	margin-bottom:15px;
	}

.mycomment blockquote,
.comment blockquote {
font-size: 11px;
border-left: solid 3px;
margin-top: 12px;
}

/* ----- Recent Article Digest Styles -- */

.recent-article {
	padding: 10px;
	margin: 0;
	}
#recent .row-odd {
	background: #2e2c2b;
	}
#recent h2 {
	margin-top:32px;
font-size: 24px;
	}
#recent h3 {
	width:325px;
	float:right;
font-size: 12px;
	}
#recent h3 a {
	color:#fff;
	}
#recent h4 {
	float:right;
	width:325px;
text-align: left;
	}
#recent h4 a {
color: #777;
font-weight: normal;
}
#recent h4 a:hover {
	text-decoration:underline;
	}
#recent h5 span {
	display:none;
	}
#recent h5 .recent-date a {
color: #777;
font-weight: normal;
}

#recent h5 .recent-date a em {
font-style: normal;
}


/* ----- Footer Styles */

#footer {
	clear:both;
	margin-top:15px;
	border-top: solid 1px #555;
	padding:15px 10px;
	}

/* ------ Site Search Form */

#search-form {
	display: none;	
	}
.hide {
display:none;
}
.list-trigger {
float:right;
display:inline;
padding:7px 0 0 20px;
}
#entries .list-trigger a i {
border:0;
}
.entry h2 {
clear:none;
}
#status {
overflow:hidden;
}

#popular li a {
font-weight: bold;
}
#popular li {
margin-bottom: 12px;
line-height: 1.2;
}
a.bookmarklet {
line-height: 2;
width: 100px;
text-align: center;
	background: #eee;
	padding: 5px 5px 4px 5px;
	margin: 5px;
	color: #333;
	font-weight: bold;
	border: solid 1px #ccc;
	}
a.bookmarklet:hover {
	background: #ddd;
	padding: 5px 5px 4px 5px;
	margin: 5px;
	color: #333;
	font-weight: bold;
	border: solid 1px #bbb;
	}

/* hide machine fields for hAtom */
.hentry .entry-title, .hentry .updated, .hentry .published { display: none; }
#action-stream li {
margin-bottom: 3px;
padding-bottom: 5px;
}
#action-stream li a {
font-weight: bold;
}
/* Minutia Styling */

#minutia ul.minutia-column1 {
width: 170px;
float: left;

margin-right: 12px;
}
#minutia ul.minutia-column2 {
margin-left: 184px;
}
#minutia ul.minutia-column1 li {

}
#minutia li {
padding-bottom: 3px;
border-top: solid 1px #555;
}

#minutia ul .minutia-label {
font-weight: bold;
width: 60px;
float: left;
border-top: solid 1px #555;
padding-top: 2px;
}
#minutia ul .minutia-content {
text-align: right;
padding-top: 4px;
margin-left: 65px;
}

/* -- Elsewhere List ----------- */
#elsewhere-list li {
margin: 0;
padding: 2px;
border-bottom: solid 1px #2e2c2b;
}
#elsewhere-list a {
text-transform: capitalize;
font-size: 12px;
padding: 2px;
}
#elsewhere-list a:hover {
}
#elsewhere-list a img {
display: none;
}
#elsewhere-list a:hover img {
display: block;
padding-right: 2px;
}
#comment-form h2 {
margin-top: 20px;
}
#status-message p.success {
background: #00ff80 url(/i/tick.png) no-repeat 15px center;
font-style: normal;
font-size: 14px;
padding: 15px 20px 15px 40px;
margin-bottom: 24px;
border: solid 1px #fff;
color:#333;
font-weight: bold;
}
#status-message p.error {
background: #300 url(/i/cross.png) no-repeat 15px center;
font-style: normal;
font-size: 14px;
padding: 15px 20px 15px 40px;
margin-bottom: 24px;
border: solid 1px #844;
color:#fcc;
font-weight: bold;
}