/*
Theme Name: Matt 2010
Theme URI: http://ma.tt
Description: ma.tt theme for 2010
Author: Otto
Version: 1.0
*/

/* Defaults */
* {
	margin:0;
	padding:0;
}

body {
	background: #f3f3f3;
}

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

.alignright {
	float:right;
	margin:8px;
}

.alignleft {
	float:left;
	margin:8px;
}

.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display:block;
}

div.single-dashed {
	background: transparent url(images/5.png) repeat-x scroll left top;
	height:1px;
	width:100%;
	margin: 20px 0 20px 0;
}

div.double-dashed {
	background: transparent url(images/10.png) repeat-x scroll left top;
	height:3px;
	width:100%;
	margin: 20px 0 20px 0;
}

/* Header */
header, footer, section, article {
	display:block;
}

header {
	background: transparent url(images/header.png) no-repeat scroll center top;
	height: 784px;
	width: 100%;
}

.entry-content .twp-container {
	margin-left: 25px;
	clear: none;
}

.blockquote {
	margin-left: -15px;
	margin-bottom: 10px;
	background: #fffcd0;
	padding-top:20px;
	padding-bottom:10px;
	font-size:110%;
}

blockquote {
	border: 0;
	list-style-position: inside;
	background: #fffcd0 url(images/quotedot.png) repeat-y scroll left top;
	padding: 0px 20px;
	margin-bottom: 0px;
	padding-left: 25px;
}

blockquote p {
	margin-left:5px;
}

blockquote blockquote {
	background:transparent;
}

.header-link-wrapper {
	position:relative;
	top: 30px;
	width: 200px;
	margin: 0 auto;
}

.header-link {
	display:block;
	width:460px;
	height:200px;
}

header nav {
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
	position:relative;
	top:100px;
	display:block;
}

header nav ul {
	width:950px;
	margin: 0 auto;
	list-style: none;
	background:transparent;
}

header nav ul li {
	float:left;
	padding-right: 12px;
	padding-left: 12px;
	padding-top:4px;
	padding-bottom:4px;
	font-size:16px;
	font-weight:bold;
	text-transform: uppercase;
}

header nav ul li a {
	color:black;
}

header nav ul li.current_page_item {
	background: black;
}

header nav ul li.current_page_item a {
	color:white;
}

header nav ul li:hover {
	background: black;
}

header nav ul li:hover a{
	color:white;
}

header nav ul li a:active {
	position: relative;
	top: 1px;
}

.subscribe-wrap {
	position:relative;
	width:884px;
	margin: 0 auto;
	top:-22px;
}

a#sublink {
	display:block;
	height:47px;
	width:125px;
	float:right;
}

a#sublink:hover {
	background: transparent url(images/subhover.png) no-repeat scroll center top;
}

#search-wrap {
	width:453px;
	margin: 0 auto;
}

#searchform {
	float:right;
}

#searchform #s {
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
	font-weight:bold;
	font-size:16px;
	border:none;
	border-bottom: 1px solid black;
	background:transparent;
	width:132px;
}

section {
	min-height:1432px;
}

article {
	min-height:160px;
}

div.navigation {
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
}

div.navigation div {
	margin:0;
	padding: 5px 10px;
	background-color:black;
}

div.navigation a {
	color:white;
}

div.navigation div.prev {
	float:left;
}

div.navigation div.next {
	float:right;
}

div.navigation div:hover {
	background-color:#ea1d25;
}

article a img, article img {
	border: 4px solid #ededed;
}

.wp-smiley {
	border:0;
}

/* Footer */
footer {
	background: transparent url(images/footer.png) no-repeat scroll center top;
	height: 1428px;
	width: 100%;
	margin-top:-1020px;
}

#footer-text {
	float:left;
	font-family: "salsbury-1","salsbury-2",sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:17px;
	margin-top:28px;
	text-transform: uppercase;
	width:500px;
}

#footer-wrap {
	margin:0 auto 0 auto;
	width:870px;
}

#footer-inspired {
	float:right;
	font-family: "salsbury-1","salsbury-2",sans-serif;
	margin-right:-45px;
	margin-top: 90px;
	line-height:18px;
	font-size: 18px;
	font-weight:bold;
	text-transform: uppercase;
}

.redtext {
	color: #ea1d25;
}

/* Main content and sidebar */
#container {
	margin:-440px auto 0 auto;
	width:950px;
}

section {
	float:left;
}

article, aside li.widget-container {
	border: 1px solid white;
	margin-bottom: 30px;
	-moz-box-shadow: 3px 3px 0 #000;
	-webkit-box-shadow: 3px 3px 0 #000;
	box-shadow: 3px 3px 0 #000;
	/* Enable these if you want ugly drop shadows in IE */
	/*
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	*/
}

article {
	background:white;
	width:700px;
}

aside ul {
	list-style: none;
}

aside {
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
	float:right;
}

.widget-container {
	width:228px;
	background: white;
}

.widget-container h3, .widget-container ul, .widget-container div {
	margin: 15px 15px 20px 20px;
}

.widget-container div.single-dashed, .widget-container div.single-dashed {
	margin: 3px 0;
}

/* Specific sidebar boxes */
li.about-box {
	background: #ffed00;
	padding-bottom: 20px;
}

aside li.about-box {
	border: 1px solid #ffed00;
}

.about-box #mattbio {
	background-image: url(images/bio2.jpg);
	width:187px;
	height:124px;
}

.about-box #mattbio img {
	margin-top:-8px;
	margin-left:-5px;
}

.about-box .widget-title {
	text-transform: uppercase;
}

.about-box .text {
	font-weight:bold;
	font-size: 13px;
	margin: -20px 20px 20px 20px;
}

aside .link {
	margin:20px;
	background-color:black;
	border:0;
	color:white;
	text-transform:uppercase;
	font-size: 14px;
	font-weight:bold;
	padding:3px 4px;
}

li.random-photo {
	background: #ea1d25;
	padding-bottom: 20px;
}

aside li.random-photo {
	border: 1px solid #ea1d25;
}

.random-photo .widget-title {
	text-transform:uppercase;
	margin-bottom: -15px;
}

.random-photo img {
	border:0;
	width:196px;
	height:141px;
	margin-top:-8px;
	margin-left:-5px;
}

.random-photo div {
	margin-top:30px;
}

.twitter-photomatt {
	background: #003fcf;
	color:white;
	padding-bottom: 20px;
}

aside li.twitter-photomatt {
	border: 1px solid #003fcf;
}

.twitter-photomatt .widget-title {
	text-transform:uppercase;
}

.twitter-photomatt #twitter_update_list {
	font-size:14px;
}

.twitter-photomatt #twitter_update_list .status {
	display:block;
}

.twitter-photomatt #twitter_update_list .status a {
	color:white;
}

.twitter-photomatt #twitter_update_list .time {
	color: #b3c1e0;
}

.twitter-photomatt div.single-dashed, .twitter-photomatt div.single-dashed {
	margin: 10px 0;
}

.recent-essays {
	background-color: #005f3b;
}

aside li.recent-essays {
	border: 1px solid #005f3b;
}

.recent-essays .widget-title {
	text-transform:uppercase;
	color:white;
}

.recent-essays a {
	color:white;
	font-size: 14px;
}

.projects .widget-title {
	text-transform:uppercase;
}

.projects img {
	margin: 0 auto 20px auto;
	display:block;
	border:0;
}

.archives {
	background-color: #003fcf;
	padding-bottom:20px;
	color:white;
}

aside li.archives {
	border: 1px solid #003fcf;
}

.archives .widget-title {
	text-transform:uppercase;
	color:white;
}

.archives a {
	color:white;
	font-size: 14px;
}

.see-also {
	background-color: #ea1d25;
}

aside li.see-also {
	border: 1px solid #ea1d25;
}

.see-also .widget-title {
	text-transform:uppercase;
	color:white;
}

.see-also a {
	color:white;
	font-size: 14px;
}

.see-also .rss {
	background: url(images/rsswhite.png) left center no-repeat;
	float: right;
	padding: 0 1px 0 12px;
}

/* Main content boxes */
.datedot {
	background: transparent url(images/yellowdot.gif) no-repeat scroll center top;
	float:left;
	margin-left: -53px;
	margin-top: 53px;
	width:85px;
	height:83px;
}

abbr.published {
	font-family: "salsbury-1","salsbury-2",sans-serif;
	border:none;
	text-align:center;
	line-height: 22px;
}

.datedot abbr.published {
	display:block;
	margin-top:18px;
margin-left:-4px;
	font-weight:bold;
	text-transform:uppercase;
}

abbr.published .month {
	font-size:20px;
}

abbr.published .day {
	font-size:30px;
}

.entry-comment-count {
	background: transparent url(images/commentbubble.gif) no-repeat scroll center top;	
	float:right;
	display:block;
	margin-right:-13px;
	margin-top:-20px;
	width:61px;
	height:55px;
	color:black;
	font-family: "salsbury-1","salsbury-2",sans-serif;
	font-size: 16px;
	font-weight:bold;
	text-align:center;
	padding-left: 25px;
	padding-top: 10px;
}

.entry-comment-count .count {
	margin-left: -8px;
	padding-top: 3px;
	display:block;
}

.entry-title {
	text-transform:uppercase;
	font-weight:bold;
	font-size:34px;
	line-height: 38px;
}

.entry-title a {
	color:black;
}


.entry-content {
	margin: 33px;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
	font-size:14px;
	line-height:1.7;
}

.entry-content p {
	margin-bottom: 1em;
}

.entry-content ul, .entry-content ol {
	line-height:1.8;
	margin-left:45px;
	list-style-position:outside;
	margin-bottom:1em;
}

.entry-filed, .entry-tagged {
	display:inline;
	text-transform:uppercase;
	margin-right: 10px;
}

.post-edit-link {
	float:right;
}

.category-asides p, .format-aside p {
	margin-right:66px;
}

/* Comments */

.pre-comments2 {
	margin-bottom: 30px;
}

#comments, #respond {
	margin: 30px;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
}

#comments h3, #reply-title {
	text-transform:uppercase;
	font-size: 24px;
	font-weight:bold;
}

.commentlist li {
	list-style:none;
	clear:left;
}

.commentlist .children {
	margin-left:49px;
}

.commentlist .avatar {
	border: 4px solid #ededed;
	float:left;
}

.comment-text {
	background: #ededed;
	margin-left: 113px;
	margin-bottom: 10px;
	padding:20px;
}

.bypostauthor .comment-text,
.bypostauthor .children .bypostauthor .comment-text {
	background:#ffe400;
}

.bypostauthor .children .comment-text {
	background: #ededed;
}

.comment-arrow {
	border-color: transparent #ededed;
	border-style: solid;
	border-width: 9px 9px 9px 0px;
	height: 0px;
	width: 0px;
	float:left;
	margin-left:-29px;
}

.bypostauthor .comment-arrow,
.bypostauthor .children .bypostauthor .comment-arrow {
	border-color: transparent #ffe400;
}

.bypostauthor .children .comment-arrow {
	border-color: transparent #ededed;
}

.comment-text .fn {
	font-weight:bold;
	font-style:normal;
	text-transform: uppercase;
}

.comment-date, .says {
	text-transform: uppercase;
	font-weight:bold;
	color:#afafaf;
}

.comment-body p {
	margin-top:1em;
}

.comment-reply-link {
	font-size:14px;
	font-weight:bold;
	text-transform: uppercase;
	color: white;
	background:black;
	padding: 0 0.5em 0 0.5em;
}

div#respond {
	width:660px;
	background:white;
	border:1px solid black;
	padding:20px;
	margin:0;
	-moz-box-shadow: 3px 3px 0 #000;
	-webkit-box-shadow: 3px 3px 0 #000;
	box-shadow: 3px 3px 0 #000;
	position:relative;
}

article>div#respond {
	border:0;
}

.comment-fields {
	float:left;
	width: 280px;
}

.comment-fields label, .comment-form-comment label{
	text-transform:uppercase;
	font-size: 14px;
	font-weight:bold;
}

.comment-fields input {
	width: 270px;
	margin-bottom:12px;
	background: #ededed;
	border:1px solid #e6e6e6;
	height:30px;
}

.comment-form-comment {
	float:right;
	width: 350px;
}

#comment {
	width: 340px;
	background: #ededed;
	border:1px solid #e6e6e6;
	height: 165px;
}

.logged-in-as + .comment-form-comment, .logged-in-as + .comment-form-comment #comment {
	width: 660px;
}

#commentform .form-submit #submit {
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
	clear:both;
	float:right;
	background-color:black;
	border:0;
	color:white;
	text-transform:uppercase;
	font-size: 14px;
	font-weight:bold;
	padding:3px 4px;
	margin-right:8px;
}


/* Image pages */
body.attachment article.main {
	width:948px;
}

body.attachment section {
	min-height:716px;
}

.prev-img, .prev-img-text {
	float:left;
}

.next-img, .next-img-text {
	float:right;
}

.attachment .image {
	margin: 20px;
	width:840px;
}

.image img {
	border:4px solid #e6e6e6;
	margin:0 auto;
	display:block;
}

.top-navigation {
	text-transform:uppercase;
	font-weight:bold;
	font-size: 14px;
}

.top-navigation .gallery-link {
	float:left;
}

.top-navigation .nav-links {
	float:right;
}

.caption {
	text-align:center;
	font-size: 18px;
	font-weight:bold;
}

.bottom-image-nav {
	padding-top:30px;
}

.bottom-image-nav .prev-img img, .bottom-image-nav .next-img img {
	border:4px solid #e6e6e6;
}

.bottom-image-nav .prev-img-text, .bottom-image-nav .next-img-text {
	text-transform:uppercase;
	font-weight:bold;
	font-size: 16px;
	margin-top:38px;
	width: 80px;
	line-height:18px;
}

.bottom-image-nav .prev-img-text {
	margin-left: 20px;
	text-align:left;
}

.bottom-image-nav .next-img-text {
	text-align:right;
	margin-right: 20px;
}

#image-meta h3 {
	text-transform:uppercase;
	font-weight:bold;
	font-size:24px;
}

#image-meta dl, #tags-box {
	font-size: 13px;
}

#image-meta dt {
	text-transform:uppercase;
	float:left;
	clear:left;
	width: 87px;
	font-weight:bold;
}

#tags-box h3 {
	text-transform:uppercase;
	font-size:24px;
}

#tags-box h4 {
	text-transform:uppercase;
	font-size:18px;
}

#image-meta dd {
	float:left;
}

.random-photos {
	height:205px;
}

.random-photo-table {
	width:100%;
	height: 205px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}

.random-photo-table img {
	border:0;
	margin-left:-3px;
	margin-top:-8px;
}

.randdiv {
	display:inline-block;
}

#mct_people {
	width: 94px;
	height:25px;
}

#tagthisbutt {
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
	clear:both;
	float:right;
	background-color:black;
	border:0;
	color:white;
	text-transform:uppercase;
	font-size: 12px;
	font-weight:bold;
	padding:3px 4px;
	margin-right:8px;
}

.person {
	margin-bottom: 6px;
}

.person .name {
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
	background-color:#ea1d25;
	color:white;
	font-size: 12px;
	font-weight:bold;
	padding:3px 8px;
	margin-right:8px;
}

.person .name a {
	color:white;
}

.person .bullet {
	background-color:#ea1d25;
	color:white;
	font-size: 12px;
	font-weight:bold;
	padding:3px 0;
}

.person-arrow {
	border-color: transparent #ea1d25;
	border-style: solid;
	border-width: 12px 12px 12px 0px;
	height: 0px;
	width: 0px;
	display:inline-block;
	position:absolute;
	margin-top:-2px;
	margin-left: -12px;
}

/* About Page */

body.page-template-template-about-php {
	font-size: 13px;
}

body.page-template-template-about-php article {
	width:550px;
}

body.page-template-template-about-php aside .widget-container {
	width:385px;
}

body.page-template-template-about-php article.main {
	width:948px;
}

body.page-template-template-about-php section {
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
	min-height:716px;
}

body.page-template-template-about-php section.about {
	min-height:550px;
}

body.page-template-template-about-php section .intro {
	text-transform:uppercase;
	font-weight:bold;
	font-size: 16px;
}

body.page-template-template-about-php section h3 {
	text-transform:uppercase;
	font-weight:bold;
	font-size: 16px;
}

body.page-template-template-about-php section div, body.page-template-template-about-php aside div {
	margin: 33px;
}

body.page-template-template-about-php section div.single-dashed, body.page-template-template-about-php aside div.single-dashed,
body.page-template-template-about-php section div.double-dashed, body.page-template-template-about-php aside div.double-dashed{
	margin: 20px 0;
}


body.page-template-template-about-php section p {
	margin-bottom: 20px;
}

body.page-template-template-about-php section ul {
	list-style:none;
}

body.page-template-template-about-php section ul li:before {
	content: "> \0020";
	color:#ea1d25;
}

body.page-template-template-about-php aside ul {
	list-style:none;
}

body.page-template-template-about-php aside ul li li:before {
	content: "> \0020";
	color:#ea1d25;
}

body.page-template-template-about-php aside ul li li li:before {
	content: "";
}

body.page-template-template-about-php aside #speaking ul a {
	color:black;
}

body.page-template-template-about-php aside #speaking ul {
	font-weight:bold;
	margin-left:-5px;
}

body.page-template-template-about-php aside #speaking ul ul {
	font-weight:normal;
	margin:0 0 0 20px;
}

body.page-template-template-about-php aside #formerly ul {
	margin-left:-5px;
}


/* Archives Page */

body.page-template-template-archives-php article h3 {
	margin: 20px 0 20px 0;
	text-transform:uppercase;
}

body.page-template-template-archives-php .cat-item {
	margin: 0 0 10px 20px;
}

/* Contact Page */

body.page-template-template-contact-php .entry-content h3 {
	text-transform:uppercase;
}

body.page-template-template-contact-php .entry-content p {
	margin: 20px 0 10px 0;
}

body.page-template-template-contact-php label {
	display:none;
}

body.page-template-template-contact-php article input, body.page-template-template-contact-php article textarea {
	width:99%;
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
	margin-left:20px;
	background-color:#dddfd5;
	border: 1px solid #9fa6a8;
}

body.page-template-template-contact-php article input:focus,
body.page-template-template-contact-php article textarea:focus,
body.page-template-template-contact-php article input:hover,
body.page-template-template-contact-php article textarea:hover {
	background-color:white;
}

body.page-template-template-contact-php #send_email {
	font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2",sans-serif;
	clear:both;
	float:right;
	background-color:black;
	border:0;
	color:white;
	text-transform:uppercase;
	font-size: 14px;
	font-weight:bold;
	padding:3px 4px;
	margin-right:8px;
	width:auto;
}

/* Random Photos */

.gallery-item img {
	border: 2px solid #cfcfcf;
}

/* Gallery category */

.category-gallery .img-container, .format-gallery .img-container {
	float:left;
	margin-right:20px;
	margin-top:10px;
}

.category-gallery .img-text, .format-gallery .img-text {
	margin-top:20px;
	float:left;
	width:350px;
}

.category-gallery .entry-filed, .category-gallery .entry-tagged,
.format-gallery .entry-filed, .format-gallery .entry-tagged {
	display:none;
}

.category-gallery .entry-title, .format-gallery .entry-title {
	font-size: 24px;
}

.category-gallery .double-dashed, .format-gallery .double-dashed {
	display:none;
}

/* Gallery Page */

body.page-template-template-gallery-php article {
	width:980px;
}

body.page-template-template-gallery-php .entry-comment-count {
	margin-top:4px;
}

body.page-template-template-gallery-php div.double-dashed {
	display:block;
}

body.page-template-template-gallery-php .img-container {
	display:inline-block;
	width:660px;
	text-align:center;
}

body.page-template-template-gallery-php .img-container img {
	border:0;
	-moz-box-shadow: 5px 5px 0 #000;
	-webkit-box-shadow: 5px 5px 0 #000;
	box-shadow: 5px 5px 0 #000;
}

body.page-template-template-gallery-php .img-text {
	float:left;
	width:230px;
}

body.page-template-template-gallery-php .photosinset {
	margin:0 auto;
	width:180px;
}

body.page-template-template-gallery-php .attachment-matt2010-gallery-pagethumb {
	margin-right:10px;
	margin-bottom:10px;
	border-color:#e0e0e0;
	border-width:5px;
}

body.page-template-template-gallery-php .entry-title {
	font-size:38px;
}

/* Taxonomies */

.taxonomy-people .gallery-item {
	float: left;
	margin-top: 10px;
	text-align: center;
	width: 33%;
}