/*	===============================================================
	© i2ic
	www.shipsnostalgia.tv

	Type:				Site Styles
	Author:		        Nigel Morris
	Creation Date:		27th March 2008
	---------------------------------------------------------------
	Version no:			1.0
	Last edited:		
	============================================================ */

/*  ------------------------------------------------------------- 

	SITE STRUCTURE
	
	1.header
	2.topmenu
	ul li 
	3.pagetitle
	div a 
	4.menu
	dl dd
	5 forms
	5.1 navigation
	form
	5.1 login form
	6.content
	6.1.sideR
	6.2.sideL
	6.3.mainarea
	7.footer  
	p copyright 
                                         
    ------------------------------------------------------------- */
	/* * {*/
	/*word-break: break-all;
	*/
	/*}*/
	
	html{
	height: 101%;
	}
	
	body {
	margin: 0;
	padding: 0;
	background-color: #FFF;
	text-align: center;
	color: #000;
	background-attachment: fixed;
	background-image: url(/images/background.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
	/*Wrap*/
	#wrap {
	width: 970px;
	padding: 0;
	margin: 0 10px;
	text-align: left;
	background-color: #FFF;
	border-top-width: 1px;
	/*border-right-width: 1px;*/
	border-bottom-width: 1px;
	/*border-left-width: 1px;*/
	border-top-style: solid;
	/*border-right-style: solid;*/
	border-bottom-style: solid;
	/*border-left-style: solid;*/
	border-top-color: #FFF;
	/*border-right-color: #D50000;*/
	border-bottom-color: #FFF;
	/*border-left-color: #D50000;*/
	}

	#header{
	background-color: #FFF;
	}
	a {
	color: #000;
	text-decoration: none;
	}
	a:hover {
	text-decoration: underline;
	color: #4086AA;
	}
	a:visited {
	color: #666;
	}
	a img {
	border: none;
	}
	
	
	li cite {
	font-style: normal;
	font-size: 12px;
	float: right;
	width: 4em;
	color: #999;
	}
	li cite a {
	color: #999;
	font-size: 12px !important;
	}
	li cite a:visited {
	color: #999;
	}
	
	
	#notice {
	margin: 200px auto 0;
	background: #FFF;
	border-style: solid;
	border-color: #4086AA;
	border-width: 4px 1px 1px;
	}
	#notice_message {
	padding: 1.5em 1em;
	font-size: 1.17em;
	}
	#notice_message.warning {
	color:#c65c2f;
	}
	#notice_links {
	margin: 0;
	line-height: 2em;
	background: #FFF;
	padding: 0 1em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B1E3FC;
	}
	#notice_links a {
	margin: 0 2px;
	}
	
	
	
	h3.tabs {
	background-color: #B1E3FC !important;
	height: 26px;
	padding-left: 0 !important;
	}
	.tab {
	font-weight: normal;
	float: left;
	padding: 0 10px;
	cursor: pointer;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #B1E3FC;
	}
	.curtab {
	background: #FFF;
	border-right-color: #B1E3FC;
	font-weight: bold;
	}
	
	
	form {
	margin: 0;
	}
	input, textarea, button, select {
	font: 1em Arial, Helvetica, sans-serif;
	}
	button {
	height: 1.8em;
	padding: 0 0.3em;
	cursor: pointer;
	border: 1px solid;
	border-top-color: #4086AA;
	border-right-color: #4086AA;
	border-bottom-color: #4086AA;
	border-left-color: #4086AA;
	background-color: #B1E3FC;
	font-weight: bold;
	}
	label {
	cursor: pointer;
	margin-right: 0.5em;
	}
	
	
	#topmenu {
	display:block;
	text-align: right;
	line-height: 2em;
	background-color: #4086AA;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4086AA;
	min-height:2em;
	height:2em;
	}
	#topmenu ul {
	display:block;
	background-color: #4086AA;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B1E3FC;
	
	}
	#topmenu li {
	
	display: inline;
	background-color: #4086AA;
	padding-left: 1em;
	padding-right: 0.5em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B1E3FC;
	}
	

	#currenttopmenu {
	display: inline;
	padding-left: 1em;
	padding-right: 0.5em;
	background:#000000;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #B1E3FC;
	}
	#topmenu a {
	color: #FFF;
	}
	
	.advertHeader{
	float:right;
	padding:0;
	margin:0;
	}
	
	.advert{
	text-align:center;
	padding:10px;
	margin:0;
	}
	
	#pagetitle {
	padding: 8px 0 8px 0;
	float: left;
	overflow: hidden;
	width:100%;
	background:#FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #4086AA;
	}
	#logo {
	float:left;
	padding:0;
	margin:0;
	}
	#logoright {
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #4086AA;	
	}
	
	.banner468 {
	float: right;
	}
	
	#menu {
	width: 100%;
	padding: 8px 0 0 0;
	float: left;
	overflow: hidden;
	vertical-align: bottom;
	background:#FFF;
	}
	#menu ul {
	list-style: square;
	margin: 0 1em 0 0;
	padding: 5px 0px;
	width: 220px;
	overflow: hidden;
	vertical-align: bottom;
	}
	
	ul.col1 {
	float:left;
	display:block;
	}
	ul.col2 {
	float:left;
	display:block;
	}
	ul.col3 {
	float:left;
	display:block;
	}
	ul.col4 {
	float:left;
	display:block;
	}
	
	ul.line{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #4086AA;
	}
	
	#menu li {
	display:block;
	float: left;
	overflow: hidden;
	padding:0;
	margin:0;	
	white-space: nowrap;
	vertical-align: bottom;
	width: 210px;
	}
	
	#menu li a{
	display:block;
	padding: 0 10px 0 10px;	
	}
	
	#menu li a:hover{
	color: #FFFFFF;
	background-color: #B1E3FC;
	text-decoration: none;
	}
	
	
	#menu dl {
	margin: 0 1.5em;
	padding: 0;
	height: 25px;
	overflow: hidden;
	}
	#menu dt {
	float: left;
	width: 4em;
	white-space: nowrap;
	}
	#menu dt a {
	color: #4086AA !important;
	}
	#menu dd {
	float: left;
	width: 6em;
	margin: 0 2px;
	overflow: hidden;
	white-space: nowrap;
	}
	

	#menu button {
	margin-left:10px;
	}
	
	
	#navigation {
	clear:both;
	position:relative;
	padding: 0.3em 0;
	margin:0;
	}
	#navigation p {
	margin: 0;
	}
	#navigation p a, #navigation p strong {
	margin: 0 0.5em;
	}
	#searchform {
	float: right;
	}
	#searchform * {
	vertical-align: top;
	}
	#searchform button {
	margin-left: 0.5em;
	}
	
	
	#navigation.simplepage {
	padding: 0;
	height: 26px;
	line-height: 30px;
	overflow: hidden;
	margin-bottom: 1em;
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #4086AA;
	border-bottom-color: #4086AA;
	}
	#navigation.simplepage p {
	float: right;
	margin-right: 0.5em;
	}
	#navigation.simplepage h1, #navigation.simplepage h2 {
	margin: 0;
	font-size: 1.2em;
	padding-left: 32px;
	}
		
	#selLogin {
	display:block;
	float:left;
	clear:both;
	width:100%;
	}
	
	#selVideoPlayer h3, #tagcloud h3{
	padding: 4px 8px 2px 8px;
	font-size: 18px;
	color: #4086AA;
	}
	
	#featuredvideos {
	text-align: center;
	width:100%;
	}
	
	.fvwrapper{
	padding: 5px 10px;
	width:auto;
	text-align: center;
	}
	
	.fvwrapper h3, .clsMemberLogin h3{
	padding: 4px 8px 2px 8px;
	font-size: 18px;
	}
	
	h3.clsTitleLink{
	font-size: 12px;
	}
	
	#selRandomVideosTitle{
	padding: 4px 8px 2px 8px;
	}
	
	.crumbtrail{
	background-color: #4086AA;
	padding:2px;
	font-weight: bold;
	color: #FFFFFF;
	}	
	
	.crumbtrail a{
	color: #FFFFFF;
	text-decoration: none;
	}
	
	.crumbtrail a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	}	
	
	.crumbtrail a:visited{
	color: #FFFFFF;
	text-decoration: none;
	}	
	
	
	#main{
	width:100%;
	}
	
	#leftcol{
	width:510px; 
	float:left; 
	}
	
	#middlecol{
	width: 220px;
	float:left;
	margin-left: 10px;
	}
	
	#rightcol{
	width: 220px;
	float:right;
	text-align:left;
	margin:0;
	}
	
	#videos{
	width: 740px;
	float:left;
	}
	
	.greybg{
	background-color: #E6E6E6;
	}
	
	.orangebg{
	background-color: #B1E3FC;
	}
	
	.newleftcol{
		text-align: center;
		border-top: 10px solid white;
	}
	.fvheader {
	font-size: 18px;
	color: #4086AA;
	padding: 8px 8px 2px 8px;
	margin-top: 5px;
	}
	.vheader {
	font-size: 18px;
	color: #4086AA;
	padding: 8px 8px 2px 8px;
	}
	
	#tagcloud{
	padding:8px;
	}
	
	#uploadbutton{
	margin:0 8px;
	text-align:center;
	}
	
	#uploadbutton input{
	background-image: url(../../images/postvideo.jpg);
	background-repeat: no-repeat;
	padding:0 20px 0 20px;
	height: 50px;
	width: 204px;
	font-weight: bold;
	color: #FFFFFF;
	border: 0px none #FFFFFF;
	font-size: 12px;
	text-align: center;
	display: block;
	}
	
	#selVideoDisp p, #selVideosContent p{
	padding:0 0 0.4em 0;
	margin:0;
	}

	li.Paging{
	list-style-image: none;
	display: inline;
	background-color: #B1E3FC;
	padding-left:10px;
	padding-right:10px;		
	}
	li.CurrPage{
		list-style-image: none;
		display: inline;
		color: white;
		background-color: black;
		padding-left:10px;
		padding-right:10px;
		
	}
	li.OtherPage, li.clsSpace {
		list-style-image: none;
		display: inline;
		color: black;
		padding-left:10px;
		padding-right:10px;
		
	}
	
	.subcat{
	background-color: white;
	color: #4086AA;
	width: 250px;
	display: block;
	}
	
	#subcatheader{
		background-color: white;
		color: #c65c2f;
		width: 150px;
		font-size: 2em;
		display: block;
	}
	
	
	/*-----------------------------------------------------------------------------------
	
	Footer
	
	*/
	
	#footer {
	clear: both;border-top: 2px solid #fff;
	padding-top: 1em;
	padding-bottom: 2em;
	text-align: center;
	font: 0.75em Verdana, Arial, Helvetica, sans-serif;}
	#footer p {
	margin: 0.3em 0;
	color: #000000;
}
	#footer strong {
	color: #000000;
	text-transform: uppercase;}
	#footer strong span {
	color: #000000;}
	#footer em {
	font-style: normal;
	font-weight: bold;
	color: #000000;}
	#copyright {
	font-size: 1em;}
	
		
	/* Clearfix method */
	.clearfix:after {
	content:			".";
	display: 			block;
	height: 			0;
	clear: 				both;
	visibility: 		hidden;
	}
	.clearfix {
	display:inline-table;
	}
	/* Hides from IE-mac \*/
	
	* html .clearfix {
	height: 1%;
	}
	.clearfix {
	display:inline-block; /*IE7 solution*/
	}
	.clearfix {
	display:block; /*Fixes width issue*/
	}
	/* End hide from IE-mac */
	
	.sorter{
	font-size:12px;
	padding:2px;
	}
	
	#selFormCommonSearch .clsTextBox{
	padding:2px;
	font-size:12px;
	}
	
	.PagingList{
	line-height:21px;
	position:relative;
	width:auto;
	left:auto;
	margin:0;
	padding:0;
	font-weight:bold;
	text-align: left;

	}
	
	.PagingList ul{
	list-style-image: none;
	display: inline;
	padding:0;
	margin:0;
	text-align:left;
	list-style-position:inside;
	
	}
	
	input.clsSearchSubmitButton{
	color:#FFF;
	}
	
	#selVideoTable div.banner, div.banner{
	margin:6px 0 18px 0;
	text-align:center;
	}

	#selVideoUpload h2, #selVideoList h2{
	position:relative;
	width:auto;
	left:auto;
	margin:0;
	}
	
	.bannerRight{
	float:right;
	display:block;
	margin:0 0 0 1em;
	clear:none;
	width:160px;
	text-align:right;
	}
	
	#selLeftNavigation{
	width:auto;
	margin:0 160px 0 0;
	}
	
	table.fulltable{
	margin:0;
	padding:0;
	display:block;
	width:960px;
	}
	
	div#selMsgAlert{
	display:block;
	line-height:120%;
	position:relative;
	width:auto;
	left:auto;
	height:auto;
	}
	
	.clsMainTagsDisplay ul{
	list-style-image: none;
	display: inline;
	padding:0;
	margin:0;
	text-align:left;
	list-style-position:inside;
	text-indent:-2px;
	}

	li.bluemenu a{
	background-color: #D2E3F9;
	}
	
	li.bluemenuChannels a{
	background-color: #4086AA;
	color: #FFFFFF;
	}
	

	#selHeaderVideoTop, #selHeaderVideoUser , #selHeaderVideoRel, 
	#selHeaderVideoUser_res, #selHeaderVideoRel_res, #selHeaderVideoTop_res{
	list-style-position: outside;
	list-style-image: url(../images/pixel.gif);
	list-style-type: none;
	}

	#selLogin fieldset{
	display:block;
	width:39%;
	margin:0 auto;
	height:300px;
	float:left;
	text-align:left;
	border:#D2E3F9 thick solid;
	padding:10px 20px;
	margin:0 2%;
	}
	
	#selLogin fieldset.center{
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	}


	#selLogin form{
	width:100%;
	text-align:center;
	margin:0 auto 20px auto;
	}

	#subcatlist table, #subcatlist  tr, #subcatlist  td,
	div.advertHeader table, div.advertHeader tr, div.advertHeader td{
	padding:0;
	margin:0;
	border: 0px none #FFFFFF;
	}
	
	#subcatlist table{
	width:160px;
	}