/*
Theme Name: Addith Theme
Theme URI: http://addith.be/
Description: The addith.be theme
Author: Wouter Van den Broeck
*/


/* -- BASICS ----------------------------------------------------- */

HTML { overflow-y: scroll; }
BODY {
	text-align: left;
	/* font: 13px/1.231 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, Sans-Serif, arial, clean, sans-serif; */
	font:14px/1.231 helvetica,"Helvetica Neueu",arial,clean,sans-serif;
	*font-size: small;
	*font: x-small;
	line-height: 1.45em;
	margin: 0 0 16px 0;
	padding: 0;
	color: #000000;
	background: #141414 url('/wp-content/themes/addith/images/page-structure/body-bg-a.gif') repeat;
}
DIV, PRE, CODE, BLOCKQUOTE { margin:0; padding:0; }

/* LINKS: no underline, except for :active and :hover. */
A, A:link, A:visited { text-decoration:none; }
A:active, A:hover { text-decoration:underline; }
A, A:link, A:active, A:hover, A:visited { color:#4b7a62; }

P { margin: .5em 0 .25em 0; padding: 0; }

Q:before, Q:after, BLOCKQUOTE:before, BLOCKQUOTE:after { content:''; }
BLOCKQUOTE, Q { quotes:"" ""; }
SUP { vertical-align:text-top; }
SUB { vertical-align:text-bottom; }
/* :focus{outline:0;} */

TABLE, FORM, { font:inherit; font-size:inherit; font:100%; }
ADDRESS, PRE, CODE, KBD, SAMP, TT { font-style:normal; font-weight:normal; }
EM, CITE, VAR { font-style:italic; font-weight:normal; }
STRONG, DFN { font-style:normal; font-weight:bold; }
PRE, CODE, KBD, SAMP, TT { font-family:monospace; *font-size:108%; line-height:100%; }
ABBR, ACRONYM { border:0; font-variant:normal; font-size:0.9em; letter-spacing:.07em; cursor: help; border-bottom: 1px dashed #999; }

SMALL, .small { font-size:0.85em; line-height: .9em; color: #7b8981; }
ALT, BLOCKQUOTE, STRIKE { color: #7b8981; }
BLOCKQUOTE {
	margin: .75em 1.5em 0 .5em;
	padding-left: 1.5em;
	border-left: 5px solid #7b8981; /* was #ddd */
}
BLOCKQUOTE CITE { margin: 5px 0 0; display: block; }

HR {
  border: none;	
  border-top: 1px #CCCCCC solid;
  height: 1px;
  color: #CCCCCC;
  overflow: hidden;
  width: 100%;
  margin: 1em 0 1em 0;
}


/* -- SPECIAL BASICS --------------------------------------------- */

.center { text-align: center; }
.text-align-left { text-align: left; }
.hidden { display: none; }
.alignleft { float: left }
.alignright { float: right; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.clear { clear: both; }

SPAN.caps { font-size: 0.9em; letter-spacing: .07em; }
.lined { margin-top: 3px; }
.line, .hline {
	width: 100%;
	height: 1px;
	margin-top: 1em;
	background: url('/wp-content/themes/addith/images/page-structure/line-element-1.gif') repeat top;
}
.even, .alt { border-left: 1px solid #ddd; }

.post-date,
.caption,
.nocomments,
DL.previous-posts DD .pp-date,
UL.previous-posts LI .pp-data {
	color: #7b8981;
}

/* -- HEADERS ---------------------------------------------------- */

H1, H2, H3, H4 { font-weight:normal; padding: 0; clear: both; }

H1 {
	font-size: 1.7em;
	color: #3d4742;
	margin: 1em 0 .4em 0;
}

H2 {
	font-size: 1.5em;
	margin: 1em 0 .25em 0;
	padding-top: 3px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #7b8981;
}

H3 {
	font-size: 1.2em;
	margin: .75em 0 0.2em 0;
}
H3.comments { margin: 2em auto 1em; }

H4 {
	font-size: 1.05em;
	margin: .5em 0 0.2em 0;
}

/* -- IMG -------------------------------------------------------- */

IMG { border:0 none; }

P IMG { padding: 0; max-width: 100%; }

IMG.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

IMG.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

IMG.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

/* DIV IMG { margin-top: 1em; margin-bottom: 1em; }*/

IMG#project-thumbnail { margin-top: 15px; }


/* -- LIST BASICS ------------------------------------------------ */

DT, DD, OL { margin:0; padding: 0; }
UL, DL {
	margin: 0 0 0 .1em;
	padding: 0;
	list-style: none;
	padding-left: .8em;
	text-indent: -.9em;
}
OL { margin: 0 0 0 2em; padding: 0; }

UL LI { margin: .5em 0 .5em .8em; padding: 0; }
OL LI { margin: 0; padding: 0; list-style: decimal outside; }
DT { margin: .5em 0 .3em .8em; padding: 0; }
DD { margin: .3em 0 .6em 1.2em; padding: 0; text-indent: 0; }
UL LI:before, DT:before { content: "\00BB \0020"; }


/* -- LIST SPECIALS ---------------------------------------------- */

DL.previous-posts DT { font-size: 110%; margin: .6em 0 .3em 0; }
DL.previous-posts DD { margin: 0 0 0 1em; }
DL.previous-posts DD P { margin: .4em 0 0 0; display: inline; }
DL.previous-posts DD .pp-date { font-size: 0.9em; padding: 0; margin: 0 0 0.4em 0; }

UL.previous-posts LI {
	list-style: none;
	margin: 4px 0 4px 20px;
	text-indent: 0px;
	text-indent: -10px;
}
UL.previous-posts LI .pp-title { font-size: 1.2em; }
UL.previous-posts LI .pp-data { font-size: 0.9em; padding: 0; margin: 0; }


/* -- TABLE BASICS ----------------------------------------------- */
/* tables still need 'cellspacing="0"' in the markup */

TABLE, TH, TD { margin:0; padding:0; }
TABLE, TH, TD { font-family:inherit; font-size:inherit; font-weight:inherit; }
TABLE, TH, TD { *font-size:100%; }
TABLE { border-collapse:collapse; border-spacing:0; }
TH { text-align:left; font-style:normal; font-weight:bold; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* -- FORM BASICS ------------------------------------------------ */

FORM, FIELDSET, LEGEND, INPUT, TEXTAREA, SELECT { margin:0; padding:0; }
FIELDSET { border:0; }
LEGEND { color:#000000; }
INPUT, TEXTAREA, SELECT { font-family:inherit; font-size:inherit; font-weight:inherit; }
INPUT, TEXTAREA, SELECT { *font-size:100%; }
SELECT { width:130px; }


/* ---------------------------------------------------------------
   PAGE STRUCTURE:
   --------------------------------------------------------------- */

DIV#page { margin: 20px auto; width: 748px; }
DIV#page-header { width: 748px; height: 87px; }
DIV#page-menu { width: 748px; height: 22px; background: #e4eae7 url('/wp-content/themes/addith/images/page-menu/bg.png') repeat-y; }
DIV#page-menu TABLE { border: 0 none; height: 20px; }
DIV#page-body { background: #ffffff url('/wp-content/themes/addith/images/page-structure/page-bg.gif') repeat-y; }
DIV#page-footer { height: 22px; background: url('/wp-content/themes/addith/images/page-structure/page-footer-bg.gif') no-repeat top; }

/* -- MENU ------------------------------------------------------- */

TD#page-menu-left-bumper { width: 22px; }
TD.menu-item { padding: 2px 10px 0 10px; }
TD.menu-item A { font-size: 12px; color: #666666; }
TD.menu-item A:hover { text-decoration: none; color: #000000; }

/* -- CONTENT ---------------------------------------------------- */

DIV#content-bg.basic, DIV#content-bg.project {
	width: 740px;
	margin: 0px 4px 0 4px;
	background: #ffffff url('/wp-content/themes/addith/images/page-structure/bg-basic.gif') repeat-x top;
}
DIV#content { padding: 15px 0px 10px 0px; margin: 0 40px 20px 40px; color: #404040; }

DIV#content-footer { padding: 0px 44px 0px 44px; }
DIV#content-footer p { margin: 0; padding: 4px 0 0px 0; color: #7b8981; text-align: center; font-size: .9em; }

/* -- POST ------------------------------------------------------- */

.post { clear: both; margin: 1.5em 0 1.5em 0; }
.post-header { width: 100%; }
.post-header .post-date { margin-top: 16px; font-size: .85em; }
.post-header .post-title { margin-top: 3px; }
.post-body { line-height: 1.3em; text-align: justify;  }
.post-body A { text-decoration: underline; }

/* -- METADATA --------------------------------------------------- */

.metadata {
	/* border-left: 1px solid #9ba9a1; */
	color: #7b8981;
	text-align: right;
	padding: .3em .7em .3em .7em;
	margin: 0;
	clear: both;
}
.metadata UL, .metadata LI { display: inline; list-style-type: none; list-style-image: none; }

.metadata-box-homepage {
	clear: both;
	margin: 1em 0 1.5em 0;
	padding: .5em .7em .5em 1em;
	text-align: right;
	color: #999999;
}

.metadata-box-single {
	clear: both;
	margin: 4em 0 2em 0;
	padding: .5em .7em .5em 1em;
	color: #999999;
	border-bottom: 1px dotted #cbd9d1;
	border-top: 1px dotted #cbd9d1;
}

.metadata-box_prev {
	background-color: #F0F2F2;
	margin: 1.5em 1em 2em .5em;
	padding: .5em .7em 0em 1em;
	clear: both;
}

.metadata-box-homepage p,
.metadata-box-homepage div,
.metadata-box-single p,
.metadata-box-single div {
	margin: .3em 0;
	padding: 0em 0;
}

.metadata, .metadata-box-single, .metadata-box-homepage { font-size: .85em; line-height: 1.5em; }

/* -- CAPTION ---------------------------------------------------- */

DIV.movie, DIV.figure { text-align: center; margin: 1em 0 1em 0; }
DIV.wp-caption, DIV.movie, DIV.table { margin: 1em 0 1em 0; text-align: center; }
DIV.wp-caption IMG, DIV.movie IFRAME { margin-top: 0; margin-bottom: 0; }
DIV.wp-caption P, DIV.caption {
	font-size: .9em;
	line-height: 1.2em;
	color: #999999;
	padding: .5em 5px 0 5px;
	margin: 0;
}

/* -- FOOTNOTES -------------------------------------------------- */

.footnotes {
	color: #7b8981;
	margin-top: 20px;
	padding-left: 25px;
	font-size: .85em;
	list-style-position: outside;
	list-style-type: decimal;
}
.footnotes A, .footnotes A:link, .footnotes A:hover, .footnotes A:active, .footnotes A:visited { color: #222222; }

/* -- COMMENTS --------------------------------------------------- */

.commentlist { padding: 0; text-align: justify; }
.commentlist LI { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist LI UL LI { margin-right: -5px; margin-left: 10px; }
.commentlist P {
	margin: 10px 5px 10px 0;
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}
.children { padding: 0; }

#commentform P {
	margin: 5px 0;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; font-weight: normal; }

.commentlist LI, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentlist LI UL LI { font-size: 1em; }
.commentlist LI { font-weight: bold; }
.commentlist CITE, .commentlist CITE A { font-weight: bold; font-style: normal; font-size: 1.1em; }


/* ---------------------------------------------------------------
   form styles
   --------------------------------------------------------------- */

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
}

#sidebar #searchsubmit {
	padding: 1px;
}

.post-body form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
}

#commentform {
	margin: 5px 10px 0 0;
}
#commentform textarea {
	width: 100%;
	padding: 2px;
}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
}


/* ---------------------------------------------------------------
   TO SORT:
   --------------------------------------------------------------- */

.thread-alt { background-color: #f8f8f8; }
.thread-even { background-color: white; }

.depth-1 { border: 1px solid #ddd; }

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
}


/* ---------------------------------------------------------------
   references
   --------------------------------------------------------------- */

UL.references { font-size: .9em; }

/* ---------------------------------------------------------------
   project-details
   --------------------------------------------------------------- */

.project-details {
	margin: 1em 0 1.5em 1em;
	padding: 0 0 0 .5em;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.project-details .pair .key { font-size: .9em; font-weight: bold; }
.project-details .pair .value { font-size: 1.1em; }