/*
	Theme Name: dariel canvas
	Them URL: http://www.dariel.com
	Description: a custom minimal theme for dariel.com based on Empty Canvas
	Media: Screen
	Version: 1.0, April 2010
	Author: Dariel Cobb
	Author URL: http://www.dariel.com
*/

@import "reset.css";
/* ----------------------------------------- [ Primary Typography & Colors ] */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial, Verdana, Sans-Serif;
	background: #e7e7e7;
	color: #212;
	vertical-align: baseline;
	}

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

a:hover {
	color: #e52;
	}

strong {
	font-weight: 700;
	}

hr {
	display:none;
	}
	
h1, h2, h3, h4 {
	font-family: 'Futura', 'Lucida Grande', Arial, Verdana, Sans-Serif;
	}

ol, ul {
	list-style:none;
	}
	
blockquote {
	background: url(images/quotes.gif) no-repeat top left;
	background-position: 8px 4px;
	font-style:italic;
	margin: 5px;
	padding: 12px 15px 12px 50px;
	}

/* ----------------------------------------- [ Structure ] */
#wrapper {
	width: 740px;
	background: #fff;
	margin: 20px auto;
	padding: 15px 15px 15px 45px;
	}
	
#container {
	width: 740px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}

#header {
	overflow: hidden;
	width: 740px;
	height: 120px;
	border:0;
	margin: 0;
	padding: 0;
	background: url(images/logo-blue.gif) no-repeat top left;
	}
	
#header-home {
	overflow: hidden;
	width: 740px;
	height: 80px;
	border:0;
	margin: 0;
	padding: 0;
	background: url(images/logo-blue.gif) no-repeat top left;
	}
	
#featured-zone {
	width: 740px;
	height: 240px; 
	margin-bottom: 15px;
	overflow: hidden; 
	padding: 0;
	}

#content {
	float: left;
	width: 500px;
	margin-right: 40px;
	padding: 0;
	}

#sidebar {
	float: right;
	width: 200px;
	margin-top: 25px;
	padding: 0;
	}
	
#footer {
	clear:both;
	margin: 10px 0 10px 0;
	padding: 10px 0 10px 0;
	width: 740px;
	border-top: 1px solid #9aa;
	}
	
/* ----------------------------------------- [ Menu ] */
#menu {
	width: 740px;
	overflow: hidden;
	margin: 0;
	font-family: 'Futura', 'Lucida Grande', Arial, Verdana, Sans-Serif;
	}

#menu ul li {
	float: left;
	text-transform: lowercase;
	font-size: 1.8em;
	font-weight:400;
	padding: 0px 20px 15px 0px;
	}

#menu ul li a {
	color: #4d4d4d;
	text-decoration:none;
	}

#menu ul li a:hover {
	color: #e52;
	}

/* ----------------------------------------- [ Header ] */
#header h1 a {
	width: 369px;
	height: 72px;
	display: block;
	}
	
#header h1 a span { 
	display: none; 
	}

/* ----------------------------------------- [ Featured Zone ] */
#splash {
	float: left;
	width: 500px;
	margin-right: 40px;
	}

#info {
	float: right;
	width: 200px;
	height:240px; 
	overflow: hidden; 
	}
	
#info-name a {
	color: #212;
	font-weight:700;
	}

#info-name a:hover {
	color: #e52;
	}
	
.featured-zone h3 {
	text-transform: uppercase;
	padding: 0 0 5px 0;
	font-weight: bold;
	font-size: 1.1em;
	}
	
#featured-zone ul {
	margin: 0 0 2px 0;
	list-style-type: none;
	}

#featured-zone li {
	margin: 0;
	padding: 4px 8px 2px 8px;
	font-size: 1.1em;
	line-height: 1.3;
	}

/* ----------------------------------------- [ Posts ] */
.post {
	margin-bottom: 50px;
	}

.post-title {
	color:#333;
	font-size: 3em;
	line-height: 1.2em;
	font-weight: 400;
	padding-bottom: 6px;
	}
	
.post-title a {
	color: #333;
	text-decoration:none;
	}

.post-title a:hover {
	color: #e52;
	}

.category-title {
	font-weight: 700;
	font-size: 1.4em;
	color:#e52;
	margin-bottom: 15px;
	}

/*	
.page-subtitle {
	font-weight: 700;
	font-size: 1.2em;
	padding-bottom: 5px;
	margin-bottom: 15px;
	}
*/

.post-meta {
	font-size: 1em;
	color: #e52;
	padding-bottom: 3px;
	border-bottom: 1px dotted #678;
	}
	
.post-meta a {
	color: #678;
	font-weight:700;
	text-decoration:none;
	}

.post-meta a:hover {
	color: #e52;
	}
	
.post-comments {
	float: right;
	padding: 3px 0 7px 7px;
	}

.post-comments a {
	padding: 3px 7px 7px 0;
	color: #fff;
	text-decoration:none;
	}

.post-comments a:hover {
	color: #fff;
	}

.post-content {
	padding-top: 5px;
	}

.post-content h2 {
	font-size: 1.8em;
	font-weight: 700;
	margin-bottom: 10px;
	padding: 10px 0 5px 0;
	}

.post-content h3 {
	font-size: 1.4em;
	font-weight: 700;
	margin-bottom: 5px;
	padding: 10px 0 5px;
	}

.post-content p {
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 10px;
	}

/*
.post-content a {
	font-weight:700;
	}
*/

.post-content img.alignnone {
	background: #fff;
	border: 1px solid #9aa;
	}

.post-content img.alignleft {
	float: left;
	border: 1px solid #9aa;
	margin: 0 20px 10px 0;
	}

.post-content img.alignright {
	float: right;
	border: 1px solid #9aa;
	margin: 0 0 10px 20px;
	}

.post-content ul,.post-content ol {
	margin-left: 30px;
	margin-bottom: 20px;
	}

.post-content ul {
	list-style: outside;
	}

.post-content ol {
	list-style: decimal;
	}

.post-content ul li, .post-content ol li {
	line-height: 1.4;
	margin-bottom: 8px;
	font-size: 1.2em;
	}
	
/* ----------------------------------------- [ Inter-Post Navigation ] */
a.more-link {
	font-variant:small-caps;
	}
	
.section-title {
	font-size: 1.1em;
	font-style: italic;
	font-weight: 700;
	margin-bottom: 10px;
	}

.navleft {
	float: left;
	margin: 0 15px 15px 0;
	}

.navright {
	float: right;
	margin: 0 0 15px 15px;
	}

.navigation div a {
	font-size: 1em;
	}
	
/* ----------------------------------------- [ Comments ] */
#comments ol li {
	margin-top: 2px;
	border-bottom: 1px solid #bcc;
	padding: 10px 0;
	overflow: hidden;
	height: 1%;
	}

.comment-gravatar {
	float: left;
	margin-right: 10px;
	background: #fff;
	border: 1px solid #bcc;
	padding: 3px;
	}

.comment-data {
	float: left;
	width: 400px;
	font-size: 1.1em;
	}

.comment-data p {
	margin-bottom: 6px;
	line-height: 1.3;
	}

.comment-author {
	font-weight: 700;
	margin-bottom: 5px;
	}

.comment-meta {
	color: #678;
	margin-bottom: 5px;
	font-size: 1em;
	}

.unapproved {
	font-style: italic;
	}

#respond {
	margin-top: 30px;
	}

#comment-form {
	margin-top: 15px;
	margin-bottom: 10px;
	}

#comment-form label {
	clear: right;
	display: block;
	float: left;
	text-align: left;
	font-size: 1em;
	margin-top: 5px;
	margin-left: 5px;
	}

#comment-form input {
	clear: left;
	float: left;
	width: 240px;
	margin-bottom: 10px;
	padding: 5px;
	border: 1px solid #4d4d4d;
	float:left;
	}

#comment-form textarea {
	width: 455px;
	height: 200px;
	margin-top: 10px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.2em;
	padding: 10px;
	border: 1px solid #4d4d4d;
	}

/* ----------------------------------------- [ Sidebar ] */
.sidebar {
	margin:0px;
	padding: 0px;
	}
	
.sidebar h3 {
	text-transform: uppercase;
	padding: 0 0 5px 0;
	font-weight: bold;
	font-size: 1.1em;
	}

#sidebar ul.nav {
	margin: 0 0 2px 0;
	list-style-type: none;
	}

#sidebar .nav li {
	margin: 0;
	padding: 4px 8px 2px 8px;
	font-size: 1.1em;
	line-height: 1.4;
	}	
	
#sidebar #cloud a {
	line-height: 1.6em;
	}

/* ----------------------------------------- [ Footer ] */
#footer-links {
	list-style: none;
	text-transform:lowercase;
	}

#footer-links li {
	float: left;
	margin-right: 15px;
	}

/* ----------------------------------------- [ Gallery ] */
.gallery {
	margin: auto;
	}
	
.gallery-item {
	float: left;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	width: 33%
	}
	
.gallery img {
	border: 0px;
	}
	
.gallery-caption {
	margin-left: 0px;
	}
	
/* ----------------------------------------- [ misc ] */
.img {
	border:0px;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
	
.moremargin {
	margin-bottom:10px;
	}