/* @override 
	http://johannafreiman.local/css/styles.css
	http://johannafreiman.se/css/styles.css
*/

html {
	background: transparent url(../images/new_layout/ginko-pattern.jpg) top left repeat;
	font-family: 'Palatino Linotype', Palatino, Palladio, 'URW Palladio L', 'Book Antiqua', Baskerville, 'Bookman Old Style', 'Bitstream Charter', 'Nimbus Roman No9 L', Garamond, 'Apple Garamond', 'ITC Garamond Narrow', 'New Century Schoolbook', 'Century Schoolbook', 'Century Schoolbook L', Georgia, serif;
	font-size: 67.5%;
}

body {
	font-size: 1.2em; line-height: 1.5em;
}

.wrapper {
	background: #b2b2b2 url(../images/new_layout/page_background.gif) top left repeat;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.8); -moz-box-shadow: 0 3px 5px rgba(0,0,0,.7); box-shadow: 0 3px 5px rgba(0,0,0,.7);
	-webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;
	padding: 0 2em;
	position: relative;
	z-index: 10;
}

.header {
	height: 339px;
	background: transparent url(../images/new_layout/header_img.png) top left no-repeat;
}

ul.navigation {
	float: right;
	display: block;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

ul.navigation li {
	display: inline;
}

ul.navigation li a {
	color: #fff;
	background: #000;
	display: block; float: left;
	font-size: 13px;
	font-weight: bold;
	padding: 5px 8px 2px;
	border-bottom: 3px #000 solid;
	text-decoration: none;
}

ul.navigation li a.current_section {
	border-bottom-color: #fff;
}

ul.navigation li a:hover {
	border-bottom-color: #c00;
}

h1 a {
	display: block; height: 120px;
	margin: 187px 1em 0 -1em;
	text-indent: -9999px;
	background: transparent url(../images/new_layout/johanna_logo.png) top right no-repeat;
}

h1 a:hover {
	background-position: bottom right;
}

.content {
	padding: 1em 0;
}

h2 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 1em 0;
	font-weight: bold;
	font-size: 1.8em;
	color: #fff;
	text-shadow: 0 1px 1px #333;
}

.list_article {
	margin: 1em 0 0;
	padding: 0 0 1em;
	color: #fff;
	border-bottom: 1px #ccc solid;
}

.grid_4 {
	color: #fff;
	font-size: 1.1em;
}

.grid_4 p {
	text-align: right;
}

#search {
	text-align: right;
}

#search-scope {
	text-align: right;
}

.list_article a,
.article a,
.footer a,
.grid_4 a {
	color: #000;
	text-decoration: underline;
}

.list_article a:hover,
.article a:hover,
.footer a:hover,
.grid_4 a:hover {
	color: #c00;
	text-decoration: none;
}

h3, .short {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 1em 0;
	font-weight: bold;
	font-size: 1.4em;
	color: #fff;
	text-shadow: 0 1px 1px #333;
}

h3 a, .short a {
	text-decoration: none !important;
	color: #fff !important;
}

h3 a:hover, .short a:hover {
	text-decoration: underline !important;
}

h4 {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	text-shadow: 0 1px 1px #333;
	margin-top: 1em;
}

p {
	color: #fff; text-shadow: 0 0 1px #b2b2b2;
}

.article p,
.chat {
	font-size: 1.1em;
	margin: 0.5em 0;
	overflow: hidden;
}

.list_article img {
	background: #fff;
	border: 1px solid #999;
	padding: 3px;
}

p.meta {
	font-size: 0.8em;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #eee;
	border-top: 1px solid #eee;
	margin-top: 1em;
}

.footer p {
	text-align: right;
	margin: 1em 0;
}

.comment-form label {
	display: block;
	color: #fff;
	font-size: 1.1em;
}

.comment-form div {
	margin-top: 0.5em;
}

.comment-form .text-input input {
	width: 20em;
	padding: 2px;
}

.comment-form .text-input textarea {
	width: 30em;
	height: 8em;
	padding: 2px;	
}

strong {
	font-weight: bold;
}

#tumblr_controls {
	z-index: 5 !important;
}