/*   
Theme Name: Dev @ Work 2.0
Theme URI: http://www.devatwork.nl
Description: The Dev @ Work weblog theme
Author: Bert Willems
Author URI: http://www.devatwork.nl
*/
*
{
	margin:0px;
	padding:0px;
	font-family:Verdana,Arial,Sans-Serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
}
body
{
	background-image:url('img/bg.gif');
	background-repeat:repeat-x;
	height:130px;
}
input, textarea
{
	border:solid 1px #000000;
	font-family:Verdana,Arial,Sans-Serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	margin:0px;
	padding:3px;
}
textarea
{
	overflow:auto;
}
a, a:visited
{
	color:#767006;
	text-decoration:none;
}
a:hover
{
	color:#c0440d;
	text-decoration:underline;
}
/* general classes */
.clear
{
	clear:both;
	visibility:collapse;
}
/* layout */
#layout-container
{
	margin:0px auto;
	width:775px;
}
#layout-header
{
	height:130px;
}
#layout-header #layout-header-title
{
	float:left;
}
#layout-header-searchform
{
	margin:56px 0px 0px 0px;
	float:right;
}
#layout-header-menu
{
	margin-top:11px;
}
#layout-main
{
	margin:20px 0px;
}
#layout-content
{
	float:left;
	width:566px;
}
#layout-sidebar
{
	float:right;
	margin-top:10px;
	width:190px;
}
#layout-footer
{
	margin:0px auto 10px auto;
	height:25px;
	width:739px;
}
/* header style */
#layout-header
{
	background-image:url('img/design.png');
	background-repeat:no-repeat;
	background-position:top right;
}
#layout-header h1
{
	margin-top:24px;
}
#layout-header h1 a, #layout-header h1 a:visited, #layout-header h1 a:hover
{
	color:#ffffff;
	font-size:40px;
	font-weight:bold;
	text-decoration:none;
}
#layout-header h2
{
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
}
/* search form style */
#layout-header-searchform .text
{
	background-color:#dddddd;
	border:solid 1px #ffffff;
	float:left;
	width:120px;
}
#layout-header-searchform .button
{
	background-color:#ff9933;
	border:solid 1px #ffffff;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	text-transform:uppercase;	
	float:left;
	height:22px;
	margin-left:4px;
	width:80px;
}
#layout-header-searchform .button:hover
{
	background-color:#ffcc33;
	border:solid 1px #ff9933;
}
/* menu style */
#layout-header-menu ul
{
	list-style-type:none;
}
#layout-header-menu ul li
{
	background-image:url('img/navbg.gif');
	width:80px;
	height:24px;
	text-align:center;
	padding-top:5px;
	float:left;
}
#layout-header-menu ul li:hover
{
	background-image:url('img/navbg-hover.gif');
}
#layout-header-menu ul li a
{
	color:#000000;
	font-size:12px;
	text-decoration:none;
}
/* footer style */
#layout-footer
{
	background-image:url('img/footer.gif');
	text-align:center;
}
#layout-footer p
{
	padding-top:6px;
	font-weight:bold;
}
#layout-footer p a, #layout-footer p a:visited
{
	color:#87811c;
	font-weight:bold;
	text-decoration:none;
}
#layout-footer p a:hover
{
	color:#65600a;
}
/* sidebar style */
#layout-sidebar ul
{
	list-style-type:none;
}
#layout-sidebar ul li
{
	margin-bottom:20px;
}
#layout-sidebar ul li h2
{
	background-image:url("img/sideheader.gif");
	background-position:top left;
	background-repeat:no-repeat;
	width:188px;
	height:28px;
	font-family:Arial;
	font-weight:bold;
	font-size:20px;
	color:#ffffff;
	text-align:center;
	margin-bottom:8px;
}
#layout-sidebar ul li p
{
	margin-bottom:8px;
	text-align:justify;
}
#layout-sidebar ul li ul
{
	background-color:#f9f9f9;
	border:1px solid #dfe882;
	color:#ff9933;
	list-style-type:disc;
	list-style-position:inside;
	padding:2px 4px;
}
#layout-sidebar ul li ul li
{
	padding:0px;
	margin:0px;
}
#layout-sidebar ul li ul li h2
{
	background-image:none;
	color:#000000;
	display:inline;
	font-size:12px;
	font-weight:bold;
}
#layout-sidebar ul li ul li ul
{
	background-image:none;
	border:none 0px #000000;
	list-style-type:square;
	list-style-position:outside;
	margin-left:26px;
}
/* post list style */
.postlistfooter
{
	border-top:solid 1px #767006;
	border-bottom:solid 1px #767006;
	padding:4px 0px;
	margin-bottom:32px;
}
.postlistbottom
{
	text-align:right;
}
.postlistbottom .left
{
	float:left;
}
.postlistbottom .right
{
	float:right;
}
/* post style */
.post
{
}
.post .posttitle
{
	margin:0px 0px 16px 0px;
}
.post .posttitle h1, .post .posttitle h1 a
{
	margin:0px 0px 2px 0px;
	font-size:24px;
	font-weight:bold;
}
.post .posttitle h1 a:hover
{
	border-bottom:2px solid #767006;
	color:#767006;
	text-decoration:none;
}
.post .posttitle small, .post .posttitle small a
{
	color:#666666;
	font-size:10px;
}
.post .postcontent
{
	text-align:justify;
}
.post .postcontent .commentsquare
{
	background-image:url("img/commentbox.gif");
	text-align:center;
	float:right;
	width:67px;
	height:76px;
	margin:4px 0px 8px 8px;
}
.post .postcontent .commentsquare a
{
	color:#ffffff;
	font-size:27px;
}
.post .postcontent ul
{
	margin:0px 0px 12px 16px;
line-height: 18px;
}
.post .postcontent ol
{
	margin:0px 0px 12px 28px;
	list-style-type:decimal;
line-height: 18px;
}
.post .postcontent blockquote
{
	border-left:5px solid #dddddd;
	margin:15px 30px 0 10px;
	padding:0px 0px 0px 20px;
line-height: 18px;
}
.post .postcontent ul li
{
}
.post .postcontent ul li ul
{
	margin:0px 0px 0px 16px;
}
.post .postcontent p
{
	margin-bottom:12px;
line-height:18px;
}
.post .postcontent h1
{
	margin:24px 0px 4px 0px;
	font-size:18px;
	font-weight:bold;
}
.post .postcontent h2
{
	margin:24px 0px 4px 0px;
	font-size:16px;
	font-weight:bold;
}
.post .postcontent h3
{
	margin:16px 0px 4px 0px;
	font-size:14px;
	font-weight:bold;
}
.post .postcontent strong
{
	font-weight:bold;
}
.post .postcontent em
{
	font-style:italic;
}
.post .postcontent table
{
	border:solid 1px #666666;
	margin:0px 0px 12px 0px;
}
.post .postcontent tr th
{
	background-color:#f0f0f0;
	font-size:smaller;
	padding:2px 4px 4px 2px;
	vertical-align:top;
}
.post .postcontent tr td
{
	background-color:#f0f0f0;
	padding:2px 4px 4px 2px;
	vertical-align:top;
}
.post .postcontent img
{
	border:solid 1px #000000;
}
.post .postcontent .imagenoborder, .post .postcontent .wp-smiley
{
	border:none 0px #000000;
}
.post .postcontent .leftimage
{
	margin:0px 8px 8px 0px;
	float:left;
	clear:left;
}
.post .postcontent .rightimage
{
	margin:0px 0px 8px 8px;
	float:right;
	clear:right;
}
.post .postcontent .sourcelist
{
	margin:0px 0px 12px 0px;
	list-style-type:none;
}
.post .postfooter
{
}
.post .postfooter .postprevious
{
	float:left;
}
.post .postfooter .postnext
{
	float:right;
}
/* comment list style */
.post #commentlist
{
	margin:24px 0px 0px 0px;
}
.post #commentlist h3
{
	border-bottom:solid 1px #f0f0f0;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	margin-bottom:16px;
}
.post #commentlist ol
{
	list-style-type:none;
	margin:0px 20px 0px 20px;
}
.post #commentlist ol li
{
	margin:0px 0px 8px 0px;
	border-bottom: solid 1px #F0F0F0;
}
.post #commentlist ol li cite
{
	font-style:italic;
	line-height: 18px;
}
.post #commentlist ol li small, .post #commentlist ol li small a
{
	font-size:10px;
}
.post #commentlist ol li p
{
	line-height: 18px;
	text-align:justify;
	margin:8px 0px 16px 0px;
}
/* reply form style */
.post #replyform
{
	margin:24px 0px 0px 0px;
}
.post #replyform h3
{
	border-bottom:solid 1px #f0f0f0;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	margin-bottom:4px;
}
.post #replyform form 
{
	margin:0px 20px 0px 20px;
}
.post #replyform form label
{
	cursor:pointer;
	width:200px;
}
.post #replyform form label em
{
	color:#ff0000;
	font-weight:bold;
}
.post #replyform form .input
{
	background-color:#f0f0f0;
	margin-bottom:5px;
	display:block;
	width:200px;
}
.post #replyform form .textarea
{
	background-color:#f0f0f0;
	margin-bottom:5px;
	display:block;
	width:400px;
	height:150px;
}
.post #replyform form .replybutton
{
	background-color:#ff9933;
	border:solid 1px #000000;
	font-weight:bold;
}
.post #replyform form .replybutton:hover
{
	background-color:#ffcc33;
	border:solid 1px #ff9933;
}
/* wp-syntax style */
.wp_syntax {
  color: #100;
  background-color: #f9f9f9;
  border: 1px solid silver;
  margin: 0 0 1.5em 0;
  overflow: auto;
}

/* IE FIX */
.wp_syntax {
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 15 : 0);
  width: 100%;
}

.wp_syntax table {
  border:none 0px #000000;
  background-color:#ffffff;
}

.wp_syntax div, .wp_syntax td 
{
	background-color:#ffffff;
  vertical-align: top;
  padding: 2px 4px;
}

.wp_syntax .line_numbers {
  text-align: right;
  background-color: #def;
  color: gray;
  overflow: visible;
}

/* potential overrides for other styles */
.wp_syntax pre {
  margin: 0;
  width: auto;
  float: none;
  clear: none;
  overflow: visible;
}
/* image styles */
.post .postcontent .wp-caption.alignleft, .post .postcontent img.alignleft
{
	float:left;
	margin: 4px 8px 8px 0;
}
.post .postcontent .wp-caption.alignright, .post .postcontent img.alignright
{
	float:right;
	margin: 4px 0 8px 8px;
}