/*  
Theme Name: dreamy
Description: The new Ginger Ninja! theme.
Version: 1.0
Author: Donny Burnside
Author URI: http://www.ginger-ninja.net/
Support: Wordpress
*/

/* Generic Styling */

body {
	background:url(images/bg-body.jpg) repeat-x top center #b7ad97;
	font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
	font-size:62.5%; /* Sets default font size to 10px */
	color:#222222;
	}

* {
	margin:0;
	padding:0;
	}

img {
	border:0;
	}

p {
	margin-bottom:1.75em;
	}

a {
	text-decoration:none;
	color:#2A62AF;
	}
a:hover {
	text-decoration:none;
	color:#104C9B;
	}

/* Structure */

#wrapper {
	margin:0 auto;
	width:700px;
	font-size:1.20em;
        background:#ffffff;

	}
#header {
	height:139px;
	background:url(images/bg-header.jpg) no-repeat;
	}
#menu {
	height:35px;
	line-height:35px;
	background:url(images/bg-menu.png) repeat-x;
	padding:0 10px;
	}
#sidebar {
	float:right;
	width:180px;
	background:#DFDCD2;
	margin-right:10px;
	}
#middle {
	background:url(images/middle.gif) repeat-y top center;
	}
#content {
	float:left;
	width:500px;
	min-height:400px;
	}
#content h1 {
        padding: -60px 0 0 -9px;
	color:#40A640;
	font-size: 20px;
        margin-top:3px;
        margin-bottom:4px;
        background:url('images/puce.png') no-repeat 0 50%; padding-left:15px;
	}
#footer {
	clear:both;
	height:100px;
	background:url(images/bg-footer.jpg) no-repeat;
	}
#comments a {
       	color:#346F51;
	}

/* Entries */

.entry {
	padding:1px 10px;
	text-align:justify;
	line-height:1.75em;
	}
.entry-title {
	padding:0px 15px;
	font-weight:normal;
	font-size:1.70em;
	letter-spacing:-1px
        margin-top:-12px;
	}
.date {
	font-size:0.9em;
	color:#bbb;
	cursor:default;
	letter-spacing:1px;
	}
.comments {
	margin-top:-0.1em;
	}
.comments a {
	color:#6CC7DC;
	background:url(images/icon-comment.png) no-repeat 0px 2px;
	padding-left:20px;
	padding-right:2px;
	}
.comments a:hover {
	color:#B4C835;
	}


/* Menu */

#menu ul {
	list-style-type:none;
	}
#menu li {
	float:left;
	}
#menu li a {
	padding:0 15px;
	display:block;
	color:#ffffff;
	margin-right:2px;
	}
#menu li a:hover {
	background:url(images/bg-menu-hover.gif) no-repeat center center;
	}

/* Sidebar */

#sidebar ul {
	list-style-type:none;
	margin-top:10px;
	}
#sidebar li {
	
	}
#sidebar li a {
	display:block;
	height:20px;
	line-height:20px;
	color:#222222;
	padding-left:5px;
	border-bottom:1px solid #B7AD97;
	}
#sidebar li a:hover {
	background:#edebed;
	color:#756238;
	}
#sidebar-bottom {
	height:20px;
	background:url(images/bg-sidebar-bottom.gif) no-repeat top center;
	}

/* Footer */

#footer-valid {
	float:left;
	padding-top:45px;
	padding-left:20px;
	cursor:default;
	color:#ffffff;
	}
#footer-valid a {
	color:#ffffff;
	text-decoration:none;
	}
#footer-valid a:hover {
	color:#ffffff;
	text-decoration:underline;
	}

/* Heading's */

h1 {
	font-size:2.5em;
	font-weight:normal;
	position:relative; top:-2px; left:-18px;
	letter-spacing:1px;
	color:#aaaaaa;
	font-style:italic;
	}

h2 {
	font-size: 0.9em;
	display:inline
}


h3 {
	font-size: 0.9em;
        display:inline

}


/* Feed */

#feed {
	height:25px;
	width:126px;
	background:url(images/bg-feed.gif) no-repeat;
	margin:0 auto;
	padding-left:26px;
	}
a.feed-button {
	display:block;
    width:100px;
    height:25px;
    background:url("images/button-feed.png") 0 0 no-repeat;
    text-decoration: none;
	}
a:hover.feed-button {
	background-position:0 -25px;
	}
#rss {
	height:48px;
	width:48px;
        margin:0 auto;
        margin-top:3px;
	}

/* Extra's */

#ad-top {
	width:480px;
	height:72px;
	background:url(images/bg-ad-top.png) no-repeat;
	padding:5px;
	}

.text ul,.text ol {
	margin-left:40px;
	}
	
.text pre {
	background-color:#f1f2f3;
	border:1px #BFE7EC solid;
	overflow:auto;
	width:500px;
	}


/* COMENTARIOS */
div.comment {
	margin: 10px 5px 0;
	border-bottom: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	border-top: 1px solid #ececec;
	border-left: 1px solid #ececec;
}

div.val {
	background-image: url(images/comm_val.png) !important;
	background-image: url(images/comm_val.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

div.gio {
	background-image: url(images/comm_gio.png) !important;
	background-image: url(images/comm_gio.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

.comment h4 {
	font-size: 1.4em;
	color: #777777;
	font-weight: bold;
	margin-top:0px;
}

.comment h4 span.wrote {
	font-size: 0.9em;
	color: #989898;
	font-weight: normal;
}

span.m4mboyz {
	text-transform: uppercase;
	font-size: 0.9em;
	color: #56B2EC;
}

.name {
	text-shadow: 2px 2px 1px #fff;
}

a.name:hover, a.name:active, a.name:focus {
	text-shadow: none;
}

.normal {
	background-color: #f7f7f7;
}

.alt {
	background-color: #fefefe;
}

div.comment p {
	margin: 0;
	line-height: 1.6em;
	color: #5c5c5c;
	margin-top: 5px;
}
div.comment p, div.comment ul, div.comment ol, div.comment blockquote {
	font-family: Lucida Grande, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
}

div.time {
	text-shadow: 2px 2px 1px #fff;
	text-align: right;
	clear: both;
	color: #989898;
	padding: 0 5px 2px;
	font-size: 0.9em;
}

div.datenum {
	text-shadow: 2px 2px 1px #fff;
	text-align: center;
	float: left;
	padding: 5px 5px 0;
	background: url(images/commnum.png) top right no-repeat !important;
	background: none;
}

div.datenum span {
	text-transform: uppercase;
	display: block;
	font-weight: bold;
}

div.datenum span.month, div.datenum span.weekday {
	font-size: 1.2em;
	color: #919191;
}

div.datenum span.day {
	color: #63B4CD;
	font-size: 1.3em;
	margin: -2px;
}

span.count {
	text-shadow: 2px 2px 1px #f7f7f7;
	font-size: 1.9em;
	border-bottom: 1px solid #dbdbdb;
	margin-bottom: 5px;
	color: #d5d5d5;
	float:left;
	margin:20px;
}

div.commtext {	
	padding: 5px;
	height: 100%;
}

h3.comments {
	font-size: 1.8em;
	color: #989898;
	margin-top: 10px;
	margin-left: 5px;
	font-family: Arial narrow, Arial, Helvetica, sans-serif;
}


span.comments a{
	margin:10px;
	text-decoration:none;
	float:right;
	font-size:2em;
	color:#ccc;
	font-weight:bold;
}
span.comments a:hover{
	text-decoration:underline;
}

#comment {
	height:10em;
	width:90%;
}


	
	/* other */

div#fancy_overlay { background: #2c2c2c; }	/* overlay color */

.fixe { 
  /* un bloc fixe situ? en haut qui fait toute la largeur */ 
  position : fixed;
  display: inline-block;
  height:auto;
  z-index:100;
  background-color:#FFFFE1;
  border-bottom:#707070 1px solid;
  top: 0px; 
  left: 0px; 
  right: 0px; 
  width: 100%; 
  /* et le patch pour IE */ 
  position : expression("absolute"); 
  width : expression("100%"); 
  top : expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight); 
  left : expression("0px"); 
}

.pr1 { 
  /* un bloc fixe situ? en haut qui fait toute la largeur */ 
  position : fixed;
  display: inline-block;
  height:auto;
  z-index:101;
  border: #000 solid 1px;
  top: 50px; 
  left: 50px;  
  width: 100px;
  height:100px;
  background-color:#FFF;
  
  /* et le patch pour IE */ 
  position : expression("absolute"); 
  width : expression("100px"); 
  top : expression(document.body.scrollTop + this.offsetHeight - this.offsetHeight); 
  left : expression("50px"); 
}