/*
Theme based on Innovation
Theme URI: http://www.danharper.me/innovation
Description: An advanced portfolio & blog theme built by Dan Harper as part of a tutorial series for NETTUTS.com
Version: 1.0
Author: Dan Harper
Author URI: http://www.danharper.me

Revised by Evan Wiener at http://www.evanwiener.com

*/

@import url('reset-fonts.css');

*{padding:0;margin:0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	}
	
p {
	font-size: 100%;
	line-height: 1.5em;
	margin-bottom: 10px;
	}
	
ul, ol {
	margin: 0 0 10px 10px;
	}
	
li {
	font-size: 100%;
	list-style-position: outside;
	list-style-type: none;
	}

li img {
	margin-right:5px;
	}
	
img {
	border: none;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	}

h3 {
	font-size:123.1%;
	}
	
h3, h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	margin: 15px 0 5px 0;
	}
	
h4, h5, h6 {
	font-weight: bold;
	}
	
a:link, a:visited {
	text-decoration: none;
	}
	
a:hover, a:active, a:focus {
	text-decoration: underline;
	outline: none;
	}

p.wp-caption-text {
    font-size: 85%;
    font-style: italic;
}

blockquote {
    font-size: 100%;
    margin: 15px 0 15px 15px;
    padding: 0 15px;
}

pre {
    font-family: "Courier New", Courier, monospace;
    font-size: 100%;
    margin: 10px 0 20px 0;
}

code {
    background-color: #efefef;
    color: #000;
    font-family: "Courier New", Courier, monospace;
    font-size: 100%;
    margin: 0 3px;
    padding: 0 3px;
}

address {
    font-size: 100%;
    font-family: Georgia, "Times New Roman", Times, serif;
    line-height: 1.5em;
    margin-bottom: 15px;
}

table {
	font-size:100%;
	}	
	
th {
	font-weight:bold;
	text-align:center;
	}	

table#wp-calendar caption {
	text-align:center;
	font-weight:bold;
	}	
	
 table#wp-calendar tbody td {
 	padding:2px;
	text-align:center;
	background-color: #E9DFC0;
 }	
 
 table#wp-calendar tbody td a {
 	font-weight:bold;
	background-color: #E8CCA4;
	}	

	
/* Header Styling */
#wrap {
	margin: 0 auto;
	width: 980px;
	}
	
#head {
	margin: 25px 0;
	overflow: hidden;
	}
	
#head h1 {
	float: left;
	margin-left: 20px;
	}
	
#head h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 123.1%;
	font-style: italic;
	float: right;
	line-height: 1.7em;
	text-align: right;
	margin: 0 20px 0 0;
	width: 500px;
	}

/* Navigation Styling */
#nav {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
	border-bottom: none;
	clear: both;
	padding: 0 20px;
	width: 939px;
	}

#nav ul {
	margin: 0;
	}

#nav ul li {
	display: inline;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.3em;
	margin-right: 25px;
	}
	
#nav ul li a:link, #nav ul li a:visited {
	display: -moz-inline-stack;
	display: inline-block;
	font-weight: bold;
	text-decoration: none;
	padding: 20px 20px;
	}
	
#nav ul li a:hover, #nav ul li a:active, #nav ul li a:focus {
	outline: none;
	}
	
/* Page Layout */
#content {
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	float: left;
	padding: 19px 19px 30px 0;
	margin-bottom: 5px;
	overflow: hidden;
	width: 960px;
	}
	
.contentwrap {
	padding-left: 19px;
	overflow: hidden;
	}
	
#content h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:161.6%;
	font-weight: bold;
	margin-bottom: 10px;
	}

#content div.extras ul, div#mainarea ul {
	margin-left:15px;
	}

div#mainarea ul.meta {	
	margin:0 0 25px;
	}
	
#content li {
	margin-bottom: 10px;
	list-style:square;
	}

/* Portfolio Items */
.work {
	float: left;
	margin: 0 20px 40px 0;
	width: 460px;
	}
	
.work a {
	outline: none;
	}
	
.work p {
	font-size: 100%;
	font-weight: bold;
	margin: 8px 0 10px 0;
}

.work span {
	font-size: 85%;
	font-weight: normal;
	}

.last {  
	margin-right:0 !important;  
	}
	
/* Homepage Widgets */
.extraswrap {
	margin-top: 10px;
	overflow: hidden;
	}

.extras {
	float: left;
	margin: 0 0 0 20px;
	width: 300px;
	}

/* FlickrRSS widget */
.flickr {
	display: inline;
	}
	
.flickr a:link img, .flickr a:visited img {
	margin: 0 10px 10px 9px;
	}

/* Twitter widget */
#content div.extras ul.twitter {
	margin: 0;
	}
	
ul.twitter li.twitter-item {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	list-style: none;
	list-style-position:outside;	
	margin-bottom: 20px;
	padding: 8px 10px;
	}
	
ul.twitter li.twitter-item span abbr {
	border-bottom: none;
	display: block;
	font-size: 93%;
	font-style: italic;
	margin-top: 3px;
	}

div#content ul.twitter li {
	margin-bottom: 20px;
	list-style:none;
	}
	
	

/* Footer */
p.footer {
    clear: both;
    font-size: 85%;
    font-style: italic;
    padding: 5px 20px;
	text-align:center;
    }

/* Main Content */
#mainarea {
	float: left;
	padding-right: 30px;
	width: 690px;
	}

/* Blog Posts */
.blogpost {
	clear: both;
	margin-bottom: 45px;
	padding-bottom: 40px;
	overflow: hidden;
	}
	
.singleblog{overflow:hidden;}

ul.meta {
	margin: 0 0 25px 0;
	}
	
ul.meta li {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 1.3em;
	margin-right: 10px;
	padding-left: 12px;
	text-transform: uppercase;
	}
	
ul.meta li:first-child {
	border: none;
	padding-left: 0;
	}
	
.alignleft {
	float: left;
	margin: 0 10px 8px 0;
	}
	
.alignright {
	float: right;
	margin: 0 0 8px 10px;
	}
	
.aligncenter {
	margin: 10px auto;
	}

/* Sidebar */
#sidebar {
	float: left;
	width: 220px;
	}

#sidebar ul {
	margin: 0;
	}

#sidebar ul li {
	list-style: none;
	margin-left: 0;
	margin-bottom: 25px;
	}

li h3 {
    font-size: 123.1%;
    line-height: 1.4em;
    margin: 5px 0 5px 0;
    }


/* Sidebar Search Form */

#sidebar ul li#search {
    margin-bottom: 25px;
    }
	
.hidden{display:none;}
	
#sidebar ul li#search form #s {
    padding: 7px 29px 7px 7px;
    width: 182px;
    }
	
#sidebar ul li#search form #searchsubmit {
    display: none;
    }


/* Sidebar Lists (eg. Meta, Archives, Categories) */

#sidebar ul li ul {
    padding: 15px 5px 15px 8px;
    }
	
#sidebar ul li ul li {
    list-style-position: outside;
    margin: 0 0 5px 20px;
    }

/* Comments */
h4#comments {
	clear: both;
	margin: 45px 0 5px 0;
	}

.commentlist li {
	font-size: inherit;
}

.commentlist li .avatar { 
	float: right;
	}

.commentlist cite {
	font-weight: bold;
	font-style: normal;
	font-size: 100%;
	}
	
.commentlist p {
	font-size: 93%;
	font-weight: normal;
	line-height: 1.5em;
	margin: 10px 5px 10px 0;
	text-transform: none;
	}

.commentmetadata {
	display: block;
	font-size: 93%;
	font-weight: normal;
	line-height: 1.100%;
	margin: 0;
	}
	
.commentlist .reply {
	font-size: 93%;
	font-weight: bold;
	}

.commentlist {
	margin: 0 0 20px 0;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 10px;
	list-style: none;
	}
	
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
	}

.comms-navigation, .navigation {
	clear: both;
	display: block;
	margin-bottom: 20px;
	overflow: hidden;
	}

.children {
	padding: 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}


/* Comment Form */
#respond h4 {
	clear: both;
	margin: 45px 0 10px 0;
	}

form p {
	padding-bottom: 10px;
	margin: 5px 0;
	}
	
form p label {
	display: inline-block;
	margin-right: 10px;
	text-align: right;
	width: 5em;
	}
	
form p label[for="comment"] {
	vertical-align: top;
	}
	
input, textarea {
	padding: 3px;
	}
	
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	overflow: auto;
	}
	
input#submit {
	padding: 5px 3px;
	}

/* Comment List */
.commentlist li .avatar { 
	border: 2px solid #f2e9ea;
	}

.commentlist cite a:link, .commentlist cite a:visited {
	color: #333;
	}
	
.commentlist .commentmetadata a:link:first-child, .commentlist .commentmetadata a:visited:first-child {
	color: #333;
	}

.thread-alt {
	background-color: #F6F6EC;
	}
	
.thread-even {
	background-color: #F9F9F3;
	}
	
.depth-1 {
	border: 1px solid #E8E3C8;
	}

.even, .alt {
	border-left: 1px solid #E8E3C8;
	}

input, textarea {
	background-color: #F6F6EC;
	border: 1px solid #E8E3C8;
	}
	
input:focus, textarea:focus {
	border: 1px solid #dad4b6;
	}

.worksearch {
    clear: both;
    margin: 0 0 45px 0;
    padding: 0 0 40px 0;
    width: 690px;
}

ul.bloglist {
    margin: 0;
    }
	
ul.bloglist li {
    clear: both;
    font-size: 100%;
    line-height: 1.3em;
    list-style: none;
    margin-bottom: 17px;
    overflow: hidden;
    }
	
ul.bloglist li img {
    border: none;
    float: left;
    margin-right: 7px;
    }
	
ul.bloglist li .posttitle, ul.bloglist li .postdate {
    display: block;
    font-size: 100%;
    }

ul.bloglist li .posttitle {
    font-weight: bold;
    margin-top: 2px;
    }
	
ul.bloglist li .postdate {
    font-size: 93%;
    font-style: italic;
    font-weight: normal;
    }

ul.bloglist li a:link, ul.bloglist li a:visited {
    display: block;
    padding: 2px;
    overflow: hidden;
    }
	
ul.bloglist li a:hover, ul.bloglist li a:active, ul.bloglist li a:focus {
    text-decoration: none;
    }