/*
Theme Name: Guusje Slegers Schilderingen
Theme URI:
Description: Thema ontwikkeld voor de site van Guusje Slegers
Version: 0.1
Author: Woodlight Software
Author URI:
*/


/*** GENERAL **************************************************************/

body, h1, h2, h3, h4, h5, h6, address, blockquote, dd, dl, hr, p, form{
	margin: 0;
	padding: 0;
}

body{
	font-family: Verdana, Arial, Helvetica, Georgia, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: top;
	color: #e29090;
}

table{
	font-family: Verdana, Arial, Helvetica, Georgia, sans-serif;
	font-size: 12px;
}

h1, h2, h3, h4, h5, h6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
}

a{
	text-decoration: underline;
	color: #75431B;
}

a:hover{
	text-decoration: none;
}

a img{
	border: 0;
}

address, dl, p{
	padding: 5px 0 5px;
}

blockquote{
	padding: 0 10px 0 10px;
	border-top: 2px solid #fae0dc;
	background: #faf0ec;
}
blockquote blockquote{
	float: none;
	width: auto;
	margin: 0 10px;
	background: #fff;
}

code{
	background: #f9f9f9;
}

dd{
	padding: 0 0 0 20px;
}

p img{
	max-width: 100%;
}

img.centered{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright{
	padding: 4px;
	margin: 3px 0 2px 10px;
	display: inline;
}

img.alignleft{
	padding: 4px;
	margin: 3px 10px 2px 0;
	display: inline;
}

.alignleft{
	float: left;
}

.alignright{
	float: right;
}

.clear{
	margin: 0;
	padding: 0;
	clear: both;
}

small{
	font-size: 11px;
}

input, textarea{
	font-family: Arial, Helvetica, Georgia, sans-serif;
	font-size: 12px;
	padding: 2px;
}

.wrap_center{
	margin: 0 auto;
	width: 1000px;
}

/*** HEADER *****************************************************************/

#header{
	background: #660033 url(images/bg_header.png) repeat-x;
}

/*** MENU's ******************************************************************/

#menu-header{
	padding: 35px 35px 35px 25px;
	font-family: Verdana,  Arial, Helvetica, Georgia,sans-serif;
}
/* parent menu */
#menu-header ul{
	padding: 0;
	margin: 0;
	margin-left: -12px;
	font-size: 22px;
	color: #fff;
}

#menu-header ul li{
	float: left;
	display: block;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: -18px; /* Place it in the middle of the header banner */
}

#menu-header ul li+li { /* Add seperator (only) BETWEEN menu items */
    border-left: solid 1px white;
}

#menu-header ul li a{
	text-decoration: none;
	color: #fff;
}
#menu-header ul li a:hover{
	text-decoration: underline;
}

/*  sub menu */
#menu-header ul ul {
	list-style: none;
	padding: 20px 0;
	width: 100%;
	position: absolute;
}
#menu-header ul ul li {
	padding: 0 10px 0 10px;
	margin-left: 3px;
	margin-right: 10px;
	border: 0;
	font-size: 75%; /* there is a problem with chrome and opera when smaller then 75% */
}
/* show sub menu's only on hover, else hide (menu-header supports a maximum depth of 2 */
#menu-header ul ul,
#menu-header ul li:hover ul ul
{ display: none; }

#menu-header ul li:hover ul,
#menu-header ul ul li:hover ul 
{ display: block; }

#menu-header ul ul li * a:hover { /* Styling for every link that is hovered over */
}

#menu-header ul li.current_page_item{
	/*background: #fff url(images/bg_menu_tab_right_current.png) no-repeat right top;*/
}

#menu-header ul li.current_page_item a{
	/*	background: url(images/bg_menu_tab_left_current.png) no-repeat;*/
}


/*** PAGE ******************************************************************/

.frontpage_banner{
	width: 1000px;
	height: 663px;
	background: url(images/bg_frontpage_banner_txt.jpg) no-repeat;
}
.frontpage_banner h2{ /* Main Menu */
	color: white;
}

#page{
	float: left;
	width: 100%;
	background: #fff;
	color: #000;
}

#page .wrap_float{
	float: left;
	width: 1000px;
	margin: 20px 0 0;
	/*background: url(images/dotted_v.gif) repeat-y 220px top;*/
}

.maincolumn{
	float: left;
	width: 760px;
}

.wrapper{
	float: left;
	width: 760px;
}
.wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper h5, .wrapper h6{
	color: #660033; /*#75532b;*/
}

.post, .post_alt{
	float: left;
	width: 760px;
	padding: 0 0 10px;
}
.post_alt{
	background: #f9f9f9 url(images/bg_rc_bottom.gif) no-repeat left bottom;
}
.post_alt .wrapper{
	background: url(images/bg_rc_top.gif) no-repeat;
}

/* Post information like date and author */
.postmeta{
	float: right;
	font-style: italic;
/*	background: url(images/bg_gradient.jpg) no-repeat;*/
}
.post_alt .postmeta{
/*	background: url(images/bg_gradient_alt.gif) no-repeat;*/
}
.postmeta ul{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}
.postmeta ul li{
	padding: 0 100px 5px 0;
/*	background: url(images/dotted_h.gif) repeat-x left bottom;*/
}

.post h2, .post_alt h2{
	font-size: 20px;
	float: left;
	width: 640px;
	padding: 0 0 10px 0;
	margin: 11px 20px 0;
	background: url(images/dotted_h.gif) repeat-x left bottom;
	display: inline;
	/*text-transform: uppercase;*/
	line-height: 30px;
}
.post h2 a, .post_alt h2 a{
	text-decoration: none;
}
.post h2 a:hover, .post_alt h2 a:hover{
	text-decoration: underline;
}

.entry{
	float: left;
	width: 640px;
	margin: 0 20px;
	display: inline;
	line-height: 24px;
}

.entry ul{
	margin-top: 6px;
}

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6{
	padding: 10px 0 5px;
}
.entry h1{ font-size: 24px; line-height: 30px; }
.entry h2{ float: none; width: auto; margin: 0; padding: 0; text-transform: none; background-image: none; }
.entry h3{ font-size: 16px; font-weight: bold; }
.entry h4{ font-size: 14px; font-weight: bold; }
.entry h5{ font-size: 13px; font-weight: bold; padding-bottom: 0; }
.entry h6{ font-size: 12px; font-weight: bold; padding-bottom: 0; color: #000; }

/*** SIDE BAR ***************************************************************/

.navigation{
	padding: 15px 20px 16px;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 30px;
	text-transform: uppercase;
}

.sidebar{
	float: left;
	width: 200px;
	margin: 0 20px 0 20px;
	display: inline;
}

.sidebar ul{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}
.sidebar ul li{
	padding: 20px;
}
.sidebar ul li#calendar table{
	font-size: 11px;
}
.sidebar ul li#calendar table caption{
	padding: 10px;
}
.sidebar ul li#calendar table th, .sidebar ul li#calendar table td{
	text-align: left;
}
.sidebar ul li#calendar table td{
	padding: 3px 6px 3px 0;
}
.sidebar ul li h2{
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 0 0 10px;
	text-transform: uppercase;
	background: url(images/dotted_h.gif) repeat-x left bottom;
}
.sidebar ul ul{
	line-height: 24px;
}
.sidebar ul ul li{
	padding: 8px 0;
	background: url(images/dotted_h.gif) repeat-x left bottom;
}
.sidebar ul ul ul li{
	padding: 0 0 0 10px;
	background-color: transparent;
	background-image: none;
}

/*** COMMENTS ***************************************************************/

.comments_template{
	float: left;
	margin-left: 20px;
	width: 640px;
	background: #faf0ec; /* url(images/bg_rc_bottom.gif) no-repeat left bottom;*/
}

.comments_template .wrapper{
	border-top: 2px solid #fae0dc;
	width: 640px;
	/*background: url(images/bg_rc_top.gif) no-repeat;*/
}

.comments_template h3{
	line-height: 30px;
}
.comments_template h3#comments{
	float: left;
	margin: 11px 0 0 20px;
	display: inline;
}

.comments_template ol{
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
	list-style-type: none;
	line-height: 24px;
	display: inline;
}
.comments_template ol li{
	float: left;
	padding: 0;
	margin: 10px 0 0;
}

.commentmeta{
	text-align: right;
	font-style: italic;
	float: middle;
	width: 600px;
	background: url(images/dotted_h.gif) repeat-x left bottom;	
}
.commentmeta ul{
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.commentmeta ul li{
	float: none;
	width: auto;
	margin: 0;
	padding: 1px 0;
}

.commententry{
	float: left;
	width: 600px;
	margin: 0 20px 0 0;
	display: inline;
}

.comments_template p.nocomments{
	margin: 0 0 0 20px;
}

.comments_form{
	float: left;
	width: 720px;
	margin: 11px 0 5px 20px;
	display: inline;
}

/*** FOOTER ***************************************************************/

#footer{
	margin-top: 10px;
	/*background: url(images/bg_footer.gif) repeat-x;*/
}

#footer a{
	color: #fff;
}

#footer .wrap_center{
	padding: 8px 0 0;
}

#footer p{
	text-align: center;
	padding: 10px 20px 5px;
	line-height: 24px;
}