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

Filename: style.css

Title : Rubberductions CSS file

Authors : 	Andrew Parkhouse, andy@teamrubber.com
		Anthony George, anthony.george@teamrubber.com

License: Copyright 2007, Teamrubber, All Rights Reserved.

Feel free to read and learn from this, but please don't steal.

Description : This base style sheet for the Rubberductions website.

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

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

Rubberductions colours

Background sandy brown: #E4DDC9

Logo slate grey: #4C4C4C

heading green: #A0BF00

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

/* Normalizes Padding and Margins */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
	margin:0;
	padding:0;
	border:0;
}
/* Normalizes font-sizes for headers */
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
/* Removes list styles */
ol, ul, #globalNav ul, .filmographyBox, #navFatBlocks ul{
	list-style:none;
}
#globalNav li, .filmographyBox, #navFatBlocks ul{
	margin:0;
}
/* normalizes fonts (style and weights */
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
/* Normalizes tables */
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* Removes borders from fieldsets and images */
fieldset, img {
	border:0;
}
/* Left aligns captions and table headers */
caption, th {
	text-align:left;
}
/* ~Elements */
body {
	background-color:#E4DDC9;
	color:#636363;
	font-family:Trebuchet MS, Verdana, sans-serif;
	font-size:62.5%;
	text-align:center;
}
h1 {
	font-size:2em;
	margin:0.5em 0;
}
h2 {
	font-size:1.5em
}
h3 {
	margin-top:6px;
	margin-bottom:0.1em;
	color:#A0BF00;
	font-size:1.4em;
}
a {
	color:#636363;
}
a:hover {
	color:#333333;
	text-decoration:underline;
}
.hoverLink {
	text-decoration:none;
}
.hoverLink:hover {
	text-decoration:underline
}
p {
	margin:0.5em 0;
}
.small {
	font-size:0.8em;
}
.skip {
	text-indent:-9999px;
	display:block;
	height:1px
}
.strong {
	font-weight:bold;
}
h4 {
	color:#AAAAAA;
}
ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:square;
}
li {
	margin-left:2.5em;
}
/* Structure & colours */
.bodyHighlight {
	color:#A0BF00;
}
.bodyLowlight {
	color:#636363;
}
.boxBGbottomWhite {
	background-image:url(images/box_bg_bottom_white.gif);
	background-repeat:no-repeat;
	width:745px;
	height:12px;
}
.boxBGtopWhite {
	background-image:url(images/box_bg_top_white.gif);
	background-repeat:no-repeat;
	width:745px;
	height:12px;
}
#bodyMain {
	background-image:url(images/box_bg_white.gif);
}
#rubber-wrapper {
	margin:0 auto;
	text-align:left;
	width:745px;
	font-size:1.2em;
	line-height:1.45em;
}
.big-shadow-box .main-home-image {
	padding:5px 17px 3px 19px
}
/* ~Header */
#rubber-logo a {
	display:block;
	text-indent:-99999px;
	width:236px;
	height:73px;
	background-image: url(images/header_logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#header {
	position:relative;
}
#rubber-logo {
	padding:0.4em 0 0 0;
	margin:0;
}
#rubber-logo h1 {
	padding:0;
}
#headerNavigation {
	position:absolute;
	right:11px;
	bottom:0;
}
#headerNavigation li {
	display:inline;
	margin:0;
	padding:0 0.5em;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b6b1a1;
}
#headerNavigation ul {
	margin: 0 -10px 0 0;
	padding: 0;
}
#headerNavigation a {
	text-decoration:none;
}
#headerNavigation a:hover {
	text-decoration:underline;
}
#headerNavigation li.rubber-nav-last {
	border-right-width:0;
}
/* ~Global Navigation */

#globalNav {
}
#globalNav ul {
	overflow:hidden;
	width:753px;
}
#globalNav li {
	float:left;
}
#globalNav li a {
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 117px;
	text-indent:-9999px;
}
#nav2_music_films {
	width:251px;
}
#nav2_commercial_works {
	width:245px;
}
#nav2_comedy_drama {
	width:249px;
}
#nav2_music_films a {
	background-image:url(images/nav_small_music_films_sp.jpg);
}
#nav2_music_films a:hover, #nav2_music_films a:visited:hover {
	background-position: left bottom;
}
#nav2_commercial_works a {
	background-image:url(images/nav_small_commercial_works_sp.jpg);
}
#nav2_commercial_works a:hover, #nav2_commercial_works a:visited:hover {
	background-position: left bottom;
}
#nav2_comedy_drama a {
	background-image:url(images/nav_small_comedy_drama_sp.jpg);
}
#nav2_comedy_drama a:hover, #nav2_comedy_drama a:visited:hover {
	background-position: left bottom;
}
/* ~Secondary Navigation */

#navFatBlocks ul {
	overflow:hidden;
	width:753px;
}
#navFatBlocks li {
	float:left;
	margin:0;
	padding:0;
}
#navFatBlocks li a {
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 170px;
	text-indent:-9999px;
}
#nav_music_films {
	width:251px;
}
#nav_commercial_works {
	width:245px;
}
#nav_comedy_drama {
	width:249px;
}
#nav_music_films a {
	background-image:url(images/nav_big_music_films_sp.jpg);
}
#nav_music_films a:hover, #nav_music_films a:visited:hover {
	background-position: left bottom;
}
#nav_commercial_works a {
	background-image:url(images/nav_big_commercial_works_sp.jpg);
}
#nav_commercial_works a:hover, #nav_commercial_works a:visited:hover {
	background-position: left bottom;
}
#nav_comedy_drama a {
	background-image:url(images/nav_big_comedy_drama_sp.jpg);
}
#nav_comedy_drama a:hover, #nav_comedy_drama a:visited:hover {
	background-position: left bottom;
}
/* ~big shadow boxes */
.big-shadow-box, .filmographyBox {
	background-image:url(images/box_bg_top_white.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:12px;
}
.big-shadow-box-content, .filmographyBoxContent {
	background-image:url(images/box_bg_white.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding:0 1.5em;
	overflow:hidden;
}
.big-shadow-box-bottom, .filmographyBoxBottom {
	background-image:url(images/box_bg_bottom_white.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top:12px;
}
.homeBodySplashImage {
	margin-top:5px;
	margin-bottom:3px;
}
#homePageBlog p {
	padding:0;
	margin:0;
	margin-bottom:0.2em;
}
#homePageBlog div {
	margin-bottom:1em;
}
#homePageBlog h4 {
	margin-top:1em;
	margin-bottom:0.3em;
}
/* ~Footer */


#footer {
	width:745px;
}
#footerLeftBox {
	float:left;
	width:326px;
	margin-left:17px;
}
#footerLeftBox h3 {
	margin-top:13px;
}
#ident {
	margin-left:20px;
}
#ident span {
	color:#4C4C4C;
	background-color:#D6FF00;
	padding-left:0.3em;
	padding-right:0.3em;
	padding-top:0.1em;
	padding-bottom:0.1em;
}
/* ~Contact */

#contactBlock {
	margin-bottom:3em;
}
#contactBlock p {
	margin:0;
	padding:0;
	margin-bottom:0.3em;
	margin-top:0.3em;
}
#contactBlock h3 {
	color:#636363;
	margin-bottom:0.8em;
}
#teamRubberBlock {
	text-align:center;
	margin-top:0.8em;
	margin-bottom:2em;
}
.contact-content {
	padding:16px 32px;
}
.google-map {
	float:left;
	margin:1em 0;
}
.bristol-map {
	margin-left:4.4em;
}
.contact-name {
	width:171px;
	padding:6px 10px 0 10px;
	background-image:url(images/contact-name-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#E4DDC9;
	float:left;
	margin:0 0 20px 0;
	min-height:155px;
	height:auto !important;
	height:155px;
	position:relative;
}
.contact-name-bottom {
	padding-top:6px;
	background-image:url(images/contact-name-bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left:-10px;
	width:191px;
	position:absolute;
	bottom:0;
}
.name2 {
	margin:0pt 53px 0pt 55px
}
.name3 {
	clear:right;
}
.contact-name ul {
	list-style-type:square;
	margin:15px;
	min-height:55px;
	height:auto !important;
	height:55px;
	color:#636363;
}
.contact-name h3 {
	font-size:1.2em;
	color:#636363;
}
.contactStrong {
	font-size:1.8em;
	line-height:0.7em;
}
.contactLarge p {
	text-align:right;
}
.contactLarge {
	margin:-27px 0 15px 0;
}
/* ~Footer Boxout */
.boxOut {
	float:right;
	width:318px;
	background-image:url(images/boxout_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:326px;
	background-color:#E4DDC9;
	padding-top:6px;
	margin:10px 16px;
}
.boxOutContent {
	background-color:#E4DDC9;
	padding:0 1em;
}
.boxOutBottom {
	background-image:url(images/boxout_bottom.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top:6px;
	background-color:#E4DDC9;
}
.boxOut h3 {
	margin-bottom:0.5em;
	font-size:1.3em;
}
.organization-unit {
	font-weight:bold;
}
/* ~Film Pages */

.filmographyHeaderBox {
	margin-left:16px;
	margin-top:6px;
	margin-bottom:6px;
}
.filmographyBox p, .filmographyBox h3 {
	margin-left:200px;
}
.filmographyBox h3 {
	font-size:140%;
	margin-top:0.7em;
	margin-bottom:0.7em;
}
.filmographyBox img {
	float:left;
	margin-right:1em;
	margin-top:3px;
	margin-bottom:3px;
}
.filmographyArrowLink {
	margin:0;
	padding:0;
}
.filmographyArrowLink a {
	padding-left:17px;
	background-image:url(images/link_arrow.gif);
	background-repeat:no-repeat;
	background-position: 0px 4px;
	/*color:#636363;*/
      color:#A0BF00;
	text-decoration:none;
}
.filmographyArrowLink a:hover {
	background-image:url(images/link_arrow_o.gif);
	color:#333333;
	text-decoration:underline;
}
/* ~Blog */


div.blogMainColumn {
	/*float:left;*/
	width:454px;
	padding:16px;
}
div.sidebarRight {
	float:right;
	width:215px;
	padding-top:6px;
	background-image:url(images/sidebar_grey_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-right:3px;
}
div.sidebarRightContent {
	padding-left:10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:10px;
}
div.blogEntry {
	margin-bottom:2em;
	padding-bottom:2em;
	border-bottom:1px solid #F2EAD5;
}
div.blogEntry h3 {
	font-size:150%;
}
p.strapline {
	margin-bottom:2em;
}
#blogArchivesLinks {
	margin-top:3em;
}
#blogArchivesLinks ul {
	padding-left:18px;
	list-style-type: square;
}
#blogArchivesLinks li {
	color:#999999;
	margin-bottom:0.3em;
}
.blog-content {
	background-image:url(images/box_bg_white_grey_sidebar_r.gif);
}
.blog-bottom {
	background-image:url(images/box_bg_bottom_white_sidebar_r.gif);
	height:12px
}
/* ~Presentation */


#contactBody, #showFilmBody {
	margin-left:33px;
	margin-right:33px;
	margin-top:6px;
	margin-bottom:6px;
}
#contactBody h3 {
	margin-top:1em;
}
#sign-up-form input {
	margin-top:1em;
}
/* ~RSS Feed */

a.rssFeed {
	background-image:url(images/rss_feed.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:14px;
}
/* ~Video */
.rubber-video {
	text-align:center;
	margin: 0 auto;
}
.rubber-video p {
	margin-top:1.5em;
}
.rubber-video img {
	padding:0.5em 0.5em 1em 0.5em;
}
.stills {
	text-align:left;
}

/* Glamour App No Flash */
#the_bells {
  position:relative;
  z-index:2;
}

.main-home-image embed {
  position:relative;
  z-index:2;
}