/*
Theme Name: Peter Hasperhoven's Wordpress Theme
Theme URI: http://www.hasperhoven.net/
Description: Built from the ground up, inspired by my jph joomla theme
Version: 0.1
Author: Peter Hasperhoven
Author URI: http://www.hasperhoven.net/
Tags: navy, custom header, variable width, three columns, widgets

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
* {
    margin:0; 
    padding:0;
} 


/*------------------------------------------------------* 
 *                                                      *
 *              LAYOUT stuff starts here                *
 *                                                      *
 *------------------------------------------------------*/

/*jph_ main wrapper ----------------------------------------------*/
div#jph_main_wrapper {
    min-width:760px;
    max-width:1024px;
    margin-left:auto;
    margin-right:auto;
}

/*#jph_ header ----------------------------------------------*/
div#jph_header {
    width: auto;
}

div#jph_header_inner {
    padding:20px 60px 20px 0;
    text-align:right;
    background: url("images/eyes.jpg");
}
/*#jph_ main content ----------------------------------------------*/
div#jph_mainbody {
    clear:both;
    float:left;
    width:100%;
}

div#jph_left_content {
    float:left;
    width:100%;
    display:inline;
    margin-right:-205px;
}
div#jph_left {
    float:left;
    width:175px;
    display:inline;
}
div#jph_content {
    width:auto;
    margin-left:175px;
    margin-right:205px;
    position:relative;
    padding: 15px 0 0 0;
}

div#jph_messages {
    padding: 15px 10px;
}

div#jph_right {
    float:left;
    width:205px;
}


/*jph_ footer ----------------------------------------------*/
div#jph_footer {
    clear:both;
    width:100%;
    float:left;
}

textarea#jph_comment { 
    width:100%; 
    height:200px;
}

/*------------------------------------------------------* 
 *                                                      *
 *              DESIGN stuff starts here                *
 *                                                      *
 *------------------------------------------------------*/

/* 
-----------------------------------------------
-----------------------------------------------
                   Generic 
-----------------------------------------------
-----------------------------------------------
*/
body {
    font-family: Verdana, Helvetica, Arial, Sans-serif;
    color: navy;
    font-size: .8em;
    background-color: #FFFFF7;
}
div#jph_header_inner {
    font-size: 250%;
    font-weight: bold;
}

div#jph_header_inner A {
    text-decoration: none;
    color: blue;
}
div#jph_header_inner A:hover {
    text-decoration: underline overline; color: red;
}

.horline {
    padding:  0 0 10px 0; 
    border-top: solid 2px #069;
}

.totalhorline {
    clear:both;
    padding:  0 0 0 0;
    border-top: solid 2px #069;
}

/* 
-----------------------------------------------
-----------------------------------------------
               Center column
-----------------------------------------------
-----------------------------------------------
*/

div.post>h2{
    padding: 0 0 5px 0;
}

div.post>h2>A {
    text-decoration: none;
    color: navy;
}
div.post>h2>A:hover {
    text-decoration: underline overline; color: red;
}

div.post {
    padding: 0 0 20px 0;
    border-bottom: dotted 1px navy;
}

div.entry li {
    margin: 2px 0 2px 3em; 
}

div.entry h3 {
    padding: 10px 0 10px 0;
}

/* standaard spacing van paragrafen tekst vergroten zodat niet overal dubbel CR's nodig zijn */
div#jph_content p {
   	margin-bottom: 8px;
}

div#jph_footer {
    text-align:center;
}

/* stuff voor de quote module */
div#jph_quote {
    text-align:center;
    font-style: italic;
    padding: 0 0 10px 0;
}

div#jph_quote_title {
    font-style: normal;
    font-weight: bold;
    padding: 0 0 10px 0;
}

/* images */
img.alignleft {
    border:0 ;
    float:left ;
    margin-right:10px;
}

img.alignright {
    border:0 ;
    float:right ;
    margin-left:10px;
}

img.aligncenter {
    border:0 ;
/*    float:center ; */
    width:100% ;
}

img.alignnone {
    border:0 ;
    margin-right:10px;
}

/* 
-----------------------------------------------
-----------------------------------------------
        Generic Sidebar Widget
-----------------------------------------------
-----------------------------------------------
*/

/* modules & headings */
.jph_widget{
   padding: 10px 10px 0 10px;
}
.jph_widget_title{
    border-top: dotted 1px navy;
    border-bottom: dotted 1px navy;
    text-align:center;
    width:100%;
    font-size: 120%;
    font-weight: bold;
}

.jph_widget ul {
	list-style: none;  
/*    list-style-image: url("images/indent1.png") ; */
/*    padding-left: 1.2em; */
/*	text-indent: -1em;*/
	}

.jph_widget ul ul {
/*	list-style: none;  */
    list-style-image: url("images/indent1.png") ;
    padding-left: 1.0em; 
/*	text-indent: -1em;*/
}

.jph_widget ul ul ul {
/*	list-style: none;  */
    list-style-image: url("images/indent2.png") ;
    padding-left: 1.0em; 
}
/* 
-----------------------------------------------
-----------------------------------------------
               Left Sidebar
-----------------------------------------------
-----------------------------------------------
*/

/* 
-----------------------------------------------
                jph Menu
-----------------------------------------------
*/
div#jphMenu a {	/* Main menu items */
	text-decoration:none;
	font-weight:bold;
	color:navy;
}

div#jphMenu a.selectedMenu {	
    background:lightblue;
}

div#jphMenu ul ul a {	/* Submenu items */
	font-weight:normal;
}

div#jphMenu ul {	/* Main menu items */
	list-style: none;  
    display:block;     
}

div#jphMenu ul ul {	/* Submenu items */
    list-style-image: url("images/indent1.png") ;
    display:none;     
}

div#jphMenu ul ul ul {	/* Submenu items */
    list-style-image: url("images/indent2.png") ;
    display:none;     
}
/* 
-----------------------------------------------
                Tag cloud
-----------------------------------------------
*/

.ctc a {
    text-decoration:none;
}

.ctc a:hover {
    text-decoration: underline overline; 
    color: red;
}

/* 
-----------------------------------------------
-----------------------------------------------
               Right Sidebar
-----------------------------------------------
-----------------------------------------------
*/
/* 
-----------------------------------------------
FriendFeed Activity Widget Stylesheet
-----------------------------------------------
*/
#jph_FriendFeed td {
    padding: 2px;
}

/* 
-----------------------------------------------
       Del.icio.us tags module
-----------------------------------------------
*/

.delicious-banner {
    visibility: hidden;
    height:0;
}
/* 
-----------------------------------------------
-----------------------------------------------
               OBSOLETE
-----------------------------------------------
-----------------------------------------------
*/

/* 
-----------------------------------------------
Javascript menu
-----------------------------------------------
*/
	#dhtmlgoodies_listMenu a{	/* Main menu items */
/*		color:#000;             */
		text-decoration:none;
		font-weight:bold;

	}
	#dhtmlgoodies_listMenu ul li a{	/* Sub menu */
/*   	color: #F00;        */
		font-weight:normal;
	}
	#dhtmlgoodies_listMenu ul li ul li a{	/* Sub Sub menu */
/*		color: #000;        */
		font-style:italic;
		font-size:0.9em;
		font-weight:normal;		
	}
	
	#dhtmlgoodies_listMenu .activeMenuLink{	/* Styling of active menu item */
		color:blue;
	}

	#dhtmlgoodies_listMenu ul{
		display:none;     
	}
/* 

-----------------------------------------------
Stijlen van de del.icio.us module
hergebruiken voor tag-cloud?
-----------------------------------------------
*/

/*	
.delicious-tags {
    font-family:arial,sans-serif
}

.delicious-tags a img {
    border:0;
    display:inline;
    margin:0 0 0 3px;
    padding:0
}
.delicious-tags a {
    text-decoration:none
}
.delicious-tags a:hover { 
    text-decoration:underline
} 
.delicious-tags ul {
    list-style-type:none;
    margin:0;
    padding:0; 
    text-align:justify
}
.delicious-list li {
    display:block;
    margin:0;
    padding:0;
    background-image:none !important;
} 
.delicious-list .delicious-tag-count {
    float:left;
    text-align:right
}
.delicious-cloud li {
    display:inline;
    text-align:justify;
    background-image:none !important;
    padding:0;
    margin:0
 }
 .delicious-cloud .delicious-tag-count {
    padding-left:0.2em;
    font-size:15px
} 
.delicious-cloud li:before {
    content:"" !important
}
*/