/*  
Theme Name: Feather
Theme URI: http://wordpress.org/
Description: Theme created by <a href="http://www.mindloop.be">Mindloop Webontwikkeling</a> (widget ready). Contact me on <a href="mailto:theme@mindloop.be">theme@mindloop.be</a> if you want to have a custom theme designed, PHP development done or a design sliced to xhtml.
Version: 1.0
Author: Andy Mathijs
Author URI: http://www.mindloop.be/

This theme was designed and built by Andy Mathijs,
whose company you will find at http://www.mindloop.be/



*/

/*reset.css*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

ol,ul {list-style:none;}

caption,th {text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;}



/*fonts.css*/

body{font:14px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}



/*standard theme stuff*/
.post ol, .commentlist ol
{
list-style:decimal;
padding:5px 0px 5px 0px;
list-style-position:inside;
}


.post img
{
	float:left;
	margin-right:3px;
	margin-top:3px;
	border:1px solid #CCCCCC;
}


.post ul, .commentlist ul
{
list-style:disc;
list-style-position:inside;
padding:5px 0px 5px 0px;
}

.post li, .commentlist li
{
	padding-bottom:5px;
}

.post strong, .post b
{
	font-weight:bold;
}

.post em, .post i
{
font-style:italic;
}

.page_item .page_item, #sidebar ul.children
{
	margin-left:20px;
}

#calendar_wrap td, #calendar_wrap thead tr th
{
	padding:3px;
}

#calendar_wrap thead
{
	background-color:#BE0002;
	color:white;
	
}

#calendar_wrap caption
{
	text-align:center;
	
}

#searchsubmit
{
	display:block;
	margin-top:5px;
}
/**********************/



div.clear
{
clear:both;
height:0px;
width:0px;
overflow:hidden;
}


body
{
	background-color:black;
	/*margin:10px;*/
	background-attachment:fixed;
	background-image:url(images/background.jpg);
	background-repeat:no-repeat;
	background-position:center top; 
	margin-top:30px;
}

#page
{
	width:900px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(images/content.jpg);
	background-repeat:no-repeat;
background-color:white;
}

#header
{width:900px;
height:205px;
background-image:url(images/header.jpg);
}

#header h1 a 
{

	color:black;
	position:relative;
	top:80px;
	left:130px;
	font-size:189%;
	text-decoration:none;
}

#header div.description
{
	color:black;
	position:relative;
	top:90px;
	left:163px;
	width:550px;
	text-decoration:none;
}


#themenu
{
	width:880px;
height:32px;
background-image:url(images/menu.jpg);
margin-left:auto;
	margin-right:auto;
	margin-bottom:5px;
}

#themenu li
{
	display:inline;
}

#themenu li a
{
	display:block;
	height:24px;
	padding-top:8px;
	width:170px;
	text-align:center;
background-image:url(images/spacer.jpg);
background-position:right;
background-repeat:no-repeat;
color:white;
float:left;
text-decoration:none;
font-size:16px;
	
}

#content
{float:right;
margin-right:35px;
width:600px;
}

	#content .post
	{
		margin-bottom:40px;
	}

	#content .post h2 , #sidebar h2, h3#comments, h3#respond, h2.pagetitle
	{
		display:block;
		color:black;
		font-size:136%;
		margin-top:10px;
		margin-bottom:10px;
	}

	#content .post h2 a, #content .post h3 a, .navigation a
	{
		color:#BE0002;
	}

	#content .post p, .commentlist p
	{
		line-height:170%
	}

	#content .post p a
	{
		color:#BE0002;
	}
	
	#content .post p
		{
			margin-bottom:15px;
			}

	#content .post blockquote
	{
		padding:10px;
		background-color:#CCCCCC;
		font-style:italic;
		margin:10px;
	}

	#content .post blockquote blockquote
	{
		background-color:#666666;
		color:#CCCCCC;
	}

#content .post small
{
	display:block;
	margin:5px 0px 7px 0px;
}

#content .post p.postmetadata
{
	display:block;
	clear:both;
	margin:10px 0px 25px 0px;
	border: 1px dashed #666666;
	padding:10px;
	background-color:#AEAEAE;
}

#content .post p.postmetadata a
{
	color:#BE0002;
}


/*The comments*/
.commentlist li
{
	display:block;
	/*background-color:#6A9FAF;*/
	padding:5px;
	border-left:4px solid #BE0002;
	margin-bottom:15px;
}

.commentlist li li
{
	border-left:none;
}

.commentlist li small.commentmetadata
{
	display:block;
	margin:10px 0px 10px 0px;
}

.commentlist li a
{
	color:#BE0002;
}

#commentform a
{
	color:#BE0002;
}

#commentform input, #commentform textarea
{
	margin-top:5px;
}

h3#comments, h3#respond
{
margin-top:50px;
}


#sidebar
{float:left;
margin-right:30px;
margin-left:20px;

}

#sidebar a
{
	color:#BE0002;
	text-decoration:none;
	padding-left:0px;
}




#sidebar li
{
		margin-top:5px;
}

#sidebar a:hover
{
text-decoration:underline;

}

#footer
{
clear:both;
padding-top:50px;
padding-bottom:10px;
text-align:center;
font-size:10px;
color:#666666;
}

#footer a
{
	color:#666666;
}

#footer a:hover
{
	font-style:italic;
}
/* 3d style for myGallery  */

.mypicbox {
	margin-bottom: 30px;
	margin-top: 10px;
}

.mypicup {
}

.mygalleryup {
	padding-top: 10px;	
}

.mypicture {
	padding: 0px;
	margin: auto;
	
}

.mypictureborder {
	background: url("images/shadow.gif") no-repeat bottom right;
	padding-right:14px;
	padding-bottom:2px;
	_padding-right:5px;
}


.mypictureimg {
	background: #ffffff;
	border: 1px solid  #999999;
	padding: 3px;
}

.myfooter {
	text-align: center;
	font-family: Verdana;
	font-size: 0.8em;
}

.myfooter span {
	background: #ffffcc;
	border: 1px solid #eeeeee;
}

.mypicback {
	float: left;
}

.mypicfor {
	float: right;
}

.mypicsgallery {
	text-align: center;
	margin-top: 10px;
}

.mygallpic {
	margin-bottom:0px;
	
}

.mypicsgallery a img {
	border: 2px solid  #ffffff;
	padding: 1px;
}

.mypicsgallery a:hover img {
	border: 2px solid  #CC0000;
	padding: 1px;
}


.myrandompic img {
	padding:5px;
	border: 1px solid #C6C9CD;
	background: #ffffff;
}
.mygalleryoverview {
	margin-top: 10px;
}

.mygallerygallery {
	height: 130px;
	padding: 5px;
	margin-bottom: 5px;
	border: 1px solid #cccccc;
}

.mygallerynames {
	text-align: left;
 	font-family: "Century Gothic",Verdana;
 	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}

.mygallerypreviewpics {
	float: left;
	margin-right: 12px;
}
.mygallerydescription {
	text-align: left;
	font-size: 1em;
}

.mypicboxentry {
	margin-top: 10px;
	margin-bottom: 10px;
}
.mypictureentry {
	padding: 0px;
	margin: auto;
}

.mypictureentryborder {
	background: url("images/shadow.gif") no-repeat bottom right;
	padding-right:14px;
	padding-bottom:2px;
	_padding-right:5px;
	
}

.mypictureentryimg {
	background: #ffffff;
	border: 1px solid  #999999;
	padding: 3px;
}

.mypicsgalleryentry {
	text-align: center;
}

.mygallpicentry {
	margin-bottom:0px;
}

.mypicsgalleryentry a img {
	border: 2px solid  #ffffff;
	padding: 1px;
}

.mypicsgalleryentry a:hover img {
	border: 2px solid  #CC0000;
	padding: 1px;
}

.myinlinepicture {
	text-align:center;
	margin:auto;
	margin-top:10px;
}

.myinlinepictureleft {
	float:left;
	padding-right:10px;
	margin-right:16px;
}

.myinlinepictureleftclear {
	float:left;
	padding-right:10px;
	margin-right:16px;
	padding-top: 10px;
}

.myinlinepictureright {
	float:right;
	padding-left:10px;
	margin-right:14px;
}

.myinlinepicturerightclear {
	float:right;
	padding-left:10px;
	margin-right:14px;
	padding-top: 10px;
}

.myinlinepicdescription {
	text-align:center;
	font-size: 0.8em;
	font-family: Verdana;
	
}

.myinlinepicdescription span {
	background: #ffffcc;
	border: 1px solid #eeeeee;
}

.myinlinepictureimg {
	background: #ffffff;
	border: 1px solid  #999999;
	padding: 3px;
	
}

.myinlineborder {
	background: url("images/shadow.gif") no-repeat bottom right;
	padding-right:14px;
	padding-bottom:2px;
	//padding-right:5px;
}

.mygallerypreviewpics img {
	border:0px;
}

.gallerynav {
	
}

.galleryfor {
	float: right;
}

.galleryback {
	float: left;
}

.exifmetalabel {
	font-family: Verdana;
	font-size: 1em;
}

.exifbox {
	border: 1px solid #cccccc;
	font-family: Verdana;
	font-size: 0.85em;
}

.exiflabelone {
	background: #eeeeee;
	font-weight:bold;
	padding-left: 10px;
	padding-right: 10px;
}

.exiflabeltwo {
	font-weight:bold;
	padding-left: 10px;
	padding-right: 10px;
	
}

.exifdataone {
	font-weight:lighter;
	
}

.exifdatatwo {
	font-weight:lighter;
}

.thumbsnav {
	
}

.thumbsfor {                                          
	float: right;
}

.thumbsback {
	float: left;
}

.thumbscounter {
	color: #666666;
	text-align: center;
	font-size: 0.7em;
	font-family: 'Verdana', 'Geneva', sans-serif;
}

.mypiccounter {
	color: #666666;
	text-align: center;
	font-size: 0.7em;
	font-family: 'Verdana', 'Geneva', sans-serif;
}

.galcounter {
	color: #666666;
	text-align: center;
	font-size: 0.7em;
	font-family: 'Verdana', 'Geneva', sans-serif;
}

.transparent {
	color: #ffffff;	
}

/*email*/
.contactform {width: 84%; position: relative; margin:4px auto 4px 20px;font-size:0.9em; }
.contactleft {width: 25%; text-align: right; clear: both; float: left; display: inline;
	padding: 4px; margin: 4px 0;}
.contactright {	width: 70%; float: right; display: inline; 	padding: 4px; margin: 4px 0;}
.contacterror {border: 1px solid #ff0000;}

#widgettitle {
   color:black;
}