/*

Theme Name: Swurdin
Theme URI: http://www.swurdin.nl/
Description: Swurdin v1.0 blowg
Version: 1.0
Author: maarten
Author URI: not yet online
Tags: swurdin

*/


/*--- 	RESET THAT NES		---*/


	html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, input, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
	table {border-collapse: collapse; border-spacing: 0;}
	caption, th, td {text-align: left; font-weight: normal;}
	table, td, th {vertical-align: middle;}
	blockquote:before, blockquote:after, q:before, q:after {content: "";}
	blockquote, q {quotes: "" "";}
	a img {border: none;}
	:focus {outline: 0;}


/*--- 	BEGIN				---*/

	body {
		font-size: 62.5%; /* Resets 1em to 10px */
		font-family: Arial, Sans-Serif;
		/* background: url('bg/bg.php') no-repeat fixed center center; */
		color: #252525;
		text-align: center;
		margin: 0;
		padding: 0;
		}
	
	#page {
		background-color: none;
		margin: 0 auto;
		border: solid 0px #000;
		text-align: left;
		width: 980px;
		}


/*---	WEBSITE				 ---*/

	#bgoverlay {
		position: absolute;
		width: 100%;
		height: 100%;
		margin: 0 auto;
		background: transparent none;
		cursor: pointer;
		left: 0;
		top: 0;
		z-index: 20;
		}
		
	#resizer {
		background-color: none;
		width: 980px;
		text-align: left;
		height: 36px;
		}
	
	#bglabel {
		position: absolute;
		background-color: none;
		bottom: 0px;
		padding-bottom: 76px;
		text-align: right;
		z-index: 22;
		width: 980px;
		}

	#bglabel > p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.45em;
		color: #231f20;
		word-spacing: 0.1em;
		letter-spacing: -0.02em;
		line-height: 1.6em;
		}

	#bglabel > p > a {
		color: #0071bc;
		text-decoration: none;
		background-color: #fff;
		padding: 2px;
		}

	#bglabel > p > a:hover {
		color: #fff;
		background-color: #0071bc;
		}
		
	#theblog {
		position: absolute;
		z-index: 30;
		}


/*--- 	HEADER				---*/

	#header {
		background-color: none;
		width: 980px;
		text-align: left;
		}
		

/*--- 	MENU				---*/


	#menu ul {
		font-size: 1.6em;
		margin:0;
		padding:0;
		}
	#menu ul li {
		list-style-type: none;
		text-align: center;
		float: left;
		margin-right: 10px;
		}
	#menu ul li a {
		width: 165px;
		height: 60px;
		display: block;
		vertical-align: middle;
		text-decoration: none;
		background: right top no-repeat;
		}
	#menu ul li.swurdin a, li.swurdin-current a {
		width: 280px !important;
		}
	
	/*-menu-bgs-*/
		#menu ul li.swurdin { background: url('images/menu-swurdin.png'); width: 280px !important;}
		#menu ul li.music { background: url('images/menu-music.png');}
		#menu ul li.style { background: url('images/menu-style.png');}
		#menu ul li.projects { background: url('images/menu-projects.png');}
		#menu ul li.about { background: url('images/menu-about.png'); margin-right: 0px !important;}
	
	/*-menu-bgs-current-*/
		#menu ul li.swurdin-current { background: url('images/menu-swurdin-c.png') /*#231f20*/; width: 280px !important;}
		#menu ul li.music-current { background: url('images/menu-music-c.png') /*#0071bc*/;}
		#menu ul li.style-current { background: url('images/menu-style-c.png') /*#af2327*/;}
		#menu ul li.projects-current { background: url('images/menu-projects-c.png') /*#048948*/;}
		#menu ul li.about-current { background: url('images/menu-about-c.png') /*#dba111*/; margin-right: 0px !important;}
	
	/*-menu-bgs-a:hover-*/
		#menu ul li.swurdin a:hover { background: url('images/menu-swurdin-c.png');}
		#menu ul li.music a:hover { background: url('images/menu-music-c.png');}
		#menu ul li.style a:hover { background: url('images/menu-style-c.png');}
		#menu ul li.projects a:hover { background: url('images/menu-projects-c.png');}
		#menu ul li.about a:hover { background: url('images/menu-about-c.png');}

	#menu ul li p {
		display: none; /*-hide menu text (used for search engines)-*/
		}
	#menu ul li.swurdin-current a:hover, li.music-current a:hover, li.style-current a:hover, li.projects-current a:hover, li.personal-current a:hover {
		cursor: default;
		}


/*--- 	CONTENT				---*/

	#content {
		width: 980px;
		height: 100%;
		clear: both;
		overflow: hidden;
		background: left top repeat-x #fff;
		}


/*---	F00D				---*/


	#f00d {
		float: left;
		width: 640px;
		border: 0px solid #dbdbdb;
		margin: 40px 0 0 28px;
		}
	
	/*-post-index-swurdin-*/
		#f00d .post {
			width: 640px;
			border: 0px solid #000;
			clear: both;
			}
		#f00d .post-header {
			position: relative;
			width: 640px;
			font-family: 'Century Gothic', Arial, Sans-Serif;
			z-index: 100;
			}
	
		/*-post-header-*/
			#f00d .post-date,
			#f00d .post-date-about {
				position: absolute;
				width: 106px;
				height: 60px;
				background: url('images/post-date-bg.png') left top no-repeat;
				left: -10px;
				font-size: 1.8em;
				font-weight: lighter;
				color: #fff;
				}
			#f00d .post-date p,
			#f00d .post-date-music p,
			#f00d .post-date-style p,
			#f00d .post-date-projects p,
			#f00d .post-date-about p {
				margin: 28px 0 0 8px;
				}
			#f00d .post-title {
				width: 544px;
				height: 40px;
				float: left;
				background-color: #231f20;
				margin: 0 65px 0 96px;
				}
			#f00d .post-title h1 {
				font-size: 2.2em;
				color: #fff;
				margin-top: 6px;
				}
			#f00d .post-title a {
				color: #fff;
				text-decoration: none;
				}
			#f00d .post-comment {
				position: absolute;
				width: 75px;
				height: 60px;
				background: url('images/post-comment-bg.png') right top no-repeat;
				left: 575px;
				}
			#f00d .post-comment h1 {
				font-size: 2.6em;
				color: #fff;
				margin: 3px 0 0 34px;
				}
			#f00d .post-comment a {
				color: #fff;
				text-decoration: none;
				}
		
		/*-post-entry-*/	
			#f00d .post-entry {
				min-height: 120px;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1.45em;
				color: #231f20;
				word-spacing: 0.1em;
				letter-spacing: -0.02em;
				line-height: 1.6em;
				z-index: 50;
				}
			#f00d .post-entry p {
				margin-bottom: 12px;
				}
			#f00d .post-entry span.times {
				font-family: "Times New Roman", Times, serif;
				}
			#f00d .post-entry em {
				font-style: italic;
				}
			#f00d .post-entry a {
				text-decoration: none;
				color: #0071bc;
				}
			#f00d .post-entry a:hover {
				background-color: #0071bc;
				color: #fff;
				}
		
		/*-post-footer-*/
			#f00d .post-footer {
				font-family: Arial, Helvetica, sans-serif;
				border-top: 4px solid #d5d6d8;
				padding: 4px 0 4px 0;
				width: 640px;
				margin: 8px 0 28px 0;
				font-size: 1.25em;
				}
			#f00d .post-footer a {
				color: #0071bc;
				text-decoration: none;
				}
			#f00d .post-footer a:hover {
				color: #fff;
				background-color: #0071bc;
				}
			#f00d .post-footer hr {
				border: 0px;
				height: 0px;
				clear: both;
				}
						
			/*-post-footer-elements-*/
				#f00d .post-footer .elements {
					position: relative;
					display: block;
					width: 278px;
					min-height: 28px;
					float: left;
					padding: 4px 0 4px 34px;
					margin-left: 8px;
					}
				#f00d .post-footer b {
					font-size: 1.8em;
					line-height: 1.4em;
					color: #d5d6d9;
					}
				#f00d .post-footer b a {
					text-decoration: none;
					color: #d5d6d9;
					}
			
			/*-post-footer-tags-*/
				#f00d .post-footer .tags {
					background: url('images/tag.png') left no-repeat;
					}
				#f00d .post-footer .tags:hover {
					background: url('images/tag-on.png') left no-repeat;
					}
				#f00d .post-footer .tags b a:hover {
					color: #af2327;
					}
					
			/*-post-footer-cats-*/
				#f00d .post-footer .cats {
					background: url('images/cat.png') left no-repeat;
					}
				#f00d .post-footer .cats:hover {
					background: url('images/cat-on.png') left no-repeat;
					}
				#f00d .post-footer .cats b a:hover {
					color: #dba111;
					}
					
			/*-post-footer-com-*/
				#f00d .com {
					background: url('images/com.png') left no-repeat;
					}
				#f00d .com:hover {
					background: url('images/com-on.png') left no-repeat;
					}
				#f00d .com b a:hover {
					color: #dba111;
					}
			/*-post-footer-sb-*/
				#f00d .sb {
					background: url('images/sb.png') left no-repeat;
					}
				#f00d .sb:hover {
					background: url('images/sb-on.png') left no-repeat;
					}
				#f00d .sb b a:hover {
					color: #dba111;
					}
				#f00d .sb ul {
					display: inline;
					margin: 0 !important;
					padding: 0 !important;
				}
				#f00d .sb ul li {
					background: none;
					display: inline !important;
					list-style-type: none;
					margin: 0;
					padding: 1px;
				}
				#f00d .sb ul li:before { content: ""; }
				#f00d .sb img {
					float: none;
					width: 16px;
					height: 16px;
					border: 0;
					margin: 0;
					padding: 0;
				}
		
	/*-post-music-cat-*/
		#f00d .post-date-music {
			position: absolute;
			width: 106px;
			height: 60px;
			background: url('images/post-date-bg-music.png') left top no-repeat;
			left: -10px;
			font-size: 1.8em;
			font-weight: lighter;
			color: #fff;
			}
		#f00d .post-date-music h1.index {
			margin: 28px 0 0 20px;
			}
		#f00d .post-date-music h1.single {
			margin: 28px 0 0 8px;
			}
		#f00d .post-title-music {
			width: 544px;
			height: 40px;
			float: left;
			background-color: #0071bc;
			margin: 0 65px 0 96px;
			}
		#f00d .post-title-music h1 {
			font-size: 2.2em;
			color: #fff;
			margin-top: 6px;
			}
		#f00d .post-title-music a {
			color: #fff;
			text-decoration: none;
			}
			
	/*-post-style-cat-*/
		#f00d .post-date-style {
			position: absolute;
			width: 106px;
			height: 60px;
			background: url('images/post-date-bg-style.png') left top no-repeat;
			left: -10px;
			font-size: 1.8em;
			font-weight: lighter;
			color: #fff;
			}
		#f00d .post-date-style h1.index {
			margin: 28px 0 0 20px;
			}
		#f00d .post-date-style h1.single {
			margin: 28px 0 0 8px;
			}
		#f00d .post-title-style {
			width: 544px;
			height: 40px;
			float: left;
			background-color: #af2327;
			margin: 0 65px 0 96px;
			}
		#f00d .post-title-style h1 {
			font-size: 2.2em;
			color: #fff;
			margin-top: 6px;
			}
		#f00d .post-title-style a {
			color: #fff;
			text-decoration: none;
			}
			
	/*-post-projects-cat-*/
		#f00d .post-date-projects {
			position: absolute;
			width: 106px;
			height: 60px;
			background: url('images/post-date-bg-projects.png') left top no-repeat;
			left: -10px;
			font-size: 1.8em;
			font-weight: lighter;
			color: #fff;
			}
		#f00d .post-date-projects h1.index {
			margin: 28px 0 0 20px;
			}
		#f00d .post-date-projects h1.single {
			margin: 28px 0 0 8px;
			}
		#f00d .post-title-projects {
			width: 544px;
			height: 40px;
			float: left;
			background-color: #048948;
			margin: 0 65px 0 96px;
			}
		#f00d .post-title-projects h1 {
			font-size: 2.2em;
			color: #fff;
			margin-top: 6px;
			}
		#f00d .post-title-projects a {
			color: #fff;
			text-decoration: none;
			}

	/*-post-about-cat-*/
		#f00d .post-date-about {
			position: absolute;
			width: 106px;
			height: 60px;
			background: url('images/post-date-bg.png') left top no-repeat;
			left: -10px;
			}
		#f00d .post-date-about h1.index {
			display: none;
			margin: 28px 0 0 20px;
			text-transform:uppercase;
			}
		#f00d .post-date-about h1.single {
			display: none;
			margin: 28px 0 0 8px;
			text-transform:uppercase;
			}
		#f00d .post-title-about {
			width: 544px;
			height: 40px;
			float: left;
			background-color: #231f20;
			margin: 0 65px 0 96px;
			}
		#f00d .post-title-about h1 {
			font-size: 2.2em;
			color: #fff;
			margin-top: 6px;
			text-transform:uppercase;
			}
		#f00d .post-title-about a {
			color: #fff;
			text-decoration: none;
			}
		
	/*-post-page-*/
		#f00d .post-page-date-d {
			relative: absolute;
			width: 40px;
			height: 30px;
			left: 0px;
			top: 0;
			margin-top: -4px;
			}
		#f00d .post-page-date-d h1 {
			font-size: 1.8em;
			font-weight: bold;
			color: #fff;
			}	
		#f00d .post-page-date-m {
			position: absolute;
			width: 40px;
			height: 30px;
			left: 0px;
			top: 12px;
			}
		#f00d .post-page-date-m h1 {
			font-size: 1.8em;
			font-weight: bold;
			color: #fff;
			}
		#f00d .post-page-date-y {
			position: absolute;
			width: 40px;
			height: 30px;
			left: 26px;
			top: 14px;
			}
		#f00d .post-page-date-y h1 {
			font-size: 3.9em;
			font-weight: bold;
			color: #fff;
			line-height: 0;
			}
		/*-post-footer-com-*/

		/*-commenting-*/
			#f00d .post-page-commenting {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1.45em;
				color: #231f20;
				word-spacing: 0.1em;
				letter-spacing: -0.02em;
				line-height: 1.6em;
				min-height: 180px;
				width: 420px;
				}
			#f00d .post-page-commenting a {
				text-decoration: none;
				color: #0071bc;
				}
			#f00d .post-page-commenting a:hover {
				background-color: #0071bc;
				color: #fff;
				}
			#f00d .post-page-commenting table {
				width: 640px;
				}
			#f00d .post-page-commenting td {
				width: 500px;
				vertical-align: top;
				}
			#f00d .post-page-commenting th {
				width: 140px;
				}
			#f00d .post-page-commenting .submit {
				left: 100px;
				}
			#f00d .post-page-commenting input, textarea {
				font-weight: lighter;
				border: 2px solid #d5d6d8;
				width: 260px;
				margin: 10px;
				padding: 4px;
				}
				
			#f00d .post-page-commenting textarea {
				width: 500px !important; 
				}
				
			#f00d .post-page-commenting input:focus, textarea:focus{
				border: 2px solid #c3c6c8;
			}
				
		/*-comments-*/
			#f00d .post-page-comments {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 1.45em;
				color: #231f20;
				word-spacing: 0.1em;
				letter-spacing: -0.02em;
				line-height: 1.6em;
				padding: 14px 0 28px 28px;
				width: 640px;
				}
			#f00d .post-page-comments .comment {
				margin: 12px 0 12px 0;
				}
			#f00d .post-page-comments a {
				text-decoration: none;
				color: #0071bc;
				}
			#f00d .post-page-comments a:hover {
				background-color: #0071bc;
				color: #fff;
				}
	
	#f00d .navigation {
		overflow: hidden;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.8em;
		color: #231f20;
		word-spacing: 0.1em;
		letter-spacing: -0.02em;
		margin-bottom: 28px;
		}
	#f00d .navigation a {
		text-decoration: none;
		color: #0071bc;
		}
	#f00d .navigation a:hover {
		background-color: #0071bc;
		color: #fff;
		}
	#f00d .navigation .alignleft {
		float: left;
		}
	#f00d .navigation .alignright {
		float: right;
		}



/*--- 	SIDEBAR				---*/


#sidebar {
	color: #231f20;
	float: right;
	width: 256px;
	margin: 34px 28px 0 0;
	}

#sidebar ul li {
	list-style-type: none;
	text-transform:uppercase;
	}

#sidebar ul li a {
	text-decoration: none;
	color: #0071bc;
	}
#sidebar ul li a:hover {
	background-color: #0071bc;
	color: #fff;
	}
#sidebar .widget {
	font-size: 1.4em;
	word-spacing: 0.1em;
	letter-spacing: -0.02em;
	line-height: 1.4em; 
	margin-bottom: 24px;
	}
#sidebar #about {
	margin: -6px 0 0 0;
	padding-bottom: 84px;
	}

#sidebar img.mixtape {
	width: 220px;
	height: 220px;
	border: 0;
	}

#sidebar img.mixtape-last {
	width: 220px;
	height: 220px;
	border: 0;
	}

#sidebar .widgettitle {
	font-family: 'Century Gothic', Arial, Sans-Serif;
	font-size: 1.6em;
	width: 256px;
	height: 32px;
	float: left;
	clear: both;
	text-align: left;
	padding: 10px 0 0 0;
	}
	
	/*  RECENT POSTS  */
	#sidebar #recent-posts .widgettitle {
		color: #231f20;
		}
	#sidebar #recent-posts span {
		float: left;
		clear: both;
		}
	#sidebar #recent-posts a {
		text-decoration: none;
		color: #231f20;
		}			
		/*  CURRENT  */
		#sidebar #recent-posts li.cat-currentpage {
			color: #fff;
			background: #231f20;
			}
		#sidebar #recent-posts li.cat a:hover {
			color: #fff;
			background: #231f20;
			}
		/*  music  */
		#sidebar #recent-posts li.cat-music-currentpage {
			color: #fff !important;
			background: #0071bc;
			}
		#sidebar #recent-posts li.cat-music a:hover {
			color: #fff;
			background: #0071bc;
			}
		#sidebar #recent-posts li.cat-music a {
			color: #231f20;
			}
		/*  style  */
		#sidebar #recent-posts li.cat-style-currentpage {
			color: #fff !important;
			background: #af2327;
			}
		#sidebar #recent-posts li.cat-style a:hover {
			color: #fff;
			background: #af2327;
			}
		#sidebar #recent-posts li.cat-style a {
			color: #231f20;
			}
		/*  PROJECTS  */
		#sidebar #recent-posts li.cat-projects-currentpage {
			color: #fff !important;
			background: #048948;
			}
		#sidebar #recent-posts li.cat-projects a:hover {
			color: #fff;
			background: #048948;
			}
		#sidebar #recent-posts li.cat-projects a {
			color: #231f20;
			}


/*--- 	FOOTER				---*/


#footer {
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #949292;
	word-spacing: 0.1em;
	letter-spacing: -0.02em;
	line-height: 1.2em;
	clear: both;
	padding: 14px 0 14px 0;
	margin-bottom: 24px;
	}

#footer #left {
	float: left;
	background: #fff;
	padding: 4px;
	}
	
#footer #left a {
	color: #949292;
	}
	
#footer #right a {
	color: #949292;
	}

#footer #left:hover {
	background: #af2327;
	color: #fff;
	}
	
#footer #left:hover a {
	color: #fff;
	}
#footer #left:hover a:hover {
	background: #fff;
	color: #231f20;
	}

#footer #right {
	float: right;
	background: #fff;
	padding: 4px;
	}

#footer #right:hover {
	background: #dba111;
	color: #fff;
	}

#footer #right:hover a {
	color: #fff;
	}

#footer #right:hover a:hover {
	background: #fff;
	color: #231f20;
	}

#footer a {
	color: #fff;
	text-decoration: none;
	}

#footer a:hover {
	color: #231f20;
	text-decoration: none;
	background: #fff;
	color: #949292;
	}

/*---	IMAGES				---*/


img.alignleft {
	float: left;
    margin-right:20px;
}

img.alignright {
	float: right;
    margin-left:20px;
}

img.tumblr {
	margin: 0 0 0 0;
}