/* Dogwork Color Styles */

/*-----------------------------------------------

INDEX:

1. SETUP
-1.1 Defaults
-1.2 Hyperlinks

2. SITE STRUCTURE & APPEARANCE
-2.1 Containers
-2.2 Header
-2.3 Navigation
--2.3.1 Drop-downs
-2.4 Introduction
-2.5 Content
-2.6 Sidebar
-2.7 Footer

3. WIDGETS

4. POSTS
-4.1 Typographic Elements
-4.2 Images
-4.3 PageNavi

5. COMMENTSAREA
-5.1 Comments
-5.2 Comments Form

6. GENERAL STYLES

-----------------------------------------------*/



/*-----------------------------*/
/* 1. SETUP */
/*-----------------------------*/

/* 1.1 Defaults */

body  {
	color: #3f312e;
	background: #EFE5CA url(dogwork/body_bg.gif) repeat-x top left;
	font: 14px "Trebuchet MS", Arial, Sans-serif;
}

h1, h2, h3, h4, h5, h6  {
	color: #3f312e;
	font-family: "Trebuchet MS", Helvetica, Sans-serif;
}

/* 1.2 Hyperlinks */

a:link, a:visited  { color: #d01818; }

h1 a:link, h1 a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited,
h4 a:link, h4 a:visited, h5 a:link, h5 a:visited, h6 a:link, h6 a:visited  {
	color: #3f312e;
}


/*-----------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-----------------------------*/

/* 2.1 Containers */

#main  {
	width: 920px;
	padding: 5px;
	background: url(khaki/main.png) repeat left top;
	position: relative;
}

#main #inside  {
	padding: 10px;
	background: #fff url(dogwork/content-bg.gif) no-repeat bottom;
}

body#homepage #main #inside {
	background: #fff;
}

/* 2.2 Header */

div#header {
	width: auto;
	padding-top: 20px;
	background: url(dogwork/header_bg.gif) no-repeat;
}

div#logo {
	margin-bottom: 10px;
}

div#logo h1, div#logo h2 {
	display: none;
}

/* 2.3 Navigation */

div#navigation {
	margin-bottom: 65px;
}

#nav a:link, #nav a:visited {
	color: #957e5c;
	background-color: #dec49e;
}

#nav li {
	height: 20px;
	padding: 0;
	background: url(dogwork/btn-left.png) left top no-repeat;
}

#nav li a,
#nav li a:visited,
#nav li a:link {
	float: left;
	display: block;
	padding: 2px 15px 5px 0;
	margin-left: 15px;
	color: #fff;
	background: url(dogwork/btn-right.png) right top no-repeat;
	text-transform: none;
}

* html #nav li a,
* html #nav li a:visited,
* html #nav li a:link.
* html #nav ul li a,
* html #nav ul li a:visited,
* html #nav ul li a:link { margin: 0 0 0 0; padding :0; }

#nav li.current_page_item a,
#nav li.current_page_item a:visited,
#nav li.current_page_item a:link {
	background: url(dogwork/btn-right-hover.png) right top no-repeat;
}


#nav li.current_page_item {
	background: url(dogwork/btn-left-hover.png) left top no-repeat;
}

/* Style drop down list */

#nav li ul {
	margin-top: 20px;
	background: #333;
	border: 1px solid #444;
}

* html #nav li ul {
	margin-left: -120px; 
}

#nav li ul li {
	background: none;
	margin: 0 0 10px 0 !important;
	padding: 0;
}

#nav li ul li a,
#nav li ul li a:visited,
#nav li ul li a:link,
#nav li.current_page_item ul li a,
#nav li.current_page_item ul li a:visited,
#nav li.current_page_item ul li a:link {
	padding: 5px 5px 3px 10px;
	margin-left: 0px;
	color: #fff;
	text-transform: none;
	background: none;
	float: none;
}

#nav li.current_page_item ul li a:hover,
#nav li ul li a:hover {
	background: #444;
}

/* 2.4 Introduction */

#introduction  {
	background: url(dogwork/introduction.gif) no-repeat;
	padding-bottom: 15px;
}

* html #main,
* html #introduction {
	height: 1%; 
}

#about  {
	width: 530px;
	background: #535353 url(dogwork/about.gif) no-repeat;
	margin: 20px 10px 10px 10px;
	padding: 5px 15px 0px 15px;
}

#about h2  {
	color: #fff;
	font-weight: normal;
}

#about p  {
	color: #fff;
}

#about img  {
	border: 5px solid #da715f;
}

#about .fold  {
	background: url(khaki/about_fold.png) no-repeat left top;
}

#about a.more {
	display: block;
	color: #fff;
	margin-top: 10px;
}

a#locaties {
	width: 274px;
	height: 168px;
	display: block;
	float: right;
	background: url(dogwork/locaties.gif) no-repeat;
	margin: 20px 10px 10px 15px;
	text-indent: -99999px;
}

#connect  {
	border: 1px solid #ededed;
}

#connect ul li a  {
	color: #6b5a41;
	background: url(khaki/connect_grad.png) repeat-x top left;
}

#connect ul li a span  {
	color: #3f312e;
}

div.seperator {
	position: absolute;
	width: 960px;
	height: 79px;
	background: url(dogwork/seperator.png) no-repeat;
	margin-left: -30px;
}

* html div.seperator { margin: -200px 0 0 -349px; }

div.seperator h2 {
	float: left;
	width: 440px;
	margin: 15px 0 0 30px;
	color: #fff;
	font-size: 20px;
}

* html div.seperator h2 { width: 410px; }

ul.agenda-items {
	float: left;
	width: 440px;
	list-style: none;
	margin: 0 20px 20px 0;
}

ul.agenda-items li {
	border-bottom: 1px solid #d1d1d1;
	font-size: 16px;
	line-height: 300%;
}

ul.agenda-items li a {
	color: #7a7a7a;
}

ul.agenda-items li a:hover { text-decoration: none; }

div#logos {
	float: left;
}

div#logos a.logo {
	display: block;
	float: left;
	margin-right: 10px;
}

/* 2.5 Content */

div#content {
	width: 900px;
	margin-top: 80px;
}

h2.result_heading  {
	border-bottom: 2px solid #3f312e;
}

/* 2.6 sidebar */

#sidebar a  {
	color: #6b5a41;
}

/* 2.7 Footer */


#footer p  {
	color: #6d604d;
}

#footer ul li a  {
	color: #4f4f4f;
}

#footer ul li.current_page_item a, #footer ul li a:hover  {
	color: #3f312e;
}



/*-----------------------------*/
/* 3. WIDGETS */
/*-----------------------------*/

.widget h3  {
	color: #fff;
	background-color: #6b5a41;
}

.widget h3 span.fold  {
	background: url('khaki/widget_fold.png') no-repeat center center;
}

.widget ul li a:link, .widget ul li a:visited  {
	border-bottom: 1px solid #e0e6e6;
	color: #6c6c6c!important;
	background: url(khaki/bullet.png) no-repeat 8px 13px;
}

.widget ul li a:hover  {
	color: #6b5a41!important;
	background-color: #f0f0f0;
	background-image: url(khaki/bullet_hover.png);
}

.widget_recent_comments li  {
	border-bottom: 1px solid #e0e6e6;
	background: url(khaki/bullet.png) no-repeat 8px 13px;
}

.widget_recent_comments li a  {
	background: none!important;
	border: none!important;
}

#searchform #s  {
	border: 1px solid #898989;
}

#searchform .submit  {
	color: #fff;
	border: 1px solid #db3434;
	background-color: #db3434;
}

#twitter a  {
	background-image: none;
}

/*-----------------------------*/
/* 4. POSTS */
/*-----------------------------*/

.post  {
	border-bottom: 1px solid #dcd6d5;
}

.post .meta  {
	color: #8a7975;
}

.post .meta .comments  {
	background: url(khaki/ico-comments.png) no-repeat right 1px;
}

.post .categories a  {
	color: #fff;
	background-color: #d01818;
}

.post .categories a:hover  {
	text-decoration: none;
}

/* 4.1 Typographic Elements */

.entry blockquote  {
	color: #666;
}

/* 4.2 Images */

.entry img  {
	border: 3px solid #dbdbdb;
}

img.wp-smiley  {
	border: none;
}

/* 4.3 Page Navi */

.Nav strong.on  {
	color: #fff;
	background-color: #6b5a41;
}

.Nav a:link, .Nav a:visited  {
	color: #6b5a41;
}

/*-----------------------------*/
/* 5. COMMENTSAREA */
/*-----------------------------*/

/* 5.1 Comments */

#comments ol.commentlist  {
	border-top: 1px solid #dcd6d5;	
}

#comments ol.commentlist li {
	border-bottom: 1px solid #dcd6d5;
}

#comments ol.commentlist li .comment-head .avatar img  {
	border: 3px solid #dcd6d5;
}

#comments ol.commentlist li .comment-head .user-meta span.date  {
	color: #565656;
}

#comments ul.children {
	background: url(khaki/comment_reply.png) no-repeat left 11px;
}

#comments ul.children li {
	border-bottom: 0;
}

#comments .navigation .alignright, #comments .navigation .alignleft { margin:0;}
#comments .navigation a {
	color: #fff;
	background: #9F9F9F;
}

#comments .navigation a:hover {background: #888;}

#comments .commentlist #respond #form_wrap {
	border:0;
}

/* 5.2 Comments Form */

#commentform input.txt  {
	border: 1px solid #898989;
}

#commentform textarea  {
	background-color: #f4f4f4;
	border: 1px solid #898989;
}

#commentform #submit  {
	color: #fff;
	border: 1px solid #db3434;
	background-color: #db3434;
}

/*-----------------------------*/
/* 6. GENERAL STYLES */
/*-----------------------------*/