/* 
Theme Name: eldamar
Theme URI: http://www.eldamar.se/
Description: none at the moment
Author: Samuel Tilly
Author URI: http://www.eldamar.se/
Version: 1
*/

* {
  margin: 0;
  padding: 0;
}

body {
  text-align: center;
  margin: 0;
  padding: 0 0 15px 0;
  font-family: trebuchet, arial, helvetica, sans-serif;
  }

html, body {
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

root {
    display: block;
}

h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  padding: 10px 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Lucida Grande", arial, sans-serif;
}

ul li {
    list-style-image: url('img/bullet.gif');
    list-style-position: inside;
}

p {
  font-size: 10pt;
}

a,a:visited {
    text-decoration: none;
    color: #47b1e4;
}
a:hover {
    text-decoration: underline;
    color: #58c9e6;
}

a img {
  border: none;
}

blockquote {
  background: #e3e584;
  padding: 5px 15px;
  margin: 10px 10px 5px 15px;
  font-style: italic;
  color: #1d5d7c;
}

#wrapper {
    width: 810px;
    margin: auto;
}

#backpix {
    background: url('img/backpix2.jpg') no-repeat;
    z-index: -1;
    position: absolute;
    width: 1300px;
    height: 530px;
    margin-left: -225px;
}

#backpixBlue {
    background: url('img/backpixBlue.jpg') no-repeat;
    z-index: -1;
    position: absolute;
    width: 1300px;
    height: 530px;
    margin-left: -225px;
}


/* Header */
#top {
    background: #ffffff url('img/topbackpix1.jpg') repeat-y;
    text-align: left;
}

#catnav, #gallerytitle {
    text-align: left;
    margin: 5px 20px 5px 20px;
    padding: 0;
}

#catnav li {
    font-size: 12px;
    display: inline;
    border-left: #999999 solid 1px;
    padding: 0 3px 0 5px;
}

#catnav li.cat-item-1,#catnav li.noborder {
    border-left: none;
}

#catnav li a,#catnav li a:visited, #gallerytitle, #gallerytitle a {
    text-decoration: none;
    color: #6e6e6e;
}

#catnav li a:hover, #gallerytitle a:hover, #gallerytitle span {
    color: #999999;
}



/* Menu */
#menu {
    height: 47px;
    width: 800px;
    margin-left: 5px;
    border-bottom: 6px solid #5fcbe7;
    list-style: none;
    position: absolute;
    z-index:2;
}

/* Content */
#content {
    background: #ffffff url('img/backpix2middle.jpg') repeat-y;
    text-align: left;
    padding: 0;
}

#content ul,#content ul li {
    margin-left: 17px;
    padding: 0;
}

#content .entry {
    background: url('img/contentpix1.jpg') repeat-x;
    margin: auto;
    width: 760px;
    padding: 0 20px 0 20px;
}

#title {
    background: #f1739f url('img/titlepix1.jpg') repeat-x;
    height: 51px;
}

#title #date {
    float: left;
    background: url('img/titlepix2.png') no-repeat;
    font-family: "Microsoft Sans Serif", sans-serif;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 5px 11px 0 0;
    height: 60px;
    width: 58px;
    margin-left: -69px;
    margin-top: -14px;
}

#title #date .day {
    font-size: 22px;
    font-weight: normal;
}
#title #date .month {
    font-size: 14px;
    font-weight: normal;
}

#title #comments {
    float: right;
    background: url('img/titlepix3.png') no-repeat;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 15px 0 0 14px;
    height: 55px;
    width: 55px;
    color: #5ac9e5;
    margin-right: -69px;
    margin-top: -14px;
}


#title h2 a {
    color: #FFF;
    text-decoration: none;
    margin-left: 10px;
    font-weight: normal;
}

#tag {
    background: #b5cf4e url('img/taggpix1.jpg') repeat-x;
    clear:both;
    width: 100%;
    height: 25px;
    margin-bottom: 0px;
    padding-top: 5px;
/*  overflow: hidden; */
}

#tag #taggleft {
    font-size: 11px;
    float: left;
    background: url('img/taggpix2.png') no-repeat;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 10px 11px 0 0;
    height: 34px;
    width: 58px;
    margin-left: -69px;
    margin-top: -19px;
}

#tag #taggright {
    float: right;
    background: url('img/taggpix3.png') no-repeat;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 10px 0 0 0;
    height: 34px;
    width: 69px;
    color: #5ac9e5;
    margin-right: -69px;
    margin-top: -19px;
}

#tag ul {
    margin: 0;
    padding: 0;
}

#tag ul li {
    display: inline;
}

#tag ul li a , #tag ul li a:visited {
    display: inline-block;
    text-transform: lowercase;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    font-size: 11px;
}

#tag ul li a:hover {
    color: #9948ce;
}

#content .navigation {
    padding: 0 30px 10px 30px;
}

#content .navigation a {
    font-weight: bold;
}


/* Comments */
#comment {
  margin-bottom: 10px;
  background: #fff;
  width: 560px; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */
  border: 0px solid #090909;
  padding: 10px 15px;
  color: #2e3436;
}

#comment a {
  color: #204a87;
}
#comment a:hover {
  color: #f57900;
}

#numberofcomments {
  color: #2e3436;
  font-size: 12pt;
  margin-top: 10px;
}


ol#commentlist {
  list-style: none;
  margin: 10px 0;
  font-size: 9pt;
}
#commentlist li {
  margin: 0 0 15px 0;
  padding: 5px;
  background: #fff;
}
#commentlist li.alt {
  border: none;
}
#commentlist li.cleared {
  background: transparent;
  border: none;
}
#commentlist a:hover {
  color: #eee;
}
#commentlist a.gravatar {
  float: left;
  margin: 0 10px 0 0;
  width: 69px;
}
#commentlist .commentbody {
  margin: 0;
  float: right;
  width: 410px;
  background: #e3e584;
  padding: 15px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#commentlist li.alt .commentbody {
  background: #f9b39f;
}

#commentlist .commentarrow {
    float: left;
    margin-left: -55px;
    width: 40px;
    height: 40px;
    background: url(img/commentarrow2.jpg)
}

#commentlist li.alt .commentarrow {
    float: left;
    margin-left: -55px;
    width: 40px;
    height: 40px;
    background: url(img/commentarrow.jpg)
}

#commentlist .commentbody p a {
  text-decoration: underline;
}
#commentlist cite {
  font-size: 10pt;
  font-style: normal;
  color: #555753;
}
#commentlist small.commentmetadata a {
  color: #555753;
}
#commentlist p {
  color: #555753;
}
#comment h3 {
  font-size: 10pt;
  font-weight: normal;
  color: #2e3436;
  margin: 15px 0 0 0;
  padding: 0;
}
textarea#comment {
  width: 740px;
  background: #dedede;
  color: #2e3436;
}
#comment #submit {
  margin-left: 0px;
  margin-top: 0px;
  padding: 5px;
  background: #97cf88;
  border: none;
  color: #16709c;

}

/* Footer */
#foot {
    background: #fff;
    -moz-border-radius-topleft: 20px;
	-moz-border-radius-topright: 20px;
    text-align: left;
    padding: 20px 8px 20px 8px;
}

#foot .ida {
    background: url('img/heart.jpg') no-repeat;
    height: 21px;
    padding-top: 10px;
    padding-left: 40px;
    margin: 3px 0 3px 0;
}

#foot .ida a {
    text-decoration: none;
    color: #ed1690;
}

#foot .ida a:hover {
    color: #f1739f;
}

#foot h3 {
    color: #66c6b9;
    margin: 0;
    padding: 0;
}

#foot .col1 {
  float: left;
  width: 290px;
}
#foot .col2 {
  margin: 0 15px;
}
#foot .col2, #foot .col3 {
  float: left;
  width: 232px;
}

#foot .searchbox {
  padding: 5px;
  width: 180px;
  background: #97cf88;
  border: 3px solid #66c6b9;
 color: #17574e;
}

.cleared {
  margin: 0;
  padding: 0;
  clear: both;
}

.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
}

.alignright {
  float: right;
  margin: 5px 0 5px 10px;
}

.aligncenter,div.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
}

img.alignleft {
  float: left;
  margin: 5px 10px 5px 0;
}

img.alignright {
  float: right;
  margin: 5px 0 5px 10px;
}

img.aligncenter {
  margin: 10px auto;
  text-align: center;
  display: block;
}

/* Footer */
.sz_title:visited {
    color: #47b1e4;
}

.sz_title:hover {
    color: #58c9e6;
}