/* 
  Theme Name: Kilk 3.0
  Description: Flexible width, MU compatible, with per-blog/per-page custom styling. 
  Author: Erik Kilk 
  Author URI: http://kilk.com/erik
  Credits: Derived from Daisy Rae Gemini.
  License - The CSS and design is released under GPL.
*/

body { 
 margin: 0px;
 padding: 0px;
 /* font-size: small; */
 font-family: Verdana, Arial, sans-serif; 
 text-align: left;
}

@media only screen and (max-device-width: 480px) {
  body {
    -webkit-text-size-adjust: 250%;
  }
   
  #header {
    -webkit-text-size-adjust: 175%;
  }
}

/* ------- Color Scheme -------- */

/* Dark tint (top menu bar and footer bar. */
.hmenu, #footer {
  background: #5a5977;  /* darker blue gray */
}

/* Lighter tint (hover color for the menu bar and footer) */
.hmenu ul li a:hover, #footer a:hover {
  background: #7a7997;  /* lighter blue gray */
}

/* Lighter tint (meta color) */
.meta, .meta a, .gallery-caption, .wp-caption-text, .commentinfo{
  color: #7a7997;  /* lighter blue gray */
}

.commentinfo {
	border-bottom: 1px solid #DCD3CE;
}

/* Spot color.  Headers. */
h1,h2,h3,h4,h5,h1 a,h2 a,h3 a,h4 a,h5 a,h2 a:visited, h2 a:link, .meta a:hover, .commentby { 
 color: #a41818;    /* rust red */
}

/* Links */
a:visited, a:link {
  color: #5a5977;   /* darker blue gray */
}

#calendar tbody a {
  font-weight: bold;
  /* border: 1px solid #5a5977; */
}

#calendar #today {
  border: 1px solid #5a5977;
}

a:hover, a:active, .wordtube object:hover, .feedback a {
 color: #a41818;    /* rust red */
}


/* Very light tint. Header text colors and side bar. */
#header, #header h1, #header h1 a, .hmenu, .hmenu ul li a, .hmenu ul li a:hover, .hmenu a:link, .hmenu a:visited, #footer, #footer a, #footer a:hover {
  color: #f1f1c6;  /* light yellow */
}

#commentform  #comment, #commentbox {
	background: #f1f1c6;
}



/* ----- header ----- */

#header {
 margin: 0;
 padding: 40px 16px 0px 16px;
 height: 150px;  /* total 190 px */
 letter-spacing: 0.2em;
 text-align: right;
 background: black;
 background-image: url(images/header.jpg);
 background-repeat: repeat-x;
 overflow: hidden;
 /* text-shadow: black, 5px, 5px, 5px;  */
}

#header h1, #header h1 a {
 margin: 0;
 text-decoration: none;
 font-size: 28px;
}

/*----- hmenu and footer to match -----*/

.hmenu, #footer {
 margin: 4px 0 0 0;
 font-size: 12px;
 text-align: center;
}

@media only screen and (max-device-width: 480px) {
}

.hmenu a, .hmenu a:visited, .hmenu a:link, .hmenu a:hover, #footer a, #footer a:visited, #footer a:link, #footer a:hover {
 text-decoration: none;
}

.hmenu ul {
 text-align: center; 
 margin: 0;
}

.hmenu ul li {
 display: inline;
}

.hmenu ul li a {
 border-left: 1px solid white;
 border-right: 1px solid white;
}

.hmenu ul li a, #footer a {
 line-height: 2em;
 padding: .40em 10px .42em 10px;
 text-decoration: none;
}

/* ---- main block ---- */

#main {
 min-height: 600px; 
 padding: 8px;
}

h1,h2,h3,h4,h5, h1 a, h2 a, h3 a, h4 a, h5 a { 
 margin: 1.1em 0 0 0;
 line-height: 110%; 
}

h3 {
  clear: left;
}

p {
 margin: 10px 0 0 0;
 padding: 0;
 clear: left;
}

#clearer {
 clear: both;
 margin: 0;
 padding: 0;
}


/* ---- posts ----- */

.post {
 margin: 10px 35px 20px 0;
 line-height: 130%; 
}

.post ul li {
 padding: 0px;
 font-weight: normal;
 list-style: url('images/icon.gif');
 line-height: 1.5em;
}

.post ul li:hover {
	padding: 0px;
	font-weight: normal;
	list-style: url('images/icon2.gif');
	line-height: 1.5em;
}

/*----------------- Color CSS    ------------------------*/

a:hover {
	text-decoration: underline;
}

.meta {
    margin-top: 0;
	font-size: .95em;
	font-weight: normal;
	letter-spacing: 0;
}

/* --------     Core CSS ---------*/

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

blockquote {
 border-left: 3px solid;
 margin-left: 1.5em;
 padding-left: 5px;
}

#hidden {
 display: none;
}

h3#comments {
 margin-left: 20px;
}

h3#respond {
 margin-left: 20px;
}

ol#comments li p {
 font-size: 100%;
}

p:first-child > img:first-child {
 margin-left: 0;
 margin-top: 0;
 margin-bottom: 10px;
}

.textarea {
 width: 200px;
 margin: 0;
}

#archvies {
 font: 150% normal 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

/* ------------------------- Classes used by the_meta() ---------------------*/

ul.post-meta {
	list-style: none;
}

ul.post-meta span.post-meta-key {
	font-weight: bold;
}

.credit {
	color: #fff;
	font-size: 90%;
	margin: 10px 0 0 0;
	padding: 3px;
	text-align: center;
}

.feedback {
    padding-top: 5px;
    padding-bottom: 5px;
	text-align: left;
	clear: left;
	font-size: 100%
}


.meta li, ul.post-meta li {
	display: inline;
}

.meta ul {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

.entrytext {
	margin-left: 30px;
}

.storytitle {
	margin-top: 10px;
	margin-bottom: 2px;
}

.storytitle a, .storytitle a:visited {
	text-decoration: none;
}

.storycontent {
	margin-bottom: 5px;
}

#commentform {
	margin-left: 20px;
	margin-right: 20px;
}

#commentform  #comment {
	width: 99%;
}

#commentform #author, #commentform #email, #commentform #url, #commentform textarea {
	background: #fff;
	padding: .2em;
}

#commentform textarea {
	width: 100%;
}

#commentlist li {
	border: 2px solid #BAA99F;
	margin-bottom: 20px;
	padding-left: 20px;
}

#commentlist li ul {
	border-left: 1px solid #ddd;
	font-size: 110%;
	list-style-type: none;
}

/* ----------  All menu styling ------- */

#menu {
 float: right;
 font-size: 12px;
 width: 198px;
 margin-left: 8px;
 padding-left: 8px;
 background: #f1f1c6;
}

.widecolumn {
 margin-right: 220px;  /* width+margin-left+padding-left +5'ish*/
}

/* remove menu for iPhone */
@media only screen and (max-device-width: 480px) {
  #menu {
    display: none;
  }
}

#menu ul {
 margin-top: 0px;
 margin-left: 0; 
 padding-left: 0;
 list-style-type: none;
 font-size: 95%;
}

#menu ul h2 {
 margin-top: 1em;
 margin-bottom: .4em;
 font-size: 16px;
 font-weight: normal;
}

#menu ul ul ul {
 font-size: 90%;
 padding-left: 10px;
}

#menu ul ul ul ul {
 font-size: 90%;
 padding-left: 10px;
}

#menu a {
 display: block;  /* for some IE bug I guess, need to look at */ 
 padding: 1px;
 padding-left: 17px;
 background-image: url(images/icon.gif);
 background-repeat: no-repeat;
 background-position: 0 .4em;
 /* border-bottom: 1px dotted #BAA99F;  */
 text-decoration: none;
}

#menu a:link {
 text-decoration: none;
}

#menu a:hover {
 background-image: url(images/icon2.gif);
 /* text-decoration: underline; */
}

/*------------- comments ------------*/

#commentbox {
	padding: 5px;
    margin: 0 20px 15px 20px;
    clear: left;
}

.commentby {
	font-size: 14px;
	margin-top: 0px;
	text-transform: uppercase;
}

.commentinfo {
	font-size: 10px;
    margin-top: 0;
}

.commentid {
	float: right;
	font-size: 24px;
	font-style: italic;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
	color: #BAA99F;
}

.commentid a {
	color: #BAA99F;
	text-decoration: none;
}


/* ----- calendar  ---- */

#calendar {
  padding: 0;
}

#calendar .widgettitle {
}

#calendar caption {
}

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

#calendar a {
  display: default;
  padding: 0px;
  background-image: none; 
  background-repeat: no-repeat;
  background-position: 0px;
  text-decoration: underline;
}


#calendar a:hover {
 background-image: none;
}

#calendar #prev a {
  text-align: left;
  text-decoration: none;
}

#calendar #next a {
  text-align: right;
  text-decoration: none;
}


/* ---- images & video ----- */

img {
 margin: 10px 10px 0px 0px;
}

@media only screen and (max-device-width: 480px) {
  wp-caption {
    width: 200%;
  }
}


a img {
  border-width: 1px;
  border-style: solid;
}

.wordtube {
  display: inline;
}

/* remove for iPhone */
@media only screen and (max-device-width: 480px) {
  .wordtube {
    display: none;
  }
}

.wordtube object {
  margin: 5px 4.5px 0px 0px;
  border: 1px solid;
}

.gallery {
  margin: 0;
}

.gallery-item {
  margin: 0;
  float: left;
}

.gallery-icon {
  margin: 0;
  padding: 0;
}

.gallery-caption, .wp-caption-text {
  margin: 0;
  text-align: center;
}


.wp-caption {
  float: left;
}

p img {
padding: 0;
max-width: 100%;
}

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
}


/* ---- side column on swing page ---- */

.sidebar {
 float: right;
 border-left: 1px dashed #BAA99F;
 width: 30%;
 margin-left: 12px;
 padding-left: 10px;
 padding-right: 8px;
}


/* Don't understand, superfluous margin on hnav's .page_items */
.page_item {
 margin-right: -.4em;
}

.current_page_item {
}


/* Stats */
img#wpstats {
    width: 0px;
    height: 0px;
    padding: 0px;
    border: none;
    overflow:hidden;
}


/* --- Registration ---- */
#setupform {
  color: gray;
}

#setupform label {
  color: darkblue;
  margin-top: 20px;
  margin-bottom: 0px;
}

#setupform input {
  margin-top: 0px;
}

#setupform .desc {
  color: darkgreen;
  font-size: 14px;
}