/*  
 * Theme Name:     Digitalis
 * Theme URI:     http://www.theenglishguy.co.uk/digitalis-theme/
 * Description:   This is a theme by <a href="http://www.theenglishguy.co.uk/">The English Guy</a> focused on our obvious obsession - digital life! Two widget-ready, gravatar-ready, and SEO friendly, very easy to use.
 * Author:       Richard Dows
 * Author URI:     http://www.theenglishguy.co.uk/
 * Tags:      two column, digital, fixed width, valid xhtml, right sidebar
 * Version:      1.0.5
 */

* {
    margin:          0;
  padding:                0;
}

body, html {
  background-image:    url(images/bg.jpg);
  background-attachment:  fixed;
  background-repeat:    no-repeat;
  background-position:  top center;
  background-color:    black;
  font-size:        100%;
  font-family:      "RotisSemiSans", sans-serif;
}



/*----------------------------- wrapper ------*/
#wrap {
    width:          800px;
  margin:          0 auto;
  position:        relative;
}
* html #wrap {
    height:          100%;
}


/*-------------------------- main divs -------*/
#header_block {
  margin: 15px 0;
  width:  100%;
}

#header { 
  width:          800px;
  margin:          0 auto;
}

#header h1 { text-indent: -10000px; }

#header h1 a {
  background: transparent url(images/logo.png) no-repeat;
  display: block;
  height: 57px;
  margin: 0 auto;
  width: 301px;
}

#header h2 {
  font-size: 16px;
  color: #FFF;
  margin: 0 auto 10px;
  text-align: center;
}

/*------------------------------- menu -------*/
#navcontainer {
  background: transparent url(images/bar.png) no-repeat;
  height: 30px;
  margin: 0 auto;
  width: 743px;
}
#navlist {
  height: 24px;
  margin: 0 auto;
  padding: 3px 0;
  list-style: none;
  text-align: center;
  width: auto;
}

#navlist li {
  display: inline;
}

#navlist a {
  padding: 3px 15px;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
  text-align: center;
}

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

#navlist a:hover {
  background-color: #bbb;
  color: #fff;
}

/*---------------------------- content -------*/
#middle {
  margin-bottom: 15px;
}

.content {
  width: 600px;
  float: left;
}

/*---------------------------- sidebar -------*/
#sidebar {
    width:          190px;
  margin:          0 0 0 10px;
  float:          left;
}
* html #sidebar {
    margin-left:      9px;
}

#sidebar .sidebar_box {
  background: #FFF;
  border: 3px solid #000;
  margin-bottom: 15px;
  padding: 10px;
}

#sidebar .title {
  border-bottom: 1px solid #333;
  margin: 0 auto;
}
#sidebar .title h3 {
  color: #08281b;
  font-size: 22px;
  text-align: center;
}
#sidebar ul { list-style:    none; }

#sidebar li { margin: 5px 0; }

#sidebar ul ul {
  margin:          0;
}
#sidebar ul ul li a {
    padding:                4px 5px 4px 20px;
}

#sidebar #searchform input#s {
    width:          165px;
  margin:          5px 10px;
  padding:                2px 1px;
}

#sidebar p {
    margin:          0 10px;
  padding:                5px 0 0 0;
}

#sidebar p#tagcloud {
    margin:          0 3px;
  text-align:        center;
}



/*----------------------------- post ---------*/
.post-content {
  border: 3px solid #000;
  background: #FFF;
  font-size:  100%;
  margin-bottom: 15px;
  padding: 10px;
  width: 574px
}

.post-content ul, .post-content dl, .post-content ol {
    padding:        5px 0 5px 25px;
}
.post-box {
    background-image:    url(images/tablet_box.png);
  min-height:        40px;
  height:          auto !important;
  height:          40px;
}
.post-box h3 {
    padding:                6px 0 0 10px;
}
.post-title {
  border-bottom: 1px solid #333;
  margin-bottom: 10px;
}
.post-date {
  font-size: 12px;
  font-weight: bold;
  color: #000;
  margin-top: 2px;
}
.post-title h2, #commentsdiv h4 {
  font-size:        24px;
}

.post-main p { padding: 5px 0; }

.post-comments { 
    padding:                14px 0 0 32px;
  width:          110px;
}
.post-comments p {
  padding:                0;
}

.post-info { margin-top: 10px; }

.comments_link { float: left; }

.categories_link { float: right; }

.post-archive .post-info {
    text-align:        left;
}

/*-------------------------- comments --------*/
#commentsdiv {
  margin:          0;
}
.commentlist {
    list-style:    none;
}
.commentlist li {
  margin-top: 5px;
  background: #FFF;
  border: 3px solid #000;
  padding: 10px;
}

.commentlist p { margin-top: 10px; }

.comments-middle {
  background: #FFF;
  border: 3px solid #000;
  font-size: 100%;
  margin: 15px 0;
  padding: 10px;
}
.comments-textarea textarea {
    width:          100%;
}
.comments-title {
  margin-bottom: 5px;
}
.comments-title h3 {
    font-size: 18px;
}
.comments-title h4 {
    font-size:        16px !important;
  padding:                2px 0 2px 2px;
}
.comments-cancel {
    margin:          0 10px;
}

.comment-author {
  float: left;
}

.comment-author img {
  display: block;
  float: left;
  margin-right: 5px;
  padding: 5px;
  border: 1px solid #ddd;
}

.comment-author p {
  float: left;
  height: 44px;
  line-height: 44px;
}

.comment-author cite {

}
.comments-inputs { margin-bottom: 10px; }
.comments-inputs label {
    float:          left;
    width:          100px;
}
.comments-inputs input {
    margin:          0 0 3px 0;
}
.comments-middle .buttons {
    text-align:        right;
}
.comments-middle .buttons input {
  border:          1px solid #333;
  font-family:      Myriad, "Myriad Pro", Palatino, "Rotis Sans Serif", serif;
  font-size:        16px;
  font-weight:      bold;
}
.comments-middle .buttons input:hover {
    color:          #548cbd;
}
.comments .inputs {
  margin-bottom: 10px;
}

.commentlist ul, .commentlist ol, .commentlist dl  {
    border:          0;
  margin:          5px 5px 5px 25px;
}
.commentlist ul li, .commentlist ol li, .commentlist dl dt {
    border:          0;
    margin:          0 !important;
  padding:                0;
}
.commentlist p {
  font-size: 14px;
}

.commentlist .children {
    list-style-type:    none;
}
.commentlist .children li {
    background-color:    #ccc;
  border:          1px solid #036;
  padding:                2px;
}



/*---------------------------- footer --------*/
#footer { 
  background: #FFF;
  border: 3px solid #000;
  color: #000;
  padding: 10px;
  width: 774px;
  clear: both;
}

#footer p { text-align: center; }



/*-------------------------- calendar --------*/
/* wp-calendar refers to the table itself     */
#wp-calendar {
    margin:          0 auto;
  width:          170px;
}
#wp-calendar caption {
    display:        none;
}
#wp-calendar thead tr { }
#wp-calendar thead tr th {
    text-align:        left;
} 
#wp-calendar tbody tr { }
#wp-calendar tfoot tr { }
#wp-calendar tbody td { 
    min-height:             21px;
  height:          21px;
  background-color:    #fff;
  border-right:      1px solid #ccc;
  border-bottom:      1px solid #ccc;
  margin:          0 5px 5px 0;
  padding:                2px;
  vertical-align:      top;
}
#wp-calendar tbody td:hover {
    background-color:    #8aacd2;
}
#wp-calendar tbody td#today {
    background-color:    #d8dfef;
}
#wp-calendar tbody td#today:hover {
    background-color:    #ddd;
}

#wp-calendar tbody a {
    color:          #3e483d;
  font-weight:      bold;
}
#wp-calendar tbody a:hover {
    color:          #000;
}
#wp-calendar tfoot a {
    color:          #000;
  font-size:        18px;
  text-decoration:    none;
}
#wp-calendar tfoot a:hover {
    color:          #900;
}


/*----------------------------- links --------*/
a {
    color:          #08281b;
}
a:visited {
    color:          #3e483d;
}
a:hover {
    color:          #900;
}
h1 a, h1 a:visited {
    color:          #000;
  text-decoration:    none;
}
h1 a:hover { 
    color:          #003;
}
h2 a {
    color:          #000;
  text-decoration:    none;
}
h2 a:visited {
    color:          #111;
}
h2 a:hover {
    color:          #c00;
}

/*----------------------------- misc ---------*/
.spacer {
    clear:          both;
}
.justify {
    text-align:        justify;
}
.centered {
    text-align:        center;
}
.navigation {
  background: #FFF;
  border: 3px solid #000;
  color: #000;
  padding: 10px;
}
.small {
    font-size:        87%;
}
.uppercase {
    text-transform:      uppercase;
}
.align-left {
    margin:          0 0 0 10px;
  float:          left;
}
.align-right {
    margin:          0 10px 0 0;
  float:          right;
}
embed, object {
    position:        relative;
    z-index:        85;
}
img {
    border:          0;
}
blockquote {
    background-color:    #6cf;
  border:          1px solid #222;
  margin:          5px 25px;
  padding:                2px 5px 5px 5px;
}
.comments blockquote {
    margin:          5px 25px 0 25px;
}
blockquote ul, blockquote ol, blockquote dl {
    margin:          0 0 0 15px;
}

h2 {
    font-size:        12px;
}


.clearfix:after {
    content:         ".";
    display:         block;
    clear:           both;
    visibility:       hidden;
    line-height:       0;
    height:         0;
}

.clearfix {
    display:         inline-block;
}

html[xmlns] .clearfix {
    display:         block;
}

* html .clearfix {
    height:         1%;
}



/*--------- wordpress css conformance --------*/
.aligncenter, div.aligncenter {
   display:         block;
   margin-left:       auto;
   margin-right:       auto;
}

.alignleft {
   float:           left;
}

.alignright {
   float:           right;
}

.wp-caption {
   border:           1px solid #ddd;
   text-align:         center;
   background-color:     #f3f3f3;
   padding-top:       4px;
   margin:           10px;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius:     3px;
   -khtml-border-radius:   3px;
   -webkit-border-radius:   3px;
}

.wp-caption img {
   margin:           0;
   padding:                 0;
   border:           0 none;
}

.wp-caption p.wp-caption-text {
   font-size:         11px;
   line-height:       17px;
   padding:                 0 4px 5px;
   margin:           0;
}

#facebook_link { background-image: url(images/facebook.jpg); }
#fan_link { background-image: url(images/become_a_fan.jpg); }
#rss_link { background-image: url(images/rss.jpg); }
#twitter_link { background-image: url(images/twitter.jpg); }

#commentsdiv { margin-top: 15px; }

.comment-header { margin-bottom: 10px; }

.comment-header p { font-size: 16px; }

.comment-meta {
  float: right;
  height: 44px;
  line-height: 44px;
}

.page_title {
  background: #FFF;
  border: 3px solid #000;
  color: #000;
  margin-bottom: 15px;
  padding: 10px;
}

.social_link {
  background-color: transparent;
  background-repeat: no-repeat;
  display: block;
  height: 55px;
  margin: 0 auto 15px auto;
  text-indent: -10000px;
  width: 184px;
}

.clear:after {
  clear: both;
  content: "";
  display: block;
  height: 0;
  visibility: hidden;
}

* html .clear { height: 1%; }

*+html .clear { height: 1%; }

.clear {
  display: block;
  zoom: 1;
}