/*
Theme Name: Boymeetsgirlstories
Author: Pascal Strijbos
	http://www.boymeetsgirlstories.com
	theme design by Antonio Consilvio
	theme implementation Pascal Strijbos
	for questions pascal@submarine.nl
*/


/* Begin Typography & Colors */
body {
	color: #000;
	text-align: center;
	margin:0;
	padding:0;
	z-index:10px;
	}
	
body #content {
	overflow:hidden;
	font-weight:bold;
	font-size: .8em; 
	font-family: verdana,arial;
	width:550px;
	}
	
.home {
	background: #ebd7c5 url('images/background.jpg') top no-repeat;
	}
	
.dvd {
	background: #ebd7c5 url('images/background_dvd.jpg') top no-repeat;
	}
 
.thestory {
	background: #ebd7c5 url('images/background_thestory.jpg') top no-repeat;
	}
	
table.sample {
	line-height:20px;
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	border-collapse: collapse;
}

table.sample td {
	width: 200px;
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: dashed dashed dashed dashed;
	border-color: black black black black;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.cast td.title {
	width: 54px;
}

#page {
	text-align: left;
	}
	
#header {	
	background: url('images/header.gif') no-repeat top;
	margin: 0 0 0 -125px;
	padding: 0;
	height: 100px;
	width: 742px;
	}
	
#menu ul li a{
	padding: 0;
	margin: 0;
	}
	
#menu ul, #menu ul li{
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
	}

#menu {
	float: left; 
	padding: 0; 
	margin: 0;
	text-align:center;
	width:600px;
	}
	
#story {
	float:left;
	padding-left:50px;
	width:420px;
	}
	
#gadget {
	padding-left:42px;
	float:left;
	width:460px;
	height:530px;
	}
	
#twitter {
	background: url(images/twitter-trans.png) no-repeat bottom left;
	width:35px;
	height:35px;
	float:right;
	}
	
#dvdinfo p {
	position:absolute;
	padding-top:220px;
	padding-left:-130px;
	}
	
pre {
	font-family:verdana,arial;
	color: #000;
	margin:0;
	padding:0;
	width:500px;
	float: left;
	font-size: 1em;
	}

a {
	margin:0;
	padding:0;
	height:65px;
	float:left;
	text-decoration: none;
	}

	
a#home {
	width:191px;
    background: url(images/btn_gadget-trans.png) no-repeat bottom left;    
}

a#dvd {
	width:200px;
    background: url(images/btn_dvd-trans.png) no-repeat bottom left;  
}

a#thestory {
	width:151px;
    background: url(images/btn_thestory-trans.png) no-repeat bottom left;  
}

a#home:hover, a#home.active  {
    background: url(images/btn_gadget_active-trans.png) no-repeat bottom left;  
}
a#dvd:hover, a#dvd.active  {
    background: url(images/btn_dvd_active-trans.png) no-repeat bottom left;  
}
a#thestory:hover, a#thestory.active  {
    background: url(images/btn_thestory_active-trans.png) no-repeat bottom left;  
}


/* End Typography & Colors */


/* Begin Structure */
body {
	margin: 0;
	padding: 0;
	}

#page {
	margin: 0px auto;
	padding: 0px;
	width: 500px;
	}

#footer {
	width: 888px;
	line-height: 20px;
	height:20px;
	position:bottom;
	}
	
#link {
	background: url(images/dvd.jpg) no-repeat bottom left;  
	cursor: pointer;
	cursor: hand;
	width:367px;
	height:516px;
	position:absolute;
	margin-top:19px;
	margin-left:329px;
	}
	
#npo_button_container {
	background: url(images/dol.gif) no-repeat bottom left;
	cursor: pointer;
	cursor: hand;
	height: 29px;
	width: 80px;
	display:block;
	overflow:hidden;
	position:absolute;
	float:right;
	right:10px;
	top:150px;
}
	
#submarine {
	width:100px;
	height:30px;
	background: url(images/submarinechannel.gif) no-repeat bottom left;
	cursor: pointer;
	cursor: hand;
	display:block;
	overflow:hidden;
	position:absolute;
	float:right;
	right:10px;
	top:190px;
	}
#human {
	width:100px;
	height:23px;
	background: url(images/human.gif) no-repeat bottom left;  
	cursor: pointer;
	cursor: hand;
	display:block;
	overflow:hidden;
	position:absolute;
	float:right;
	right:10px;
	top:230px;
	}

#human a, #submarine a {
	margin:0;
	padding:0;
	}