/*
Theme Name: Digimo
Theme URI: http://wordpress.org/
Description: Digimo theme gebaseerd op several3
Author: Dwayne Roberts (several3 author: Stelian Firez)
Author URI:
*/


/* general
==========================================================================*/

body {
  margin: 0;
  padding: 0;
  background: url(images/background.jpg) repeat-y center;
  font: 11px "Lucida Grande", Verdana, sans-serif;
}

a{
  color: #754c24;
  border-bottom:1px dotted #754c24;
  text-decoration:none;
}

a:hover{
  color: #000;
  border-bottom:1px solid #000;
}

hr{
  display: none;
}

form, img{
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: top;
}

.clearing {
  margin: 0;
  padding: 0;
  font: 1px/1px Verdana, Arial, Helvetica, sans-serif;
  clear: both;
}


/* header
==========================================================================*/

#wrap {
  margin: 0 auto;
  padding: 0;
  width: 770px;
}

/* logo */

#logo{
  margin:auto;
  background:#fff;
  height:100px;
  width:793px;
  border-top:4px solid #000;
}

#logo h1 {
	margin:0px;
	padding:0px;
}

#logo a{
  display: block;
  height:100px;
  width:500px;
  background: url(images/logo.gif) no-repeat 0% 0%;
  border: none;
  overflow: hidden;
  text-indent: -3000px;
}

/* navigation */
#header{	
  margin:auto;
  background:#f7941d url(images/header.gif) no-repeat;
  width:793px;
  height:218px;
}


/* splash
==========================================================================*/

#extra{
  margin:auto;
  background: #222;
  border-top:1px solid #fff;
  width:793px;
}


/* recent posts & recent comments*/

#recent-posts{
  margin: 15px 0 0 0;
  padding: 0 0 15px 30px;
  width:235px;
  float: left;
  overflow: hidden;
}

#recent-comments{
  margin: 15px 0 0 0;
  padding: 0 0 15px 35px;
  width:235px;
  float: left;
}



#recent-posts h2, #recent-comments h2 {
	margin-left:-14px;
	font:normal 14px/20px Arial, sans-serif;			
	letter-spacing:-1px;
	padding-left:15px;
	color:#fff;
	background:url(images/splash_h2_bullet.jpg) no-repeat 0 4px;
}

#recent-posts ul, #recent-comments ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

#recent-posts li, #recent-comments li{
  margin: 0;
  padding: 0;
  padding-bottom:8px;
}

#recent-posts a{
  display: block;
  font-size: 11px;
  color: #f7941d;
  text-decoration: none;
  border:0px;
  padding: 0px 0 2px 0;
}

#recent-comments a{
  display: block;
  font-size: 11px;
  color: #f7941d;
  text-decoration: none;
  border:0px;
  padding: 0px 0 2px 0;
}

#recent-posts a:hover, #recent-comments a:hover {
  text-decoration: none;
  color: #ffffff;
}

#recent-posts span, #recent-comments span{
  font-size:10px;
  color:#666;
}

#rss-login{
  margin:15px 0 0 0;
  padding:15px 15px 0 15px;
  float:left;
  width:223px;
  color:#fff;
  font:italic 12px Arial;
}

a.rss span {
	display:block;
	width:120px;
	height:83px;
	text-indent:-3000px;
	background:url(images/rssbutton.jpg) no-repeat;	
}

a.login span {
	display:block;
	width:110px;
	height:83px;
	text-indent:-3000px;
	background:url(images/loginbutton.jpg) no-repeat;
}

a.login span:hover {
 	background-position:-114px 0; 
}

a.rss span:hover {
	background-position:-115px 0; 	
}

/* -meta */

.meta{
  margin: 6px 0 0 6px;
  padding: 0 0 6px 23px;
  font-size: 11px;
  height: 16px;
  line-height: 16px;
}
.meta a{
  text-decoration: none;
  color: #fc89a2;
}
.meta a:hover{
  text-decoration: none;
  color: #ffffff;
}

/* content
==========================================================================*/

#content {
  margin: 0;
  padding: 0 0 35px 0;
  clear: both;
}
#content-wrap{
  margin: 0 auto;
  padding: 0;
  width: 770px;
}

#content a {
	border:0px;
}

/* post area */

#posts {
  margin: 45px 0 0 0;
  padding: 0 0 0 14px;
  float: left;
  width: 400px;
}

.caption {
  margin: 0;
  padding: 0 0 25px 0;
  font: 18px "Lucida Grande", Verdana, sans-serif;
  color: #f7941d;
}

/* - post - */

.post {
  margin: 0;
  padding: 0 0 35px 0;
}
.post h2, #comments h2, #post-comments h2 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: lighter;
  color: #000;
  letter-spacing: -0.03em;
}
#comments h2, #post-comments h2 {
  margin: 0;
  padding: 0;
  font: bold 14px Arial, sans-serif;
  font-weight: lighter;
  color: #000;
  letter-spacing: -0.03em;
}

.post h2 a {
  color: #000;
  text-decoration: none;
  border: none;
}
.date {
  margin: 4px 0 0 1px;
  padding: 0 0 0 20px;
  background: url(images/clock.gif) no-repeat 0% 50%;
  font: 10px/1.5em "Lucida Grande", Verdana, sans-serif;
  color: #67707A;
}
.entry {
  margin: 0;
  padding: 20px 0 0 0;
  font-size: 12px;
  line-height: 1.8em;
  color: #3E4655;
}
.entry p {
  margin: 0;
  padding: 0 0 16px 0;
}
.entry blockquote {
  margin: 22px 0 22px 22px;
  padding: 4px 0 4px 10px;
  border-left: 4px solid #b82349;
}
.entry ul {
  margin: 0;
  padding: 0 0 18px 22px;
  list-style: disc;
}
.entry li {
  margin: 0;
  padding: 0;
}
img.floatleft {
  margin: 0 10px 10px 0;
  float: left;
}
.postmetadata {
  margin: 8px 0 0 0;
  padding:6px;
  font: 10px "Lucida Grande", Verdana, sans-serif;
  color: #565656;
  background:#faebda;
  border:1px solid #fbd2a0;
  clear: both;
}
.tags {
  margin: 0;
  padding: 2px 0 2px 22px;
  background: url(images/categorie_bullets.gif) no-repeat 0 5px;
}
.comments-no {
  margin: 0;
  padding: 2px 0 2px 22px;
  background: url(images/comments_bullet.gif) no-repeat 0% 50%;
  line-height: 16px;
}
.postmetadata a {
  padding: 0;
  color: #754c24;
  text-decoration: none;
}
.postmetadata a:hover {
  text-decoration: none;
  color:#cc6600;
}

/* - comments - */

#comments {
  margin: 20px 0 0 0;
  padding: 0;
}
.add-comment{
  margin: 4px 0 0 0;
  padding: 5px;
  background:#dcffdc;
  border:1px solid #c1f3c1;
  clear:both;
  
}
.add-comment a {
  padding: 2px 0 5px 30px;
  background: url(images/voegtoe_comments.gif) no-repeat 0% 50%;
  font: 10px/1.5em "Lucida Grande", Verdana, sans-serif;
  color: #888;
  text-decoration: none;
  border: none;
}
.add-comment a:hover {
  color: #56a008;
  text-decoration: none;
}
#comments ol {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
  color: #888888;
}
#comments ol li {
  margin: 0;
  padding: 0;
  clear: both;
}
.author {
  margin: 0;
  padding: 18px 0 6px 60px;
  width: 170px;
  font: 10px/2.5em "Lucida Grande", Verdana, sans-serif;
  color: #bbbbbb;
  display:block;
  background:url(images/comment.gif) no-repeat 0% 50%;  
}

.author a {
  font: 11px "Lucida Grande", Verdana, sans-serif;
  color: #754c24;
}

.comment {
  margin: 0;
  padding: 5px 0 15px 60px;
  display:block;
  background:url(images/dotted.gif) repeat-x bottom;
}

.comment span, .no-find {
  margin: 0;
  padding: 2px;
  background: #F4F29D;
  color: #862D2D;
  font-style: italic;
  font-size: 12px;
}

.comment p {
  margin: 0;
  padding: 0;
}

/* - comments form - */

#post-comments {
  margin: 0;
  padding: 40px 0 0 0;
  clear: both;
  color: #888888;
}
#reply {
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 11px;
}
.comment-field {
  margin: 0;
  padding: 0 0 12px 0;
}
.comment-field textarea {
  padding: 2px;
  font: 11px "Lucida Grande", Verdana, sans-serif;
  width: 302px;
  border: 1px solid #BCBCCB;
  color: #565656;
}
.comment-field label {
  float: left;
  width: 170px;
}
.input-text {
  padding: 2px;
  font: 11px "Lucida Grande", Verdana, sans-serif;
  width: 302px;
  border: 1px solid #BCBCCB;
  color: #565656;
}
.input-button {
  margin: 0 0 0 171px;
  padding: 0 5px;
  color: #565656;
}

/* sidebar
==========================================================================*/

#sidebar{
  margin:0;
  padding:45px 0 0;
  float:left;
  width:200px;
  float:right;

}
#sidebar h2 {
  margin: 0;
  padding: 0 0 0 19px;
  font:bold 18px "Trebuchet MS";
  color: #56a008;
}
#sidebar ul {
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
  line-height: 12px;
}
#sidebar ul li {
  margin: 0;
  padding: 0;
}
#sidebar ul li ul {
  margin: 0;
  padding: 15px 0 12px 0;
}
#sidebar ul li ul li {
  margin: 0;
  padding: 0;
}
#sidebar a {
  color: #cc6600;
  text-decoration: none;
  padding: 0 0 0 36px;
  background: url(images/bullet.gif) no-repeat 23px 50%;
  border: none;
  line-height: 22px;
}
#sidebar a:hover {
  color: #f7941d;
  text-decoration: underline;
}



#footer{
  margin:auto;
  width:770px;
  padding: 10px 13px;
  background:#f7941d;
  color:#754c24;
  border-top:1px solid #fff;
}

.copyright{
  float:left;
  width:500px;
}

.validate {
  float:right;
  width:200px;
  text-align:right;
}