/* CSS Document */

/*	
	CSS Reset Reloaded by Eric Meyer:
	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
header, section, footer, nav, aside, article, hgroup, figure, figcaption, address{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

body {
	line-height: 1;
	color: black;
	background: white;
}

ol, ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/* Make HTML5 Elements display as block */

header, section, footer, nav, aside, article, hgroup, figure, figcaption, address {
	display: block;
}

/* Some General Definitions */

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	margin-left: auto;
	margin-right: auto;
}

.aligncenter {
	text-align: center;
}

.alignleft {
	text-align: left;
}

.alignright {
	text-align: right;
}

.clear {
	clear: both;
}

body {
	background: #fff;
	font-family: Arial, 'Trebuchet MS', Helvetica, sans-serif;
	font-size: 62.5%;
	line-height: 1.6em;
	color: #000;
}

strong {
	font-weight: bold;
}

small {
	font-size: 0.8em;
}

/* Basic Layout */

#wrapper {
	width: 909px;
	margin: 0 auto;
	position: relative;
}

/* Header + Navigation  */

	header {
		margin-top:17px;
	}
	
		header h1#logo {
			width: 222px;
			float: left;
		}
		
			header h1#logo a {
				background: url(../images/rick_fox.png) no-repeat;
				display: block;
				height: 64px;
				width: 222px;
				text-indent: -9999px;
			}
			
		header nav {
			background: url(../images/nav_bg.png) repeat-x;
			height: 26px;
			width: 647px; 
			margin-top: 25px;
			float: left;
			padding: 4px 0 0 30px;
		}
		
				header nav ul li {
					float: left;
				}
				
					header nav ul li a {
						height: 26px;
						display: block;
						text-indent: -9999px;
						padding:0 4px;
					}
					/* home */
					header nav ul li a#home {
						background: url(../images/home.png) no-repeat;
						width:67px;
						background-position: center top;
					}
					
					header nav ul li a#home:hover, header nav ul li a#home.current {
						background-position: center -26px;
					}
					
					header nav ul li a#home.current:hover {
						background-position: center top;
					}
					
					/* bio */
					header nav ul li a#bio {
						background: url(../images/bio.png) no-repeat;
						width:48px;
					}
					
					header nav ul li a#bio:hover, header nav ul li a#bio.current {
						background-position: center -26px;
					}
					
					header nav ul li a#bio.current:hover {
						background-position: center top;
					}
					
					/* gallery */
					header nav ul li a#gallery {
						background: url(../images/gallery.png) no-repeat;
						width: 78px;
						background-position: center top;
					}
					
					header nav ul li a#gallery:hover, header nav ul li a#gallery.current {
						background-position: center -26px;
					}
					
					header nav ul li a#gallery.current:hover {
						background-position: center top;
					}
					
					header nav ul li a#filmography {
						background: url(../images/filmography.png) no-repeat;
						width: 123px;
					}
					
					header nav ul li a#filmography:hover, header nav ul li a#filmography.current {
						background-position: center -26px;
					}
					
					header nav ul li a#filmography.current:hover {
						background-position: center top;
					}
					
					header nav ul li a#news {
						background: url(../images/news.png) no-repeat;
						width: 121px;
					}
					
					header nav ul li a#news:hover, header nav ul li a#news.current {
						background-position: center -26px;
					}
					
					header nav ul li a#news.current:hover {
						background-position: center top;
					}
					
					/* social */
					header nav ul li a#social {
						background: url(../images/social.png) no-repeat;
						width: 68px;
						background-position: center top;
					}
					
					header nav ul li a#social:hover, header nav ul li a#social.current {
						background-position: center -26px;
					}
					
					header nav ul li a#social.current:hover {
						background-position: center top;
					}
					
					header nav ul li a#contact {
						background: url(../images/contact.png) no-repeat;
						width: 86px;
					}
					
					header nav ul li a#contact:hover, header nav ul li a#contact.current {
						background-position: center -26px;
					}
					
					header nav ul li a#contact.current:hover {
						background-position: center top;
					}
		
		header span {
			background: url(../images/nav_right.png) no-repeat;
			height: 30px;
			width: 10px;
			margin-top:25px;
			float: right;
		}

/* Section */

	section {
		border-top: 1px solid #acacac;
		top: 15px;
		min-height: 455px;
		position: relative;
		z-index: 3;
	}
	
		#follow-me {
			float:right;
			position:relative;
			z-index:20;
		}
		
			#follow-me h4 {
				background: url(../images/follow_me.png) no-repeat;
				height: 7px;
				width: 78px;
				text-indent: -9999px;
				margin: 2px 0 5px;
			}
			
			#follow-me img {
				margin-left: 8px;
			}
	
			section h2.title {
				text-indent: -9999px;
				padding-bottom: 14px;
				border-bottom: 1px solid #acacac;
				margin: 19px 0 15px;
				min-height: 15px;
			}
			
			section article #content {
				width: 470px;
				padding-left: 7px;
			}
			
			article p {
				margin-bottom: 1.6em;
			}
			
/* Footer */

	footer {
		background: url(../images/footer_bg.png) repeat-x;
		height: 30px;
		margin: 0 7px;
	}
	
		footer span {
			background: url(../images/footer_corners.png) no-repeat;
			height: 30px;
			width: 7px;
			display: block;
		}
		
		footer span.left {
			margin-left: -7px;
		}
		
		footer span.right {
			background-position: -7px center;
			margin-right: -7px;
		}
		
		footer p {
			padding-top: 8px;
			color: #989898;
			font-size: 0.9em;
			letter-spacing: 1px;
		}
		
		footer p.right {
			font-size: 1em;
			position: relative;
			z-index: 3;
		}
		
			footer p a {
				text-decoration: none;
				color: #989898;
			}
		
			footer p a span {
				color: #8b240c;
				background: none;
				display: inline;
			}
	
	figure#rick_home {
		height: 455px;
		width:850px;
		position: absolute;
		bottom: 0;
		left: 0px;
		z-index: 2;
	}
	
	figure#rick_portrait {
		height: 485px;
		position: absolute;
		bottom: 0;
		right: 3px;
		z-index: 2;
	}
	
	figure#bg {
		height: 453px;
		position: absolute;
		bottom: 30px;
		right: 3px;
		z-index: 2;
	}

/* Specific Page Layouts */

/* Home */
			
			section#home-content #content {
				height: 453px;
				width:907px;
				padding-left:0;
				overflow: hidden;
				
			}
			
			section#home-content #follow-me {
				float:none;
				position:absolute;
				bottom:18px;
				right:47px;
				z-index:20;
			}
			
			section#home-content #dwts_home {
				position:absolute;
				top:225px;
			}
			
			section#home-content #dwts_home h3 {
				font-size:1.8em;
			}
			
			section#home-content { top:5px;}
			/*#twitterfeed { overflow:hidden; height:40px; width:100%; position:relative; }
			.tweetList { list-style:none; margin:0; padding:0; width:30000px; position:absolute; left:800px; }
			.tweetList li { float:left; }*/
			
			
			#ticker-wrapper *{margin:0}
			#ticker-wrapper.has-js{ overflow:hidden;width:900px;height:auto;display:block;font-family:Arial;;margin:0px }
			#ticker{width:900px;height:15px;display:block;float:left;position:relative;overflow:hidden;background-color:#fff;padding:0 0 0 10px}
			#ticker-title{padding:0;float:left;color:#900;font-weight:normal;background-color:#fff;text-transform:uppercase}
			#ticker-content{padding:0;float:left;position:absolute;font-weight:normal;background-color:#fff;margin:0}
			#ticker-content A{text-decoration:none;color:#000}
			#ticker-content A:hover{text-decoration:underline;color:#0D3059}
			#ticker-swipe{padding:0px;position:absolute;top:0;left:80px;background-color:#fff;display:block;width:800px;height:23px}
			#ticker-swipe SPAN{margin-left:1px;background-color:#fff;border-bottom:1px solid #1F527B;height:12px;width:7px;display:block}
			#ticker-controls{ display:none; list-style-type:none;float:right;padding:7px 10px 0 0}
			#ticker-controls LI{margin-left:5px;float:left;cursor:pointer;height:16px;width:16px;display:block;padding:0}
			#ticker-controls LI#play-pause{background-image:url(../images/controls.png);background-position:32px 16px}
			#ticker-controls LI#play-pause.over{background-position:32px 32px}
			#ticker-controls LI#play-pause.down{background-position:32px 0}
			#ticker-controls LI#play-pause.paused{background-image:url(../images/controls.png);background-position:48px 16px}
			#ticker-controls LI#play-pause.paused.over{background-position:48px 32px}
			#ticker-controls LI#play-pause.paused.down{background-position:48px 0}
			#ticker-controls LI#prev{background-image:url(../images/controls.png);background-position:0 16px}
			#ticker-controls LI#prev.over{background-position:0 32px}
			#ticker-controls LI#prev.down{background-position:0 0}
			#ticker-controls LI#next{background-image:url(../images/controls.png);background-position:16px 16px}
			#ticker-controls LI#next.over{background-position:16px 32px}
			#ticker-controls LI#next.down{background-position:16px 0}
			.js-hidden{display:none}
			#ticker-wrapper { height:15px;}
			
			
			
			
			
/* Biography */

			section#bio-content article h2.title {
				background: url(../images/biography_title.png) no-repeat 7px top;
			}
			
			section#bio-content #content {
				height: 360px;
				overflow: auto;
			}

/* Contact */
			
			section#contact-content article h2.title {
				background: url(../images/contact_title.png) no-repeat 7px top;
			}
			
			section#contact-content article #content {
				width: 503px;
				padding-left: 0px;
			}
			
				section#contact-content .row {
					border-top: 1px #ababab solid;
					padding-left: 7px;
				}
				
				section#contact-content .row.first {
					border: 0;
				}
					
					section#contact-content #address {
						
						float: left;
						margin: 12px 0;
					}
					
					section#contact-content #address.first {
						margin-right: 190px;
					}
					
					section#contact-content .row.first #address {
						margin-top: 0px;
					}
					
						section#contact-content #address h3 {
							font-size:1.1em;
						}
						
/* Filmography */

	section#filmography-content{
		position: relative;
		height:auto;
		margin-bottom:15px;
		min-height: 455px;
	}
	
			section#filmography-content article h2.title#film {
				background: url(../images/film_title.png) no-repeat 7px top;
			}
			
			section#filmography-content article h2.title#television {
				background: url(../images/television_title.png) no-repeat 7px top;
			}
			
			section#filmography-content article h2.title#archive {
				background: url(../images/archive_title.png) no-repeat 7px top;
			}
			
				section#filmography-content table {
					width: 470px;
					font-size: 1.1em;
					margin-top: -5px;
					line-height: 2.1em;
					letter-spacing: 1px;
				}
				
					section#filmography-content table a {
						text-decoration: none;
						color: #000;
					}
					
					section#filmography-content table th {
						font-weight: bold;
						text-transform: uppercase;
						color: #999;
					}
					
		section#filmography-content #video {
			background: url(../images/video_frame.png) no-repeat;
			height: 234px;
			width: 384px;
			padding: 6px;
			position: absolute;
			top: 87px;
			right: 0;
			z-index: 10;
		}
		
	nav#filmography-nav {
		position: absolute;
		right: 210px;
		top: 60px;
		font-size: 1.1em;
		z-index:100;
	}
	
			nav#filmography-nav ul li {
				background: url(../images/filmography_nav_divider.png) no-repeat left;
				float: left;
				margin-left: 30px;
				padding-left: 30px;
			}
			
			nav#filmography-nav ul li.first {
				background: none;
			}
			
				nav#filmography-nav ul li a {
					text-decoration: none;
					color: #666;
					letter-spacing: 1px;
				}
				
				nav#filmography-nav ul li a:hover {
					color: #000;
				}
				
				nav#filmography-nav ul li a.current {
					font-weight: bold;
					color: #000;
				}
				
				nav#filmography-nav ul li a.current:hover {
					color: #666;
				}
				
				section#filmography-content nav#table-nav {
					display:none;
					font-size: 1.1em;
					color: #000;
					margin: 5px 0 12px;
				}
				
						section#filmography-content nav#table-nav ul li {
							display: inline;
							margin-right: 5px;
						}
						
							section#filmography-content nav#table-nav ul li a {
								text-decoration: none;
								color: #999;
							}
							
							section#filmography-content nav#table-nav ul li a.current {
								font-weight: bold;
								color: #000;
							}
							
/* News */

			section#news-content h2.title {
				background: url(../images/news_title.png) no-repeat 7px top;
			}
			
			section#news-content #content {
				height: 360px;
				width:510px;
				overflow: auto;
			}
			
			section#news-content article {
				width: 483px;
				padding: 0 0 30px 7px;
				line-height: 1.2em;
				border-bottom: 1px solid #adadad;
				margin-bottom:30px;
				overflow: auto;
			}
			
			
				section#news-content article p {
					margin-bottom: 0.5em;
				}
				
				section#news-content article figure.post-image {
					width: 264px;
					height: 176px;
					float: right;
					/*border: 2px solid #000;*/
					margin-left: 10px;
				}
			
				section#news-content article h3 {
					font-size: 1.1em;
					color: #999;
					text-transform: uppercase;
					letter-spacing: 1px;
					line-height: 2.1em;
				}
				
				section#news-content article h4 {
					font-weight: bold;
					font-size: 1.1em;
					margin-bottom:5px;
				}
			
				section#news-content article .more {
					text-decoration: none;
					color: #000;
					font-weight: bold;
				}



/* Coming Soon */

			section#comingsoon-content article h2.title {
				background: url(../images/comingsoon_title.png) no-repeat 7px top;
			}
			
			section#comingsoon-content #content {
				height: 360px;
				overflow: auto;
			}


/* jScrollPane CSS */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #fff;
	border-left: 1px solid #acacac;
}

.jScrollPaneDrag {
	background: url(../images/scrollbar.png) no-repeat;
	height: 10px !important;
	display: block;
	position: absolute;
	cursor: pointer;
	overflow: visible;
	left: -5px;
}

/* Social Page */

	section#social-content article #content {
		width:550px; height:572px; overflow:hidden; padding-left:0;
	}
	#facebook.social { width: 252px; height:535px; float:left; background-image:url("../images/social_BG.png"); background-repeat:no-repeat; padding: 8px 0 0 8px; margin-top:10px; margin-right:10px;}
	#twitter.social { width: 264px; height:543px; float:left; background-image:url("../images/social_BG.png"); background-repeat:no-repeat; padding: 0 0 0 8px; margin-top:10px; }
	
	#twitter.social .twtr-ft {
		position:absolute;
		top:0;
	}
	#twitter.social .twtr-hd {
		overflow:hidden;
		padding:38px 10px 10px;
		position:relative;
	}
	
	/* background color set in style after widget */