/*------------------------------------------------------------------------------
  Global Styles
------------------------------------------------------------------------------*/

.valid-icon,
.apple-icon
{
  background-position : center left;
  background-repeat   : no-repeat;
  padding-left        : 13px;
}

.valid-icon
{
  background-image : url(./images/valid-icon.gif);
}

.apple-icon
{
  background-image : url(./images/apple-icon.gif);
  padding-left     : 14px;
}

.align-left
{
  text-align : left;
}

.align-right
{
  text-align : right;
}

.align-center
{
  text-align : center;
}

.margin.left
{
  margin-right : 1em;
}

.margin.right
{
  margin-left : 1em;
}

.border
{
  padding : 0.4em;
  border  : 1px solid #CCCCCC;
}

a:hover .border
{
  border-color : #99CC00;
}

.information,
.alert,
.download
{
  margin              : 1em auto;
  padding             : 0.5em 2em 0.5em 4.5em;
  background-position : 1.5em center;
  background-repeat   : no-repeat;
  border-top-width    : 2px;
  border-top-style    : solid;
  border-bottom-width : 2px;
  border-bottom-style : solid;
  text-align          : center;
}

.information
{
  background-color    : #C6FBFF;
  background-image    : url('./images/information-icon.png');
  color               : #333333;
  border-top-color    : #4EBDF0;
  border-bottom-color : #4EBDF0;
}

.alert
{
  background-color    : #FFF6BF;
  background-image    : url('./images/alert-icon.png');
  color               : #333333;
  border-top-color    : #FFD324;
  border-bottom-color : #FFD324;
}

.download
{
  background-color    : #D0F29D;
  background-image    : url('./images/download-icon.png');
  color               : #333333;
  border-top-color    : #9CD941;
  border-bottom-color : #9CD941;
}

.alert a,
.download a
{
  text-decoration : none;
}

.download-link a
{
  font-weight : bold;
}

ol.footnotes
{
  border-top-color : #CCCCCC;
  color            : #666666;
  background-color : transparent;
}

/*------------------------------------------------------------------------------
  Header
------------------------------------------------------------------------------*/

#header .inside
{
  padding : 3em 0 2.5em 0;
}

/*------------------------------------------------------------------------------
  Contents
------------------------------------------------------------------------------*/

#contents
{
  padding             : 3em 0 2em 0;
  background-color    : #FFFFFF;
  background-image    : url(./images/contents-bg.gif);
  background-repeat   : repeat-x;
  background-position : top;
  color               : #333333;
  border-bottom       : 1px solid #151515;
}

#contents a
{
  background-color : transparent;
  color            : #555555;
}

#contents a:hover
{
  background-color : transparent;
  color            : #000000;
}

#contents h2,
#contents h3,
#contents h4
{
  background-color : transparent;
  color            : #000000;
}

#contents h3
{
  border-bottom : 1px solid #99CC00;
}

#contents h4
{
  border-bottom : 1px solid #CCCCCC;
}

#contents h3 a,
#contents h4 a
{
  text-decoration : none;
}

#contents blockquote
{
  border-left-color : #99CC00;
  background-color  : transparent;
  color             : #666666;
}

#contents pre
{
  border-top-color    : #333333;
  border-bottom-color : #333333;
}

#contents table td
{
  background-color : #CCCCCC;
  color            : #000000;
}

#contents table caption
{
  background-color : transparent;
  color            : #000000;
}

#contents a.external
{
  background-image : url(./images/external-link.gif);
}

#contents a.feed-icon
{
  text-decoration : none !important;
}

#contents .navigation
{
  margin : 0;
}

#contents .navigation a
{
  background-color : transparent;
  color            : #000000;
  text-decoration  : none;
  border-bottom    : 1px dotted #000000;
}

#contents .navigation a:hover
{
  border-bottom-style : solid;
}

#contents .excerpt .title a
{
  background-color : transparent;
  color            : #000000;
}

#contents .excerpt .title a:hover
{
  background-color : transparent;
  color            : #99CC00;
}

#contents .excerpt .date
{
  background-color : transparent;
  color            : #333333;
}

#contents .excerpt .body .read-on
{
  background-image : url(./images/read-on-bg.png);
}

#contents .excerpt .body .read-on a:hover
{
  background-color : transparent;
  color            : #666666;
}

#contents .excerpt .metadata
{
  border-top-color : #CCCCCC;
  background-color : transparent;
  color            : #333333;
}

#contents .excerpt .metadata a
{
  background-color : transparent;
  color            : #666666;
}

#contents .excerpt .metadata a:hover
{
  background-color : transparent;
  color            : #000000;
}

/* Single Post Styles */

#contents .post
{
  float : left;
}

#sidebar
{
  float            : right;
  margin           : 0 0 0 5%;
  background-color : transparent;
  color            : #666666;
}

#sidebar h3
{
  background-color    : transparent;
  color               : #99CC00;
  border-bottom-style : none;
}

#sidebar .featured a
{
  background-color : transparent;
  color            : #808080;
  text-decoration  : underline;
}

#sidebar .featured a:hover
{
  background-color : transparent;
  color            : #000000;
}

#sidebar .featured p
{
	border-top-color    : #CCCCCC;
	border-bottom-color : #CCCCCC;
}

#sidebar .featured dl
{
	border-bottom-color : #CCCCCC;
}

#contents ul.dates,
#contents ul.counts,
#contents ul.pages,
#contents div.widget_recent_entries ul,
#contents div.widget_archive ul,
#contents div.widget_categories ul,
#contents div.widget_links ul,
#contents div.widget_pages ul,
#contents div.widget_related_entries ul,
#contents div.widget_rss ul
{
  background-color : transparent;
  color            : #868686;
  border-top-color : #CCCCCC;
}

#contents ul.dates li,
#contents ul.counts li,
#contents ul.pages li,
#contents div.widget_recent_entries ul li,
#contents div.widget_archive ul li,
#contents div.widget_categories ul li,
#contents div.widget_links ul li,
#contents div.widget_pages ul li,
#contents div.widget_related_entries ul li,
#contents div.widget_rss ul li
{
  border-bottom-color : #CCCCCC;
}

#contents ul.counts ul.children li,
#contents ul.pages ul.children li,
#contents div.widget_archive ul li,
#contents div.widget_categories ul li,
#contents div.widget_pages ul li,
#contents div.widget_related_entries ul li
{
  border-top-color : #CCCCCC;
}

#contents ul.dates a,
#contents ul.counts a,
#contents ul.pages a,
#contents div.widget_recent_entries ul a,
#contents div.widget_archive ul a,
#contents div.widget_categories ul a,
#contents div.widget_links ul a,
#contents div.widget_pages ul a,
#contents div.widget_related_entries ul a,
#contents div.widget_tag_cloud p a,
#contents div.widget_flickrrss p.read-on a,
#contents div.widget_rss a
{
  background-color : transparent;
  color            : #555555;
  text-decoration  : none;
}

#contents ul.dates a:hover,
#contents ul.counts a:hover,
#contents ul.pages a:hover,
#contents div.widget_recent_entries ul a:hover,
#contents div.widget_archive ul a:hover,
#contents div.widget_categories ul a:hover,
#contents div.widget_links ul a:hover,
#contents div.widget_pages ul a:hover,
#contents div.widget_related_entries ul a:hover,
#contents div.widget_tag_cloud p a:hover,
#contents div.widget_flickrrss p.read-on a:hover,
#contents div.widget_rss a:hover
{
  background-color : transparent;
  color            : #000000;
}

/*------------------------------------------------------------------------------
  Footer
------------------------------------------------------------------------------*/

#footer p.attributes
{
  line-height : 5.25em;
}

/*------------------------------------------------------------------------------
  Search
------------------------------------------------------------------------------*/

#search-field
{
  border           : 1px solid #868686;
  background-color : #F8F8F8;
  color            : #333333;
}

#search-button
{
  background-color : transparent;
  color            : #333333;
}

/*------------------------------------------------------------------------------
  Bottombar
------------------------------------------------------------------------------*/

#bottombar
{
  background-color : #202020;
  color            : #BFBFBF;
}