/*
Theme Name: Neutra
Theme URI: http://www.artmov.com/blog/246/neutra-theme-for-wordpress/
Description: Grid-based with a focus on typography and simplicity. A simple and elegant theme.
Version: 0.3.3-wpcom
Author: Artmov
Author URI: http://www.artmov.com
Tags: white, light, two-columns, right-sidebar, custom-menu, fixed-width, sticky-post, custom-background, rtl-language-support, translation-ready, blog, bright, colorful, elegant, geometric, lifestream, minimal

Released under the <a href="http://www.perlfoundation.org/artistic_license_2_0">Artistic License 2.0</a>

Adapted for WordPress.com by Automattic, March 2010

*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
ul, ol, dl {
	padding: 10px;
}
ul li {
	list-style: none;
	margin: 0 0 10px 0;
}
ul li ul {
	padding-top: 5px;
}
ol li {
	margin: 0 0 10px 0;
}
ol li ol {
	padding-top: 5px;
}
dl dd {
	margin: 0 0 0 10px;
}
table {
	border-collapse: collapse;
	margin: 0 0 10px 0;
}
th, td {
	border: 1px solid #CCC;
	padding: 10px;
}
th {
	font-weight: bold;
	text-align: center;
}
caption {
	margin: 0 0 10px 0;
	text-align: center;
}
p, fieldset {
	line-height: 19px;
	margin: 0 0 10px 0;
}
abbr, acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}
h1 {
	font-size: 20px;
	font-weight: normal;
	margin: 0 0 10px 0;
}
h2 {
	font-size: 18px;
	font-weight: normal;
	margin: 0 0 10px 0;
}
h3 {
	font-size: 16px;
	font-weight: normal;
	margin: 0 0 10px 0;
}
h4 {
	font-size: 14px;
	font-weight: normal;
	margin: 0 0 10px 0;
}
h5 {
	font-size: 13px;
	font-weight: normal;
	margin: 0 0 10px 0;
}
h6 {
	font-size: 12px;
	font-weight: normal;
	margin: 0 0 10px 0;
}
.floatleft {
	float: left;
}
.floatright {
	float: right;
}
.clearing {
	clear: both;
}
.icon {
	position: relative;
	bottom: -4px;
	margin-right: 8px;
}
.padding {
	padding: 10px;
}
.nomargintop {
	margin-top: 0px !important;
}
.nomarginright {
	margin-right: 0px !important;
}
.nomarginbottom {
	margin-bottom: 0px !important;
}
.nomarginleft {
	margin-left: 0px !important;
}
.nobordertop {
	border-top: none !important;
}
.noborderight {
	border-right: none !important;
}
.noborderbottom {
	border-bottom: none !important;
}
.noborderleft {
	border-left: none !important;
}
.nopaddingtop {
	padding-top: 0px !important;
}
.nopaddingright {
	padding-right: 0px !important;
}
.nopaddingbottom {
	padding-bottom: 0px !important;
}
.nopaddingleft {
	padding-left: 0px !important;
}

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
}
a {
	color: #059BFF;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #444;
	font-weight: bold;
	text-decoration: underline;
}
a:visited {
	color: #059BFF;
	font-weight: bold;
}
a:active {
	color: #999;
}
a.target-blank, a[target="_blank"] {
	background: url(images/ico-icons.png) no-repeat right 5px;
	padding: 0 25px 0 0;
}
a.happy-face {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 18px;
	height: 18px;
	background: url(images/ico-icons.png) no-repeat 0px -63px;
}
p {
	color: #444;
	font-size: 12px;
	line-height: 22px;
}
ul, ol {
	padding: 0;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	float: left;
	margin: 0 10px 5px 0;
}
img.alignright {
	float: right;
	margin: 0 0 5px 10px;
}
.gallery {
	padding-bottom: 20px;
}
#container {
	width: 980px;
	margin: 50px auto;
}

/* ----- Header ----- */
#header {
	width: 980px;
	overflow: hidden;
	margin: 0 0 50px 0;
}
#header h1 {
	width: 760px;
	margin: 0 50px 0 0;
	font-size: 45px;
	font-weight: normal;
	letter-spacing: -2px;
}
#header p {
	float: left;
	width: 135px;
	margin: 0 50px 0 0;
	color: #999;
	font-size: 11px;
	line-height: 11px;
}
#header #menu {
	float: left;
	width: 575px;
	margin-left: 185px;
	padding: 0 0 30px 0;
	position: absolute;
	z-index: 100;
}
#header #menu ul li {
	display: block;
	float: left;
	list-style: none;
	position: relative;
}
#header #menu ul li a {
	color: #777;
	margin: 0 30px 0 0;
	font-size: 20px;
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: -1px;
}
#header #menu ul li a:hover, #header #menu ul li.current_page_item a {
	color: #222;
	text-decoration: none;
}
#header #menu ul li ul { /* L1 */
	display: none;
	background: #FFF;
	position: absolute;
	z-index: 1000;
	top: 20px;
	left: 1px;
}
#header #menu ul li ul {
	width: 130px;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 2px solid #CCC;
	border-bottom: 2px solid #CCC;
}
#header #menu ul li ul li {
	width: 120px;
	padding: 5px;
	margin: 0;
	border-bottom: 1px solid #CCC;
	background: #FFF;
}
#header #menu ul li ul li a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0;
	margin: 0;
}
#header #menu ul li.current_page_item ul li a {
	color: #777;
}
#header #menu ul li.current_page_item ul li a:hover {
	color: #222;
}
#header #menu ul li ul li ul { /* L2 */
	margin: 0;
	padding: 0;
	position: absolute;
	top: -1px;
	left: 130px;
}
#header #menu ul li:hover > ul {
	display: block;
}
#header #menu ul ul > li.current_page_item,
#header #menu ul ul > li.current_page_parent,
#header #menu ul ul > li.current_page_ancestor,
#header #menu ul ul > li.current-cat,
#header #menu ul ul > li.current-menu-ancestor,
#header #menu ul ul > li.current-menu-item,
#header #menu ul ul > li.current-menu-parent {
	background: #ddd;
}
#header #menu ul.menu > li.current_page_item > a,
#header #menu ul.menu > li.current_page_parent > a,
#header #menu ul.menu > li.current_page_ancestor > a,
#header #menu ul.menu > li.current-cat > a,
#header #menu ul.menu > li.current-menu-ancestor > a,
#header #menu ul.menu > li.current-menu-item > a,
#header #menu ul.menu > li.current-menu-parent > a {
	color: #222;
}
#header #search {
	float: right;
	width: 170px;
}
#header #search form#searchform input.ipt-keywords {
	width: 96px;
	height: 18px;
	padding: 5px 0 3px 25px;
	background: url(images/bg_search.png) no-repeat;
	font-size: 11px;
	font-weight: normal;
	color: #888;
	border: 0;
}
#header #search form#searchform input.btt-search {
	color: #555;
	font-size: 11px;
	font-weight: bold;
	background: none;
	border: 0;
}
#page {
	width: 980px;
	overflow: hidden;
}

/* ----- Left content ----- */
#left {
	float: left;
	width: 760px;
}
	#left.full {
		width: 945px; /* allow for a wider image layout */
	}
.postcontent, .results {
	width: 575px;
	overflow: hidden;
	margin: 10px 0;
	padding: 0 0 0 185px;
}
	.full .postcontent {
		width: 760px;
	}
#left .post {
	clear: both;
	margin: 0 0 10px 0;
	color: #444;
}
#left h1 {
	color: #666;
	font-size: 33px;
	font-weight: normal;
	margin: 0;
}
#left h2, #left h2 a {
	color: #666;
	font-size: 26px;
	font-weight: normal;
	margin: 0;
}
#left h2 strong a {
	font-weight: bold;
}
#left h2.title {
	background: url(images/bg_post_border.png) bottom left no-repeat;
	margin: 10px 0;
	padding: 0 0 15px 185px;
}
#left h3, #left h4, #left h5, #left h6 {
	color: #666;
	font-weight: normal;
}
#left h3 a {
	font-size: 21px;
	color: #666;
	font-weight: normal;
}
#left h4 {
	margin-bottom: 12px;
}
#left h4 a {
	font-size: 18px;
	color: #666;
	font-weight: normal;
}
#left p {
	font-size: 12px;
	line-height: 28px;
	color: #555;
}
#left p a.more-link {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	background: url(images/ico-icons.png) no-repeat left -22px;
	margin: 0 0 0 15px;
	padding: 0 0 0 20px;
}
#left ul li {
	list-style: inside disc;
}
#left ol li {
	list-style: inside decimal;
}
#left ul li, #left ol li {
	color: #777;
}
#left ul ul li, #left ol ol li {
	padding-left: 30px;
}
#left blockquote {
	padding: 0 20px;
	font-style: italic;
	line-height: 18px;
}
#left img {
	max-width: 575px;
}
	#left.full img {
		max-width: 760px;
	}
#left address, #left kbd {
	font-family: Times New Roman, serif;
	font-size: 15px;
	line-height: 24px;
}
#left big {
	font-size: 17px;
}
#left cite {
	font-size: 14px;
	font-style: italic;
	line-height: 24px;
}
#left code {
	font-family: Trebuchet MS, Verdana, Arial, serif;
	font-size: 12px;
	color: #999;
}
#left pre, #left q {
	font-size: 15px;
}
#left dl {
	padding: 0;
}
#left ul.post-categories {
	display: inline;
	margin: 0;
}
#left ul.post-categories li {
	list-style: none;
	display: inline;
	padding: 0 10px 0 0;
}
#left .link-pages {
	margin: 10px 0;
	color: #999;
}
#left .link-pages a {
	padding: 5px;
	background: #EEE;
	color: #444;
}
#left .postmetadata {
	overflow: hidden;
	margin: 20px 0 20px 0;
	padding: 20px 0 0 0;
	border-top: 2px solid #F1F1F1;
	clear: both;
}
#left .postmetadata .floatleft {
	width: 79%;
}
#left .postmetadata .floatright {
	width: 21%;
}
#left .postmetadata p {
	margin: 0 0 10px 0;
	font-size: 11px;
	color: #777;
	line-height: 18px;
}
#left .postmetadata span {
	display: inline;
}
#left .postmetadata span a {
	font-size: 11px;
	color: #777;
	font-weight: normal;
}
#left .postmetadata span a:hover {
	text-decoration: underline;
}
#left .postmetadata span.date {
	background: url(images/ico-icons.png) no-repeat left -36px;
	padding: 0 0 0 20px;
}
#left .postmetadata span.category {
	background: url(images/ico-icons.png) no-repeat left -48px;
	padding: 0 0 0 20px;
}
#left .postmetadata span.comments {
	background: url(images/ico-icons.png) no-repeat left -11px;
	padding: 0 0 0 20px;
}
#left .postmetadata span.tags {
	background: url(images/ico-icons.png) no-repeat left -22px;
	padding: 0 0 0 20px;
}
.navigation {
	width: 575px;
	overflow: hidden;
}
#left .navigation {
	padding: 0 0 0 185px;
	margin: 15px 0 30px 0;
}
	#left .navigation.image {
		width: 760px;
		padding: 3px 0 0;
}
#comment-template .navigation {
	padding: 0;
}
#left .navigation a {
	display: block;
	background: #F1F1F1;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
}
	#left .navigation.image a {
		background: none;
		display: inline;
		padding: 0;
	}
.edit-post {
	clear: both;
	margin-top: 20px;
}

/* ----- Right content ----- */
#right {
	float: left;
	width: 170px;
	overflow: hidden;
	margin-left: 50px;
	padding: 50px 0 0 0;
	color: #555;
	font-size: 12px;
}
#right h2 {
	display: inline;
	font-size: 14px;
	background: url(images/bg_right_title.png) no-repeat center right;
	padding: 0 20px 0 0;
}
#right ul li {
	color: #555;
	margin: 0 0 25px 0;
	font-size: 12px;
	list-style: none;
}
#right ul li a {
	color: #777;
	font-weight: normal;
}
#right ul li ul {
	margin: 5px 0;
}
#right ul li ul li {
	margin: 0 0 5px 0;
}
#right ul ul ul {
	margin-left: 10px;
}

/* ----- Comments and trackbacks ----- */
#comment-template {
	clear: both;
	width: 575px;
	overflow: hidden;
	margin: 10px 0 0;
	padding: 0 0 0 185px;
}
#comment-template h2 {
	margin: 0 0 15px 0;
	border-bottom: 2px solid #F1F1F1;
	color: #666;
	font-size: 23px;
	font-weight: normal;
	line-height: 26px;
}
#comment-template h2 span {
	border-bottom: 5px solid #64C1FF;
}
#comment-template p.do-you-comment {
	float: left;
	color: #CC3366;
	font-size: 17px;
}
#comment-template p.do-you-comment a {
	color: #444;
	font-weight: normal;
}
#comment-template p.trackback {
	float: right;
	margin: 0;
	color: #666;
	font-size: 11px;
}
#comment-template p.trackback a {
	color: #777;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}
#comment-template p.trackback a:hover {
	text-decoration: underline;
}
#comment-template p.comments-closed {
	font-size: 20px;
}
#commentlist {
	clear: both;
	padding-top: 40px;
}
#commentlist li {
	background: #F6F6F6;
	clear: both;
	width: 100%;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 20px 0 0 0 !important;
	border-bottom: 2px solid #F1F1F1;
	color: #555;
	list-style: none;
	line-height: 23px;
}
#commentlist li.alt {
	background: #fff;
}
#commentlist .comment-avatar {
	float: left;
	width: 80px;
	padding-left: 30px;
	text-align: center;
}
#commentlist .comment-body {
	margin-left: 155px;
}
#commentlist .avatar-wrap {
	text-align: center;
}
#commentlist .avatar-wrap img.avatar {
	width: 80px;
	height: 80px;
}
#commentlist .author {
	font-size: 17px;
	font-weight: normal;
	font-style: italic;
}
#commentlist .author a {
	color: #444;
}
#commentlist .date {
	color: #444;
	font-size: 11px;
	font-style: italic;
}
#commentlist .date span {
	float: right;
	display: block;
	padding: 10px 15px 5px 15px;
	border-bottom: 5px solid #E4F1C0;
}
#commentlist .date a {
	color: #444;
}
#commentlist .comment-text {
	padding-right: 10px;
}
#commentlist .comment-text a {
	color: #666;
}
.comment-meta a {
	color: #999;
	font-weight: normal;
}
#commentlist ul.children {
	clear: both;
	margin-left: 30px;
}
#commentlist .children li {
	width: auto;
	list-style: none;
}
/* highlight author comment */
#commentlist li.bypostauthor {
	background: #f1f4e8;
	border-bottom: 2px solid #dfebbb;
}
#commentlist li.bypostauthor .date span {
	border-bottom-color: #dfebbb;
}
#respond {
	padding-top: 30px;
}
#respond h3 {
	font-size: 23px;
	font-weight: normal;
	color: #666;
	margin: -30px 0 0;
	border-bottom: 2px solid #f1f1f1;
}
#respond h3 span {
	border-bottom: 5px solid #ffa061;
}
#respond p.logged-as {
	text-align: right;
	font-size: 11px;
}
#respond p.logged-as a {
	color: #555;
}
#respond p {
	margin: 10px 0;
	line-height: 22px;
}
#respond label {
	color: #555;
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 5px 0;
}
#respond .required {
	color: #ffa061;
	margin-left: 5px;
}
#respond input[type="text"],
#respond input#submit {
	width: 560px;
	border-top: 1px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 3px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 5px;
	color: #555;
	font-size: 12px;
}
#respond textarea {
	width: 560px;
	border-top: 1px solid #ccc;
	border-right: 2px solid #ccc;
	border-bottom: 3px solid #ccc;
	border-left: 1px solid #ccc;
	padding: 5px;
	color: #555;
	font-family: Arial, sans-serif;
	font-size: 12px;
}
#respond input#submit {
	float: right;
	width: 150px;
	font-size: 14px;
	background: #fff;
}
#respond .form-allowed-tags {
	display: none;
}
#respond #cancel-comment-reply-link {
	color: #059bff;
	margin-left: 5px;
	font-size: 16px;
}
.children #respond {
	width: 95%;
}
.children #respond input[type="text"],
.children #respond textarea {
	width: 97%;
}
#trackbacks {
	margin: 20px 0 0 0;
}
#trackbacks h2 {
	font-size: 23px;
	font-weight: normal;
	color: #666;
	margin: 0;
	border-bottom: 2px solid #F1F1F1;
}
#trackbacks h2 span {
	border-bottom: 5px solid #D7EFFF;
}
#trackbacks ol {
	margin: 15px 0 0 0;
}
#trackbacks ol li {
	padding-left: 0;
}
#trackbacks ol li a {
	color: #555;
	font-size: 12px;
	font-weight: normal;
}

/* ----- Footer ----- */
#footer {
	width: 980px;
	overflow: hidden;
	margin: 70px 0 0 0;
	text-align: left;
}
#footer p {
	font-size: 11px;
	color: #888;
	font-weight: normal;
	line-height: 18px;
}
#footer p a {
	color: #888;
}

/* ----- Safari ----- */
@media all and (-webkit-min-device-pixel-ratio:0) {
	#left .postmetadata span.tags {
		background: url(images/ico-icons.png) no-repeat left -24px;
	}
}

/* ----- WordPress.com additions ----- */
.widget_rss_links p {
	margin: 5px 0;
}
.widget_rss_links p a {
	vertical-align: middle;
}
#right .widget_calendar h2 {
	background: none;
	display: block;
	padding: 0;
}
.widget_calendar table, .widget_calendar caption {
	width: 170px; /* force to sidebar width */
}
.widget_calendar th, .widget_calendar td {
	padding: 1px 1px;
	border-color: #fff;
	text-align: center;
}
.widget_recent_comments tr td {
	overflow: hidden;
	padding-bottom: 2px !important;
	border: 0;
	vertical-align: top;
}
.widget_recent_comments img.avatar {
	padding: 2px 0 3px 0;
}
.widget_recent_comments li {
	margin: 5px;
}
.widget_flickr table {
	margin: 0;
	border: 0 !important;
}
.widget_flickr td {
	padding: 10px 0;
	border: 0;
}
.widget_authors img {
	vertical-align: middle;
}
.widgettitle + div, .widgettitle + table, .widgettitle + ul, .widgettitle + p {
	margin-top: 5px; /* breathing room for inline titles */
}
#wpstats {
	margin: 6px; /* :) */
}


/* =I7
-------------------------------------------------------------- */

#ie7 #header {
	margin-bottom: 0;
}
#ie7 #header #search {
	min-height: 200px;
	position: relative;
}