/*
Theme Name: Silver Circle
Theme URI: http://www.silvercirclemovie.com
Description: Official theme of the Silver Circle movie by Lineplot Productions. www.lineplot.com
Author: http://www.metropoliscreative.com
Version: 1.0
Tags: n/a
*/


@charset "UTF-8";
/* CSS Document */

html, body{
position:relative;
height:100%;
width:100%;
margin:0px;
padding:0px;
font-family: "HelveticaNeue-Light",Helvetica,Arial,sans-serif;
font:"HelveticaNeue-Light",Helvetica,Arial,sans-serif;
font-size:14px;
line-height:18px;
color:#fff;
background:#000;
}


body.home,
body.landing,
body.about,
body.about2019,
body.crew,
body.faqs,
body.productiontimeline,
body.studio,
body.characters,
body.mediagallery,
body.comicbook,
body.multimedia,
body.photo,
body.video,
body.store,
body.donate,
body.agents,
body.communitiesLanding,
body.communities,
body.moneybomb,
body.news,
body.events,
body.pastEvents,
body.friends,
body.press,
body.thankyou{
font-family: "HelveticaNeue-Light",Helvetica,Arial,sans-serif!important;
font:"HelveticaNeue-Light",Helvetica,Arial,sans-serif!important;
font-size:14px!important;
line-height:18px!important;
color:#fff!important;
margin:0px;
background:#000;
}


body.home #wrapper{background:url(images/body_home_bg.jpg) top center no-repeat #000;}
body.landing #wrapper{background:url(images/body_landing_bg.jpg) top center no-repeat #000;}
body.about #wrapper{background:url(images/body_about_bg.jpg) top center no-repeat #000;}
body.about2019 #wrapper{background:url(images/body_2019_bg.jpg) top center no-repeat #000;}
body.crew #wrapper{background:url(images/body_crew_bg.jpg) top center no-repeat #000;}
	body.faqs #wrapper{background:url(images/body_faqs_bg.jpg) top center no-repeat #000;}
	body.productiontimeline #wrapper{background:url(images/body_productiontimeline_bg.jpg) top center no-repeat #000;}
body.studio #wrapper{background:url(images/body_studio_bg.jpg) top center no-repeat #000;}
body.characters #wrapper{background:url(images/body_characters_bg.jpg) top center no-repeat #000;}
body.mediagallery #wrapper{background:url(images/body_mediagallery_bg.jpg) top center no-repeat #000;}
	body.multimedia #wrapper{background:url(images/body_mediagallery_bg.jpg) top center no-repeat #000;}
	body.comicbook #wrapper{background:url(images/body_comicbook_bg.jpg) top center no-repeat #000;}
	body.music #wrapper{background:url(images/body_music_bg.jpg) top center no-repeat #000;}
	body.photo #wrapper{background:url(images/body_photos_bg.jpg) top center no-repeat #000;}
	body.video #wrapper{background:url(images/body_videos_bg.jpg) top center no-repeat #000;}	
body.store #wrapper{background:url(images/body_store_bg.jpg) top center no-repeat #000;}
body.merchandise #wrapper{background:url(images/body_merchandise_bg.jpg) top center no-repeat #000;}
body.donate #wrapper{background:url(images/body_donate_bg.jpg) top center no-repeat #000;}
body.agents #wrapper{background:url(images/body_agents_bg.jpg) top center no-repeat #000;}
body.press #wrapper{background:url(images/body_press.jpg) top center no-repeat #000;}
	body.communitiesLanding #wrapper{background:url(images/body_communities_bg.jpg) top center no-repeat #000;}
	
	body.moneybomb #wrapper{background:url(images/body_moneybomb_bg.jpg) top center no-repeat #000;}
	
	body.news #wrapper{background:url(images/body_news_bg.jpg) top center no-repeat #000;}
	body.events #wrapper{background:url(images/body_events_bg.jpg) top center no-repeat #000;}
	body.pastEvents #wrapper{background:url(images/body_pastevents_bg.jpg) top center no-repeat #000;}
	body.friends #wrapper{background:url(images/body_friends_bg.jpg) top center no-repeat #000;}

body.thankyou #wrapper{background:url(images/body_thankyou_bg.jpg) top center no-repeat #000;}


body.home{height:870px;}
body.landing{height:870px;}
body.about{height:850px;}
body.about2019{height:850px;}
body.faqs{height:900px;}
body.crew{height:1150px;}
body.characters{height:1000px;}
body.mediagallery{height:auto;}
	body.multimedia{height:auto;}
	body.comicbook{height:auto;}
	body.photo{height:auto;}
	body.video{height:auto;}
body.donate{height:1110px;}
body.agents{height:925px;}
	body.news{height:925px;}
	body.events{height:auto;}
	body.press {height:auto;}
	body.pastEvents{height:auto;}
	body.friends{height:800px;}
	body.moneybomb{height:1000px;}

a{
color:#ffce00;
text-decoration:none;
border:none;
}
a:hover{color:#ffe266;}
a img, img a{border:none;}

a, p, ul{
text-shadow: 3px 3px 3px #000;
}

ul li{
margin-bottom:10px;
}

.boxShadow{
-webkit-box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;
box-shadow: 0px 0px 10px #000; 
}
.yellow{color:#ffce00;}
.white{color:#ffffff;}

.twelve {font-size:12px;}
.fourteen {font-size:14px;}
.sixteen {font-size:16px;}

.bold{font-weight:bold;}

#wrapper{
position:relative;
margin:0px auto -50px auto;
width:1020px;
min-height:100%;
height:100%

}

#container{
position:relative;
margin:0px auto 0px auto;
width:960px;
}

#head{
position:relative;
height:90px;
z-index:10;
}

	#logo{
	position:relative;
	float:left;
	margin:25px 0 0 0;
	}
	
	#nav{
	position:relative;
	float:right;
	z-index:10;
	}
	
		ul.ulNav{
		position:relative;
		font-size:16px;
		font-weight:bold;
		margin:50px 0 0 0;
		z-index:10;
		}
		
		ul.ulNav li{
		position:relative;
		display:inline;
		margin:0px 13px 0px 0px;
		list-style:none;
		}
		
		ul.ulNav li a{color:#fff;}
		ul.ulNav li a:hover{color:#ffce00;}
		
	
		/* submenu, it's hidden by default */
		ul.ulNav ul {
			position:absolute; 
			left:0; 
			display:none; 
			margin:0 0 0 -1px; 
			padding:20px 0 5px 0; 
			list-style:none;
			z-index:10;
			background:url(images/body_navbg.png) no-repeat;
		}
		
		ul.ulNav ul li {
			width:166px; 
			float:left; 
			font-size:12px;

		}
		
		/* display block will make the link fill the whole area of LI */
		ul.ulNav ul a {
			display:block;  
			height:15px;
			padding: 5px 5px 5px 10px; 
			z-index:10;
		}

		/* fix ie6 small issue */
		/* we should always avoid using hack like this */
		/* should put it into separate file : ) */
		*html ul.ulNav ul {
			margin:0 0 0 -2px;
		}


/*************/
#subhead{
position:relative;
height:60px;
float:right;

z-index:5

}

		#social{position:relative;margin:15px 0 0 0px;}


		
		

#mainContent{
position:relative;
width:898px;
min-height:300px;
margin:150px 0 0 54px;
/* overflow:auto; */;
padding-bottom:100px;
}

	body.inside #mainContent{
	margin:108px 0 0 54px;
	}
	body.landing #mainContent{
	overflow:visible;
	margin:125px 0 0 54px;
	}

	#mainLeft{
	position:relative;
	width:305px;
	float:left;
	margin:0 44px 0 0;
	overflow:visible;
	}
		body.about #mainLeft{margin:0 44px 0 0;}
		body.mediagallery #mainLeft{width:415px;}
		body.store #mainLeft{width:600px;}
		body.donate #mainLeft{width:400px;}
		body.agents #mainLeft{width:400px;}
	
		img#donateCoinHome{
		position:relative;
		margin:-10px 0 0 -20px;
		overflow:visible;
		}
		
/*added Feb 28th to replace homeForm */	
		
		#topLeft{
		position:relative;
		height:110px;
		margin-top:50px;
		}
		
		#joinus{
		position: relative;
		float: right;
		background:url(images/newsletter_box_home.png) no-repeat;
		background-repeat:no-repeat;
		height:60px;
		}

			#joinus form input#email{
			height:22px;
			width:160px;
			font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
			font-size:14px;
			background-color:#ebeebd;
			border:none;
			margin:18px 0 0 18px;
			padding-left:5px;
			}
			
			#joinus form input#go{
			font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
			font-size:16px;
			font-weight:bold;
			color:#ffec00;
			background:none;
			border:none;
			text-shadow: 1px 1px 10px #000;
			text-transform:uppercase;
			}
			
			.clearer {
			float: left;
			width: 100%;
			clear: both;
			}
			
/* end of what was added */
		
		#homeForm{
		position:relative;
		background:url(images/newsletter_box_home.png) no-repeat;
		background-repeat:no-repeat;
		height:60px;
		margin-top:50px;
		
		}
		
		
			#homeForm form input#email{
			height:22px;
			width:180px;
			font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
			font-size:14px;
			background-color:#ebeebd;
			border:none;
			margin:18px 0 0 18px;
			padding-left:5px;
			}
			
			#homeForm form input#go{
			font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
			font-size:16px;
			font-weight:bold;
			color:#ffec00;
			background:none;
			border:none;
			text-shadow: 1px 1px 10px #000;
			text-transform:uppercase;
			}
			
		#insideForm fieldset{
		position:relative;
		background:url(images/newsletter_box_inside.png) no-repeat;	
		height:36px;
		left:6px;
		border:none;
		}
		
	
		
		
			#insideForm form input#email{
			height:22px;
			width:165px;
			font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
			font-weight:bold;
			font-size:12px;
			color:#FFF;
			background:none;
			border:none;
			margin:2px 0 0 -2px;
			padding-left:5px;
			text-transform:uppercase;
			text-shadow:1px 1px 8px #000000;
			}
			
			#insideForm form input#go{
			font-family: "HelveticaNeue-Light", Helvetica, Arial, sans-serif;
			font-size:14px;
			font-weight:bold;
			color:#ffec00;
			background:none;
			border:none;
			margin:0 0 0 5px;
			text-shadow: 1px 1px 10px #000;
			
			text-transform:uppercase;
			}	
		
		

	#mainRight{
	position:relative;
	float:left;
	}
		/*Homepage Specific Styles*/
		img#homeVideo{
		position:relative;
		margin:3px 0 0 0;
		left:14px;
		box-shadow:0 0 12px #000;
		-moz-box-shadow:0 0 12px #000;
		-webkit-box-shadow:0 0 12px #000;
		z-index:2;
		}
		#parallax{
		position:relative;  
		width:400px; 
		height:600px;
		top:0px; 
		left:57%;
		margin:-600px 0 0 0;
		overflow:visible;
		z-index:2;
		
		}	
		img#homeZoe{
			position:absolute;
			z-index:3;
			margin:72px 0 -10px 10px;
			width:311px;
			height:498px;
			top:30px;
			padding-right:30px;
			}
			
		img#homeJay{
			position:relative;
			z-index:2;
			width:500px;
			height:550px;
			margin:50px 0 -10px 10px;
			
			}
		
					/*About Page Specific Styles*/
						#mainRight #aboutRight{position:relative;margin:10px 0 0 0;}
						#aboutRight1{margin:2px 0 0 134px;}
						#aboutRight2{margin:50px 0 0 404px;}
					
					/*Characters Page Specific Styles - Careful, this controls the parallax*/
						body.characters #mainContent{
						width:100%;
						}
						#characters{
						position:relative;
						width:700px; 
						height:1300px;
						top:0px; 
						left:0%;
						margin:-640px 0 20px 00px;
						overflow:visible;
						z-index:2;
						}	
						#george{margin:50px 0 0 30px; position:inherit;z-index:1; }
						#nathan{margin:40px 0 0 80px; position:inherit;z-index:2;}
						#bernie{margin:50px 0 0 150px; position:inherit;z-index:3;}
						#zoe   {margin:00px 0 0 240px; position:inherit;z-index:4;}
						#jay   {margin:40px 0 0 350px; position:inherit;z-index:3;}
						#geiss {margin:40px 0 0 410px; position:inherit;z-index:2;}
						#quill {margin:55px 0 0 490px; position:inherit;z-index:1;}
						
						img#george{width:122;height:345px;z-index:1; position:absolute; left:0;}
						img#nathan{width:150;height:456px;z-index:2; position:absolute; left:0;}
						img#bernie{width:166;height:511px;z-index:3; position:absolute; left:0;}
						img#zoe   {width:217;height:678px;z-index:4; position:absolute; left:0;}
						img#jay   {width:156;height:577px;z-index:3; position:absolute; left:0;}	
						img#geiss {width:212;height:489px;z-index:2; position:absolute; left:0;}	
						img#quill {width:102;height:350px;z-index:1; position:absolute; left:0;}
						
						.bioBG{
						position:absolute;
						background:url(images/bio_bg.png) no-repeat;
						width:364px;
						height:234px;
						z-index:10;
						margin:355px 0 0 555px;					
						display:none;
						}
							.bioBG p{
							width:285px;
							margin:40px 0 0 42px;
							line-height:20px;
							}
						
						#bioPopUps{position:absolute; z-index:10;}
							
						#bioGeorge{margin:275px 0 0 0px;   z-index:10; position:absolute;}
						#bioNathan{margin:300px 0 0 50px;  z-index:11; position:absolute;}
						#bioBernie{margin:325px 0 0 100px; z-index:12; position:absolute;}
						#bioZoe   {margin:355px 0 0 250px; z-index:13; position:absolute;}
						#bioJay   {margin:325px 0 0 400px; z-index:12; position:absolute;}
						#bioGeiss {margin:300px 0 0 500px; z-index:11; position:absolute;}
						#bioQuill {margin:275px 0 0 555px; z-index:10; position:absolute;}
						

						/*Media Page Specific Styles*/
						
						.caption{font-size:11px;line-height:14px;margin-top:10px;text-align:left;}/*left side caption*/
						.caption2{font-size:11px;line-height:14px;padding-top:10px;text-align:left;}/*right side caption*/
						#vid1{margin:0 0 0 8px;}
						#vid2{margin:-75px 0 0 150px;} #vid2 p{margin:0 0 0 120px;}
						#vid3{margin:-62px 0 0 8px;}
						
						body.mediagallery #mainRight{margin:35px 0 0; width:430px;}
						body.mediagallery #mainRight table{margin:-20px 0 0 0;}
						
						body.multimedia #mainLeft{width:850px;}
						body.multimedia #mediaDownloads{float:left;clear:both;}
						
						body.photo #mainLeft{width:850px;}
						body.photo #mediaDownloads{float:left;clear:both;}
						
						body.video #mainLeft{width:850px;}
						body.video #mediaDownloads{float:left;clear:both;}
						
						.mediaVideo{float:left;width:250px;margin-left:20px;}
						
						body.multimedia #mainLeft table td{
						padding-right:15px;
						}
						
						body.photo #mainLeft table td{
						padding-right:15px;
						}
						
						body.video #mainLeft table td{
						padding-right:15px;
						}
						

						/**********FLICKR STYLING*********/
						.flickr-gallery ul{
						display:none!important;
						}
						
						#photostream .flickr-thumb{
						position:relative!important;
						display:inline!important;
						float:left!important;
						width:75px!important;
						height:75px!important;
						padding:5px!important;
						
						}
						
						#photostream-prev{display:inherit!important;}
						#photostream .flickr-thumb img{border:1px solid #ffce00;}
						
						.fg-credit{
						display:none!Important;
						}
						
						/*Donate Page Specific Styles*/
						body.donate ul.give li{list-style:url(images/bullet.png);margin:8px 0 0 0;}
						body.donate ul.give {padding:0 0 0 20px;}
						body.donate #mainRight{margin:-6px 0 0 40px; width:390px;}
						
						#quote{margin:45px 0 0 0;font-weight:bold;font-size:16px;font-style:italic;line-height:20px;}
						#whyGive{margin-top:30px;}
						img#ronpaul{margin:10px 0 0 0px;}
						#whyGive p.caption{padding:0px 0 0 0px;}

						body.donate #mainLeft table{margin:10px 0 0 75px;}
						td#ten, td#twentyfive, td#fifty, td#hundred{width:40px; height:30px; display:block; }
						
						#donateDescriptions{position:relative;}
						.donateDescrip{background:url(images/donation_increment_bg.png) no-repeat; width:400px; height:94px;margin:-15px 0 0 0; position:absolute;}
						.donateDescrip p{width:300px; padding:14px 0 0 38px; line-height:20px;}
						.donateDescripLg{background:url(images/donation_increment_bg_lg.png) no-repeat; width:400px; height:125px;margin:-20px 0 0 0; position:absolute;}
						.donateDescripLg p{width:300px; padding:18px 0 0 38px;line-height:20px;}
						
						#descrip10{display:block;}					
						
						#descrip25{display:none;}
						#descrip50{display:none;}
						#descrip100{display:none;}
						
						#vipCircles{position:relative;margin-top:100px;}
						
						/*Agents Page Specific Styles*/
						body.agents #mainRight{margin:25px 0 0 25px;}
						.pdfDL{
						position:relative;
						float:left;
						width:115px;
						padding-left:15px;
						padding-top:10px;}
						
						/*Events Page Specific Styles*/
						body.events #mainLeft{width:880px;}
						body.events #mainLeft table tr{margin-top:15px;margin-bottom:15px;}
						
						/*Friends Page Specific Styles*/
						body.friends #mainLeft{width:500px;}
						body.friends #mainLeft table tr{margin-top:15px;}
						
						/*Crew Page Specific Styles*/
						body.crew #mainRight{width:420px;}
						body.crew #mainLeft{width:420px;margin-top:15px;}
						
						/*FAQs Page Specific Styles*/
						body.faqs #mainRight{width:420px;margin-top:15px;}
						body.faqs #mainLeft{width:420px;margin-top:15px;}
						
						/*Communities Landing Page Specific Styles*/
						body.communitiesLanding #mainLeft{width:700px;margin-top:15px;}
						
						body.comicbook img.comicPage{ border:4px solid #FFFFFF;}
						body.comicbook #mainContent{width:915px;margin-left:30px;}
						body.comicbook #mainContent h3{margin-left:22px;}
						body.comicbook #comicWidget li {list-style:none;}
						body.comicbook #socialLinks{width:400px;margin:0 auto 0 auto;padding-left:24%;padding-bottom: 24px;}
						body.comicbook .navigation{clear:both;}
						
						/*MONEYBOMB SPECIFIC PAGE*/
						body.moneybomb #mainLeft{
							width:575px;
						}
						body.moneybomb #mainRight{
							width:200px;
						}
						body.moneybomb iframe{
						position:relative;
						z-index:999;
						
						}
						body.moneybomb #mainLeft #mbIntroText{
						width:214px;
						float:left;
						margin:20px 25px 0 0;
						}
						body.moneybomb #mainLeft #mbVid{
						width:200px; float:left;
						margin-top:10px;
						}
						body.moneybomb #mainLeft #progressBar{
						float:right;
						margin:22px 0 31px 10px;
						}
						body.moneybomb #mainLeft #shoutOuts{
						position:relative;
						
						}
						
							/*MONEYBOMB PROGRESS BAR*/
							div.jcp_pp { margin:0 auto; padding:0; text-align:center; width:100%; } 
							div.jcp_pp_title { font-weight:bold; } 
							div.jcp_pp_meter { overflow:hidden; 
							width:556px; 
							height:42px;
							padding:5px;
							background:url(images/progress_bg.jpg) no-repeat; 
							-webkit-box-shadow: 0px 0px 10px #000;
							-moz-box-shadow: 0px 0px 10px #000;
							box-shadow: 0px 0px 10px #000; 
							margin-bottom:10px;} 
							
							div.jcp_pp_meter div { height:100%; 
							float:left; 
							background-color:#000;
							
							background:url(images/progress_meter.jpg) repeat-x; } 
							.widget_text div.jcp_pp { width:90%; } 

							.jcp_pp_count{ font-size:16px; font-weight:bold; color:#ffce00;margin-top:10px;}
							
							#progressCoin{
							position:absolute;z-index:999;
							width:70px;height:70px;
							background-image:url(images/progress_coin.png);
							left:520px;
							top:260px;
							}
							/*MONEYBOMB FORM*/
							
							body.ss-base-body, div.ss-form-container {	background:none!important;	}
							
						
.push{
height:50px;
clear:both;
}
						
#footer{
position:relative;
margin:-50px auto 0 auto;
height:50px;
width:1020px;
clear:both;
z-index:1;
background:url(images/body_footer.jpg) no-repeat;
}

	#footerCoin{
	position:relative;
	width:400px;
	margin:2px 0 0 80px;
	float:left;
	}
	span.footerCopy{
	position:relative;
	font-size:12px;
	margin:10px 0 0 86px;
	top:16px;
	}
	body.inside span.footerCopy{
	float:right;
	margin: 0 35px 0 0;
	}
	
.QOverlay {
	background:url(http://silvercirclemovie.com/wp-content/themes/silvercircle/images/body_logo.png) no-repeat center 150px #000;

	z-index: 9999;
}

.QLoader {
	background-color: #fff;
	height: 1px;
}
	
	
/**Browser Conditionals**/

/*home*/
.ie7 img#homeVideo {margin-top:17px;}
.ie7 #homeForm{margin-top:0px;}

/*inside

.ie7 body.inside #social{margin-left:-100px;margin-right:-250px;}
fieldset{margin-top:-15px;margin-left:-25px;}
.ie7 #insideForm form input#email{margin-left:-10px;padding-left:45px;padding-top:7px;}
.ie8 #insideForm form input#email{padding-left:10px;padding-top:7px;}*/

.ie7 #insideForm {margin-top:0px;}
.ie7 #insideForm form input#email {padding-top:5px;padding-left:10px;}

.ie7 body.donate #quote{padding-top:2px;margin-top:35px;}
.ie7 body.donate ul.give {margin:0px;}
.ie7 body.donate .donateDescrip p {padding:25px 0 0 38px;}
.ie7 body.donate .donateDescripLG p {padding:25px 0 0 38px;}