/*
	CSS2 stylesheet devised/coded by Dave Kiss <iamdavekiss@gmail.com>
	Created for Aaron Fronk and Vinny DeGaetano of site http://www.fndfilms.com/
	Copyright © 2010 FND Films http://www.fndfilms.com/
*/

html {
	height: 100%;
	width: 100%;
	display: inline;
}

body {
	background: #e8e8e8 url(img/bg.jpg) repeat;
	margin: 0;
	height: 100%;
}

p {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	color: #494949;
}

p.about {
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

h1 {
font-family:'GothicCustom',Impact,'Arial Narrow',sans-serif;
font-size:34px;
font-weight:normal;
line-height:30px;
margin-top:21px;
text-shadow:1px 1px #CCCCCC;
text-transform:uppercase;
color: #333333;
}

h3 {
	color: #444242;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	margin:21px 10px 30px 10px;
	text-shadow:1px 1px #CCCCCC;
	text-align: left;
}

 
a {
    -moz-outline-style: none;     
    outline-style: none;
    outline-width: 0px;
    outline-color: -moz-use-text-color;
}

img.imgAttrLeft {
	margin-right: 7px;
	margin-left: 20px;
	margin-bottom: 10px;
	border: 1px solid #141414;
}

img.imgAttrRight {
	margin-right: 20px;
	margin-left: 7px;
	border: 1px solid #141414;
}

.right {
	float: right;
}

.left {
	float: left;
}

.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;
}

.clear {
	clear: both;
}

.bbc_center {
	text-align: center;
}

.hide {
	display: none;
}

#wrap {
	height: 100%;
	width: 100%;
}

#container {
	width: 1200px;
	margin: 0 auto;
	background: transparent url(img/design/fndBackgrounds/cartoon.png) no-repeat;
	min-height: 1000px;
}

#forumContainer, #storePageContainer {
	width: 1200px;
	margin: 0 auto;
	min-height: 1000px;
	background: transparent url(img/design/fndBackgrounds/arrowOnly.png) no-repeat;
}

#header {
	
}

#storeheader {
	padding-top: 55px;
}

#topBar {
	background: #141414;
	height: 6px;
	width: 100%;
}

#login {
	background: transparent url(img/design/loginBackground.png) no-repeat right;
	height: 42px;
	width: 393px;
	margin-right: 80px;
	padding-top: 13px;
	padding-left: 50px;
	padding-right: 7px;
	display: inline;
}

#login img {
	border: 0;
	padding-top: 2px;
	float: left;
}

#loginForm {
	border: 0;
	display: inline;
}

/* Logged In */
#user_navigation {
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-moz-border-radius-topleft:0;
-moz-border-radius-topright:0;
background:#E6E4E3 none repeat scroll 0 0;
border-color:#1C334E;
border-width:0 2px 2px;
float:right;
font-size:0.9em;
margin-right:80px;
width:339px;
z-index:9999;
}

#user_navigation .photo {
	border:1px solid #1D3652;
	float:left;
	margin:6px 10px 6px 6px;
}

#user_navigation ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	font-size:0.88em;
}

#user_navigation ul a {
color:#000000;
}

#user_navigation ul#user_link_menucontent li {
float:none;
padding:1px;
}

#user_link_menucontent li {
z-index: 10000;
}

#user_navigation ul#user_link_menucontent {
background:#D5DDE5 none repeat scroll 0 0;
border:1px solid #1D3652;
float:right;
margin-top:0;
width:254px;
z-index:10000;
}

#user_navigation ul#user_link_menucontent a {
color:#1D3652;
display:block;
padding:5px 5px 5px 15px;
text-decoration:none;
}

#user_link_menucontent {
margin: 0;
padding: 0;
position: absolute;
top: 25px;
left: 8px;
z-index: 9999;
}

#user_info {
margin-left:60px;
margin-right:15px;
position: relative;
}

#user_info p {
margin: 0;
padding: 0;
}

#user_link {
color:#FFFFFF;
text-decoration:none;
}

#user_link img {
	border: 0 none;
}

#user_navigation ul#user_other {
margin-left:5px;
}

#user_navigation #user_link {
background:#1D3652 url(http://www.fndfilms.com/forum/public/style_images/master/th_bg.png) repeat-x scroll 50% 50%;
border:1px solid #1D3652;
display:block;
margin:6px 0 0 8px;
min-width:150px;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:0;
overflow:hidden;
padding:3px 20px 3px 10px;
position:relative;
}

#user_navigation #user_link img {
position:absolute;
right:5px;
top:8px;
}

#user_navigation ul#user_other li {
float:left;
padding:0 4px;
}

#user_other {
margin: 0;
padding: 0;
margin-top: 4px;
}



#logo {
	margin: 0 auto;
	background: transparent url(img/design/fnd-logo-new.png);
	width: 207px;
	height: 93px;
	display: block;
	clear: right;
}

#logoA {
	display: block;
	width: 207px;
	height: 93px;
}


/* @group Menu */

#menu{ height: 20px; width: 312px; margin: 0 auto; margin-top: 10px; background-repeat: no-repeat;}
#menu ul{ float: right; position: relative; width: 261px; height: 20px; background: transparent no-repeat; line-height: 1; padding: 0; margin-top: 0; margin-left: 0; }
#menu li{ float: left; height: 20px; text-indent: -9999px; list-style: none; background-repeat: no-repeat; }

/* menu BG position */
#menu li a{ display: block; background: transparent url(img/design/menu.png) top left no-repeat; height: 20px; padding: 0; border: none; }
#menu li.home a{ background-position: 0 0; width: 63px; }
#menu li.news a{ background-position: -63px 0; width: 71px; }
#menu li.store a{ background-position: -134px 0; width: 69px; }
#menu li.forum a{ background-position: -203px 0; width: 78px; }
#menu li.about a{ background-position: -281px 0; width: 75px; }
#menu li.contact a{ background-position: -356px 0; width: 85px; }


#menu li.home a:hover,
#menu li.home a.selected,
#menu li.home a.active{ background-position: 0 -20px; }
#menu li.news a:hover,
#menu li.news a.selected,
#menu li.news a.active{ background-position: -63px -20px; }
#menu li.store a:hover,
#menu li.store a.selected,
#menu li.store a.active{ background-position: -134px -20px; }
#menu li.forum a:hover,
#menu li.forum a.selected,
#menu li.forum a.active{ background-position: -203px -20px; }
#menu li.about a:hover,
#menu li.about a.selected,
#menu li.about a.active{ background-position: -281px -20px; }
#menu li.contact a:hover,
#menu li.contact a.selected,
#menu li.contact a.active{ background-position: -356px -20px; }

/* @end */

#findMovie {
	background: transparent;
	width: 400px;
	height: 30px;
	margin: 0 auto;
	margin-bottom: 20px;
	text-align: center;
}

#movieSearch {
	border: 0;
	display: inline;
	vertical-align: middle;	
}

 fieldset#movieSearch input {
	background: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	font: italic 13px Georgia, "Times New Roman", Times, serif;
	outline: none;
	padding: 5px;
	width: 200px;
	border: 1px solid #e7e7e7;
	margin-top: -10px;
}


fieldset#loginForm {
	margin: 0;
	padding: 0;
}
fieldset#loginForm input#username, input#password {
	background: #ffffff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	font: italic 13px Georgia, "Times New Roman", Times, serif;
	outline: none;
	padding: 5px;
	width: 126px;
	border: 1px solid #e7e7e7;
	margin-right: 5px;
	vertical-align: middle;
}

fieldset#loginForm input#go {
	vertical-align: middle;
}

body > #wrap {
	height: auto; 
	min-height: 100%;
}

#main {
	padding-bottom: 140px; /* must be same height as the footer */
}

#contentBox {
	margin: 0 auto;
	width: 700px;
	background: transparent url(img/design/mainBackground.png) repeat-y top;
}

#topContent {
	background: transparent url(img/design/topContent.png) no-repeat top;
	width: 700px;
	margin: 0 auto;
	text-align: center;
}

#topContent.news {
	background: #e0e7ea url(img/design/topContent.png) no-repeat top;
	width: 700px;
	margin: 0 auto;
	text-align: center;
}

#topContent.about {
	background: #e0e7ea url(img/design/topContent.png) no-repeat top;
	width: 700px;
	margin: 0 auto;
	text-align: left;
}

#mainContent, #mainVideoContent {
	margin: 0 auto;
	width: 700px;
	background: transparent url(img/design/bottomContent.png) no-repeat bottom;
	padding-top: 20px;
	padding-bottom: 17px;
	min-height: 391px;
	
}

#aboutContent {
	margin: 0 auto;
	width: 700px;
	background: transparent url(img/design/bottomContent.png) no-repeat bottom;
	padding-top: 20px;
	padding-bottom: 25px;
	min-height: 391px;
	overflow: auto;
}



#forumContentBox {
	margin: 0 auto;
	width: 900px;
	background: transparent url(img/design/mainBackground.png) repeat-y top;
}

#forumTopContent {
	background: transparent url(img/design/forumTop.png) no-repeat top;
	width: 900px;
	margin: 0 auto;
	text-align: center;
	
}

#forumContent {
	margin: 0 auto;
	background: transparent url(img/design/forumBottom.png) no-repeat bottom;
	padding-top: 15px;
	padding-bottom: 10px;
	
}

#storeContentBox {
	margin: 0 auto;
	width: 840px;
	background: transparent url(img/design/mainBackground.png) repeat-y top;
}

#storeTopContent {
	background: transparent url(img/design/storeTop.png) no-repeat top;
	width: 840px;
	margin: 0 auto;
	text-align: center;
	
}

#storeContent {
	margin: 0 auto;
	background: transparent url(img/design/storeBottom.png) no-repeat bottom;
	padding-top: 20px;
	padding-bottom: 75px;
	
}

#ipbwrapper {
	margin: 16px;
}

#postContainer {
	margin: 0 auto;
	width: 700px;
	background: transparent url(img/design/bottomContent.png) no-repeat bottom;
	padding-top: 45px;
	padding-bottom: 45px;
}
	
.entry {
	background-color: #e0e7ea;
	width: 670px;
	padding-bottom: 40px;
	padding-left: 15px;
	padding-right: 15px;
}

.entry a {
	
	text-decoration: none;
	
	color: #44758a;
	
}

.entryInfo, .entryContent, .entryComments {	
	color: #444141;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}

.entryInfo {
	padding-bottom: 20px;
	text-align: left;
}

.entryInfo h2 {
	
	font-style: normal;
	font-weight: normal;	
	font-size: 24px;
	margin: 0;
	
}

.entryInfo h3 {
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	margin: 0;
}

.entryContent {
	font-size: 12px;
	text-align: left;
	clear: left;
}

.entryComments {
	background-repeat: repeat-x;
	font-size: 11px;
	text-align: left;
	background-position: 0 bottom;
	background-image: url(img/design/posts/dashedLine.png);
	padding-bottom: 20px;
	padding-top: 15px;
}


#movieBrowser {
	margin: 0 auto;
	background: transparent url(img/design/movieBrowserBg.png) repeat-x;
	width: 700px;
	height: 115px;
}

.loading {
	z-index: 200;
	position: relative;
	margin-top: 100px;
}

#footer {
	position: relative;
	margin-top: -140px; /* negative value of footer height */
	height: 140px;
	clear: both;
	background-color: #141414;
	text-align: center;
	padding-top: 14px;
}

#footer img {
	border: 0;
}
	
.stickyFooter:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	
}

.stickyFooter {
	display: inline-block;
	}
/* Hides from IE-mac \*/
* html .stickyFooter { 
	height: 1%;
}

.stickyFooter {display: block;}
/* End hide from IE-mac */

	/* --------------------------------------------- */
	/*                Main Video Player              */
	/* --------------------------------------------- */
	
	#videocontainer {
		position: relative;
		width: 780px;
		height: 550px;
		margin-top: 20px;
		padding-bottom: 50px;
	}
	
	#placeholder {
		position: absolute;
		top: 40px;
		left: 70px;
		width: 640px;
		height: 360px;
		margin-top: 10px;
		overflow: hidden;
	}
	
	#placeholderimage {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 640px;
		height: 360px;
		cursor: pointer;
	}
	
	#playbuttonimage {
		position: absolute;
		top: 155px;
		left: 295px;
		width: 60px;
		height: 60px;
		z-index: 1;
	}
	
	#previewimage {
		position: absolute;
		top: 0px;
		height: 360px;
	}
	
	#videoplayer {
		width: 640px;
	}
	
	.hidden {visibility: hidden;}
	
	#videoselector {
		position: relative;
		width: 610px;	
		height: 115px;
		overflow:hidden;
		float: left;	 	
	}
	
	#items {
		width:20000em;	
		position:absolute;
		clear:both;		
		height:115px;
	}

	.prevPage,.nextPage {
		height:33px;
		width: 41px;
	}
	
	.prevPage {float: left;
	margin-top: 46px;
	background: url("img/design/videoPlayer/prevPage.png") no-repeat;
	cursor: pointer;

}
	.nextPage {float: right;
	background: url("img/design/videoPlayer/nextPage.png") no-repeat;
	margin-top: 46px;
	cursor: pointer;

}
	
	#videoselector .hoveritem {
		background-color: #a3a8a5;
	}
	
	#videoselector .activeitem {
		background-color: #bbbfbc; 
	}

	#videoselector .item {
		float:left;
		width:153px;
		height:115px;
		
		text-align:center;
		font-size:15px;
		cursor: pointer;
	}

	#videoselector .title {
		height: 29px;
		width: auto;
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #fff;
}
	
	#videoselector .thumbnailcontainer {
		width: 133px;
		overflow:hidden;
	margin-top: 8px;
	margin-right: 10px;
	margin-left: 10px;
}
	
	#videoselector .thumbnail {
		height: autp;
		width: 113px;
		margin: auto;
		border: 6px solid #c6d0ca
	}
	
	/* --------------------------------------------- */
	/*                END Video Player               */
	/* --------------------------------------------- */
	
#commentsContainer, #comments {
	width: 700px;
	background: transparent;
	height: auto;
	margin: 0 auto;
}

#showHideComments {
	background: transparent url(img/design/buttons/showHide.png);
	width: 103px;
	height: 27px;
	float: right;
	margin-right: 80px;
	margin-top: -50px;
	cursor: pointer;
}

#commentsSwitch {
	background: transparent;
	width: 50px;
	height: 27px;
}

	/* --------------------------------------------- */
	/*                 AJAX Email Form               */
	/* --------------------------------------------- */
	
#addComment {
	width: 700px;
	background: #eee;
	margin: 0 auto;
	overflow: auto;
	clear: left;
	border-left: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

#commentInputs {
	width: 360px;
	float: left;
}
	
#processComment label{
	font-family:tahoma,verdana,arial,sans-serif;	
	font-size:16px;
	margin-left: 5px;
}

#processComment .inputtypetext, #processComment textarea {
	width: 250px;
	background:#FFFFFF no-repeat scroll 8px 9px;
	border:1px dashed #555555;
	font-family:tahoma,verdana,arial,sans-serif;	
	font-size:16px;
	padding:4px 3px 5px 3px;
	margin: 0 auto;
}

.valignTop {
	vertical-align: top;
}

.charCounter {
	font-family:tahoma,verdana,arial,sans-serif;	
	font-size:16px;
	margin-left: 5px;
}

#processComment textarea {
	float: right;
	margin-right: 15px;
	margin-bottom: 15px;
}
#processComment .inputtypetext {
	height: 20px;
	float: right;
	margin-right: 15px;
}

.successful {
	background: url(img/design/icons/accept.gif);
	width: 20px;
	height: 20px;
}

#errorBox li {
	font-family:tahoma,verdana,arial,sans-serif;	
	list-style-type: none;
	color: red;
}
		
	/* ----------------------------------------------- */
	/*            END AJAX Email Form                  */
	/* ----------------------------------------------- */
	
.contactName, .leader {
	color: #444242;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	margin-top: 0px;
	margin-bottom: 5px;
	text-shadow:1px 1px #CCCCCC;
	text-align: left;
}

.leader {
padding: 8px;
}

#vinBio, #aaronBio {
	height: 210px;
}

#daveBio {
	height: 227px;
}



.email {
	text-decoration: none;
	color: blue;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	text-shadow:1px 1px #CCCCCC;
	text-align: left;
	float: left;
	margin-right: 200px;
	margin-bottom: 10px;
}
#vinBio p, #aaronBio p, #daveBio p {
	text-align: left;
	margin-left: 20px;
	margin-right: 10px;
	font-style: normal;
	font-weight: normal;
	font-size: 11px;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
}
.vinBio {
	float: left;
	margin-left: 20px;
	margin-right: 10px;
	border: 1px solid #141414
}

.aaronBio, .daveBio {
	clear: left;
	float: left;
	margin-left: 20px;
	margin-right: 10px;
	border: 1px solid #141414
}

div.bubble {
	width: auto;
	font-size: 0.75em;
	padding-bottom: 24px;
	background: #eee;
}

div.bubble blockquote {
	margin: 0px;
	padding: 0px;
	border: 1px solid #c9c2c1;
	background: #1D3652 url(http://www.fndfilms.com/forum/public/style_images/master/th_bg.png) repeat-x scroll 50% 50%;
	
}

div.bubble blockquote p {
	margin: 10px;
	padding: 0px;
	color: #fff;
}

div.bubble cite {
	position: relative;
	margin: 0px;
	padding: 7px 0px 0px 15px;
	top: 6px;
	background: transparent url(img/design/comments/tip.gif) no-repeat 20px 0;
	font-style: normal;
}

/*
                   _             _   _             
 _ __   __ _  __ _(_)_ __   __ _| |_(_) ___  _ __  
| '_ \ / _` |/ _` | | '_ \ / _` | __| |/ _ \| '_ \ 
| |_) | (_| | (_| | | | | | (_| | |_| | (_) | | | |
| .__/ \__,_|\__, |_|_| |_|\__,_|\__|_|\___/|_| |_|
|_|          |___/                                 

*/

#loading {
	position: absolute;
}

#pagination {
	margin: 0;
	padding-left: 15px;
	background: #eeeeee;
	height: 31px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}

#pagination li {
	list-style: none;
	float: left;
	margin-right: 5px;
	padding:5px;
	background: #fffefc;
	border:solid 1px #dddddd;
	color:#0063DC;
}

#pagination li:hover {
	color: #333333;
	cursor: pointer;
}