/*
Theme Name: Hanna's Theme
Theme URI: http://www.hannamijakobson.com/
Description: Customized theme for Hanna!
Version: 1.0
Author: Kim Metso
Author URI: http://slackernrrd.com/
*/


/***** CENTER CONTENT *****/

body {
	text-align: center;
}

body div {
	text-align: left;
}


/***** MENU *****/
ul.menu {
	position:relative;
	width: 900px;
	margin: 0 auto;

	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.7em;
	line-height: 1.2em;

	list-style-type: none;

	padding: 0;

	overflow: hidden;
	
	background-position:right bottom;
	background-repeat:no-repeat;
}

.language-svenska #header ul.menu {
	background-image:url(hannacyklar.gif);	
}

.language-english #header ul.menu {
	background-image:url(hannacycling.gif);	
}

ul.menu li {
	padding: 0;
	margin: 0 1.5em 0 0;

	float: left;
}

#header ul.menu li {
	margin-top: 80px;
}

ul.menu a {
	text-decoration: none;
}

ul.menu li a {
	color: #8d8d8d;
}

ul.menu li.current_page_item a,
.page-template-slideshow-php ul.menu .page-item-13 a, .page-template-slideshow-php ul.menu .page-item-73 a,
.page-template-blogg-archive-php ul.menu .page-item-11 a, .page-template-blogg-archive-php ul.menu .page-item-69 a, 
.single ul.menu .page-item-11 a, .single ul.menu .page-item-69 a,
.language-english #footer ul.menu .language-english a, .language-svenska #footer ul.menu .language-svenska a
{
	color: #000000;
}


/***** HEADER & FOOTER *****/

#header {
	margin: 0 auto 0;
}

#footer {
	margin: 1em auto;
}

/***** CONTENT AREA *****/

.one-third-width {
	width: 300px;
}

.two-thirds-width {
	width: 600px;
}

.three-thirds-width {
	width: 900px;
}

.content {
	position:relative;
	width: 900px;
	height: 450px;
	margin-top: 0.6em;
	margin-left: auto;
	margin-right: auto;

	overflow:hidden;

	border: 1px solid black;
}

.content-image, .content-text {
	float: left;
}

.content-text {
	padding: 25px;
	overflow-y: scroll;
	height: 400px;
}

.page-template-slideshow-php .content-text {
	padding: 0;
	overflow-y: hidden;
	height: 450px;
}

.content-text-one-third-width {
	width: 250px;
}

.content-text-two-thirds-width {
	width: 550px;
}

.content-text-three-thirds-width {
	width: 850px;
}


/***** CONTENT *****/
.content h1, .content h2, .content h3 {
	font-family: "Palatino Linotype", "Book Antiqua", "Palatino", serif;
	font-weight: normal;
}
.content h1 {
	font-size: 2em;
	margin-bottom: 0.5em;
}

.content h2 {
	font-size: 1.2em;
	margin-bottom: 0.3em;
}

.content h3 {
	font-size: 1em;
	margin-bottom: 0.2em;
	font-style: italic;
}

.content-text p, .content-text ul.archive-list, .content-text .post-signature, .content-text ul.slideshow-list {
	font-family: Georgia, serif;
	font-size: 0.75em;
	margin-bottom: 1em;
	line-height: 1.5em;
}

.content-text a.permalink {
	color: #000000;
	text-decoration: none;
}

.content-text .post-date, .content-text .post-navigation {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.7em;
	margin-bottom: 0.3em;
}

.content-text .post-navigation {
	margin-bottom: 2em;
}

.content-text ul.archive-list li {
	margin-bottom: 0.3em;
}

.content-text a {
	color: #8d8d8d;
	text-decoration: underline;
}

.content-text .post-signature {
	margin-bottom: 2em;
}


/***** COMMENTS *****/
h2.comments {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 1em;
	margin-bottom: 0.5em;
}

.commentlist {
	margin-bottom: 1em;
}

.commentlist .comment {
	padding: 1em;
}

.commentlist .even {
	background-color: #f0f0f0;
}

.commentlist .comment .comment-meta {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.7em;
	margin-bottom: 1em;
}

.commentlist .comment .comment-meta em {
	font-weight: bold;
	font-style: normal;
	display: block;
	margin-bottom: 0.2em;
}
.commentlist .comment p {
	margin: 1em 0 0 0;
}

.comment-navigation {
	overflow: hidden;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.7em;
	margin: 1em 0;
}

.comment-navigation .alignright {
	float: right;
}

.comment-navigation .alignleft {
	float: left;
}

#commentform div.form-input input {
	border: 0;
	margin: 3px;
	padding: 0 3px;
	width: 188px;

}

#commentform div.form-input textarea {
	border: 0;
	margin: 3px;
	padding: 0 3px;

}

#commentform div.form-input, div.form-submit {
	overflow:hidden;
	margin-top: 1em;
}

#commentform div.form-input label {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 0.7em;
	margin-bottom: 0.3em;	
}


.frmShdwTopLt, .frmShdwTopLtText {
	background:url(shadowUpperLeft.gif) top left no-repeat;
}

.frmShdwBottomRt, .frmShdwBottomRtText {
	background:url(shadowLowerRight.gif) bottom right no-repeat;
}

.frmShdwBottomLt, .frmShdwBottomLtText {
	background:transparent url(shadowBottomLeft.gif) bottom left no-repeat;
}

.frmShdwTopRt, .frmShdwTopRtText {
	background:transparent url(shadowTopRight.gif) top right no-repeat;
}

.frmShdwTopLtText, .frmShdwTopLt {
	margin-top: 0.3em;
}

.frmShdwTopLtText, .frmShdwBottomRtText, .frmShdwBottomLtText, .frmShdwTopRtText {
	x-position: relative;
	width: 200px;
}