/*
Theme Name: dda
Theme URI: http://blog.didierburton.net
Description: WordPress theme designed by <a href="http://blog.didierburton.net">didier burton</a>.
Version: 0.1
Author: didier burton
Author URI: http://blog.didierburton.net
*/

/* ====================================== */
/*       Global elements & styles         */
/* ====================================== */
/* To address cross-browser compatibility */
/* Do not delete - keep all fields!       */
/* -------------------------------------- */

/* Elements */

address, blockquote, body, caption, center, dd, dir, div, dl, dt, form, h1, h2, h3, h4, h5, h6, menu, ol, p, td, th, ul {
	font-size: 1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

/* Styles */

a {
	cursor: pointer;
}
a:link {
	color: #ff9933;
	background: transparent;
	text-decoration: none;
}
a:visited {
	color: #cc6633;
	background: transparent;
	text-decoration: none;
}
a:active {
	color: #ff9933;
	background: transparent;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
address {
	margin: 0em 0% 0em 0%;
	font: italic 1em/1 Verdana, Arial, Helvetica, sans-serif;
}
big {
	font-size: 1em;
}
blockquote {
	margin: 0em 0% 0em 0%;
	line-height: 1;
}
body {
	background: #f2f2f2 url(images/gifs/background.gif) repeat-x;
	margin: 0em 0% 0em 0%;
	font: 1em/1 Verdana, Arial, Helvetica, sans-serif;
	cursor: default;
}
button {
	cursor: auto;
}
caption {
	margin: 0em 0% 0em 0%;
	line-height: 1;
}
code {
	font-family: "Courier New", Courier, monospace;
	line-height: 1.2; 
}
div {
	margin: 0em 0% 0em 0%;
	line-height: 1;
}
dd {
	margin: 0em 0% 0em 0%;
	line-height: 1;
}
dl {
	margin: 0em 0% 0em 0%;
}
dt {
	margin: 0em 0% 0em 0%;
	line-height: 1;
}
h1 { /* ideal: 2.01em 32px*/
	margin: 0em 0% 0em 0%;
	font: 2.01em/1 "Century Gothic", "Avant Garde", Arial, sans-serif;
}
h2 { /* ideal: 1.75em 28px */
	margin: 0em 0% 0em 0%;
	font: 1.75em/1 "Century Gothic", "Avant Garde", Arial, sans-serif;
}
h3 { /* ideal: 1.52em 24px */
	margin: 0em 0% 0em 0%;
	font: 1.52em/1 "Century Gothic", "Avant Garde", Arial, sans-serif;
}
h4 { /* ideal: 1.32em 21px */
	margin: 0em 0% 0em 0%;
	font: 1.32em/1 "Century Gothic", "Avant Garde", Arial, sans-serif;
}
h5 { /* ideal: 1.15em 18px */
	margin: 0em 0% 0em 0%;
	font: 1.15em/1 "Century Gothic", "Avant Garde", Arial, sans-serif;
}
h6 { /* ideal: 1em 16px */
	margin: 0em 0% 0em 0%;
	font: 1em/1 "Century Gothic", "Avant Garde", Arial, sans-serif;
}
hr {
	margin: 0em 0% 0em 0%;
}
html {
	margin: 0;
	background: white;
}
img {
	border: none;
}
input {
	cursor: auto;
}
kbd {
	font: 1em monospace;
}
li {
	margin: 0em 0% 0em 0%;
	font-size: 0.75em;
	line-height: 1.5;
}
ol {
	margin: 0em 0% 0em 0%;
	list-style: decimal;
}
ul ul ol ol, ul ol ul ol, ol ul ol ol, ol ol ul ol, ol ul ol, ol ol {
	list-style: lower-alpha;
}
ol ul ol ol, ol ol ul ol, ul ol ol ol, ol ol ol {
	list-style: lower-roman;
}
ol ol ol ol {
	list-style: decimal;
}
p {
	margin: 0em 0% 1em 0%;
	font-size: .75em;
	line-height: 1.5;
}
pre {
	margin: 0em 0% 0em 0%;
	font: 1em/1 "Courier New", Courier, Monospace;
}
samp {
	font: 1em monospace;
}
small {
	font-size: 1em;
}
sub {
	font-size: 1em;
}
sup {
	font-size: 1em;
}
td {
	line-height: 1;
}
textarea {
	cursor: text;
}
th {
	font: bold 1em/1 sans-serif;
}
tt {
	font: 1em monospace;
}
ul {
	margin: 0em 0% 0em 0%;
	list-style: disc;
}
ul ul, ol ol ul ul, ol ul ol ul, ul ol ol ul, ol ul ul, ul ol ul {
	list-style: circle;
}
ol ul ul ul, ul ol ul ul, ul ul ol ul, ul ul ul {
	list-style: square;
}
ul ul ul ul {
	list-style: disc;
}

/* ================ */
/*  Pseudo-Classes  */
/* ================ */

/* Title */

h1 a:link, h1 a:visited {
	color: #ffffff;
}
h1 a:hover {
	color: #ffa64d;
	text-decoration: none;
}

/* Post */

h2 a:link, h2 a:visited {
	color: #4d4d4d;
}
h2 a:hover {
	color: #ff9933;
	text-decoration: none;
}

/* Link button */

a.link-button {
	color: #ff9933;
	background: transparent;
	text-decoration: none;
}
a.link-button:hover {
	text-decoration: underline;
}

/* ================ */
/*     Classes      */
/* ================ */

/* -------------- */
/* Title           */
/* -------------- */

h1.title {
	color: #ffffff;
	position: absolute;
	top: 50px;
	left: 24px;
}
h1.shadow {
	color: #808080;
	position: absolute;
	top: 54px;
	left: 24px;
}
h6.description {
	color: #808080;
	position: absolute;
	top: 88px;
	left: 24px;
}

/* -------------- */
/* Post           */
/* -------------- */

.title h2, .page-title h2 { /* use h2 for SEO, but h5 size */
	margin: 3px 0 2px;
	padding-bottom: 4px;
	color: #4d4d4d;
	font-size: 1.15em;
	line-height: 1;
	text-align: left;
	border-bottom: 1px dashed #999999;
}
.page-title h2 {
	text-align: center;
}
.post {
	padding: 0px 24px 0px 24px;
	background: url(images/post-middle.png) repeat-y;
	width: 608px;
	clear: both;
	overflow: hidden;
}
.post-vertical-space {
	padding: 16px 0px 0px 0px;
	background: url(images/post-middle.png) repeat-y;
}
.post-separator {
	background: url(images/post-nav.png) repeat-y;
	height: 8px;
	margin: 0px 0px 0px 0px;
}
.post .date {
	background: url(images/calendar.png) no-repeat;
	width: 45px;
	height: 60px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	float: left;
}
.post .date h5 { /* month */
	display: block;
	color: #ff7f00;
	padding: 3px 0px 0px 0px;
}
.post .date h2 { /* date */
	display: block;
	color: #ffffff;
	padding: 10px 0px 0px 0px;
}
.post .title {
	margin-left: 8px;
	width: 506px;
	float: left;
}
.post .page-title {
	width: 560px;
}
.post-data {
	padding: 4px 0px 0px 0px;
	font: .75em/1 Arial, Helvetica, sans-serif;
	color: #999999;
}
.post-data a:link, .post-data a:visited {
	color: #808080;
	text-decoration: none;
}
.post-data a:hover {
	color: #ff9933;
	text-decoration: none;
}
.post-data .category {
	float: left;
}
.post-data .comments {
	float: right;
}
.post .entry {
	width: 560px;
	padding: 10px 0px 5px 0px;
	clear: both;
}
.post-bottom {
	background: url(images/post-bottom.png) no-repeat;
	width: 608px;
	height: 10px;
}

/* -------------- */
/* Comment list   */
/* -------------- */

.comments-area {
	padding: 16px 24px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: url(images/post-nav.png) repeat-y;
	width: 608px;
	clear: both;
	overflow: hidden;
}
.comments-wrapper { /* dummy wrapper to fix a Firefox problem */
	padding: 0px 0px 0px 24px;
}
.comment-list {
	padding: 0px 8px 0px 0px;
	width: 559px;
	clear: both;
	overflow: hidden;
}
.comment-separator {
	height: 8px;
}
.comment {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	overflow: hidden;
}
.comment .left-box {
	padding: 8px 8px 8px 8px;
	background: #f8cda7;
	width: 182px;
	float: left;
	font: 0.75em/1.7 "Century Gothic", "Avant Garde", Arial, sans-serif;
}
.author-link {
	font: normal 1em/1 Arial, Helvetica, sans-serif;
}
.author-link a {
	color: #333333;
}
.author-link a:hover {
	color: #ff9933;
}
.comment small, .comment small a {
	margin: 0px 0px 5px 0px;
	display: block;
	font-size: 0.85em;
	color: #808080;
}
.comment-number {
	padding-top: 16px;
	width: 198px;
	font-size: 36px;
	font-weight: bold;
	color: #eeeeee;
	position: absolute;
	text-align: right;
}
.comment .right-box {
	padding: 8px 8px 0px 8px;
	background: #eeeeee;
	width: 338px;
	min-height: 40px;
	float: right;
	font: 12px Arial, Helvetica, sans-serif;
	color: #999999;
}
.comment .right-box p {
	margin: 0px 0px 0px 0px;
}
.comment p {
	padding: 0px 0px 8px 0px;
	font-size: 0.9em;
	line-height: 1.2;
	color: #666666;
}

/* ------------------ */
/* Next/previous post */
/* ------------------ */

.post-nav {
	background: url(images/post-nav.png) repeat-y;
	width: 560px;
	min-height: 16px;
	padding: 0px 24px 4px 24px;
	clear: both;
	overflow: hidden;
	font-size: .75em;
	vertical-align: middle;
}
.post-nav a:link, .post-nav a:visited {
	color: #808080;
	text-decoration: none;
}
.post-nav a:hover {
	color: #ff9933;
	text-decoration: none;
}
.post-nav .previous a {
	background: url(images/post-nav-previous.png) no-repeat center left;
	height: 16px;
	float: left;
	padding: 2px 0px 0px 24px;
}
.post-nav .previous a:hover {
	background: url(images/post-nav-previous-hover.png) no-repeat center left;
	height: 16px;
	float: left;
	padding: 2px 0px 0px 24px;
}
.post-nav .next a {
	background: url(images/post-nav-next.png) no-repeat center right;
	height: 16px;
	float: right;
	padding: 2px 24px 0px 0px;
	text-align: right;
}
.post-nav .next a:hover {
	background: url(images/post-nav-next-hover.png) no-repeat center right;
	height: 16px;
	float: right;
	padding: 2px 24px 0px 0px;
	text-align: right;
}

/* ------------------ */
/* Next/previous page */
/* ------------------ */

.page-nav {
	background: url(images/post-nav.png) repeat-y;
	width: 560px;
	height: 21px;
	padding: 8px 24px 0px 24px;
	clear: both;
	overflow: hidden;
	font-size: .75em;
	vertical-align: middle;
}
.page-nav a:link, .page-nav a:visited {
	color: #808080;
	text-decoration: none;
}
.page-nav a:hover {
	color: #ff9933;
	text-decoration: none;
}
.page-nav .previous-entries a {
	background: url(images/post-nav-previous.png) no-repeat center left;
	height: 16px;
	float: left;
	padding: 2px 0px 0px 24px;
}
.page-nav .previous-entries a:hover {
	background: url(images/post-nav-previous-hover.png) no-repeat center left;
	height: 16px;
	float: left;
	padding: 2px 0px 0px 24px;
}
.page-nav .next-entries a {
	background: url(images/post-nav-next.png) no-repeat center right;
	height: 16px;
	float: right;
	padding: 2px 24px 0px 0px;
	text-align: right;
}
.page-nav .next-entries a:hover {
	background: url(images/post-nav-next-hover.png) no-repeat center right;
	height: 16px;
	float: right;
	padding: 2px 24px 0px 0px;
	text-align: right;
}

/* ------------- */
/* Related posts */
/* ------------- */

.search-related-posts {
	padding: 0px 0px 0px 0px;
}
.search-related-posts p {
	color: #808080;
}
.related-posts-separator {
	background: url(images/post-nav.png) repeat-y;
	height: 8px;
}
.related-posts {
	padding: 8px 24px 8px 24px;
	background: url(images/post-middle.png) repeat-y;
	width: 608px;
	clear: both;
	overflow: hidden;
}
.related-posts li, .search-related-posts li {
	font: 0.85em/1.2 "Century Gothic", "Avant Garde", Arial, sans-serif;
	list-style: none;
}

/* ================ */
/*       IDs        */
/* ================ */

/* -------------- */
/* Main IDs       */
/* -------------- */

#page {
	width: 768px;
	min-height: 768px;
	margin: 0px auto;
	position: relative;
}

#header {
	height: 128px;
}

#content {
	width: 608px;
	clear: left;
	overflow: hidden;
}

#sidebar {
	position: absolute;
	top: 128px;
	left: 624px;
	width: 145px;
}

#footer {
	width: 608px;
	padding-top: 8px;
	padding-bottom: 16px;
	font: .6em/1.3 "Century Gothic", "Avant Garde", Arial, sans-serif;
	text-align: center;
	color: #666666;
}

/* ---------------- */
/* Page Navigation  */
/* ---------------- */

#nav {
	background: url(images/post-top.png) no-repeat top left;
	width: 608px;
	height: 56px;
	float: left;
}
#nav ul {
	list-style: none;
	margin: 10px 48px 0px 24px;
	padding: 0px;
	font: normal 24px/100% "Century Gothic", "Avant Garde", Arial, sans-serif;
}
#nav ul li {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: left;
}
#nav ul li a:link, #nav ul li a:visited {
	display: block;
	padding: 5px 16px 6px 0px;
	color: #808080;
	text-decoration: none;
}
#nav ul li a:hover, #nav ul li.current_page_item a:link, #nav ul li.current_page_item a:visited {
	color: #ff9933;
	text-decoration: none;
}
#nav ul #rss-li {
  float: right;
}
#nav ul #rss-li a {
  padding: 5px 16px 6px 20px;
  background: url("http://www.feedburner.com/fb/images/pub/feed-icon16x16.png") no-repeat 0 50%;
  list-style-type: none;
}

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

#search-form {
	background: url(images/search-form.png) no-repeat;
	position: absolute;
	top: 16px;
	right: 0px;
	width: 225px;
	height: 42px;
}
#search-form #search-input {
	margin: 8px 0px 0px 8px;
	padding: 4px 8px 4px 8px;
	width: 162px;
	font: 14px Arial, Helvetica, sans-serif;
	border: none;
	background: #ffffff;
	color: #999999;
}
#search-form #search-input:focus { /* not on IE */
	color: #333333;
}
#search-form #search-input:blur { /* not on IE */
	color: #999999;
}
#search-form #search-submit {
	background: url(images/search-button.png) no-repeat;
	position: absolute;
	top: 6px;
	right: 6px;
	width: 29px;
	height: 28px;
	border: none;
	text-indent: -999%;
	line-height: 1px;
	cursor: pointer;
}
#search-form #search-submit:hover {  /* not on IE */
	background: url(images/search-button-hover.png) no-repeat;
}

/* -------------- */
/* Comment titles */
/* -------------- */

/*
	background: url(images/comments.gif) no-repeat;
*/
h3#comments {
	padding: 0px 16px 16px 0px;
	font-size: 1em;
	line-height: 1.2;
	clear: both;
}
/*
	background: url(images/respond.gif) no-repeat;
*/
h3#respond {
	padding: 8px 0px 4px 0px;
	font-size: 1em;
	line-height: 1.2;
	clear: both;
}

/* -------------- */
/* Comment form   */
/* -------------- */

#comment-form {
	margin: 8px 0px 0px 0px;
}
#comment-form .left-box {
	position: relative;
	padding: 1px 14px 0px 0px;
	width: 192px;
	float: left;
}
#comment-form #secureimagediv {
	width: 192px;
}
#comment-form .right-box {
	padding: 0px 0px 0px 0px;
	width: 348px;
	float: left;
}
#comment-form .bottom-box {
	padding: 8px 0px 0px 0px;
	clear: both;
}
#comment-form label {
	font: 13px/1 "Century Gothic", "Avant Garde", Arial, sans-serif;
	color:#666666;
	padding-bottom: 2px;
	display: block;
}
#comment-form .left-box .required-author {
	color: #999999;
	position: absolute;
	top: 7px;
	left: 184px;
}
#comment-form .left-box .required-email {
	color: #999999;
	position: absolute;
	top: 30px;
	left: 184px;
}
#comment-form .left-box .required-word {
	color: #999999;
	position: absolute;
	top: 76px;
	left: 184px;
}
#comment-form small {
	font-size: 10px;
	color: #999999;
}
#comment-form input {
	margin: 0px 0px 4px 0px;
	padding: 2px 3px 3px 3px;
	font: 12px Arial, Helvetica, sans-serif;
	width: 192px;
	border: none;
	color: #999999;
}
.input-focus { /* not on IE */
	color: #333333;
}
.input-blur { /* not on IE */
	color: #999999;
}
#comment-form input#securitycode {
	margin: 0px 0px 4px 0px;
}
#comment-form textarea {
	padding: 2px 3px 3px 3px;
	font: 12px Arial, Helvetica, sans-serif;
	width: 348px;
	height: 120px;
	border: none;
	color: #999999;
}
#comment-form #submit {
	font: 12px/100% "Century Gothic", "Avant Garde", Arial, sans-serif;
	background-color: #808080;
	color: #ffffff;
	width: 135px;
	height: 25px;
	margin-left: 0px;
	cursor: pointer;
	border-top: 1px solid #e0e0e0;
  	border-right: 1px solid #666666;
  	border-bottom: 1px solid #666666;
  	border-left: 1px solid #e0e0e0;
}
#comment-form #submit:hover {
	color: #ffa64d;
}
#comment-form textarea:focus, #comment-form input[type="text"]:focus {
	border: solid 1px #ff9933;
}
#comment-form .subscribe {
	font-family: "Century Gothic", "Avant Garde", Arial, sans-serif;
	padding: 0px 0px 0px 24px;
}
/* ------- */
/* Sidebar */
/* ------- */

#sidebar p {
	margin: 0px 0px 15px;
}
#sidebar .sidebar-box {
}
#sidebar h3 {
	margin: 0px 0px 0px 0px;
	padding: 8px 24px 0px 16px;
	height: 24px;
	background: url(images/sidebar-top.png) no-repeat;
	font: 14px/100% "Century Gothic", "Avant Garde", Arial, sans-serif;
	color: #808080;
	text-align: left;	
}
#sidebar .sidebar-content {
	padding: 4px 16px 3px 16px;
	background: url(images/sidebar-middle.png) repeat-y;
}
#sidebar .sidebar-content-gray {
	padding: 4px 16px 3px 16px;
	background: url(images/sidebar-middle-gray.png) repeat-y;
}
#sidebar .sidebar-bottom {
	margin: 0px 0px 7px 0px;
	background: url(images/sidebar-bottom.png) no-repeat;
	height: 10px;
}
#sidebar h3.eco {
	margin: 0px 0px 0px 0px;
	padding: 8px 24px 0px 16px;
	height: 24px;
	background: url(images/sidebar-top-eco.png) no-repeat;
	font: 14px/100% "Century Gothic", "Avant Garde", Arial, sans-serif;
	color: #6b853c;
	text-align: left;	
}
#sidebar .sidebar-content-eco {
	padding: 0px 16px 0px 12px;
	background: url(images/sidebar-middle-eco.png) repeat-y;
}
#sidebar .sidebar-bottom-eco {
	margin: 0px 0px 7px 0px;
	background: url(images/sidebar-bottom-eco.png) no-repeat;
	height: 10px;
}
#sidebar a:link, #sidebar a:visited {
	color: #808080;
	text-decoration:none;
}
#sidebar a.eco:link, #sidebar a.eco:visited {
	color: #6b853c;
	text-decoration:none;
}
#sidebar a:hover, #sidebar a:focus, #sidebar a:active, #sidebar a.eco:hover {
	color: #ff9933;
	text-decoration:none;
}
#sidebar ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: 1em/1 Arial, Helvetica, sans-serif;
	color: #808080;
	list-style: none;
}

/* ------------------------------------ */
/* Hide smiley from WordPress.com Stats */
/* ------------------------------------ */

img#wpstats {
	display:none;
}