/*
Theme Name: Dark and Clean
Theme URI: http://marlowenorthcott.com
Description:
Version: 1
Author: Marlowe Northcott
Author URI: http://marlowenorthcott.com
Tags: starkers, naked, clean, basic
*/


/*
	RESET AND BASICS
*/
* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

body {
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
   	font-weight: 300;
	font: 12px;
	background: #341313;
}

a {
	text-decoration: none;
	outline: none;
	color: #3680a1;

}

a:hover	{
	color: #2e2e2e;
}

a img {
	border: 0;
	background: none;
}

img {
	vertical-align: middle;
}

.clear {
	clear: both;
}

ul li {
	list-style: none;
}

fieldset {
	border: 0;
}

.button	{
	padding: 5px 12px 3px 12px !important;
	background: #fe4902 url(http://marlowenorthcott.com/wp-content/themes/marlowenorthcott/images/button-bg.png) top left repeat-x !important;
	color: white !important;
	font-weight: bold;
	font-size: 15px;
	-moz-border-radius: 16px !important;
	-webkit-border-radius: 12px !important;
	border: 0 !important;
	letter-spacing: -1px;
}

.button:hover {
	background: #2e2e2e !important;
	cursor: pointer;
}

.alignCenter {
	text-align: center;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}


/*
    SITEMAP
*/


/*
	MAIN STRUCTURE
*/
#mainContent {
	position: relative;
	width: 500px;
	margin: 50px auto 50px auto;
	background: #fff;
}

.section {
	position: relative;
	margin-bottom: 20px;
	padding-bottom:20px;
	background: url(http://marlowenorthcott.com/wp-content/themes/marlowenorthcott/images/layout/sectionBottom.png) no-repeat bottom left;
	clear: both;
}

div#mainContent .section:last-child {
	background-image: none;
}

.leftCol {
	float: left;
	width:250px;
	clear: left;
}

.rightCol {
	width: 250px;
	margin-left: 250px;
}


/*
    HEADER
*/
#header {
	height: 268px;
	background: transparent url(http://marlowenorthcott.com/wp-content/themes/marlowenorthcott/images/layout/headerBG.png) no-repeat bottom left;
}


/* 
    SEARCH
*/


/*
	MAIN NAVIGATION
*/
#nav {
	margin-bottom: 20px;
}

#nav ul {
}

#nav ul li {
	display: inline;
}

#nav a {
	font-size: 15px;
	font-weight: bold;
}

body.resume #nav a.resume, body.trips #nav a.trips, body.work #nav a.work, body.about #nav a.about, body.contact #nav a.contact {
	color: #fe4902;
}


/*
	GENERAL TYPOGRAPHY
*/
h1, h2, h3, h4, h5, p, li, dd {
	padding: 0 20px;
}

h1, h2, h3, h4, h5 {
	margin: 0 0 5px 0;
	font-weight: normal;
}

h2 {
	margin: 0;
	font-size: 38px;
	text-align: center;
	font-weight: bold; }

h2 a, h2 a:visited {
	color: #2e2e2e;
}

h2 a:hover {
	color: #fe4902;
	border-bottom: 1px dotted #2e2e2e;
}

h2.title {
	position: absolute;
	top: 180px;
	right: 5px;
	padding: 5px 10px;
	font-size: 38px;
	font-weight: lighter;
	color: #ffffff;
	background-color: #232323;
}

h2.title a {
	color: #ffffff;
}

h2.title a:hover {
	color: #fe4902;
}

h3 {
	font-size: 26px;
	font-weight: bold;
}

h4 {
	font-size: 20px;
	font-weight: lighter;
}

p, li, dd {
	font-size: 13px;
	line-height: 16px;
	color: #5e5d5d;
}

p:first-child {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}

h3.articleTitle + p {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}

p, dd {
	margin: 0 0 15px 0;
}

li {
	margin: 0 0 5px 0;
}

td, th {
	font: 13px/21px;
	text-align: left;
}

p strong, li strong {
	color: #555;
}

blockquote {
	margin: 0 0 15px 15px;
	padding: 0 0 0 15px;
	border-left: 2px solid #ccc;
}

blockquote, blockquote p {
	font: italic 15px/22px;
}

code {
	display: block;
	position: relative;
	width: 460px;
	padding: 10px;
	font: 12px/18px Monaco, Courier;
	background: #F0F0F0;
	overflow: auto;
}

pre code[class]:after {
	content: attr(class);
	padding: 5px 5px 0 0;
	display: block;
	text-align: right;
	font-size: 10px;
	color: #fe4902; }							  


/*
	ARTICLE AREA
*/
.articleDate {
	position: absolute;
	top: -10px;
	left: -75px;
	width: 75px;
	height: 100px;
	background: transparent url(http://marlowenorthcott.com/wp-content/themes/marlowenorthcott//images/layout/articleDateBG.png) top left no-repeat;
}

.dateContainer {
	position: relative;
	top: 12px;
	width: 75px;
	height: 75px;
}

.month, .day, .year {
  position: absolute;
  text-indent: -1000em;
  background-image: url(http://marlowenorthcott.com/wp-content/themes/marlowenorthcott//images/layout/dateSprite.png);
  background-repeat: no-repeat;
}

.month { top: 10px; left: 12px; width: 50px; height: 26px;}

.day { top: 35px; left: 12px; width: 44px; height: 30px;}

.year { top: 10px; right: -8px; width: 20px; height: 56px;}

.m-01 { background-position: 0 0px;}
.m-02 { background-position: 0 -50px;}
.m-03 { background-position: 0 -100px;}
.m-04 { background-position: 0 -150px;}
.m-05 { background-position: 0 -200px;}
.m-06 { background-position: 0 -250px;}
.m-07 { background-position: 0 -300px;}
.m-08 { background-position: 0 -350px;}
.m-09 { background-position: 0 -400px;}
.m-10 { background-position: 0 -450px;}
.m-11 { background-position: 0 -500px;}
.m-12 { background-position: 0 -550px;}

.d-01 { background-position: -100px 0px;}
.d-02 { background-position: -100px -50px;}
.d-03 { background-position: -100px -100px;}
.d-04 { background-position: -100px -150px;}
.d-05 { background-position: -100px -200px;}
.d-06 { background-position: -100px -250px;}
.d-07 { background-position: -100px -300px;}
.d-08 { background-position: -100px -350px;}
.d-09 { background-position: -100px -400px;}
.d-10 { background-position: -100px -450px;}
.d-11 { background-position: -100px -500px;}
.d-12 { background-position: -100px -550px;}
.d-13 { background-position: -100px -600px;}
.d-14 { background-position: -100px -650px;}
.d-15 { background-position: -100px -700px;}
.d-16 { background-position: -100px -750px;}
.d-17 { background-position: -100px -800px;}
.d-18 { background-position: -100px -850px;}
.d-19 { background-position: -100px -900px;}
.d-20 { background-position: -100px -950px;}
.d-21 { background-position: -100px -1000px;}
.d-22 { background-position: -100px -1050px;}
.d-23 { background-position: -100px -1100px;}
.d-24 { background-position: -100px -1150px;}
.d-25 { background-position: -100px -1200px;}
.d-26 { background-position: -100px -1250px;}
.d-27 { background-position: -100px -1300px;}
.d-28 { background-position: -100px -1350px;}
.d-29 { background-position: -100px -1400px;}
.d-30 { background-position: -100px -1450px;}
.d-31 { background-position: -100px -1500px;}

.y-2009 { background-position: -225px 0px;}
.y-2010 { background-position: -225px -75px;}
.y-2011 { background-position: -225px -150px;}
.y-2012 { background-position: -225px -225px;}
.y-2013 { background-position: -225px -300px;}
.y-2014 { background-position: -225px -375px;}
.y-2015 { background-position: -225px -450px;}

.articleTitle {
	position: absolute;
	right: 0px;
	top: 155px;
	padding-right: 30px;
	background: rgb(255, 255, 255); /* The Fallback */
   	background: rgba(255, 255, 255, 0.6);
}

.articleTitle a {
	color: black;
}

.articleTitle a:hover {
	color: #fe4902;
}

.articleImage {
	margin-left: 20px;
	margin-bottom: 20px;
}

.stats {
	width: 460px;
	margin: 0 0 20px 20px;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #343434;
}

.stats h5 {
	margin: 0;
	padding: 0;
	color: #878e96;
}

ul.articleNav {
	width: 460px;
	margin: 20px 0 40px 20px;
}

ul.articleNav li {
	float: left;
	margin: 0;
	padding: 0;
}

ul.articleNav li.right {
	float: right;
	text-align: right;
}

/*
	ARCHIVES / SEARCH RESULTS
*/


/*
	COMMENTS
*/
.comments {
	width: 500px;
}

ol {
	margin-bottom: 20px;
}

ol li {
	margin-bottom: 10px;
	list-style: none;
}

ol li p {
	margin-left: 0;
}

.commentContainer {
	position: relative;
	width: 458px;
	border: 1px solid #bfbfbf;
	overflow: hidden;
}

.commentContainer img {
	margin: 10px;
}

.commentGravatar {
	float: left;
}

.commentText {
	margin-left: 90px; 
}

.commentTime {
	position: absolute;
	top: 10px;
	right: 10px;
}

div.comments label {
	display: block;
	margin: 0 20px 5px 20px;
}

div.comments input {
	display: block;
	margin: 0 20px 10px 20px;
}

div.comments textarea {
	width: 460px;
	height: 200px;
	margin: 0 20px 10px 20px;
}

div.comments button {
	margin: 0 20px 10px 20px;
}

div.comments h5 {
	margin-top: 10px;
	font-size: 16px;
	font-weight: bold;
}

/*
	CONTACT FORM
*/
body.contact form {
	margin: 0 20px;
}

body.contact label {
	display: block;
	
}

body.contact label.error {
	color: red;
	
}

body.contact input {
	margin: 0 0 15px 0;
}

body.contact textarea {
	width: 460px;	
}


/*
	SIDEBAR
*/
#sidebar {
	position: absolute;
	top: 160px;
	right: -320px;
	width: 300px;
}

#sidebar a:hover	{
	color: #ffffff;
}


/*
    ADVERTISING
*/


/*
    FLICKR
*/
#flickr {
	background: url(http://marlowenorthcott.com/wp-content/themes/marlowenorthcott//images/layout/flickr.png) 105px -5px no-repeat;
	
}

#flickr_badge_uber_wrapper {
	width: 200px;
	height: 170px;
	clear: both;
}

#flickr_badge_wrapper img {
	width: 75px;
	height: 75px;
}

#flickr_badge_wrapper a {
	display: inline;
}

.flickr_badge_image a {
	float: left;
	margin: 0 11px 11px 0;
}


/*
    Twitter
*/
#twitter {
	width: 235px;
	margin-top: 20px;
	
}

#twitterImage {
	width: 235px;
	height: 80px;
	background: url(http://marlowenorthcott.com/wp-content/themes/marlowenorthcott//images/layout/twitter.png) left top no-repeat;
}

#twitter ul#twitter_update_list li {
	margin-bottom: 15px;
	padding: 0;
	color: #cac7d5;
}

#twitter ul#twitter_update_list li.preload {
	height: 75px;
	margin-bottom: 15px;
	padding: 0;
	color: #cac7d5;
	background: url(http://marlowenorthcott.com/wp-content/themes/marlowenorthcott//images/layout/preloader.gif) 50% 50% no-repeat;
}


/*
    POLL
*/


/*
    DOWNLOADS
*/


/*
    BOOKSHELF
*/


/*
    VIDEOS
*/


/*
	FOOTER
*/
#footer {
	width: 500px;
	margin: 20px auto 40px auto;
	padding-bottom: 20px;
	background: #ffffff;
	clear: both;
}