/* 
Theme Name: Digital Summer
Theme URI: www.peterboorsma.nl
Description: Clean 'n mean PivotX theme
Version: 1.0
Date:	03 12 2009
Author: Peter Boorsma
Author URI: www.peterboorsma.nl
License: GPL 2.0 http://www.gnu.org/licenses/old-licenses/gpl-2.0.html 
Required PivotX version: PivotX 2.0 RC
Used Extensions: Lifestream Widget
*/ 

/* 
Used colors:
orange: #91167c (mouse overs)
green: #5B8F00 (links)
Huispaars: #91167c
Huisgroen: #a6d61b
lighter green: #97EE03 (footer)
black: #000000	(text color)
The width of your entries is 405px
669900
*/

/* some reset stuff */
body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, img, table, tr, th, td, form, fieldset, legend, div, object {
	margin:0;
	padding:0;
	background-color: transparent;
	border:0;
	list-style: none;
	font:normal 100% Helvetica, Arial, Verdana, sans-serif;
	text-align:left;
	vertical-align:top;
}

input, select, textarea, button {
	font:normal 100% Helvetica, Arial, Verdana, sans-serif;
}

table, td, th {
	border-collapse:collapse;
}

h1, h2, h3, h4, h5, h6, p {
	margin-bottom: 10px;
}

.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility:hidden; 
}

* html .clearfix {
	height: 1%;
}

/* end reset */

body {
	background: #a6d61b url(images/pagebg.jpg) Fixed;
}

a {
	text-decoration: none;
	color: #66cc00;
}

a:hover {
	color: #91167c;
}

code, pre {
	font-size: 11px;
}

dl, blockquote, cite {
	font-size: 12px;
}

blockquote {
	padding: 5px 10px;
	line-height: 140%;
	font-style: italic;
}

/* General styles */

h1 {

}

h2 {
	font-size: 1.3em;
	background: #66cc00;
	padding: 3px 0px 3px 35px;
	line-height: 140%;
	
}

h2 a {
	color: #Ffffff;
}


p, li {
	font-size: .75em;
	line-height: 140%;
}

ol {
	font-size: 16pt;
}

/* specifieke styles */

.entry Li {
	list-style:circle;
	Margin-left: 50px;
}

.entry h1 {
	Padding: 15px 0px 5px 0px;
	background: url(images/bg-sidebar-divider.png) bottom left repeat-x;
	Font-size: 16pt;
}

.sidebar-block h3 {
	color: #Fff;
	Font-size: 13pt;
	Background: #00F url(images/sidebg.png) bottom center repeat-x;
	Height: 20px;
	Padding-left: 5px;
}


/* entries */

.entry {
	padding: 30px 0 0 48px;
}

.entry h3 {
	padding: 0px 0px 4px 0px
	Font-size: 12pt;
	font-style:italic;
}

.meta {
	clear: both;
	padding: 10px 0 0 0;
	font-size: .65em;
}

.meta-comment {
	padding: 0 0 4px 0;
	font-size: .65em;
}

span.meta-info {
	float: left;
}

span.commentlink {
	float: right;
}

.meta-footer {
	clear: both;
	height: 18px;
	background: url(images/bg-entry.png) bottom left no-repeat;
}

.comment-footer {
	height: 13px;
	background: url(images/bg-comment.png) bottom left no-repeat;
}

/* sidebar */

#searchbar {
	margin: 30px 0 0 30px;
}

table#searchbar {
	width: 238px;
	height: 25px;
}

#searchbar td_searchbutton {
	width: 27px;
}

#searchbar td_searchbox {
	width: 211px;
}

.sidebar-block {
	margin: 30px 0 0 30px;
	padding: 0 0 20px 0;
	background: url(images/bg-sidebar-divider.png) bottom left repeat-x;
}


.tabs {
	margin: 30px 0 0 30px;
	background: #fff url(images/bg.png) repeat;
}

#tab-archives { 
	display: none;
}

#tab-archives ul { 
	padding: 20px 0 20px 20px;
}


#tagcloud {
	padding: 20px 10px 20px 20px;
}

#tagcloud a{
	text-decoration: none;
}

.tags a,
#tab-archives li a,
#tagcloud a,
a[rel="tag"] {
	color: #000;
}

.tags a:hover,
#tab-archives li a:hover,
#tagcloud a:hover,
a:hover[rel="tag"] {
	color: #91167c;
}

/* lay out */

#wrapper {
	margin: 0 auto;
	width: 771px;
	background: url(images/bg-wrapper.png) 50% 50% repeat-y;
}

#header {
	position: relative;
	background: url(images/bg-header.jpg) no-repeat;
	margin: 0 13px;
	height: 280px;
}

h1.sitename {
	Display: none;
	text-align: center;
	font-size: 3em;
	padding: 90px 0 0 0;
}

h2.sitename {
	Display: none;
	text-align: center;
	font-size: 1.5em;
	background: none;
}

h1.sitename a,
h2.sitename  {
	color: #91167c;
}

h1.sitename a:hover {
	color: #fff;
}

#navbar ul {
	position: absolute;
	top: 250px;
	right: 10px;
	width: 100%;
}

#navbar li  {
	display: block;
	float: right;
	font-size: 1.15em;
	margin-right: 6px;
	padding: 4px 10px 2px 10px;
	text-align: center;
	background: #fff;
}

#navbar li.rss {
	padding-left: 32px;
	background: #fff url(images/icon-rss.png) top left no-repeat;
}

#navbar li a {
	color: #6699ff;
}

#navbar li a:hover {
	color: #91167c;
}

#main {
	float: left;
	width: 453px;
}

#sidebar {
	float: left;
	width: 268px;
	padding: 0 0 30px 0;
}

#footer {
	clear: both;
	height: 94px;
	margin: 0 13px;
	background: #000000 url(images/bg-footer.jpg) bottom center repeat-x;
}

/* other */

.pagenav {
	padding: 30px 0 0 48px;
	text-align: center;
}

#footer p {
	padding: 75px 30px 30px 30px;
	color: #000;
	font-size: .65em;
}

#footer p a {
	color: #000;
}

#footer p a:hover {
	color: #91167c;
}

/* pivot_essentials.css overrides */

.searchbox,
.result-searchbox,
.commentinput {
	padding: 6px;
	width: 188px;
	background: #fff;
	border: 1px solid #5B8F00;
}

.searchbutton,
.result-searchbutton {
	width: 29px;
	height: 29px;
	padding: 0;
	margin: 0;
	color: transparent;
	border: none;
	background: url(images/button-search.gif) center left no-repeat;
	cursor: pointer;
}

.commentbutton {
	padding: 0 4px;
	background: #FFFFFF url(images/bg.png);
	border: 1px solid #5B8F00;
}

/* let's make the commentform a bit smaller... */
.markItUp {
	margin:5px 0;
	width:405px!important;
}

#piv_comment {
	width: 393px!important;
}

	#datebox  { 
	width: 49px; 
	height: 51px;  
	position: Relative; 
	left: -42px; 
	top: 39px; 
	background: url(images/datebox.png) no-repeat;
	Color: #FFF;
		font-size: 11pt; 
Text-align: center;
Padding-left: 4px;

	
	}
	
	#datebox span { 
	font-size: 14pt; 
	display: block;
	}

	#dateBox div {

	}

/* TWITTER */

#twitter_update_list {


background-image:url('images/twitterbg_copy1.png');
background-repeat: no-repeat;
}

#twitter_update_list  a {
display: block;
text-align: right;

padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
#twitter_update_list  li {
border-bottom: 1px inset #444;
width:210px;
}
#twitter_update_list span a {
display: inline;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;

}