/*
	Rename this file to k2scheme.css, and keep all your CSS changes in
	here, so as to minimize 'the damage'. This will make it easier for
	you to upgrade and debug problems.
	
	Also, if you want to create a scheme for K2 for distribution, you
	should make as few changes as possible to other files, so as to
	make it easier for people who want to retain a clean and easily
	upgradeable K2 install.
	
	Author Name	: Akira Morita for Design Kompany
	Author Site	: http://www.design-kompany.com
	Scheme Name	: Desknotes
	Comments	:
*/

body {
	font-size: 75% !important; /* This is the sidebar font sizes Resets 1em to 10px */
	line-height: 135%;
	font-family: "Helvetica", "Helvetica Neue", "Helvetica-CY", Helvetica, Arial, sans-serif;
	background: #fff;
	margin: 20px 0 30px;
}
	
#page {
/*	background: url(dkback.gif) repeat-x #ddd;*/
	text-align: center;
	background: #fff;
	margin: 0 auto;
	padding: 0;
	position: relative;
	/* The entire template's width is set in this class. 560->500*/
	width: 780px;
	_width: 780px;
	border: 0px solid #fff;
	border-top: none;
}
/*everything fits inside of this with a red border except for the end footer*/
.content {
	border-right: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	width:758px;
	margin: 0 10px;
	border-top:none;
	border-bottom: none;
	text-align:left;
	background: transparent;
}	
/* about us section on the home page*/
#about {
	width:726px;
	_width: 726px;
	height: 400px;
	padding: 10px 18px 10px 20px;
	background: transparent;
	margin:0 0 0 0;
/*
	width:390px;
	_width: 390px;
	height: 40px;
	padding: 0 16px;
	background: transparent;
	margin:0 0 0 0;
        position:absolute;
        top:75px;
left: 0px;
display: none;*/
/*march edit
color: #fff;*/
}
#about h2
{
	font-family: "Helvetica", "Helvetica Neue", "Helvetica-CY", Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	margin: 3px 0;
	font-size:1.8em;
	line-height:2.0em;
}
#about h3
{
	margin: 0;
	font-size: 1.2em;
	line-height:1.2em;
/*march edit
color: #fff;*/
}
#about p
{
	margin:2px 0;
	font-size: 1.8em;
	line-height:2.2em;
}
#about .mainBlurb
{
	font-weight:bold;
	line-height:1.6em;
/*march edit
color: #fff;*/
}
.alignRight
{
	text-align:right;
}
.dkName
{
	/* this is to turn our name to Osaka font of certain size */
}
#about h3 a:hover
{
	text-decoration:underline;
}
#header {
	padding: 0;
	margin: 0;
	position: relative;
	height: 114px !important;
/*	background: #fff url(dkhead1.gif) no-repeat;*/
	border:none;
	_width:780px;
	background: #fff;
	}
	

ul.menu {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0px;
	_bottom: 0px;
	left: 412px;
	width: 340px;
	line-height:100%;
	height: 14px;
	overflow:hidden;
	}
	
ul.menu,
ul.menu li a {
	padding: 4px 8px;
	}
	
ul.menu li a {
	font: 10px Verdana, Sans-Serif;
	font-weight:bold;
	text-transform: lowercase;
	color: #333;
	margin: 0;
	}
		
ul.menu li a:hover {
	background: #B3B3B3;
	color: #eee !important;
	text-decoration: none;
	}

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

.admintab {
	position: absolute;
	text-align:left;
	left: 0;
	bottom: 50px;
	_padding: 5px 15px 6px; /* IE hack */
	}
	
#primary {
	width: 435px;
	_width: 425px;
	float: left;
	padding: 6px 31px 16px 46px;
	_padding-right:20px;
	margin: 0;
	}
#primaryWide {
	width: 690px;
	_width: 670px;
	float: left;
	padding: 6px 31px;
	margin: 0;
	}
#primary .entry-head h3 a,
#primaryWide .entry-head h3 a
{
	font-size:28px !important;
	line-height:115% !important;
	font-family: "Helvetica", "Helvetica Neue", "Helvetica-CY", Helvetica, Arial, sans-serif;
}
/* space between post heading and meta data (dates, author, etc.) */
#primary .entry-head small.entry-meta
{
	margin-top: 8px;
}
#primary .entry-head
{
	clear:left;
	padding-top: 24px;
}
.entry-content {
	font-size: 14px !important;
	line-height: 165%;
	text-align: justify;
	color: #333;
	}
#primary .entry-content, 
#primaryWide .entry-content /* body text for posts is here! */

{
	padding: 10px 20px 10px 0;
	clear:left;
	font-size:13px;
}
#primary #current-content .entry-content {
	color: #333;
	}
#primary .fatline {
	height: 3px;
	line-height:3px;
	display: block;
	width: 470px;
	_width: 460px;
	margin: 0 0 5px 0;
	background-color: #FFFFFF;
	}
#primary .thinline {
	height: 1px;
	line-height:1px;
	display: block;
	margin: 5px; 
	width: 460px;
	_width: 450px;
	background-color: #FFFFFF;
	}	

/*images and borders*/
	
#primary img, 
#primaryWide img {
	margin-left: -5px;
	padding: 4px;
	border: 1px solid #ccc;
	max-width: 100%;
	}
	
img.center {
	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;
	}
	
img.noborder {
	border: none;
	}

.secondary {
	font: .9em;
	line-height: 120%;
	padding: 0 16px 20px 16px;
	margin: 0 0 !important;
	width: 207px;
/*	color: #FFFFFF;
	background-color:#eee;*/
	float:right;
	}
.secondary div /* so the sections within sidebar stack up right */
{
clear:left;
margin-top:5px;
}
	
h1 { /* H1 is used for the title of your blog */
/*	font-size: 2em;
	font-family: 'Osaka�|ıı?#65533;', Courier, Arial, Sans-Serif;
	letter-spacing: 1px;
	padding-top: 25px;
	margin: 0 0 0 25px;
	font-weight: bold;
	width: 100%;
*/
	text-indent:-9999px;
	font-size: 1px;
	color: #fff;
	height:0;
	overflow: hidden;
	padding:0;
	margin:0;
	}
#headerLogo {text-indent: 0 !important; top:0; left:0;}
	
#header .description { /* Blog description, under blog title */
	font-size: 9px;
	margin: 0 0 0 25px;
	text-indent: -9999px;
	}
	
h1, h1 a, h1 a:hover, h1 a:visited,
#header .description {
	text-decoration: none;
	color: white;
	}

h2, h2 a, h2 a:visited,
h3, h3 a, h3 a:visited,
h4, h4 a, h4 a:visited {
	color: #000;
	}
.pagetitle
{
	text-align:left;
}
#primary div.pagetitle
{
/*	border-top: 3px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;*/
	padding: 5px 0;
}
#primary div.item
{
	margin: 5px;
}
#primary h2, 
#primaryWide h2
 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
	font-family: "Helvetica", "Helvetica Neue", "Helvetica-CY", Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 115%;
	font-weight: bold;
	margin: 0 0 10px;
	padding: 0;
	letter-spacing:-1px;
	text-align: left;
	display: inline;
	text-transform:uppercase;
	}
	


.secondary h2 { /* Secondary H2 is sidebar headlines */
	font-size: 13px;
	font-weight: normal;
	padding: 0;
	display: inline;
	margin:0;
	color: #666;
	text-transform:uppercase;
	}
	
.entry-meta { /* Time and category for blog entries, i added the color tag*/
	font-size: 12px;
	display: block;
	}
	
#primary h3 , #primary h4{ /* H3 is entry headlines. H4 is comments and replyform headlines */
	font-size: 14px;
	font-weight: bold;
	display: inline;
	}
	
/*- Links */

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

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

a {
	color: #27d;
	text-decoration: none;
	}

.entry-content a:visited {
	color: #b41;
	}
	
/* added from tutorial on http://www.paulstamatiou.com*/
.comments .commentlist li.authorcomment { /* Makes author comments look different */
background: #ECF4FD !important;
_background: none; /* I think this was because Internet Explorer didn't play well with backgrounds here */
border-left: 2px solid #3388CC !important;
border-right: 2px solid #3388CC !important;
}
.alert {
background: #FFF6BF !important; /* background color of alert */
border-top: 0px !important; /* these two override the borders in style.css */
border-bottom: 0px !important;
border-left: 2px solid #FFD324 !important; /* these two lines set up a border on the left and right */
border-right: 2px solid #FFD324 !important;
}


#adminstrip {text-align:right;
width:100%;
display:block;
right:0px;
bottom:0px;
padding-right:15px;
padding-top:10px;
clear:none;
font-size:9px;
z-index:9999;
position:fixed; 
background-color: #c8e7fd; 
padding:4px;
border-top: 1px solid #00a7fc;
list-style: none; 
display: inline;}

#adminstrip a {color: #005d92;}
.feedlink img
{
	border: 0;
	padding: 5px;
}

#bottomBar
{
	width: 725px;
	padding: 0 16px;
	margin: 0;
	font-size: 1em;
	line-height:135%;
	text-align:left;
	position: relative;
	height: 160px;
}
#bottomBar .sb-categories, 
#bottomBar .sb-comments, 
#bottomBar .contactDK, 
#bottomBar .sb-search
{
	width: 217px;
	float: left;
	position:relative;
}
#bottomBar .sb-categories, 
#bottomBar .sb-comments,
#bottomBar .sb-search
{
	margin-right: 37px;
}
#bottomBar .sb-categories ul, 
#bottomBar .sb-comments ul
{
	margin:0;
	padding:0;
}
#bottomBar .sb-categories ul li,
#bottomBar .sb-comments ul li.alternate
{
	list-style: none;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}
#bottomBar .sb-categories ul li:before,
#bottomBar .sb-comments ul li.alternate:before
 {
	content: "\00BB \0020";
	}
#bottomBar .sb-categories h2, 
#bottomBar .sb-comments h2, 
#bottomBar .contactDK h2, 
#bottomBar .sb-search h2
{
	text-align:left;
	text-transform:uppercase;
	font-size: 1.3em;
	line-height: 1.5em;
	font-family: 'Osaka�|ıı?#65533;', 'ılır ıSıVıbıN', 'Trebuchet MS', 'Lucida Grande', Helvetiva, Arial, sans-serif;
}

#footer
{
	text-align: center;
	margin: 0 auto;
	padding: 0;
	position: relative;
	/* The entire template's width is set in this class. 560->500*/
	width: 780px;
	_width: 780px;
	border: 0px solid #fff;
	border-top: none;	
}
.whitebox
{
	width:10px;
	height: 20px;
	display:block;
	border-top: 1px solid #FFFFFF;
	float:left;
}
#footer small
{
	width:760px;
	display:block;
	background-color:#e60008;
	color: #fff;
	float:left;
	padding: 2px 0;
}
#footer small a
{
	color:#eee;
	font-weight:100;
	text-decoration:none;
	border:none;
}
#footer small a:hover
{
	color:#999;
	text-decoration:underline;
}
.hide
{
	display:none;
}
.sb-flickr div
{
	position: relative;	
	margin:0 16px 16px;
	height: 100px;
}
.sb-flickr div li
{
	list-style:none;
	float:left;
	padding: 0;
	margin:0;
}
.sb-flickr div li a img
{
	padding:5px;
}
.k2-asides p, .sb-flickr p, sb-links p
{
	padding: 4px 0;
	font-size:10px;
	line-height:135%;
	text-align:justify;
}
.secondary .k2-asides p {
	display: block;
	}

.sb-asides div blockquote
{
	padding: 0 10px;
	margin: 5px 0;
}
div.aside
{
	margin-top: 6px !important;
	word-spacing: normal !important;
	
}
.entry-head h3 a span.secondLine
{
	display:block;
	margin-top:6px;
	font-size: 80%;
}
input#s {width: 150px;}

.pr-related ul {
background-color: #f6f7f8;
text-indent: 15px;
list-style: none;
padding: 4px 0 12px 0;
margin: 4px 0 0 0;
}
.pr-related ul li {
margin-top: 8px;
}

.sb-links ul li
{
margin-top: 10px;
}