/* 
sequentialONE style sheets
*/





/* Establish general layout parameters */

html { height: 100%; margin-bottom: 1px; }

body {
		background: #333333; 
		color: #414040;
		margin: 0;
		padding: 0;
		border: 0;
		font: normal 0.8em/135% Georgia, "Times New Roman", Arial, Helvetica, Verdana, serif;
		letter-spacing: 0.5px;
		text-align: left;
		}

a, a:link, a:active, a:visited {
		color:#2A2A9B;
		text-decoration:none;
		}
		
a:hover, a:visited:hover {
		color:#8083E3;
		text-decoration:none;
		}		
		
#wp-calendar td a, #wp-calendar td a:link, #wp-calendar td a:active, #wp-calendar td a:visited {
		color:#2A2A9B;
		text-decoration:underline;
		}
		
#wp-calendar td a:hover, #wp-calendar td a:visited:hover {
		color:#8083E3;
		text-decoration:none;
		}								

img {
		border:0;
		}

.clearit {
		clear:both;
		}
		
td input, td textarea {
		font:normal 10px verdana, arial, helvetica, san-serif;
		color:#2e2e2e;
		margin:0;
		padding:0;
		}





/* margin, paddings, widths, heights */

.nomarpad {
		margin:0;
		padding:0;
		}

.nomarpadtop {
		margin-top:0;
		padding-top:0;
		}

.width210 {
		width:210px;
		}

.martop10 {
		margin:10px 0 0 0;
		padding:0;
		}

.marbot10 {
		margin:0 0 10px 0;
		padding:0;
		}		

.padtop10 {
		padding:10px 0 0 0;
		}		


.marleft5 {
		margin-left:5px;
		}


.marbot20 {
		margin-bottom:20px;
		}


.pad1marbot9 {
		padding:1px;
		margin-bottom:9px;
		}
				



/* the main frame and content divs and relative definitions */		
		
div#frame {
		width:868px;
		border:1px solid #000;
		margin:0 auto;
		padding:0;
		background:#fff;
		}

div#hp_content_container {
		background:#fff url(../images/center_bg.gif) top right repeat-y;
		}

div#hp_content_left_side {
		width:299px;
		float:left;
		padding:10px 0;
		line-height:110%;
		}

div#hp_content_left_side hr {
		width:296px;
		height:1px;
		border:0;
		background:#ebebeb;
		margin:10px 0 auto 0;
		padding:0;
		color:#ebebeb;
		}
		

div#left_side_now_playing, div#left_side_coming_soon  {
		padding:0 20px 0 19px;
		}

.hp_thumbsleft {
		float:left;
		width:160px;
		font-size:11px;
		}

.hp_thumbsright {
		float:right;
		width:90px;
		font-size:11px;
		}						


div#left_side_now_playing h2, div#left_side_coming_soon h2 {
		margin-top:4px;
		margin-bottom:5px;
		padding-bottom:9px;
		}

div#left_side_coming_soon h2 {
		margin-top:10px;
		}

div#left_side_coming_soon table {
		margin:0 0 20px 0;
		padding:0;	
		}
		

div#hp_content_middle {
		padding:10px 20px 20px 10px;
		width:318px;
		background:#f6f6f6;
		border-left:1px solid #ebebeb;
		border-right:1px solid #ebebeb;
		float:left;
		}		


div#hp_content_middle h2 {
		margin-top:4px;
		margin-bottom:3px;
		}					


div#hp_content_centre {
		padding:10px 20px 20px 10px;
		width:618px;
		background:#f6f6f6;
		border-left:1px solid #ebebeb;
		border-right:1px solid #ebebeb;
		float:left;
		}		


div#hp_content_centre h2 {
		margin-top:4px;
		margin-bottom:3px;
		}					

.morelink {
		padding-right:16px;
		margin:0;
		padding-bottom:0;
		}
		
div#hp_content_right_side {
		padding:41px 0 0 0;
		width:216px;
		float:right;
		}

div#hp_content_right_side hr, div#content_right_side hr {
		width:215px;
		height:1px;
		border:0;
		background:#ebebeb;
		margin:0 0 0 auto;
		padding:0;
		color:#ebebeb;
		text-align:right;
		}		

div#right_side_posts {
		padding:0 20px 35px 17px;
		}

div#global_right_side_posts {
		padding:58px 20px 15px 17px;
		margin:0;
		}


div#right_side_posts h2, div#global_right_side_posts h2 {
		margin-top:0;
		margin-bottom:3px;
		}

div#right_side_posts h3, div#global_right_side_posts h3 {
		margin-top:14px;
		}	

div#right_side_dvds {
		padding:0 20px 35px 17px;
		}										

div#right_side_dvds h2 {
		margin:14px 0;
		}

div#right_side_rss {
		padding:13px 20px 25px 17px;
		font: normal 12px arial, verdana, helvetica, san-serif;
		}

div#right_side_rss ul {
		margin:10px 0 0 0;
		padding:0;
		list-style-type:none;
		}

div#right_side_rss ul li {
		padding:2px 0;
		}					


div#content_container {
		background:#fff url(../images/bg_inner.gif) top right repeat-y;
		border-bottom:1px solid #CFCFCF;		
		}	
		
div#content_left_side, div#content_left_side_dvd {
		width:609px;
		float:left;
		padding:48px 20px 20px 20px;
		line-height:150%;
		position:relative;
		margin:0;
		background:#fff url(../images/bg_inner.gif) top left repeat-y;
		}

div#content_left_side_dvd {
		padding-left:15px;
		padding-right:10px;
		}		
		
div#content_left_side h2 {
		font-weight:bold;
		}
		
div#content_left_side h3 {
		font:bold 18px georgia, "times new roman", arial, verdana, helvetica, serif;
		color:#3B3EB4;
		margin-bottom:0;
		padding-bottom:0;
		}		


div#inner_logo {
		position:absolute;
		top:10px;
		left:20px;
		}	
		
div#content_right_side {
		padding:10px 0 0 0;
		width:216px;
		float:right;
		position:relative;
		background-color:#fff;
		}					




/* top navigation and divs contained within */		
		
div#top_nav {
		height:19px;
		background:#000;
		position:relative;
		color:#F6F6F6;
		font:bold 10px Verdana, arial, helvetica, san-serif;
		}
		
div#top_nav a, div#top_nav a:link, div#top_nav a:active, div#top_nav a:visited {
		color:#F6F6F6;
		font:normal 10px Verdana, arial, helvetica, san-serif;
		letter-spacing: 0.4px;
		text-decoration:none;
		text-transform:uppercase;
		}

div#top_nav a:hover, div#top_nav a:visited:hover {
		color:#ccc;
		}

div#left_top_nav {
		margin:0;
		padding:0;
		position:absolute;
		left:20px;
		top:2px;
		}
		
div#right_top_nav {
		margin:0;
		padding:0;
		position:absolute;
		right:20px;
		top:2px;
		}		

div#send_to_a_friend {
		padding:10px 0 10px 15px;
		background:#cccccc;
		border-bottom:1px solid #CC9999;
		}

div#send_to_a_friend form {
		margin:0;
		padding:0;
		}

div#form_fields3 a, div#form_fields3 a:link, div#form_fields3 a:active, div#form_fields3 a:visited {
		color:#B6C4A1;
		text-decoration:none;
		font:normal 9px verdana, arial, helvetica, san-serif; 
		}
		
div#form_fields3 a:hover, div#form_fields3 a:visited:hover {
		color:#8083E3;
		text-decoration:none;
		}				

div#form_fields3 p {
		margin:3px 0 0 0;
		padding:0;
		}		
		
div#global_calendar {
		padding:15px 20px 20px 20px;
		}		
		
div#global_calendar h2 {
		margin-bottom:10px;
		}



		
/* heading and special heading classes , paragraphs, spans, ems, dropcap */

h1 {
		font: normal 24px Georgia, "Times New Roman", Verdana, arial, serif;
		color:#0D004C;
		margin:0;
		padding:0;
		letter-spacing:0.4px;
		}

#content_left_side h1, #content_left_side_dvd h1 {
		font: normal 34px Georgia, "Times New Roman", Verdana, arial, serif;
		color:#2E2E2E;
		margin:0 0 0 140px;
		padding:0;
		letter-spacing:0.5px;
		}

#content_left_side_dvd h1 {
		margin-left:145px;
		}		

h2 {
		font: bold 12px arial, verdana, helvetica, san-serif;
		color:#7B2929;
		margin:0;
		padding:0;
		text-transform: uppercase;
		letter-spacing: 1px;
		}

#content_left_side h2 {
		color:#2c4353;
		font:normal 16px georgia, "times new roman", verdana, arial, helvetica, serif;
		margin: 22px 0;
		text-transform: none;
		letter-spacing: 0;
		}
		
h3 {
		font: normal 12px arial, verdana, helvetica, san-serif;
		color:#6264B3;
		margin:0;
		padding:0;
		letter-spacing: 0.5px;
		}		

.hp_news_title {
		font: normal 24px Georgia, "Times New Roman", Verdana, arial, serif;
		color:#2A2A9B;
		margin:0 0 6px 0;
		padding:0;
		}
		
#left_side_now_playing td {
		font-size:11px;
		}
		
.posts_links {
		font: normal 12px arial, verdana, helvetica, san-serif;
		color:#2A2A9B;
		letter-spacing: 0.5px;
		margin-top:0;
		padding:0;
		}

.posts_links span, #right_side_posts span a  {
		color:#A3A3A3;
		}

/* Drop Cap CSS */

.entry {
		margin-top:0;
		padding-top:0;
		}

.entry strike {
		float:left;
		position:relative;
		padding-top:3px;
		padding-right: 5px;
		font-size: 285%;
		font-weight:bold;
		line-height:76%;
		color:#2E2E2E;
		text-decoration: none;
		}			

.entry2 strike, .archive_entry strike {
		float:left;
		position:relative;
		padding-top:5px;
		padding-right: 5px;
		font-size: 300%;
		font-weight:bold;
		line-height:76%;
		color:#2E2E2E;
		text-decoration: none;
	}			


		
		
/* Ajax hidden stuff */

#conf_text {
		margin:0;
		padding:0;
		}






/* form id and class stuff */

#comments {
		width:216px;
		height:72px;
		}

#conf_button {
		margin-top:50px;
		}
		




/* footer */

div#footer {
		font:normal 9px verdana, arial, helvetica, san-serif;
		margin:0;
		color:#c2c2c2;
		padding:4px;
		text-align:center;
		background:#000;
		border-top:19px solid #CFCFCF;
		height:12px;
		}		

#searchform_box {
		position:absolute;
		top:10px;
		left:9px;
		padding:0;
		}


/* Archive Definitions */

.archive_entry {
		margin-top:20px;
		}

.archive_entry p {
		margin-top:0;
		padding-top:0;
		}
		
		

/* Films on DVD */

#dvd_table {
		margin-top:5px;
		}

#dvd_table td {
		vertical-align:top;
		width:125px;
		padding:5px;
		}
		
#dvd_table td div {
		padding:5px;
		background:#fff;
		margin:0;
		height:183px;
		}		

#dvd_table td div p {
		margin:0;
		padding:0;
		font: normal 12px arial, helvetica, verdana, san-serif;
		}
			
			


/* Comments */

div#comments_blog textarea {
		width:350px;
		}


		
		
		
		
		
/* Lightbox 2 */
		
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink, #prevLink:visited{ background: url(http://www.sequential-one.com/images/prevlabel.gif) left 15% no-repeat; }
#nextLink, #nextLink:visited{ background: url(http://www.sequential-one.com/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}