/* ozscript css 17/10/09 */


html, body { text-align:center; } 

ul { margin-left:30px; }
li { margin-bottom:5px; }

#pagewidth { width:950px; text-align:left; margin-left:auto; margin-right:auto; 
    background:url(images/bg-01.gif) 70px 140px no-repeat;
/*    border:1px solid red; */
    } 
/* #pagewidth { background:#fff url(images/new-ozscript.gif) no-repeat; }   temp */

#header { position:relative; height:223px; width:100%; background:url(images/asc-logo.gif) 215px 20px no-repeat; } 
#pic { width:136px; height:126px; float:left; background:url(images/pic07.gif) 10px no-repeat; }
#nav { margin-left:175px; /* height:70px;  border:1px solid #ddf; background:url(images/temp-nav.gif) no-repeat; */
}
#subnav { margin-top:10px; margin-left:100px; }
#content { margin:0 200px 0 175px; min-height:450px; }
#footer { margin-left:175px; margin-bottom:10px; font-size:10px; padding:0 5px 5px 65px; 
    background:#fff url(images/ozFooter2.gif) no-repeat;
    }

#area-ikon { background:url(images/ikonQ-2.png) 170px 500px no-repeat; }

#nav ul,#subnav ul { margin:0; padding:0; }
#nav li { list-style:none; display:inline; margin-right:5px; }
#nav li a { text-decoration:none; font-size:15px; font-weight:bold; color:#666; padding:0 10px 10px 1px; }
/* Main nav colours
    colAbout   pink    #ec008d or #ed2375
    colHub     yellow  #ffd203
    colPlays   purple  #642d8a
    colContact brown   #c0b893
    
   New ones! 17/11/09
    colHome    pink    #e0007b
    colWho     red     #e64822
    colWhat    green   #01a6bf
    colHub     yellow  #fdcb11
    colPlays   purple  #511b77
    colContact grey    #b1a981
   
*/
#nav li.active a.colHome,#nav li a.colHome:hover { color:#fff; background-color:#e0007b; }
#nav li.active a.colWho,#nav li a.colWho:hover { color:#fff; background-color:#e64822; }
#nav li.active a.colWhat,#nav li a.colWhat:hover { color:#fff; background-color:#01a6bf; }
#nav li.active a.colHub,#nav li a.colHub:hover { color:#fff; background-color:#fdcb11; }
#nav li.active a.colPlays,#nav li a.colPlays:hover { color:#fff; background-color:#511b77; }
#nav li.active a.colContact,#nav li a.colContact:hover { color:#fff; background-color:#b1a981; }

#subnav li { list-style:none; display:inline; margin-right:0px; }
#subnav li a { text-decoration:none; font-size:12px; font-weight:bold; color:#aaa; padding:2px 10px 4px 1px; }
#subnav li.active a.colHome,#subnav li a.colHome:hover { color:#fff; background-color:#e0007b; }
#subnav li.active a.colWho,#subnav li a.colWho:hover { color:#fff; background-color:#e64822; }
#subnav li.active a.colWhat,#subnav li a.colWhat:hover { color:#fff; background-color:#01a6bf; }
#subnav li.active a.colHub,#subnav li a.colHub:hover { color:#fff; background-color:#fdcb11; }
#subnav li.active a.colPlays,#subnav li a.colPlays:hover { color:#fff; background-color:#511b77; }
#subnav li.active a.colContact,#subnav li a.colContact:hover { color:#fff; background-color:#b1a981; }

#nav-feat { margin:30px 0 30px 50px; }
#nav-feat ul { float:left; margin-right:15px; margin-bottom:20px; width:200px; max-width:200px; }
#nav-feat li { list-style-type:square; margin-left:10px; }
#nav-feat li.title { list-style:none; color:#000; font-weight:bold; background:0px 0px no-repeat; margin-left:-30px; padding-left:25px; height:20px; }
#nav-feat li.no-bullet { list-style:none; }
#nav-feat li#nf1 { background-image:url(images/nf1.gif); }
#nav-feat li#nf2 { background-image:url(images/nf3.gif); }
#nav-feat li#nf3 { background-image:url(images/nf1.gif); }

#nav-feat li a { text-decoration:none; color:#444; }
#nav-feat li a:hover { color:#ec008d; }

#footer div { height:2px; margin:0 120px 5px -65px; background-color:#ddd; }
#footer div.colHome { background-color:#e0007b; }
#footer div.colWho { background-color:#e64822; }
#footer div.colWhat { background-color:#01a6bf; }
#footer div.colHub { background-color:#fdcb11; }
#footer div.colPlays { background-color:#511b77; }
#footer div.colContact { background-color:#b1a981; }


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  

#byauthor { font-style:italic; margin-top:-15px; margin-left:10px; }
#byauthor a { font-style:italic; text-decoration:none; font-size:15px; }
/* #at-ausplays { margin-left:300px; text-align:center; border:1px dotted #666; padding:3px; } */
#at-ausplays { float:right; margin-right:-50px; text-align:center; border:1px dotted #666; padding:3px 10px; }
.script-list { margin-left:20px; }
ul.sitemap li a,ul.sitemap li li a,ul.sitemap li li li a,ul.sitemap li li li li a { text-decoration:none; }


/* picture box ============================================== */
.pics { float:right; position:relative; }
.pics img { float:right; }
.capt { position:absolute; bottom:1px; right:-105px; 
    color:#444; font-weight:bold; font-size:15px;
    border:1px solid #444; padding:3px;
    text-align:right;
    }

/* Contact form ========================================================================= */
fieldset#contact { border:0; }
#contact p { clear:both; padding:3px; }
#contact label { display:block; float:left; width:100px; text-align:right; padding-right:5px; }
#contact input,#contact select, #contact textarea { display:block; float:left; clear:right; padding:0; }
#contact img { margin-left:100px; }
#contact #submit { margin-left:100px; width:75px; height:30px; margin-top:10px; clear:right; }
#contact br { clear:both;  }
div.errors{ color:#a13332; }

/* Play search ========================================================================= */
div.search-result { margin-bottom:10px; }

/* Collections ========================================================================= */
.collection { clear:both; margin-bottom:30px; }
.browse-row { margin-bottom:10px; }
.browse-name { font-weight:bold; }
.browse-title { font-size:16px; color:#000; }
.browse-descn {}
    
    
    
    
@media print{
#header { height:115px; background:url(images/asc-logo-print.gif) 0px 0px no-repeat; }
#pic,#nav,.pics { display:none; } 
#pagewidth, #area-ikon { background:none !important; }
#footer div { height:1px !important; background-color:#666 !important; }
}