/*
Theme Name: Froken April
Description: Theme for the blog @ frokenapril.se/blog/
Version: 1.0
Author: Karl Lindmark & Joel Esko
Author URI: http://ninetwozero.com
Tags: froken april

	Froken April v 1.0
	frokenapril.se

	Modification of Marcin Rybarczyk's "Tickled Pink"-theme. Original can be found @ rosecitygardens.com

*/

* {
	margin: 0;
	padding: 0;
	font-family: Arial,'Lucida Sans Unicode',sans-serif;
}



/* STRUCTURE */

body {
	text-align: center;
	font-size: 62.5%;
}

#page {
	width: 670px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	clear: both;
}

#singlecol {

	width: 670px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#header {
	margin-top: 5%;
	width: 670px;
	height: 240px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	vertical-align: top;
	text-align: left;
}
	
#headerimg {
	width: 420px;
	float: right;
	text-align: left;
	padding-top: 80px;
}

#header #headerimg h1 a, #header #headerimg a  {
	text-align: left;
}	


#content {
	float: right;
	text-align: left;
	width: 400px;
	padding-right: 20px;
}

#content2 {
	float: right;
	text-align: left;
	width: 600px;
	padding-right: 20px;
}

.size-full { /* 2010-01-16 */
        max-width: 375px;
}

#sidebar {
	width: 175px;
	padding-left: 25px;
	float: left;
}
	
.left {
	width: 100%;
	clear: both;
}

#pushdown {
	height: 15px;
}

#footer {
	width: 670px;
	margin-left: auto;
	margin-right: auto;
	height: 83px;
    clear: both;	
}

.liul {
	padding-top: 5px;
}

 
/* END STRUCTURE */

/* BG */

body {
	background: #fae0eb url(images/body.png);
}

#page {
	background: transparent url(images/middle-background.png) repeat-y;

}

#header {
		background: transparent url(images/header.png) no-repeat;
}

#singlecol {
		background: url(images/single-container.png) repeat-y;
}
.post {
	border-bottom: 1px solid #ccc;
}

blockquote {
		border: 1px dotted #ccc;
}

#footer {
	background: url(images/footer.png) no-repeat;
}

#stats {
	background: #f5f5f5;
	border: 1px solid #ccc;
}

/* END BG */


/* HEADER  */

#header #headerimg h1, #header #headerimg a {
	font: 600 35px Verdana,"Lucida Grande",Helvetica,Arial,sans-serif;
	color: #FF9FC7;
	text-decoration: none;
}

.description {
	font: 600 1.3em 'Courier New',Courier,Garamond,'MS Serif';
	color: #999;
	letter-spacing: .2em;
	margin-top: 10px;
}

/* END HEADER  */


/* POSTS  */

.post  {
	padding-bottom: 25px;
	margin-bottom: 10px;
}

.entry {
	padding-top: 15px;
}

/* <h*> */ 

h1, h2, h3 {
	font-weight: 600;
	font-family: Verdana,"Lucida Grande",Helvetica,Arial,sans-serif;
}
h1 a:link, h1 a:visited, h2 a:link, h2 a:visited {
	color: #999;
}
#content h1, #content h2 {
	color: #999;
	font-size: 2.4em;

}

h1 a, h2 a {
	text-decoration: none;
}

.post h3, #content h3, #content2 h3 {
	color: #FF9FC7;
	font-size: 2.0em;

}

.post h3 a, #content h3 a, #content2 h3 a {
	text-decoration: none;
}

.post h3 a:link, .post h3 a:visited, .post h3 a:active, .post h3 a:hover, #content h3 a:link, #content h3 a:visited, #content h3 a:active, #content h3 a:hover, #content2 h3 a:link, #content2 h3 a:visited, #content2 h3 a:active, #content2 h3 a:hover {
	color: #FF9FC7;
}

h2#forumtitle, h2#singlecol {
	margin-top: 75px;
}

/* <*l> */

.post ul {
    list-style-type: none;
    margin-left: 10px;
    padding-bottom: 10px;
    font-size: 1.3em;
}

.post ul ul {
font-size: inherit;
}

.post ol {
    margin-left: 30px;
    padding-bottom: 10px;
    font-size: 1.3em;
}

.post ol ol {
font-size: inherit;
}

.post ul li {
	    background: url(images/bullet.png) no-repeat top left;
	    padding-left: 20px;
}

/* <p> */

.post .entry p {
	padding-bottom: 15px;
	font-size: 1.3em;
	line-height: 150%;
}

.entry blockquote p {
	padding: 0;
}

p.postmetadata {
	padding-top: 10px;
}
p.editlink {
	text-align: right;
	float: right;
	padding-top: 5px;
}
.commentlist .floatright, .commentlist .floatright a {
	font-size: 1.2em;
	line-height: 150%;
}

p.byline {
	font-size: 1.2em;
	color: #FF9FC7;
}

#sidebar p {
		font-size: 1.1em;
}

/* blockquote */

.post blockquote {
	display: block;
	width: 60%;
	margin-left: 15%;
	margin-right: 25%;
	margin-bottom: 15px;
	padding: 10px;
	
}

/* navigation_links */

.navigation {
	width: auto;
	margin-right: 20px;
	display: block;
	clear: both;
	padding-bottom: 20px;
	background: transparent;
	font-size: 1.1em;
}

.navigation .alignright {
	width: 40%;
	float: right;
	background: transparent url(images/rarrow.png) no-repeat top right;
	padding-right: 20px;
	text-align: right;

	}

.navigation .alignleft {
	float: left;
	width: 40%;
	background: transparent url(images/larrow.png) no-repeat top left;
	padding-left: 20px;
	text-align: left;

	}
.alignright a, .alignleft a {text-decoration: none;}



/* <a> */

a:link, a:visited {
	color: #000;
}

a:active, a:hover {
	color: #FF9FC7;
	}



/* font styles and colors */

#content, .post, .entry, .post ul li, .post ol li {

}

h2#forumtitle, h2#singlecol, .post h2 a {

	font-weight: 600;
	color: #999;
	text-decoration: none;

}


p.postmetadata {

	color: #666;
}

p.postmetadata a:link, p.postmetadata a:visited {
	color: #666;
}
p.postmetadata a:active, p.postmetadata a:hover{ 
	color: #cf6e9b;
	
}

small {

	color: #333;
	padding-bottom: 20px ;
}	

blockquote {
	color: #666;
}

#stats {

	color: #666;
}

#stats a:link, #stats a:visited {
	color: #666;
}

#stats a:active, #stats a:hover {
	color: #cf6e9b;
}


a.navigation, a.more-link, .sfforumlink, .editlink  {

}

a.more-link {
	background: transparent url(images/readmore.png) left no-repeat;
	padding-left: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}

p.editlink a:link, p.editlink a:visited {
	color: #999;
}

/* END POST FORMATTING */	

/* SIDEBAR FORMATTING */

#sidebar ul {
	margin-bottom: 15px;
	list-style-type: none !important;

	color: #FF9FC7;
	font-size: 10px;
}

#sidebar ul li {
}

#sidebar div {
	font-size: 14px;
	font-weight: bold;
}

#sidebar ul li ul {
	list-style-type: none;

}
	
	
#sidebar ul li ul li {

	line-height: 150%;
	color:  #000;
	background: url(images/bullet.png) no-repeat top left;
	padding-left: 15px;
	font-size: .9em;
}

#sidebar li.pagenav ul li.liul {
	background: url(images/bullet.png) no-repeat center left;
}
#sidebar ul ul ul {font-size: 100%;}

#sidebar ul li ul li a {
        color: #000;
}

#sidebar ul li ul li a:link, #sidebar ul li ul li a:visited {
	color: #333;
	border-bottom: none !important;
}

#sidebar ul li ul li a {
	text-decoration: none;
}

#sidebar ul li ul li a:active, #sidebar ul li ul li a:hover {
	color: #FF9FC7;
	border-bottom: none !important;
	}

#sidebar ul li h2, #sidebar ul li#theme-switcher h2.widgettitle, #sidebar ul li:first-line {
	color: #FF9FC7;
	font-size: 1.4em;
	font-weight: 600;
}

#sidebar ul li p {

	width: 175px;
	margin-bottom: 15px;
}
#sidebar ul ul li:first-line {

	color: #333;
	font-weight: normal;
}

#sidebar ul ul.children li.cat-item {
	font-size: inherit !important;
}

/* END SIDEBAR FORMATTING */  	

/* <form> */

form#commentform p input, form#commentform p textarea, #sidebar ul li select, #sidebar ul li select option {
	background-color: #f5f5f5;
}
form#commentform p input, form#commentform p textarea {
	border: 1px solid #ccc;
}

#content form p, #content2 form p {

	padding-top: 5px;
	padding-bottom: 5px;
}

form p a:link, form p a:active, form p a:visited, form p a:hover {
	color: #000;
}

label {
	font-size: 14px;
	font-weight: bold;
}

#commentform p input {
	width: 175px;
	margin-right: 10px;
	height: 20px;
}

#commentform textarea {
	width: 380px;
	height: 150px;
	background: #f5f5f5 ;
	border: 1px solid #ccc;
}
#content2 form textarea {
	width: 550px;
	background: #f5f5f5;
	border: 1px solid #ccc;
}

#submit {
	background: #f5f5f5 url(images/reply.png) no-repeat left;
	padding: 2px 2px 2px 18px;
	border-right: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font: 700 1.2em Verdana,Arial,sans-serif;
	width: auto !important;
	height: auto !important;
	text-align: left;
	
}

/* Search form */

li#search {
	padding-bottom: 15px;
} 

#searchsubmit, .searchbutton {
	background: #fff; /*url(images/searchglass.png) no-repeat left;*/
	color: #DFC3CF;
	border: none;
	font-weight: bold;
	height: 20px;
}

#s {
	width: 125px;
	background: #f5f5f5 ;
	border: 1px solid #ccc;
}

#searchform {
	margin-bottom: 10px;
}

/* END FORMS */


/* BEGIN CALENDAR */

li#calendar {
	margin-left: 0px;
	padding-left: 0px;
}

#wp-calendar {
	empty-cells: show;
	width: 155px;
	margin-left: 0px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: right;
	font: 600 10px Verdana, Arial, Sans-Serif;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
	
	#wp-calendar #prev a, #wp-calendar #next a {

	}

#wp-calendar a, #wp-calendar a:link, #wp-calendar a:visited {
	text-decoration: none;
	color: #FF9FC7;
	border-bottom: none;
	font: 600 11px Verdana,Arial,Sans-Serif;
	}

#wp-calendar caption {
	font: 700 14px Verdana, Arial, Sans-Serif;
	text-align: left;
	color: #FF9FC7;
	}

#wp-calendar th {
	font: 700 11px Verdana, Arial, Sans-Serif;
	text-transform: capitalize;
	color: #000;
	background: #f3f3f3;
	border-right: 1px solid #fff;
	text-align: right;
	
	}
/* END CALENDAR */

/* COMMENTS */

h3#comments {
	padding-top: 20px;
	font-size: 1.8em;
}

h3#respond {
	margin-top: 15px;
	font-size: 1.8em;
}

ol.commentlist {
	list-style-type: none;
	display: block;
	width: 400px;
	clear: both;
}

ol.commentlist li {
	padding-bottom: 10px;
	padding-top: 15px;

	border-bottom: 1px dotted #ccc;
}

ol.commentlist li div.floatleft {
	float: left;
	width: 75px;
	padding-right: 5px;
	border-right: 1px solid #ccc;
}

ol.commentlist li a:link, ol.commentlist li a:visited {
	color: #000;
}

ol.commentlist li a:active, ol.commentlist li a:hover {
	color: #000;
}

div.floatright {
	float: right;
	width: 300px;
	padding-left: 5px;
	padding-right: 5px;
}

.clear {
	clear: both;
	width: 100%;

}

.whitespace {
	height: 20px;
	background: #fff;
	clear: both;
}

#prefooter {
	width: 670px;
	height: 25px;
	margin-left: auto;
	margin-right: auto;
	background: url(images/single-container.png) repeat-y;
}
/* END COMMENTS */



/* Miscellaneous */

.clearboth {
	clear: both;
	width: 100%;
}
.goright {
	width: 45%;
	text-align: right;
	float: right;
	padding-right: 20px;
	font: 500 1.0em 'Lucida Sans Unicode',Arial,sans-serif;
}
.goleft {
	width: 45%;
	float: left;
	padding-left: 10px;
	font: 500 1.0em 'Lucida Sans Unicode',Arial,sans-serif;

}
.goright a, .goleft a {
	text-decoration: none;
}

/* Images and Captions */

.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

#footer_left {
	margin: 0 0 5px 30px;
}

#footer_right {
	margin:  0 30px 5px 0;
}

.alignright {
   float: right;
}

img.alignleft, div.alignleft {
	float:left;
	margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
	float:right;
	margin:0 0 0.5em 0.5em;
}
img.aligncentered, div.aligncentered {
	text-align:center;
	margin:0 auto;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #fff;
   padding-top: 4px;
   margin: 10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 1.0em;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}




/* Date Button */

.post-date {
	width: 40px;
	height: 43px;
	float: left;
	background: url(images/datebutton.png);
	text-align: left;
}
.month {
	width: 35px;
	height: 15px;
	vertical-align: top;
	font: 500 11px Arial,sans-serif;
	color: #666;
	text-align: center;
}
.day {
	width: 35px;
	padding-top: 1px;
	vertical-align: bottom;
	height: 25px;
	font: 700 16px Arial,sans-serif;
	color: #FF9FC7;
	text-align: center;
}

/* Post Meta Data */


postmetadata a {
	border-bottom: none;
}
.tiny-pencil {
	padding-right: 20px;
	background: url(images/reply.png) no-repeat top right;
	margin-right: 2px;


}


.tiny-trackback {

}

.tiny-comments {
	padding-right: 25px;
	padding-bottom: 5px;
	background: url(images/tiny-comments.png) no-repeat top right;
}

.tiny-rss {
	padding-right: 20px;
	padding-top: 3px;
	height: 25px !important;
	background: url(images/tiny-rss.png) no-repeat right;
}
.tiny-category {
	padding-right: 12px;
	background: url(images/bullet.png) no-repeat right;
	
}

.tiny-trackback a, .tiny-pencil a, .tiny-comments a, .tiny-rss a, .tiny-category a {
	text-decoration: none;
	height: 25px;
}
p.postmetadata {
	font-size: 1.1em !important;

}
p.postmetadata a {
	text-decoration: none;
	color: #666;
	height: 25px !important;
}