/*
Theme Name: Kio Stark
Theme URI: http://wordpress.org/
Version: .1
Author: Ian Crowther after Michael Heilemann
Author URI: http://www.lousywiththespirit.com, http://binarybonsai.com/
Tags: two-columns, fixed-width, custom-header, blue, right-sidebar, sticky-post, white, light, rtl-language-support, translation-ready, blog, clean, light, tech
*/


/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
clear: both;
}

/*----------------------------*/

body {
font-family: "skolar-1","skolar-2", Serif;
background: #999 url(/development/wp-content/themes/kiostark/images/bg.png) no-repeat fixed -1px 0px;
background-size: auto 100%;
color: #323232;
padding: 20px;
margin: 0px;
}

h1 a:link, h1 a:visited {
color: #ffba00;
text-decoration: none;
}

a:link, a:visited {
text-decoration: none;
color: #e2e2e2;
}

h1 a:hover, h1 a:active {
text-decoration: none;
color: #e2e2e2;
}
a:hover, a:active {
text-decoration: none;
color: #ffba00;
}

em {
font-style: italic;
}

strong {
font-weight: bold;
}

/*----------------------------*/

#header {
position: fixed;
}

#name {
margin: -10px 0px 3px -10px;
}

#nav {
height: 100px;
position: relative;
width: 305px;
left: 0px;
top: 0px;
}

#nav ul {
display: inline;
list-style-type: none;
}

#nav ul li {
display: inline-block;
list-style-type: none;
border-right: 1px solid #ffba00;
margin: 0px;
padding: 0px 6px 0px 2px;
}

#nav ul li.writing a {background: url(/development/wp-content/themes/kiostark/images/writing.png) no-repeat 50% 50%; display: block; height:8px; width:55px; background-size: contain;}
#nav ul li.teaching a {background: url(/development/wp-content/themes/kiostark/images/teaching.png) no-repeat 50% 50%; display: block; height:8px; width:64px; background-size: contain;}
#nav ul li.events a {background: url(/development/wp-content/themes/kiostark/images/events.png) no-repeat 50% 50%; display: block; height:8px; width:48px; background-size: contain;}
#nav ul li.blog a {background: url(/development/wp-content/themes/kiostark/images/blog.png) no-repeat 50% 50%; display: block; height:8px; width:32px; background-size: contain;}
#nav ul li.about a {background: url(/development/wp-content/themes/kiostark/images/about.png) no-repeat 50% 50%; display: block; height:8px; width:42px; background-size: contain;}

#nav a span {text-indent: -9999em; display: block}

#header a:link, #header a:visited {
opacity: .9;}

#header a:hover, #header a:active {
opacity: 1;
}

h1 {
font-size: 20px;
line-height: 1.5;
font-style: italic;
font-weight: normal;
margin-bottom: .25em;
}

h1.orange {
	font-family: "superclarendon-1", "superclarendon-2", sans-serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: .2em;
	color: #ffba00;
}

#blog h1.title {
	float: left;
}

#blog a:hover h1.title, #blog a:active h1.title {
	color: #ffba00;
}

h1.orange.title {
	font-size: 22px;
	text-transform: none;
	letter-spacing: 0px;
}

h1.title {
		font-family: "superclarendon-1", "superclarendon-2", sans-serif;
	font-family: "superclarendon-1", "superclarendon-2", sans-serif;
	font-weight: 800;
	font-style: normal;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: .2em;
	color: #e2e2e2;
	margin: 0px 0px 16px 0px;

}

h4 {
font-family: helvetica, arial, sans-serif;
text-transform: uppercase;
font-size: 9px;
line-height: 1.667;
margin-bottom: 8px;
}

p {
padding: .5em 0;
}

/*----------------------------*/

.promo {
position: relative;
height: auto;
top: 0px;
left: 350px;
border-bottom: 3px solid #ffba00;
background: none;
width: 650px;
font-size: 20px;
line-height: 1.25;
padding-bottom: 10px;
}

.replace.amazon {
	background: url(/development/wp-content/themes/kiostark/images/small_buy_amazon.png) no-repeat 50% 50%;
	background-size: contain;
	display: block;
	height: 32px;
	width: 174px;
}

.replace.amazon:active {
	background: url(/development/wp-content/themes/kiostark/images/small_buy_amazon-over.png) no-repeat 50% 50%;
	background-size: contain;
	display: block;
	height: 32px;
	width: 174px;
}

.replace.ebook {
	background: url(/development/wp-content/themes/kiostark/images/small_buy.png) no-repeat 50% 50%;
	background-size: contain;
	display: block;
	height: 32px;
	width: 163px;
}

.replace.ebook:active {
	background: url(/development/wp-content/themes/kiostark/images/small_buy-over.png) no-repeat 50% 50%;
	background-size: contain;
	display: block;
	height: 32px;
	width: 163px;
}

.replace span {
text-indent: -99999em;
display: block;
}


.promo p {
padding: 0px;
}

.promo a.title:link img, .promo a.title:visited img {
background: #ffba00;
padding: 0px;
margin: -5px 0px 10px 0px;
}

.promo a.title:hover img, .promo a.title:active {
background: #e2e2e2;
}

.promo .wp-post-image {
float: left;
margin: -10px 10px 10px;
}

#id243.promo .wp-post-image {
	width: 147px;
	height: auto;
	margin: 0px 15px 0px 0px;
}

.promo .callout {
font-size: 13px;
line-height: 1.5;
margin-top: 17px;
}

.promo .callout p {
margin: 0px;
padding: 0px;
}

.promo .callout.left {
float: left;
width: 150px;
}

.promo .callout.center {
float: left;
width: 150px;
border-left: 1px solid #b6b6b6;
padding-left: 10px;
}

.promo .callout.right {
float: left;
width: 150px;
border-left: 1px solid #b6b6b6;
padding-left: 10px;
}

.promo .callout ul {
font-family: helvetica, arial, sans-serif;
font-size: 9px;
line-height: 1.667;
text-transform: uppercase;
margin-top: 4px;
}

.promo .button {
float: left;
margin: -3px 5px 0px 0px;
}



.other.promo {
left: 0px;
width: 450px;
}


.other.promo a.title {
	display: none;
}

.promo .wp-post-image {
float: left;
margin: -10px 10px 10px;
}


.other.promo .callout.left {
clear: left;
width: 140px;
}

.other.promo .callout.center {
width: 140px;
}

.other.promo .callout.right {
width: 140px;
}

.promo .callout ul {
font-family: helvetica, arial, sans-serif;
font-size: 9px;
line-height: 1.667;
text-transform: uppercase;
margin-top: 4px;
}

.promo .button {
float: left;
margin: -3px 5px 0px 0px;
}


.promo#id243 .callout.left {
float: left;
width: 185px;
}

.promo#id243 .callout.center {
float: left;
width: 132px;
border-left: 1px solid #b6b6b6;
padding-left: 10px;
}

.promo#id243 .callout.right {
float: left;
width: 132px;
border-left: 1px solid #b6b6b6;
padding-left: 10px;
}






#content {
width: 630px;
padding: 10px;
left: 350px;
position: relative;
}

/*----------------------------*/

#content {
width: 630px;
position: relative;
top:26px;
margin-bottom: 14px;

}

#blog {
width: 450px;
padding: 7px 0px 0px 0px;
float: left;
font-size: 14px;
line-height: 1.4;

}

.post, .hentry {
clear: both;
padding-bottom: 6em;
}

.postmetadata {
float: right;
font-family: helvetica, arial, sans-serif;
text-transform: uppercase;
font-size: 9px;
}

.postmetadata a {
border-left: 1px solid white;
padding: 3px 0px 1px 5px;
margin-left: 5px;
}

.postmetadata .category a {
border: 0px none;
padding: 3px 0px 1px 0px;
}

.postmetadata .category a:link,
.postmetadata .category a:visited{
color: #e2e2e2;
}

.postmetadata.alt {
float: none;
margin: 0px;
padding: 10px 0px;
}

.postmetadata.alt a {
border: 0px none;
padding: 0px;
margin: 0px;
}

/*----------------------------*/



a:link img.header, a:visited img.header {
background: #e2e2e2;
padding: 0px;
margin: 8px 0px 16px 0px;
}

a:hover img.header, a:active img.header {
background: #ffba00;
padding: 0px;
margin: 8px 0px 16px 0px;
}

#sidebar {
float: right;
border-left: 1px solid #b6b6b6;
width: 153px;
font-family: helvetica, arial, sans-serif;
font-size: 10px;
line-height: 1.5;
padding: 7px 2px 0px 10px;
color: #626262;
font-weight: bold;
}

#sidebar a:link, #sidebar a:visited {
color: #525252;
}

#sidebar a:hover, #sidebar a:active {
color: #ffcc40;
}

#sidebar div {
margin: 10px 0px;
padding: 10px 0px;
border-bottom: 1px solid #a6a6a6;
}

#sidebar #events {
border-top: 0px none;
margin-top: 0px;
padding: 0px;
}

#sidebar #events div {
border-bottom: none 0px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 11px 0px;
}

#sidebar #events h2 {
font-weight: bold;
font-size: 14px;
line-height: 1.5;
}

#sidebar #events h3 {
font-weight: normal;
font-size: 12px;
line-height: 1.667;
}

#sidebar #events h4 {
margin: 3px 0px 1px 0px;
font-weight: bold;
text-transform: none;
}

#sidebar div#signup {padding-top: 0px; padding-bottom: 0px;}

#sidebar div#signup h1.title {margin-bottom: 8px;}


#sidebar #signup input[type=submit] {
	-webkit-appearance: none;
	background: url(http://www.kiostark.com/development/wp-content/themes/kiostark/images/email-button.png) no-repeat;
	background-size: contain;
	border: 0px none;
	background-color: transparent;
	text-indent: -9999em;
	height: 20px;
	width: 25px;
	margin-left: 3px;
}

#sidebar #signup input[type=submit]:active {
		background: url(http://www.kiostark.com/development/wp-content/themes/kiostark/images/email-button-active.png) no-repeat;

}

#sidebar #projects {
padding-top: 2px;
}

#sidebar #projects ul {
font-size: 13px;
font-weight: bold;
line-height: 1.5;
margin: -10px 0px;
}

#sidebar #projects li {
clear: both;
margin: 10px 0px;
}


#sidebar #projects ul li img {
height: 22px;
width: 22px;
float: left;
margin: -5px 5px 0px 0px;
}

#sidebar #projects .header {
background: #c2c2c2;
margin: 0px 0px 16px 0px;
}

/*----------------------------*/

#social {
position: fixed;
bottom: 20px;
left: 20px;
}

#social ul {
display: inline;
font-family: helvetica, arial, sans-serif;
font-size: 9px;
text-transform: uppercase;
}

#social li {
display: inline;
border-right: 1px solid #e2e2e2;;
margin: 0px 0px 0px 1px;
padding: 3px 4px 0px 0px;
width: 305px;
font-size: 9px;
}

#social a:link, #social a:visited {
color: #e2e2e2;
}


#social a:hover, #social a:active {
color: #ffba00;
}
/*----------------------------*/


.thread-alt {
	background-color: ;
}
.thread-even {
	background-color: ;

}
.depth-1 {
border-top: 1px solid #aaa;
border-bottom: 0px none;
padding: 8px 0px 0px 0px;
}

.children .even, .children .alt {
border: 0;
	border-left: 0px none;

}


.commentlist li, #commentform input, #commentform textarea {
	font-size: 90%;
font-weight: normal;
font-style: normal;
font-family: helvetica, arial, sans-serif;
	}

.commentlist li ul li {
	font-size: 1em;
clear: both;

}
.commentlist li {
	font-weight: normal;
padding: 0px;
margin: 0px;
clear: both;
	}

.commentlist li .avatar {
	float: left;
	border: 1px solid #999;
	padding: 0px;
margin: 0px 5px;
clear: both;
	background: /*#fff*/;
	}

ul.children .avatar {
margin-left: 0px;
}

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



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

#commentform p {
	}

small.commentmetadata {
	font-weight: normal;
font-size: 10px;
margin-top: 0em;
	}



#respond label {
	clear: none;
	color: white;
float: left;
font-family: helvetica, arial, sans-serif;
text-transform: uppercase;
font-size: 9px;
width: 30px;
overflow: visible;
	line-height: 1.5;
margin-top: .5em
}
#respond input[type="text"] {
	float: right;
	margin: 0px;
width: 400px;
background: #e5e5e5;
border: 1px solid #c3c3c3;
border-bottom: 1px solid #ddd;
     -moz-box-shadow: 0px 0px 10px #666;
  -webkit-box-shadow: 0px 0px 10px #666;
          box-shadow: 0px 0px 10px #666;}
}

#respond .comment-form-comment label,
#respond .form-allowed-tags {
	display: none;
}
#respond .required {
	font-size: 11px;
	margin: 0px 0px 0px 000px;
	color: #ffba00;
	font-weight: bold;
float: left;
}

#respond .comment-notes .required {
margin-left: 0px;
float: none;
}

#respond .subscribe-label {
	font-size: 11px;
	color: #444;
}
#respond .comment-notes {
	font-size: 11px;
}
#respond #cancel-comment-reply-link {
	font-size: 12px;
	color: #06c;
}

p.form-submit {
float: right;
margin: -5px 20px 0px 0px;
padding: 0px;
}

.form-submit input {
margin: 0px 00px 0px 0px;
}

#respond textarea {
width: 448px;
margin-top: 0px;
background: #e5e5e5;
border: 1px solid #c3c3c3;
border-bottom: 1px solid #ddd;
     -moz-box-shadow: 0px 0px 10px #666;
  -webkit-box-shadow: 0px 0px 10px #666;
          box-shadow: 0px 0px 10px #666;}


h3#comments {
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
font-size: 110%;
background: #888;
display: block;
margin-top: -3em;
position: relative;
}
	}
/* End Headers */


/* dgbts */





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

.commentlist {
	padding: 5px;
	text-align: justify;
background: #888;
	}

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

.commentlist p {
	margin: auto;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

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

#header #nav li.last, #social li.last {
border-right: 0px none;
}


.about_thumb.left {
float: left;
margin: 5px 0px 0px 0px;
clear: none;
}

.about_thumb.center {
float: left;
margin: -8px 0px 0px 10px;
}

.about_thumb.right {
float: left;
margin: -21px 0px 0px 10px;
}


#searchform input#livesearch, #signup input[type=email] {
background: #e5e5e5;
border: 1px solid #c3c3c3;
border-bottom: 1px solid #ddd;
width: 120px;
     -moz-box-shadow: 0px 0px 10px #666;
  -webkit-box-shadow: 0px 0px 10px #666;
          box-shadow: 0px 0px 10px #666;
}



#searchform input#searchsubmit {
background: url(/development/wp-content/themes/kiostark/images/search_button.png);
background-size: contain;
height: 20px;
width: 25px;
padding: 0px;
margin: 1px 0px 0px;
line-hbeight: 1;
float: right;
}

#searchform input#searchsubmit:active {
background: url(/development/wp-content/themes/kiostark/images/search_button-active.png);
background-size: contain;

}

.page_header {
background: #ffba00;
margin: 8px 0px 8px 0px;
}

.page_links {
border-top: 1px solid #aaa;
margin-top: 10px;
padding-top: 10px;
}

.page_links div div {
padding: .0 1em 1em 1.5em;
margin-top: .2em;
background: url(/development/wp-content/themes/kiostark/images/mark3.png) no-repeat 0px 11px;
background-size: 15px 16px;
}

h3, .pin-title {
font-size: 125%;
}

.pin-tag {
	display: none;
}

.page_links cite {
font-style: italic;
font-size: 125%;
}

.photos {
border-top: 1px solid #aaa;
margin-top: 6px;
padding-top: 10px;
}

p.caption {
font-family: helvetica;
font-size: 80%;
margin-top: 0px;
}

a img.header.feed {
margin-left: 5px;
}

.single #blog h4 {
float: left;
margin: 9px 5px 10px 0px;
}
.single #blog h4.category {
border-left: 1px solid white;
padding: 0px 0px 0px 5px;
}
.single h1 {
clear: both;
}




.page_events h2 {
font-size: 120%;
padding: .2em 1em 0em 1.4em;
margin-top: .2em;
background: url(/development/wp-content/themes/kiostark/images/mark1.png) no-repeat 0px 7px;
}

.page_events h3 {
font-size: 120%;
margin-bottom: -.5em;
padding-left: 1.4em;
}


.page_events .category {
font-style: italic;
}
.page_events p {
margin-bottom: .5em;
padding-left: 1.6em;

}

.page_events .datetime {

}

.page_events {
margin-top: 1px;
}

.page_events.archive {
margin-top: 2em;
}

.page_events.archive h2 {
margin-top: .2em;
background: none;
}

.search .page_header, .archive .page_header {
float: left;
}

.search h2.pagetitle, .archive h2.pagetitle {
display: inline;
float: left;
margin-left: 8px;
margin-top: 5px;
font-style: italic;
font-size: 110%;}

.search #blog .clear, .archive #blog .clear {
padding-bottom: 1em;
}

#sidebar .search {
margin-bottom: 0px;
padding: 5px 0px 5px 0px;
}

#sidebar .clear {
border: 0px none;
padding: 0px;
}

#sidebar .categories, #sidebar .monthly {
margin: 0px;
}

.hentry .postmetadata {
display: block ;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}

.navigation {
border-top: 1px solid #aaa;
padding-top: .5em;
}

.page .post {
padding-bottom: 0em;
margin-bottom: 0em;
}

.blurbs {
border-top: 1px solid #aaa;
padding-top: 1em;
margin-top: 1em;
}

blockquote {
/*padding: .2em 1em 0px 2.75em;*/
padding: 0 1em 0 1em;
margin-top: .2em;
clear: both;
font-size: 110%;
line-height: 1.5;
color: #323232;
/*background: url(/development/wp-content/themes/kiostark/images/mark2.png) no-repeat 0px 0px;*/
}

.attrib {
}

#sidebar div.sidepromo {
border-top: 0px none;
}

.wpcf7-response-output, .wpcf7, .wpcf7-response-output p, .wpcf7 p { border-bottom: 0px none !important; padding: 0px !important; margin: 0px !important;}

#sidebar #events {
border-bottom: 1px solid #a6a6a6;
}
ol.commentlist li.comment.depth-1 {
padding-bottom: 0px;
background: ;
margin-top: 0px;
}

ol.commentlist li.comment ul.children {
margin: 0px;
padding: 0px;
background: yellow;
clear: both;
}

.commentlist li ul li {
margin: 0px;
padding: 5px 5px 0px 5px;
clear: both;
}

.children li {
clear: both;
background: #777;
padding: 0px;
margin: .5em 0px 0px 0px;
}

.pingback p {
display: none;
}

.pingback {}

li.pingback {
margin: 0px;
padding: 5px 5px;
background: #666;
}

.search .page .postmetadata .comments_link {
display: none;
}

#respond form#commentform p {
	line-height: 1.5;
	margin: 0px;
clear: both;
padding: .75em 0px;
}

.comment-form-comment label {
display: none;
}

p.form-allowed-tags {
font-family: helvetica, arial, sans-serif;
font-size: 11px;
}

p.form-allowed-tags code {
color: #e2e2e2;
}

.single .post h1 {
color: #ffba00;
}

#anchors ul {
display: inline;
float: right;
margin-top: -24px;
}

#anchors li {
display: inline;
margin-left: 10px;
}

.page_links h1 em, .blurbs h1 em {
font-style: normal;
}

a#buy_dgbts span {
	text-indent: -9999em;
	display: block;
}

a#buy_dgbts:link, a#buy_dgbts:visited, a#buy_dgbts:hover {
	background: url(/development/wp-content/themes/kiostark/images/buy_dgbts.png) no-repeat;
	background-size: contain;
	height: 27px;
	width: 227px;
	display: block;
}

a#buy_dgbts:active {
	background: url(/development/wp-content/themes/kiostark/images/buy_dgbts-over.png) no-repeat;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 500px) {

body {
padding: 2.5%;
background: #999;

}

	#header, #name {
		width: 100%;
		position: relative;
	}

	#name img {
		width: 100% !important;
		height: auto;
	}

#nav {
height: 20px;
position: relative;
width: 100%;
margin: 0px 0px 0px 0px;
}

#content {
width: 100%;
padding: 0px;
left: 0px;
}

#blog {
width: 100%;
padding: 7px 0px 0px 0px;
float: none;
font-size: 10px;
line-height: 1.4;
}

.promo {
border-top: 1px solid #ffba00;
padding-top: 15px;
position: relative;
height: auto;
top: 15px;
left: 0px;
width: 100%;
font-size: 13px;
line-height: 1.25;
}

.promo .callout {
font-size: 10px;
line-height: 1.5;
}

.promo .callout.left {
width: 30%;
clear: left;
}

.promo .callout.left img {
	width: 13px;
	height: 10px;
}

.promo .callout.center {
width: 30%;
}

.promo .callout.right {
width: 30%;
}

.promo .wp-post-image {
height: 130px;
margin: -7px 0px 0px -4px;
width: 80px;}

.promo p {
	width: 73%;
	float: right;
}

.promo .callout p {
	width: 95%;
}

.promo p img.title {
	width: 100%;
	height: auto;
}

#blog p iframe {
	width: 300px !important;
	height: 189px;
}

#sidebar {
float: none;
border-left: 0px none;
width: 100%;
padding: 7px 0px 0px 0px;
border-top: 4px solid #ffba00;
clear:both;
margin-top: 20px;
}

#sidebar .categories, #sidebar .monthly {
	float: left;
	width: 40%;
	margin-right: 10%;
}

#admin {
	display: none;
}

#searchform input#livesearch {
	width: 87%;
	height: 12px;
}

#sidebar div.sidepromo {
border-top: 0px none;
width: 40%;
float: left;
margin-right: 10%;
min-height: 265px;
}

#sidebar #projects, #sidebar #signup {
clear: both;
}

#sidebar div.sidepromo img {
	width: 100%;
}

#social {
position: relative;
top: 30px;
left: 00px;
padding-bottom: 20px;
}

#social li {
font-size: 7px;
}

#respond input[type="text"] {
	float: none;
width: 97%;
}


#respond textarea {
	width: 99%;
}

}


/* tablet (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 760px)
and (max-device-width : 1030px) {


body {
background: #999;}

}



/* tablet (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 760px)
and (max-device-width : 1030px)
and (orientation:portrait) {

	#header {
		width: 50%;
		position: relative;
	}

	#name img {
		width: 100% !important;
		height: auto;
	}

#nav {
height: 20px;
position: relative;
width: 150%;
margin: 0px 0px 0px 0px;
}

#content {
width: 100%;
padding: 0px;
left: 0px;
}

#blog {
width: 74%;
padding: 7px 0px 0px 0px;
float: left;
}

#sidebar {
float: right;
border-left: 1px solid #b6b6b6;
width: 22%;
font-family: helvetica, arial, sans-serif;
padding: 7px 2px 0px 10px;
color: #626262;
font-weight: bold;
}

.promo {
border-top: 1px solid #ffba00;
padding-top: 15px;
position: relative;
height: auto;
top: 15px;
left: 0px;
width: 100%;
}

.promo .callout.left {
width: 24%;
}

.promo .callout.center {
width: 24%;
}

.promo .callout.right {
width: 24%;
}

#nav ul li.writing a {background: url(/development/wp-content/themes/kiostark/images/writing.png) no-repeat 50% 50%; display: block; height:12px; width:82px; background-size: contain;}
#nav ul li.teaching a {background: url(/development/wp-content/themes/kiostark/images/teaching.png) no-repeat 50% 50%; display: block; height:12px; width:96px; background-size: contain;}
#nav ul li.events a {background: url(/development/wp-content/themes/kiostark/images/events.png) no-repeat 50% 50%; display: block; height:12px; width:72px; background-size: contain;}
#nav ul li.blog a {background: url(/development/wp-content/themes/kiostark/images/blog.png) no-repeat 50% 50%; display: block; height:12px; width:48px; background-size: contain;}
#nav ul li.about a {background: url(/development/wp-content/themes/kiostark/images/about.png) no-repeat 50% 50%; display: block; height:12px; width:63px; background-size: contain;}

}