@import "links.css";
@import "fonts.css";
@import "jquery.css";
img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}
@charset "UTF-8";
/* CSS Document */
.previous{
	font-family:'Times New Roman', Times, serif; 
	font-size:12px; 
	position:absolute; 
	bottom:15px; 
	left:715px; 
	z-index:1; 
	color:#000; 
	text-transform:uppercase;
}
.slash{
	font-family:'Times New Roman', Times, serif; 
	font-size:12px;
	position:absolute; 
	bottom:15px; 
	left:790px; 
	z-index:2; 
	color:#000; 
	text-transform:uppercase;
}
.next{
	font-family:'Times New Roman', Times, serif; 
	font-size:12px; 
	position:absolute; 
	bottom:15px; 
	left:805px; 
	z-index:3; 
	color:#000; 
	text-transform:uppercase;
}
/* LAYOUT ELEMENTS */
.container{
	position:relative;
	width:915px;
	top:0px; 
	margin:0 auto;
	}
.news_container{
	position:relative;
	width:915px;
	top:0px; 
	margin:0 auto;
	}
/* NAVI */
.navi{
	position:absolute;
	top:20px;
	left:0px;
	width:250px;
	height:837px;
	border-bottom: 3px solid #000;
	margin-bottom:18px;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	letter-spacing:0.1em;
	line-height:16px;
	color:#000;
	text-transform:capitalize;
	}
.navi_fixed{
	position:fixed;
	top:20px;
	left:40px;
	width:250px;
	height:auto;
	margin-bottom:18px;
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight:normal;
	letter-spacing:0.1em;
	line-height:16px;
	color:#000;
	text-transform:capitalize;
	}
.dominic{
	position:absolute;
	top:0px;
	left:0px;
	font-family:'Triplex', sans-serif;
	font-weight:100px;
	font-size:24px;
	line-height:29px;
	letter-spacing:0.3em;
	text-transform:uppercase;
}
.from_luton{
	position:absolute;
	top:29px;
	right:0px;
	font-family:'Triplex', sans-serif;
	font-weight:100px;
	font-size:24px;
	line-height:29px;
	letter-spacing:0.3em;
	text-transform:uppercase;
}
.now_and_then{
	position:absolute;
	top:110px;
	left:20px;
	width:100%;
	font-style:italic;
}
.words{
	position:absolute;
	top:132px;
	left:25px;
	width:115px;
	height:14px;
	font-style:italic;
	bottom: 10px;
}
.printed_matter{
	position:absolute;
	top:154px;
	left:30px;
	width:100%;
	height:14px;
	font-style:italic;
	bottom: 10px;
}
.my_a-z{
	position:absolute;
	top:175px;
	left:35px;
	width:100%;
	height:14px;
	font-style:italic;
	bottom: 10px;
}
.thankyou{
	position:absolute;
	top:196px;
	left:40px;
	width:100%;
	height:14px;
	font-style:italic;
	bottom: 10px;
}
.talk{
	position:absolute;
	top:217px;
	left:45px;
	width:100%;
	height:14px;
	font-style:italic;
	bottom: 10px;
}
.the_art{
	position:absolute;
	top:238px;
	left:50px;
	width:100%;
	height:29px;
	font-style:italic;
}
.rule_1 {
	position:absolute;
	top:277px;
	left:0px;
	width:250px;
	height:1px;
	background-color:#000000;
}
/* BODY MATTER */
.parent {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but     mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+     */
    -webkit-justify-content: center;
    -webkit-align-items: center;
    overflow: auto;

	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
}
.child {
	margin: auto;
	padding-top: 0%;
	padding-bottom: 0%;
}
img.supreme {
	width: 100%;
	max-width: 1200px;
}
.background_image { 
  background: url(media/i_miss_you_1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
  height:100%;
  position:absolute;
  left:0px;
  top:0px;
}
.dolly {
	background: url(media/sunspot.jpg) no-repeat center center fixed;
}
.centered {
	width:auto;
	height:100vmin;
	margin-top: 5vmin;
	margin-bottom: 5vmin;
}
.content{
	position:absolute;
	top:20px;
	left:280px;
	width:646px;
	height:840px;
	background-color:#FFFFFF;
}
.bottom{
	position:absolute;
	bottom:0px;
	left:0px;
}
.right{
	float:right;
}
.drop{
	position:absolute;
	top:40px;
}
.title_detail{
	position:absolute;
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#000000;
	width: 190px;
	top:787px;
	left:0px;
}
.link{ 
	position:absolute; 
	width:100%; 
	height:100%;
}
.body_rule_1 {
	position:absolute;
	left: 25px;
	width:395px;
	height:1px;
	border-bottom:dotted #000000 thin;
}
.body_rule_2 {
	position:absolute;
	left: 445px;
	width:185px;
	height:1px;
	border-bottom:dotted #000000 thin;
}
.border_bottom{
	position:absolute;
	height:35px;
	width:865px;
	top:863px;
}
.heading {
	float:left;
	width:605px;
	height:90px;
	font-family:"Times New Roman", Times, serif;
	font-size:32px;
	font-weight:500;
	margin-left:25px;
	margin-top:18px;
}
.heading_1 {
	float:left;
	width:605px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:500;
	margin-left:25px;
}
.i_col {
	float:left;
	width:390px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin-left:25px;
	letter-spacing:0em;
	line-height:19px;
}
.ii_col_1 {
	float:left;
	width:290px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin-left:25px;
}
.ii_col_2 {
	float:left;
	width:290px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin-left:25px;
}
.ii_centered_col_1 {
	float:left;
	width:286px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin-left:25px;
}
.ii_centered_col_2 {
	float:left;
	width:286px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin-left:24px;
}
.xi_col_1 {
	float:left;
	width:390px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin-left:25px;
}
.xi_col_2 {
	float:left;
	width:185px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin-left:25px;
}
.ix_col_1 {
	float:left;
	width:185px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin-left:25px;
}
.ix_col_2 {
	float:left;
	width:390px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin-left:25px;
}
.iii_col_1 {
	float:left;
	width:185px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin-left:25px;
}
.iii_col_2 {
	float:left;
	width:185px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin-left:25px;
}
.iii_col_3 {
	float:left;
	width:185px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin-left:25px;
}
.iiii_col_1 {
	float:left;
	width:133px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin-left:25px;
}
.iiii_col_2 {
	float:left;
	width:132px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin-left:25px;
}
.iiii_col_3 {
	float:left;
	width:133px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin-left:25px;
}
.iiii_col_4 {
	float:left;
	width:132px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin-left:25px;
}
.links {
	float:left;
	width:132px;
	height:90px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	margin-left:25px;
	border-bottom:dotted #000000 thin;
	margin-bottom:10px;
}
.box_link {
	float:left;
	width:132px;
	height:auto;
	border-bottom:dotted #000000 thin;
	margin-bottom:10px;
}
.courier{
	font-family:"Courier New", Courier, monospace;
	font-size:12px;
	color:#000000;
	line-height:14px;
}
/*DERIVATIVES*/
.ii_col_2.foot {
	bottom: 20px;
	left:315px;
	position: inherit;
}
/*LINKS*/
a:link { color: #000000;
	text-decoration: none;
	cursor:pointer; }

a:visited { color: #000000;
	text-decoration: none; }
				
a:hover { color:#666666;
	text-decoration:none; }

a:active { color:#000000;
	text-decoration: none; }
	
	
a.text:hover { color:#00F;
	text-decoration: none; }	
	
a.dfl:hover { color:#000;
	text-decoration: none; }
	
a.arrows:hover { color:#00F;
	text-decoration: none;
	cursor:pointer; }
	
	
a.video:link { color:#FFFFFF;
	text-decoration: none;
	cursor:pointer; }
				
a.video:hover { color:#999999;
	text-decoration:none; }

a.video:active { color:#FFFFFF;
	text-decoration: none; }
	
a.video:visited { color:#FFFFFF;
	text-decoration: none; }
	
	
a.video_invis:link { color:#FFFFFF;
	text-decoration: none;
	cursor:pointer; }
				
a.video_invis:hover { color:#FFFFFF;
	text-decoration:none; }

a.video_invis:active { color:#FFFFFF;
	text-decoration: none; }
	
a.video_invis:visited { color:#FFFFFF;
	text-decoration: none; }