/*  
Theme Name: DutchPalms
Theme URI: http://www.dutchpalms.nl/
Description: Custom Theme for Richard by <a href="http://www.designsbycasey.com/" target="_blank" title="Casey Designs">Designs by Casey</a>.
Version: 1.00
Author:  Casey Christensen
Author URI:  http://www.designsbycasey.com/
*/

/* This is very important for cross-browser compatibility */
/* Dit is erg belangrijk voor cross-browser compatibiliteit */
* { padding: 0; margin: 0; }

/* Here begins basic page layout style */
/* Hier begint fundamentele DTP-stijl */
html,body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000000; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #def0cc; }
img { border: none; }
p { padding-top: 5px; padding-bottom: 5px; }
a, a:visited, a:active {
	color: #345316;
	text-decoration: underline;
	font-size: 12px;
	}
a:hover {
	color: #345316;
	text-decoration: underline;
	font-size: 12px;
	}
	
#pagebody { width: 100%; background: url(images/dp_bodybacktop.gif) top repeat-x; }
#pagewrap { width: 100%; background: url(images/dp_contentback.gif) bottom repeat-x; }
#pageholder { width: 990px; margin-left: auto; margin-right: auto; background: url(images/dp_contentback.gif) bottom repeat-x; position: relative; }

/* Here begins the header style */
/* Hier begint de kop-stijl */
#headerbody { width: 100%; height: 100px; background: url(images/dp_topheaderbg.gif) top center repeat-x; }
#headerlogo { width: 990px; text-align: center; height: 100px; margin-right: auto; margin-left: auto; background: url(images/dp_topheaderbg.gif) top center repeat-x; }
#headertext { margin-left: auto; margin-right: auto; position: relative; top: 70px; font-weight: bold; color: #ffffff; height: 1px; }

/* Here begins navigation bar style */
/* Here begins navigation bar style */
#topnav { width: 615px; text-align: center; color: #def0cc; margin-top: 12px; }
#topnav li { display: inline; list-style-type: none; padding-left: 6px; padding-right: 6px; }
#topnav li a, #topnav li a:visited{ font-size: 12px; color: #def0cc; text-decoration: none; font-weight: bold; }
#topnav li a:hover{ font-size: 12px; color: #ffffff; text-decoration: underline; font-weight: bold; }

/* Here begins recent photo style */
/* Hier begint recente foto stijl */
#photohead { width: 615px; height: 34px; color: #def0cc; margin-top: 16px; font-weight: bold; background: url(images/dp_recentphotohead.gif) left no-repeat; }
#photohead h3 { font-size: 14px; padding-top: 8px; margin-left: 20px; }
#photobox { width: 620px; margin-left: 4px; margin-top: 4px; }
#photobox li { display: inline; list-style-type: none; padding-right: 1px; }

/* Here begins page content style */
/* Hier begint de inhoud van de pagina opnieuw instellen */
#leftcontent { float: left; width: 625px; margin-bottom: 10px; background: url(images/dp_navbackground.gif) top repeat-x; position: inherit; }
#rightcontent  { float: right; width: 365px; margin-bottom: 10px; background: url(images/dp_palmtreetop.jpg) top right no-repeat; position: inherit; }
.thepagetop { margin-top: 4px; margin-left: 4px; width: 612px; height: 7px; background: url(images/dp_pagetop.png) no-repeat; }
.thepage { margin-left: 4px; width: 612px; background: url(images/dp_pagebackground.gif) repeat-y; }
.thepagebg { margin-left: 1px; width: 590px; padding-left: 10px; padding-right: 10px; background: url(images/dp_postitemfoot.gif) bottom left no-repeat; overflow: hidden; }
.thepageend { margin-bottom: 4px; margin-left: 4px; width: 612px; height: 7px; background: url(images/dp_pagebottom.png) no-repeat; }
.titlespacer { height: 7px; width: 590px; background: url(images/dp_posttitleseperator.gif) no-repeat; }
.thepagebg h1 { font-size: 16px; color: #345316; font-weight: bold; }
.thepagebg h1 a, a:hover { font-size: 16px; color: #345316; text-decoration: none; }
.thepagebg h1 a:hover{ font-size: 16px; color: #345316; text-decoration: underline; }
.thepagebg a, a:visited { font-size: 12px; color: #345316; text-decoration: underline; }
.thepagebg a:hover { font-size: 12px; color: #345316; text-decoration: none; }
.thepagebg ol { padding-left: 30px; padding-top: 5px; padding-bottom: 5px; }
.thepagebg ul { padding-left: 30px; padding-top: 5px; padding-bottom: 5px; }
.thepagebg img { padding: 8px; }
.thepagefoot { margin-top: 20px; height: 40px; width: 610px; }
.alignr { margin-right: 24px; float: right; padding-top: 20px; }
.alignr a, .alrightr a:visited { font-size: 12px; font-weight: bold; color: #345316; text-decoration: underline; }
.alignr a:hover { font-size: 12px; font-weight: bold; color: #345316; text-decoration: none; }
.alignl { margin-left: 12px; float: left; width: 41px; text-align: center; }
.alignl2 { margin-left: 12px; padding-top: 10px; float: left; width: 41px; text-align: center; }
.theday { color: #345316; font-weight: bold; font-size: 18px; margin-top: 2px; }
.thedate { color: #000000; font-weight: bold; font-size: 9px; }
.thedate2 { color: #000000; font-weight: bold; font-size: 9px; }
.fix { clear: both; }
.fix2 { margin-top: 20px; }
.PostAuthor a { font-size: 10px; color: #345316; }

/* Here begins left sidebar style */
/* Hier begines linkerzijbalk stijl */
/* Here begines right sidebar style */
/* Hier begines rechts aan de zijkant stijl */
#theleft { float: left; width: 177px; margin-top: 160px; position: inherit; margin-bottom: 10px; }
#theright { float: right; width: 177px; margin-top: 160px; position: inherit; margin-bottom: 10px; }
.sidebartop { width: 177px; height: 7px; background: url(images/dp_sidetop.png) no-repeat; }
.sidebarbg { width: 177px; background: url(images/dp_sidebarbg.gif) repeat-y; }
.sidebarend { width: 177px; height: 7px; background: url(images/dp_sidebottom.png) no-repeat; }
.sidewrap { width: 169px; margin-left: auto; margin-right: auto; padding-bottom: 10px; }
.sidewrap h2 { font-size: 13px; text-transform: uppercase; font-weight: bold; color: #355317; padding-top: 5px; padding-bottom: 5px; border-bottom: 2px solid #355317; }
.sidewrap ul { margin: 0; padding: 0; }
.sidewrap ul li { font-size: 11px; padding: 4px 5px 5px 18px; list-style: none; margin: 0; background: #dff0cc url(images/dp_sidebarstar.gif) no-repeat left 5px; border: 1px solid #fff; }
.sidewrap ul li a{ font-size: 11px; color: #355317; text-decoration: none; }
.sidewrap ul li a:hover{ font-size: 11px; color: #000000; text-decoration: underline; }
.sidewrap ul li:hover { background: #ffffff; }

/* Here begins bottom sidebar style */
/* Hier begint onderaan aan de zijkant stijl */
#bottomwrap { width: 100%; padding-top: 3px; background: #345316 url(images/dp_footerbarbg.gif) top repeat-x; }
#bottombar { width: 990px; margin-left: auto; margin-right: auto; background: url(images/dp_bottombarbg2.gif) center top repeat-y; padding: 3px 0 0 0; }
.bottomwidget { color: #ffffff; float: left; width: 290px; padding: 0 19px; padding-bottom: 10px; }
.bottomwidget a, .bottomwidget a:visited { display: block; color: #ffffff; font-size: 12px; text-decoration:none; }
.bottomwidget a:hover { color: #ffffff; font-size: 12px; text-decoration:underline; }
.bottomwidget p { color: #ffffff; }
.bottomwidget h1 { color: #ffffff; padding: 5px; font-size: 16px; line-height: 16px; font-family: Arial; letter-spacing: 1px; }
.bottomwidget ul{ margin: 0; padding: 0 0 0 40px; background: url(images/dp_footerarrows.gif) no-repeat top left; }
.bottomwidget ul li{ margin: 0; padding: 5px; list-style: none; color: #ffffff; border-bottom: 1px solid #90bf5f; }
.bottomwidget ul li:hover{ background: #8ec061; }

.bottomlast { float: left; width: 290px; padding: 0 19px; padding-bottom: 10px; }
.bottomlast h1 { color: #ffffff; padding: 5px; font-size: 16px; line-height: 16px; font-family: Arial; letter-spacing: 1px; }
.bottomlast ul{ margin: 0; padding: 0 0 0 40px; background: url(images/dp_footerarrows.gif) no-repeat top left; }
.bottomlast ul li{ margin: 0; padding: 5px; list-style: none; color: #ffffff; border-bottom: 1px solid #90bf5f; }
.bottomlast ul li:hover{ background: #8ec061; }
.bottomlast a, .bottomlast a:visited { color: #ffffff; font-size: 12px; text-decoration:none; }
.bottomlast a:hover { color: #ffffff; font-size: 12px; text-decoration:underline; }

/* Here begins footer style */
/* Hier begint voettekst stijl */
#footerwrap { width: 100%; background-color: #142603; }
#footer { width: 990px; height: 25px; margin-left: auto; margin-right: auto; background-color: #142603; color: #def0cc; padding-top: 10px; }
#footer a, #footer a:visited { color: #def0cc; font-size: 12px; text-decoration: underline; }
#footer a:hover { color: #ffffff; font-size: 12px; text-decoration: none; }

/* Here begins basic miscellaneous style */
/* Hier begint fundamentele diverse stijl */
.alignright { float: right; }
.alignleft { float: left; }

/* Here begins basic comment styling */
.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
	
.commentlist a, .commentlist a:visited {
	color: #345316;
	text-decoration: underline;
	}

.commentlist a:hover {
	color: #345316;
	text-decoration: none;
	}

.commentlist li {
	font-weight: bold;
	background-color: #ffffff;
	border: 1px solid #345316;
	}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	color: #345316;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	color: #345316;
	}
	
.commentmetadata a, .commentlist a:visited, .commentlist li a, .commentlist li a:visited, .commentorwrap a, .commentorwrap a:visited {
	color: #345316;
	text-decoration: underline;
	font-size: 12px; 
	}

.commentmetadata a:hover, .commentlist a:hover, .commentorwrap a:hover {
	color: #345316;
	text-decoration: none;
	font-size: 12px;
	}
	
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform textarea {
	width: 100%;
	padding: 2px;
	}

#commentform #submit {
	margin: 0;
	float: right;
	}
/* End Form Elements */
/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	}

.commentlist li {
	width: 500;
	margin: 5px;
	padding: 10px;
	list-style: none;
	}
	
.commentorwrap {
	width: 550px;
	margin: 5px;
	padding: 10px;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}
/* End Comments */

.pagenavlink {
	width: 600px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	}

.pagenavlink a, .pagenavlink a:visited {
	color: #ffffff;
	font-size: 12px;
	text-decoration: underline;
	font-weight: bold;
	}

.pagenavlink a:hover {
	color: #ffffff;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	}