/*
	CSS files kept in the 'schemes' directory can be used to
	costumize your K2 installation without having to mess
	with the core K2 files. This in turn makes it easier to
	upgrade to new K2 version as well as debug any problems
	that might occur. Unfortunatley, Modern Life is a K2 Mod 
	and requires a tweaked version of K2 to run.

	You select schemes from the K2 Options page in the
	'Presentation' section of your WordPress administration.
	
	Author Name	: Jacob Charles Dietz
	Author Site	: http://jdietz.com
	Scheme Name	: Modern Life 0.7
	Comments	: Oh, this modern life of ours... it truly is marvelous.
	
*/

/*- Page Structure */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Arial;
	color: #111;
	background: #999999 url(body.background.jpg) 50% 0 fixed;
	text-align: left;
	margin: 40px 0 35px;
	}

#page {
	background: #ffffff url(page.background.jpg);
	padding: 0;
	}
	
#header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 200px;
	background: #ffffff url(header.background.jpg) no-repeat;
	}
	
	h1{ display: none; }
#header .description { display: none;}

.primary {
	/* Contains the main column */
	}

.item {
	/* Each entry is contained within the 'item' class */
	}

.itemtext {
	margin: 0 0 0 15px;
	}

.secondary {
	font: 1em/1.5em Arial;
	}


/*- Main Menu in Header */

ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 10px;
	width: 90%;
	}

ul.menu li {
	display: inline;
	margin: 0;
	}

ul.menu,
ul.menu li a {
	padding: 5px 15px 6px;
	}

ul.menu li a {
	font: 1.1em Helvetica, Arial;
	font-weight: bold;
	text-transform: uppercase;
	color: 666666;
	margin: 0;
	}

ul.menu li a:hover, ul.menu li.current_page_item a:hover {
	background: #111777;
	color: #fff !important;
	text-decoration: none;
	}

ul.menu li.current_page_item a {
	color: #666666 !important;
	background: none;
	text-decoration: none;
	}
	
.language1 {
	position: absolute;
	right: 80px;
	}
	
.language2 {
	position: absolute;
	right: 0px;
	}
	
/*- Headings */

h1, h2, h3, h4 {
	font-family: Helvetica, Verdana, Sans-Serif;
	}

h1 { /* H1 is used for the title of your blog */
	font-size: 3.6em;
	letter-spacing: -1px;
	padding-top: 75px;
	margin: 0 0 0 30px;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	}

h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: 666666;
	}

#header .description { /* Blog description, under blog title */
	font-size: 1em;
	margin: 0 0 0 30px;
	}

.primary h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-size: 2.3em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
	text-align: left;
	}

.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 1.3em;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0;
	display: inline;
	}

.primary h3, .primary h4 { /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 2.2em;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -1px;
	display: inline;
	}

.primary .aside h3 {
	font-size: 1.4em;
	font-weight: bold;
	}

.primary .itemhead {
	background: url(post.title.icon.cross.gif) 0 50% no-repeat;
	padding: 0 0 0 40px;
}

.primary .aside .itemhead {
	background: url(post.title.aside.icon.cross.gif) 0 50% no-repeat;
	padding: 0 0 0 25px;
}

.primary .metalink a, .primary .metalink a:visited, /* The Metalink class takes care of the comments, edit, rss and trackback links next to the titles */
.secondary .metalink a, .secondary .metalink a:visited,
.secondary span a, .secondary span a:visited {
	color: #660000;
	font-weight: normal;
	}

.primary .item .itemhead .metalink, .comments .primary .metalink {
	font-size: 1.8em;
	letter-spacing: -1px;
	text-transform: lowercase;
	margin-left: 15px;
	}

.primary .aside .itemhead .metalink {
	font-size: 1.3em;
	}

.permalink .primary .aside .itemtext {
	font-size: 1.3em;
	color: #ff0000;
	}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #ff0000;
	}


.commentslink {
	background: url('comment.png') left left no-repeat;
	}

.chronodata {
	background: url('time.png') left left no-repeat;
	}

.tagdata {
	background: url('tag_blue.png') left left no-repeat;
	}
	
.commentsrsslink {
	background: url('feed.png') left top no-repeat;
	}

.trackbacklink {
	background: url('arrow_refresh.png') left top no-repeat;
	}

.comments .commentlist .commentmetadata {
	background: url('time.png') left left no-repeat;
	}

/*- Search Form and Livesearch */

.sb-search {
	margin-top: 20px;
	}

.sb-search h2 {
	display: none;
	}

input[type=text], textarea {
	color: #990000;
	padding: 2px 0 2px 2px;
	margin: 0;
	}

input#livesearch {
	width: 100%;
	}

input#s {
	width: 75%;
	}

.livesearchform input[type=submit] {
	margin: 0;
	}

.LSRow:hover, #LSHighlight, #LSHighlight:hover {
	background: #ededed url('livesearchbghilight.jpg') left repeat-y;	}


/*- Primary Contents */

.primary .item {
	margin: 0;
	padding: 5px 0 15px;
	position: relative;
	}

.primary .item .itemtext {
	font: 1.2em/1.6em Arial;
	text-align: left;
	color: #ff0000;
	}

.primary .aside .itemtext {
	font: 1.1em/1.5em Arial;
	text-align: left;
	color: #ff0000;
	}
	
/*- Links */

a:hover, a:visited:hover {
	text-decoration: underline;
	}

h2 a:hover, h2 span a:hover {
	color: #ff0000 !important;
	}

a {
	color: #660000;
	text-decoration: none;
	}

.itemtext a:visited {
	color: #ff0000;
	}

/*- Various Tags and Classes */


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

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

.navigation .left span {
	display: none;
}

.alert {
	background: #ffffff;
	border-top: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	}
	

.sb-flickr a img {
	border: 1px solid #ccc;
	margin: 0 5px 5px 0;
	}
.sb-flickr a:hover img {
	border: 1px solid #ff0000;
	}