/* COLOURS */
/* red : #990000 */
/* light grey : #dadada */
/* dark grey : #2d2d2d */
/* darker grey : #1e1e1e */
/* orange : # ec831b */

html {
font-size: 100%; /* WinIE text resize correction */
}

body {
background: url(http://www.katiaandkyliemac.com/images/background-1.gif) repeat-x #B52523;
margin: 0;
padding: 0;
font-family: verdana, arial, helvetica;
font-size: 1em;
text-align: center;
color: #000000;
}

#blackblock {
  background: #000000;
  color: #000000;
  margin: 0;
  padding: 0;
  height: 0.625em; /* 10px */
  }

#greyblock {
  background: #5A5A5A;
  color: #000000;
  margin: 0;
  padding: 0.3em 0 0 0;
  font-size: 0.7em; /* 11px */
  height: 2em; /* 32px */
  border-bottom: 2px #000000 solid;
  }

/* Main content container */

#container1 {
background: transparent;
margin: -2.375em auto 0 auto; /* 38px */
color: #000000;
width: 49.375em; /* 790px */
}

/* Tag stuff */

#tag {
background: transparent;
color: #000000;
width: 11.875em; /* 190px */
height: 16em; /* 256px */
}


/* the rest */

#container2 {
background: transparent;
color: #000000;
margin: 0 0 0 1em; /* 0 0 0 16px */
padding: 0;
float: left;
width: 35.625em; /* 570px */
}

#skyline {
background: transparent;
color: #000000;
padding: 0;
display: block;
margin: 0;
width: 35.875em; /* 574px */
height: 9.375em; /* 150px */
}

#container3 {
background: url(http://www.katiaandkyliemac.com/images/background2.gif) 65% 0 repeat-y transparent;
border-left: 2px #000000 solid;
border-right: 2px #000000 solid;
color: #000000;
width: 35.625em; /* 570px */
text-align: left;
margin: 0;
padding: 0;
float: left;
}

#blackbox {
background: #000000;
color: #FFFFFF;
width: 35.625em; /* 570px */
height: 9.0625em;
padding: 0;
margin: 0;
}

/* Everything in the main container */

#maincontent {
background: transparent;
color: #000000;
width: 20.625em; /* 330px */
margin: -8.75em 1.875em 0 0.625em; /* -140px 30px 0 10px */
float: left;
display: inline;
}

/* "about k&k" image block styles */

.aboutkk {
  background: transparent;
  color: #000000;
  height: 6.875em; /* 110px */
  width: 20.375em; /* 326px */
  }

/* "about k&k-gb" image block styles */

.aboutkk-gb {
  background: transparent;
  color: #000000;
  height: 6.875em; /* 110px */
  width: 35em; /* 560px */
  }


/* "subscribe" image block styles */ 

.subscribe {
  background: transparent;
  color: #000000;
  height: 1.525em; /* 25px */
  width: 6.875em; /* 110px */
  }

/* breaks the black box and brings content down */

.startcontent {
  background: transparent;
  color: #000000;
  margin-top: 3.75em; /* 60px */
  }
/* "latest episode" heading styles */

.latestepisode {
  background: transparent;
  color: #000000;
  height: 1.525em; /* 25px */
  width: 9.6875em; /* 155px */
  }

/* entry date styling */

.date {
background: transparent;
color: #b5b5b5;
text-align: right;
font-size: 0.7em; /* 11px */
padding-right: 0.625em; /* 10px */
}

/* entry title styling + links */

h3.episodetitle {
background: transparent;
color: #666666;
font-weight: normal;
padding: 0 0.625em .5em 0.625em; /* 10px */
margin: 1.5em 0 0.75em 0;
font-size: 1em; /* 13px */
font-family: "Century Gothic","Trebuchet MS",verdana,arial,helvetica,sans-serif;
}

h3.episodetitle a, h3.episodetitle a:link, h3.episodetitle a:visited {
color: #666666;
font-weight: normal;
text-decoration: none;
}

h3.episodetitle a:hover, h3.episodetitle a:active {
color: #999999;
font-weight: normal;
text-decoration: none;
}

/* End Of Entry styling, images + links */

.eoe {
padding: 0 0 1em 0; /* 10px */
margin: 0 0.25em 0 0.25em; /* 0 0 32px 0 */
border-bottom: 1px #CCCCCC solid;
color: #666666;
text-align: right;
}

.eoe span {
margin-top: 1em;
font-size: 0.6875em; /* 10px */
line-height: 1.5em; /* 12px */
}

.eoe img {
height: 0.75em; /* 12px */
width: 0.875em; /* 14px */
margin: 0.4em 0 0 0.3125em; /* 5px */
}

.eoe a, .eoe a:link, .eoe a:visited,
.fullshowlinks a, .fullshowlinks a:link, .fullshowlinks a:visited {
color: #666666;
font-weight: normal;
text-decoration: none;
}

.eoe a:hover, .eoe a:active,
.fullshowlinks a:hover, .fullshowlinks a:active {
color: #999999;
font-weight: normal;
text-decoration: none;
}

/* div for the tags */

.tagged {
padding: 0 0 0.25em 0; /* 10px */
margin: 0 0.25em 0 0.25em; /* 0 0 32px 0 */
border-bottom: 1px #999999 solid;
color: #666666;
}

.tagged p {
color: #666666;
text-align: right;
}

.tagged a, .tagged a:link, .tagged a:visited {
color: #666666;
font-weight: normal;
text-decoration: none;
}

.tagged a:hover, .tagged a:active {
color: #999999;
font-weight: normal;
text-decoration: none;
}



/* SIDEBAR STUFF */

#sidebar {
background: transparent;
color: #000000;
width: 12.375em; /* 198px */
margin: -8.4375em 0 0 0; /* -135px 0 0 0 */;
float: left;
display: inline;
line-height: 1em;
}

#sidebar2 {
background: transparent;
color: #000000;
width: 12.375em; /* 198px */
margin: -2em 0 0 0; /* 0 */;
float: left;
display: inline;
line-height: 1em;
}


.photo {
height: 12.125em; /* 194px */
width: 11.6875em; /* 187px */
border: 0;
}

.sidebarheading {
background: transparent;
color: #000000;
height: 1.875em; /* 30px */
width: 10em; /* 160px */
margin: 2em 0 0 0.75em; /* 32px */
text-align: center;
}

#sidebar p {
  background: transparent;
  color: #000000;
  padding: 0 1em 0 1.5em; /* 0 15px */
  text-align: center;
}


#sidebar a, #sidebar a:link, #sidebar a:visited {
  color: #666666;
  font-weight: normal;
  text-decoration: none;
}

#sidebar a:hover, #sidebar a:active {
  color: #000000;
  font-weight: normal;
  text-decoration: underline;
}

.latestnews {
background: transparent;
color: #000000;
height: 1.875em; /* 30px */
width: 8.75em; /* 140px */
margin-top: 2em;
text-align: center;
}

.checkoutallepisodes {
background: transparent;
color: #000000;
height: 1.875em; /* 30px */
width: 8.75em; /* 140px */
margin: 1em 0 2.5em 0.75em; /* 16px */
}

.twittering {
background: transparent;
color: #000000;
height: 1.875em; /* 30px */
width: 11.25em; /* 180px */
margin-top: 1em;
}

/* adds space at the bottom, before the bottom bar : a temporary (?) workaround */

#beforebottom {
background: transparent;
width: 35.625em; /* 570px */
clear: both;
height: 1em; 
}


/* bottom bar styles */

#bottom {
background: #000000;
color: #FFFFFF;
width: 35.625em; /* 570px */
padding: 0.3125em 0; /* 5px */
}

#bottom p {
text-align: right;
color: #999999;
}


#bottom a, #bottom a:link, #bottom a:visited {
color: #FFFFFF;
font-weight: normal;
text-decoration: none;
}

#bottom a:hover, #bottom a:active {
color: #CCCCCC;
font-weight: normal;
text-decoration: none;
}

/* COMMENTS styling */

.beginnewsection {
  background: transparent;
  color: #000000;
  margin-top: 2em; /* 20px */
}

.comments-header img {
  background: #000000;
  height: 1.25em; /* 20px */
  width: 7.5em; /* 120px */
  border: none;
}

.comment-preview img {
  background: #000000;
  height: 1.875em; /* 30px */
  width: 13.75em; /* 320px */
  border: none;
}

.commentlisting {
  background: transparent;
  color: #333333;
  padding: 0 1em; /* 0 16px */
}

.commentauthor {
  background: transparent;
  color: #333333;
}

.endcomment {
  background: transparent;
  color: #333333;
  border-bottom: 1px #ececec solid;
}

.leaveacomment img {
  background: #000000;
  height: 2.1875em; /* 35px */
  width: 7.5em; /* 120px */
  border: none;
}

.leavecomment {
  background: transparent;
  color: #666666;
  font-size: 0.7em; /* 11px */
  line-height: 1.125em; /* 18px */
  margin-left: 2em; /* 32px */
}

/* Archive page styling */

.archive-list {
  padding: 0 1.25em; /* 0 20px */
  line-height: 1.25em; /* 20px */ 
}

li.archive-list-item {
  margin-top: 0.4em; /* 10px */
  font-size: 0.7em; /* 11px */
}

li li.archive-list-item {
  margin-top: 0.625em; /* 10px */
  font-size: 1em; /* 11px */
}


.archive-list a, .archive-list a:link, .archive-list a:visited {
  color: #666666;
  font-weight: normal;
  text-decoration: none;
}

.archive-list a:hover, .archive-list a:active {
  color: #000000;
  font-weight: normal;
  text-decoration: underline;
}

.allepisodes {
  height: 2.1875em; /* 35px */
  width: 15em; /* 240px*/
}

.category-list {
  width: 8.75em; /* 140px */ 
  height: 1.875; /* 30px */
  margin-top: 0.5em; /* 8px */
}

/* mini navigation styling */

#mini-nav p {
  text-align: center;
  padding: 0 0.4em 1em 0.4em; /* 10px */
  margin: 1em 0.25em; /* 0 0 32px 0 */
  border-bottom: 1px #CCCCCC solid;
  }

.nav-icon img {
  height: 0.75em; /* 12px */
  width: 0.625em; /* 10px */
  margin-top: 0.3125em; /* 5px */
  }

/* LINKS */

a, a:link, a:visited {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

a img {
  border: none;
  }

a:hover, a:active {
  color: #999999;
  font-weight: bold;
  text-decoration: none;
}

/* font stuff */

p {
  background: transparent;
  color: #000000;
  padding: 0 0.9374em; /* 0 15px */
  font-size: 0.7em; /* 11px */
  line-height: 1.5em; /* 24px */
  text-align: justify;
}

blockquote {
  background: transparent;
  color: #999999;
  padding: 0 0.9374em; /* 0 15px */
  font-size: 0.7em; /* 11px */
  line-height: 1.25em; /* 20px */
}

h3.heading {
  background: transparent;
  color: #999999;
  font-weight: normal;
  padding: 0 0.625em; /* 10px */
  font-size: 0.875em; /* 14px */
  font-family: "Century Gothic","Trebuchet MS",verdana,arial,helvetica,sans-serif;
}

h3.heading a, h3.heading a:link, h3.heading a:visited {
color: #666666;
font-weight: normal;
text-decoration: none;
}

h3.heading a:hover, h3.heading a:active {
color: #999999;
font-weight: normal;
text-decoration: none;
}

h3.heading-red {
  background: transparent;
  color: #990000;
  font-weight: normal;
  padding: 0 0.625em; /* 10px */
  font-size: 0.875em; /* 14px */
  font-family: "Century Gothic","Trebuchet MS",verdana,arial,helvetica,sans-serif;
}

h3.heading-red a, h3.heading-red a:link, h3.heading-red a:visited {
color: #990000;
font-weight: normal;
text-decoration: none;
}

h3.heading-red a:hover, h3.heading-red a:active {
color: #996666;
font-weight: normal;
text-decoration: none;
}



/* MISCELLANEOUS STUFF */

/* Styling inside entry allowing images to be displayed at full size */

.revert {
  font-size: 1em;
}

.revert2 {
  font-size: 1em;
  text-align: center;
}

/* List styling inside entries */

.entry-list {
  padding: 0 1em;
  font-size: 0.7em;
  line-height: 1.5em; /* 24px */
}

.entry-list-item {
  margin-top: 0.25em;
}

/* FAQ link styling */

.entry-faq-list {
  padding: 0 2em;
  font-size: 0.7em;
  line-height: 1.5em; /* 24px */
}

.entry-faq-list-item {
  margin-top: 0.25em;
}

.entry-faq-list a, .entry-faq-list a:link, .entry-faq-list a:visited {
  color: #666666;
  font-weight: normal;
  text-decoration: none;
}

.entry-faq-list a:hover, .entry-faq-list a:active {
  color: #000000;
  font-weight: normal;
  text-decoration: underline;
}


/* various random image styling */

.stufftoknow {
  width: 8.125em;
  height: 1.25em;
  display: block;
  margin-top: 1em;
}

.subscribenow {
  width: 6.875em;
  height: 2.5em;
  display: block;
  margin-bottom: 2em;
}

.shownotes {
  width: 8.75em; /* 140 */
  height: 2em; /* 32 */
  display: block;
  margin-top: 2em;
}

#more {
  padding: 0 0.2em 0.2em 0.2em;
  margin: 0.2em 0;
  border-bottom: 1px #ececec solid;
}


.top {
  width: 100%;
  margin: 1em 0;
  text-align: right;
}

.pageup {
  height: 0.75em; /* 12px */
  width: 6.25em; /* 100px */
}

.badge1 {
  width: 9.375em; /* 150 */
  height: 5.3125em; /* 85 */
  margin-bottom: .5em;
}

.badge2 {
  width: 5em; /* 80 */
  height: 1.875em; /* 30 */
  margin-bottom: .5em;
}

.profilepic {
  width: 10.9375em; /* 175 */
  height: 12.1875em; /* 195 */
  }

.subscribe2 {
  width: 11.25em; /* 205 */
  height: 1.25em; /* 20 */
  }

.chatstuff {
background: #FFFFFF;
margin: 1em auto 0 auto; 
color: #000000;
width: 30em; 
border: 1px #000000 solid;
padding: .5em;
  }


/* Sidebar page styling */ 
ul.sidebar-list, .reader-publisher-module> ul {
  padding: 0 1em; /* 0 20px */
  line-height: 1.25em; /* 20px */
  font-size: 0.825em; /* 11px */ 
}

ul.sidebar-list li, .reader-publisher-module> ul> li, ul#twitter_update_list li, ul#twitter_update_list3 li  {
  margin-top: 0.4em; /* 10px */
}

ul.sidebar-list a, ul.sidebar-list a:link, ul.sidebar-list a:visited
ul#twitter_update_list a, ul#twitter_update_list a:link, ul#twitter_update_list a:visited
ul#twitter_update_list3 a, ul#twitter_update_list3 a:link, ul#twitter_update_list3 a:visited {
  color: #666666;
  font-weight: normal;
  text-decoration: none;
}

ul.sidebar-list a:hover, ul.sidebar-list a:active
ul#twitter_update_list a:hover, ul#twitter_update_list a:active
ul#twitter_update_list3 a:hover, ul#twitter_update_list3 a:active {
  color: #000000;
  font-weight: normal;
  text-decoration: underline;
}

#twitter_update_list, #twitter_update_list3 {
  list-style: none; 
  padding: 0 1em; /* 0 20px */
  line-height: 1.25em; /* 20px */
  font-size: 0.7em; /* 11px */ 
}

/* a little Google reader styling for the Get Blogged sidebar */

#readerpublishermodule0 .f {
  display: none;
  }