/*
Theme Name: Dtone Multimedia
Theme URI: http://www.dtone.nl
Description: Online Portfolio
Author: Robbert Peperkamp
Author URI: http://dtone.nl
Version: 1.0
.

.
*/

/* 
	Miscellaneous-Styles   
*/

/* Fix up IE6 PNG Support */
img, #logo { behavior: url(scripts/iepngfix.htc); }


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



body {
	background:#000000;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:12px;
	line-height:19px;
	margin: 0 auto;
	text-align: left;

	}


#page {
	
	position:relative;
	margin: 0 auto;
	width: 940px;
	text-align: left;

	}
	
#logo {
	
	position:relative;
	width: 200px;
	height: 100px;
	text-align: left;
	float:left;

	}


#header {
	margin-top: 0px;
	background:#000000 url(images/header.jpg) no-repeat 50% 0;
	width:940px;
	height:300px;
	}

/* Menu*/

	#menu { 
	margin: 100px 0px 0px -8px; 
	float:right;
	}

	#menu ul {
	font-size:14px;
	font-weight: bold;
	padding: 0; 
	list-style-type: none; 
	list-style-image: none; 
	
	}
	
	#menu li {display: inline; }
	#menu ul li a {
	
	text-decoration:none;  
	margin: 4px;
	padding: 5px 2px 5px 5px; 
	color: #f1f1e9;
	background: none;
	}
	
	#menu ul li a:hover {
	height:25px;
	text-decoration:none;
	border-bottom: solid 1px #04d2b7;
	}
	
	
	
	/* content*/
	
	h2{
	font-size: 24px;
	font-weight: bold;
	color: #05d5a2;
	margin-bottom:15px;
	}
	
	h3{
	font-size: 12px;
	font-weight: bold;
	color: #05d5a2;
	}
	
	a {
	color:#05d5a2;
	text-decoration:none;
	}
	
	a:hover {
	color:#04d2b7;
	text-decoration:none;
	}
	


	#line{
	position:relative;
	background:#000000 url(images/line.jpg) repeat-x;
	width: 940px;
	height:5px;
	float:left;
	margin-bottom:10px;

	}



	#toplink{

	position:relative;
	background:#000000 url(images/toplink.png) no-repeat;
	margin-top: 0px;
	width: 60px;
	height: 20px;
	text-align: left;
	float:right;

	}

/*Portfolio section*/

	#work {
	position:relative;
	margin-top: 10px;
	width: 980px;
	height:650px;
	text-align: left;
	float:left;
	}
	
	
	#titlework{
	position:relative;
	background:#000000 url(images/selectedwork.png) no-repeat 50% 0;
	margin-top: 0px;
	width: 279px;
	height: 35px;
	text-align: left;
	float:left;

	}

	#item{
	position:relative;
	margin-top: 20px;
	margin-bottom: 40px;
	margin-right: 36px;
	width: 290px;
	height: 210px;
	text-align: left;
	float:left;
	}
	
	#project{
	position:relative;
	width: 620px;
	padding:5px;
	float:left;
	text-align: right;
	margin-left:25px;
	
	}
	
	.tags{ margin-top: 15px; line-height:18px;}
	
	
	
	img  { border: 1px solid #666; padding:5px;}
	
	.desc{ margin-top: 15px; line-height:18px;}
	
	/*info section*/
	
	#info {
	background:#000000 url(images/lightfx01.jpg) no-repeat 50% 0;
	position:relative;
	margin-top: 20px;
	margin-bottom: 20px;
	width: 940px;
	min-height:300px;
	text-align: left;
	float:left;
	}
	
	#about{
	position:relative;
	background:url(images/about.png) no-repeat;
	margin-top: 0px;
	width: 290px;
	height: 30px;
	text-align: left;
	margin-bottom:10px;
	}
	
	#sideprojects{
	position:relative;
	background:#000000 url(images/sideprojects.png) no-repeat;
	margin-top: 0px;
	width: 290px;
	height: 30px;
	text-align: left;
	margin-bottom:10px;
	float:left;
	}

	#col{
	position:relative;
	width:290px;
	float:left;
	}
	
	#col2{
	position:relative;
	width:620px;
	float:left;
	margin-right:30px;
	}


	/*bottom section*/
	
	#bottom {
	background:#000000 url(images/lightfx02.jpg) no-repeat 50% 0;
	position:relative;
	margin-top: 20px;
	margin-bottom:20px;
	width: 980px;
	min-height:290px;
	text-align: left;
	float:left;
	}
	
	
	
	#col3{
	position:relative;
	width:290px;
	float:left;
	margin-right:36px;
	}

	
	#services{
	position:relative;
	background:#000000 url(images/services.png) no-repeat;
	margin-top: 0px;
	width: 290px;
	height: 30px;
	text-align: left;
	margin-bottom:10px;
	}
	
	#links{
	position:relative;
	background:#000000 url(images/links.png) no-repeat;
	margin-top: 0px;
	width: 290px;
	height: 30px;
	text-align: left;
	margin-bottom:10px;
	float:left;
	}
	
	#contact{
	position:relative;
	background:#000000 url(images/contactme.png) no-repeat;
	margin-top: 0px;
	width: 290px;
	height: 30px;
	text-align: left;
	margin-bottom:10px;
	float:left;
	}
	
	
	
	
	/*bookmarks*/
	
	
	
	ul {
	font-size:14px;
	font-weight: normal;
	padding: 0; 
	list-style-type: none; 
	list-style-image: none;
	line-height:25px;
		
	
	}
	
	
	
	ul li a {
	width:290px;	
	text-decoration:none;  
	color: #f1f1e9;
	background: none;
	line-height:25px;

	}
	
	ul li a:hover {
	height:25px;
	text-decoration:none;
	}
	

	
	.beschrijving{margin-top: 15px; line-height:18px;}
	
	.text{ line-height:18px;}
	
	.alignleft {
	float: left;
	}

	.alignright {
	float: right;
	}

	.navigation {
	position: relative;
	float:left;
	width:935px;
	height:50px;
	display: block;
	text-align: center;
	margin-top: 60px;
	margin-bottom: 60px;
	padding: 4px;
	}
	
	
	/*Footer*/
	
	#footer {
	
	position:relative;
	margin-top: 50px;
	background: #000;
	width: 100%;
	height: 125px;
	text-align: left;
	float:left;
	}
	
	#footercontent {
	color:#666666;
	position:relative;
	top:10px;
	width: 400px;
	text-align: left;
	float:left;

}

	.icons {border:none; float:right;}
	
	#icons{position:relative; width:200px; float:right; top:10px;}