/* 
Theme Name: Ruth Kalinka Designs
Description: A minimized and professional designed WordPress theme customized by <a href="http://www.ruthkalinka.com/">Ruth Kalinka Designs</a> based on <a href="http://www.genaehr.com/">genaehr.com</a> which was based on the famous Kubrick.
Version: 1.0.0
Author: Ruth Kalinka
Author URI: http://www.ruthkalinka.com/ 
Tags: white, fixed width, two columns, widgets, minimalism

	minimalism v1.0.2
	http://www.genaehr.com/minimalism/

	This theme was designed and built by Christian Genaehr,
	whose website you will find at http://www.genaehr.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



/* Begin Typography & Colors */
body {
/*	font-size: 62.5%; /* Resets 1em to 10px */
	font-size: 73%; /* 62.5% is too small */
	font-family: Helvetica, Arial, Sans-Serif;
	background: #fff;
	color: #666666; /* was #666666 check css for other instances */
/*	color: #0093B2; /* logo turquoise */
/*	text-align: center; /* what is this doing? */
	background-image:url(images/RuthKalinkaDesigns_Logo_2x.png);
	background-position: -40px -25px;
	background-repeat:no-repeat;
	}

#page {
/*	background-color: #fff; /* removed for logo to show from body */
	text-align: left;
	}

#header {
/*	background-color: #fff; /* removed for logo to show from body */
	}

#content {
	font-size: 1.2em
	}

.widecolumn .entry p {
	font-size: 1.05em;
	}

.narrowcolumn .entry, .widecolumn .entry {
	line-height: 1.3em;
	}

.widecolumn {
	line-height: 1.6em;
	}

.narrowcolumn .postmetadata {
	font-size: 0.9em;
	}

.alt {
	background-color: #fff;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	}

#footer {
	background: #fff;
	border: none;
	}

small {
/*	font-family: Franklin Gothic Medium, Helvetica, Arial, Sans-Serif; */
	font-size: 0.9em;
	line-height: 1.5em;
	}

h1, h2, h3 {
	font-family: Franklin Gothic Medium, Helvetica, Arial, Sans-Serif;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform:lowercase;
	}

#headerimg h1 {
	font-size: 3.2em;
	}

#headerimg .description {
	font-family: Franklin Gothic Medium, Helvetica, Arial, Sans-Serif;
	font-size: 1.3em;
	line-height: 1.4em;
	letter-spacing: 1px;
	color: #48AE3A; /* logo green */
/*	color: #0093B2; /* logo turquoise */
	}

h1, h2 {
	font-size: 1.6em;
/*	color: #48AE3A; /* logo green */
	color: #0093B2; /* logo turquoise */
	text-transform:lowercase;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

#sidebar h2 {
	font-family: Franklin Gothic Medium, Helvetica, Arial, Sans-Serif;
	font-size: 1.1em;
	text-decoration: none;
/*	color: #48AE3A; /* logo green */
/*	color: #0093B2; /* logo turquoise */
	color: #777;
	}

h3 {
	font-size: 1.3em;
/*	color: #48AE3A; /* logo green */
	color: #0093B2; /* logo turquoise */
	}

h1, h1 a, h1 a:hover, h1 a:visited {
	text-decoration: none;
/*	color: #48AE3A; /* logo green */
	color: #0093B2; /* logo turquoise */
	}

h2 a, h2 a:visited, h3, h3 a, h3 a:visited, #wp-calendar caption, cite {
	text-decoration: none;
/*	color: #48AE3A; /* logo green */
	color: #0093B2; /* logo turquoise */
	}

h2 a:hover, h3 a:hover {
	text-decoration: none;
	color: #48AE3A; /* logo green */
/*	color: #0093B2; /* logo turquoise */
	}

.entry p a:visited {
	color: #48AE3A; /* logo green */
	}

.entry p {
	padding: 0 0 .5em 0; /* adds space between paragraphs */
	}

.commentlist li, #commentform input, #commentform textarea {
	font-family: Franklin Gothic Book, Helvetica, Arial, Sans-Serif;
	font-size: 1em;
	line-height: 1.4em;
	}

.commentlist li {
	font-weight: bold;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: Franklin Gothic Book, Helvetica, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

#sidebar {
	font-family: 'Lucida Grande', Helvetica, Verdana, Arial, Sans-Serif; 
/*	font-family: Franklin Gothic Book, Helvetica, Arial, Sans-Serif; */
	font-size: 1em;
	}

small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike {
	color: #333;
	}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a {
	color: #48AE3A; /* logo green */
	text-decoration: none;
	}

a:hover {
	color: #0093B2; /* logo turquoise */
	text-decoration: none;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em Franklin Gothic Medium, 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Typography & Colors */



/* Begin Structure */
body {
	margin: 0 0 20px 0;
	padding: 0;
	}

#page {
/*	margin: 20px auto; */
	margin: 20px 0px;
	padding: 0;
	width: 960px;
	}

#header {
	margin: 0 0 0 1px;
	padding: 0;
	height: 165px; /* was 175px */
	}

#headerimg {
	margin: 0;
/*	margin: 7px 9px 0; /* duplicate instance */
	height: 165px; /* was 175px */
	padding: 0 0 0 195px; /* was 45px */
	}

.narrowcolumn { /* main content column */
	float: left;
	padding: 0 0 20px 45px; /* RK: left padding here corresponds with padding in header */
	margin: 0px 0 0;
	width: 570px; /* was 450px for 760px page, now 960px page & 570px narrowcolumn width */
	}

.widecolumn {
	padding: 10px 0 20px 0;
	margin: 5px 0 0 150px;
	width: 450px;
	}

.post {
	margin: 0 0 40px;
/*	text-align: justify; */
	}

.post hr {
	display: block;
	}

.widecolumn .post {
	margin: 0;
	}

.narrowcolumn .postmetadata {
	padding-top: 5px;
	}

.widecolumn .postmetadata {
	margin: 30px 0;
	}

.widecolumn .smallattachment {
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
}

.clear {
	clear: both;
}

#footer {
	padding: 0 0 0 45px;
	margin: 0 auto;
	clear: both;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	}
/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 15px; /* was 70px */
	margin: 0;
	}

h2 {
	margin: 30px 0 0;
	}

h2.pagetitle {
	margin-top: 30px;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 0;
	}

h3 {
	padding: 0;
	margin: 30px 0 0;
	}

h3.comments {
	padding: 0;
	margin: 40px auto 20px ;
	}
/* End Headers */

/* Begin Main Menu Page Navigation */

/* Begin Page Menu CSS From Simplex */

#pagemenu a {	
	width: 100%;
	font-size: 1.2em;
	text-transform:lowercase;
	letter-spacing: 1px;
	/*	color: #48AE3A; /* logo green */
	color: #0093B2; /* logo turquoise */
}

#pagemenu ul#page-list {
	list-style: none;
	padding: 0px 10px 0px 0px;	
	margin: 0 auto;
	width: 890px;	
	margin-top: 6px;
	display: block; /* ignored by IE  remove space bug on FF, Chrome */	
}

#pagemenu ul li.page_item a, #pagemenu ul li.cat-item a {
	font-weight: bold;
	padding: 20px 30px 0px 0px; /* horizontal space between main menu page navigation items, vertical space from header/subheader text */
	text-decoration: none;	
	border: none;	
}

#pagemenu ul li.page_item a:hover, #pagemenu ul li.cat-item a:hover {
	text-decoration: none;
}

#pagemenu  #page-list {
	margin:0; padding:0;
	}
		
#pagemenu #page-list li {
		padding:0px;
		float:left;
		list-style: none;
		line-height:28px;
		display: inline;
/*		margin-left: 5px; /* remove this margin to remove left indent on main nav menu */
	}
	
#pagemenu #page-list li a, #page-list li ul li a{		
	    display:block		
	}	
	
#pagemenu #page-list li ul {
	position: absolute;
	width: 12em;
	left: -999em;
	border-top: none;
	margin:0;
	padding:0; 	
}
#pagemenu #page-list li:hover ul, #pagemenu #page-list li.sfhover ul {
	left: auto;	
}
#pagemenu #page-list li ul li {
	line-height:28px;	
	width:12em;
	margin:0px;
}
#pagemenu #page-list li:hover, #pagemenu #page-list li.hover {
    position: static;
}
#pagemenu #page-list li ul ul {
	margin: -29px 0 0 12em;
}
#pagemenu #page-list li:hover ul ul, #pagemenu #page-list li.sfhover ul ul {
	left: -999em;
}
#pagemenu #page-list li:hover ul, #pagemenu #page-list li li:hover ul, #pagemenu #page-list li.sfhover ul, #pagemenu #page-list li li.sfhover ul {
	left: auto;
}
#pagemenu #page-list li:hover ul ul, #pagemenu #page-list li:hover ul ul ul, #pagemenu #page-list li.sfhover ul ul, #pagemenu #page-list li.sfhover ul ul ul {
	left: -999em;
}
#pagemenu #page-list li:hover ul, #pagemenu #page-list li li:hover ul, #pagemenu #page-list li li li:hover ul, #pagemenu #page-list li.sfhover ul, #pagemenu #page-list li li.sfhover ul, #pagemenu #page-list li li li.sfhover ul {
	left: auto;
} 

/* End Page Menu CSS From Simplex */

/* End Navigation */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */


/* REMOVED PORTFOLIO MEDIA OBJECT HEIGHT WIDTH */

/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	line-height: 1.2em;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

/* 
Next style - .entry ul li:before, #sidebar ul ul li:before - Defines bullet style
From http://www.alistapart.com/articles/taminglists "The content property may contain strings, URIs and more, including special characters. When using these characters, like », it is necessary to encode them as their escaped HEX equivalents (http://www.ascii.cl/htmlcodes.htm). For the right double angle quote, use \00BB (the other character, \0020, is a space)." 
*/

.entry ul li:before, #sidebar ul ul li:before {
	content: "\00BB \0020"; 
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}

#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}

#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}

#sidebar ul ul, #sidebar ul ol {
	margin: 5px 0 0 10px;
	}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}

ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}

ul ul li {
	margin-left: 0px;
	padding-left: 10px;
	text-indent: -10px;
	}

/* End Entry Lists */



/* Begin Form Elements */
#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	}

#sidebar #searchform #s {
	width: 120px; /* was 108px */
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
 	cursor: pointer;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:left;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
 	cursor: pointer;
	}

input, textarea
 {
	border: 1px solid #0093B2; /* logo turquoise */
	border-top: 1px solid #48AE3A; /* logo green */
	border-left: 1px solid #48AE3A; /* logo green */
 	background-color: #ffffff;
	font-family: Franklin Gothic Book, Helvetica, Arial, Sans-Serif;
 	font-size:1em;
 	font-weight: normal;
	color:#006;
 }

#searchsubmit 
 {
 	cursor: pointer;
 	text-decoration:none;
 }

label {
	text-transform:lowercase;
	font-family: Franklin Gothic Medium, Helvetica, Arial, Sans-Serif;
	font-size: .9em;
/*	line-height: 5.4em; */
	letter-spacing: 1px;
/*	color: #48AE3A; /* logo green */
	color: #0093B2; /* logo turquoise */
}

/* End Form Elements */




/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
/*	text-align: justify; */
	}

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

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */



/* Begin Sidebar */
#sidebar
{
	padding: 20px 0 10px 0;
	margin-left: 660px; /* was 545px for 760px page, 450px narrowcolumn now 700 for 960px page, 600px narrowcolumn */
	width: 240px; /* was 190px for 760px page/450px narrowcolumn */
	}

#sidebar form {
	margin: 0;
	}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar_wrap {

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

#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 {
	width: 100%;
	text-align: left;
	}

#wp-calendar td {
	padding: 3px 0;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #eee;
	}

/* original blockquote */
/* blockquote {
	font-weight:bold;
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #eee; /* this is the left bar next to the blockquote, change to show quote mark */
/*	content: "\00BB \0020"; */
/*	} */

/* new blockquote */

blockquote {
 	font-weight: bold; 
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #eee; 
	/*	content: "\00BB \0020"; */ /* not working, figure it out */
 }
 
/* blockquote:before { content: open-quote; font-weight: bold; }
 blockquote:after { content: close-quote; font-weight: bold; } */
 

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	}

.hidden {
	display: none;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.navigation { /* this is navigation through blog posts, not main menu navigation */
	display: block;
	margin-top: 10px;
	margin-bottom: 60px;
	text-transform:lowercase;
	}
/* End Various Tags & Classes*/



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

.wp-caption {
	border: 1px solid #eee;
	background-color: #fff;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

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

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */