body {background: white url(/images/the-sea-change/body-background.jpg) no-repeat top;}
a, a:link, a:visited, p, a:hover, li {color:black;font-size:13px;line-height:17px;text-align:left;}
h1, h2, h3 {color:black;}
body .wrapper {background: white url(/images/the-sea-change/background-top.jpg) no-repeat 0 -2px;width:900px;top:70px;margin-left:auto;
margin-right:auto;margin-bottom:80px;}


body #site_nav {background:transparent none repeat scroll 0 0;left:155px;position:absolute;top:-40px;}
body #site_nav ul {left:0;}


/* Rollovers for main_nav */
body.js_on #site_nav li a {display:block;background:url(/images/the-sea-change/site_nav.png) no-repeat 0 -9px;}
body.index.js_on #site_nav li.index a, body.js_on #site_nav li.index a:hover {background-position:0 -37px;}

body.js_on #site_nav li.index a {width:50px;height:15px;}
body.index.js_on #site_nav li.index a,
body.js_on #site_nav li.index a:hover {background-position: 0 -37px;}

body.js_on #site_nav li.blog a {background-position:0 -65px;}
body.blog.js_on #site_nav li.blog a,
body.js_on #site_nav li.blog a:hover {background-position: 0 -93px;}

body.js_on #site_nav li.film a {width:50px;height:23px;background-position: -3px -121px;}
body.film.js_on #site_nav li.film a,
body.js_on #site_nav li.film a:hover {background-position: -3px -149px;}

body.js_on #site_nav li.theatre a {width:50px;height:23px;background-position: 0 -177px;}
body.theatre.js_on #site_nav li.theatre a,
body.js_on #site_nav li.theatre a:hover {background-position: 0 -205px;}

body.js_on #site_nav li.video a {width:50px;height:23px;background-position: 8px -233px;}
body.video.js_on #site_nav li.video a,
body.js_on #site_nav li.video a:hover {background-position: 8px -261px;}

body.js_on #site_nav li.productions a {width:90px;height:15px;background-position: 0 -84px;}
body.productions.js_on #site_nav li.productions a,
body.js_on #site_nav li.productions a:hover {background-position: 0 -105px;}

body.js_on #site_nav li.profiles a {width:60px;height:20px;background-position: -4px -289px;}
body.profiles.js_on #site_nav li.profiles a,
body.js_on #site_nav li.profiles a:hover {background-position: -4px -317px;}

body.js_on #site_nav li.showreel a {width:65px;height:15px;background-position: 0 -345px;}
body.showreel.js_on #site_nav li.showreel a,
body.js_on #site_nav li.showreel a:hover {background-position: 0 -373px;}

body.js_on #site_nav li.collaborators a {width:97px;height:15px;background-position: 0 -401px;}
body.collaborators.js_on #site_nav li.collaborators a,
body.js_on #site_nav li.collaborators a:hover {background-position: 0 -429px;}

body.js_on #site_nav li.contact a {width:55px;height:15px;background-position: 0px -457px;}
body.contact.js_on #site_nav li.contact a,
body.js_on #site_nav li.contact a:hover {background-position: 0 -485px;}





#sea-change-nav {left:280px;position:absolute;top:160px;background:transparent url(/images/the-sea-change/menu-background.png) no-repeat scroll 0 0;height:43px;width:311px;}
#sea-change-nav li {display:inline;list-style:none;position:relative;
top:15px;left:15px;padding-right:15px;}
#sea-change-nav li a:hover span {color:#DFDFDF;}
#sea-change-nav li span {color:white;}



img#sea-change_logo {left:200px;position:relative;top:60px;}
.article {background:none;clear:left;position:relative;width:100%;top:16px;left:0;padding:0;margin-bottom:20px;}
.article img {position:relative;left:25%;}
.article.concept_art img {left:15%;}
.article img#artists_images {float:right;left:10px;}
#footer {background:white url(/images/the-sea-change/background-bottom.jpg) no-repeat scroll 9px 0;height:142px;margin-left:auto;
margin-right:auto;width:900px;}
#posts_list {position:relative;}
#content {margin-left:auto;margin-right:auto;width:65%;margin-top:100px;}
#video {left:17%;position:relative;margin-bottom:20px;top:10px;}
embed {width:360px;height:305px;}
.palettes {left:17%;position:relative;}
.palettes p {color:white;font-size:11px;left:7px;position:relative;top:-59px;width:346px;line-height:14px;}