/* SCOOCH MANUAL SCREEN STYLESHEET 
(c) Jon Tan / Grow Collective 2005

Stlesheet NOT optimised; selectors have been kept seperate to make styling the builder as easy as possible for others.
IE5,5.5,6/Win hacks included at the foot of this document.
-------------------------------------------*/

@import "moz_corners.css";

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

body{
margin:0;
padding:0;
border:0;
font: 101% verdana, sans-serif;
line-height:1.3em;
color:#555;
background-color:#fff;
text-align:center;
}

/* text
-------------------------------------------*/

h1{
margin:0;
padding:1em 0 0.5em 0;
font:300 2em/1.1em verdana, sans-serif;
color:#644;
letter-spacing:-0.05em;
}
h1 em{font-variant:normal;font-size:0.8em;}
h2{
margin:0;
padding:1.5em 0 1em 0;
font:300 1.56em/1.1em verdana, sans-serif;
letter-spacing:-0.05em;
color:#690;
}

a{color:#633;text-decoration:none;border-bottom:1px solid #c99;}
a:hover{color:#06f;border-bottom:1px solid #039;}

a[rel~=external]{padding-right:16px; background: url(../img/bg_rel_external.gif) right no-repeat;}
a[rel~=bookmark]{padding-right:16px; background: url(../img/bg_rel_bookmark.gif) bottom right no-repeat;}

code{
font:1.1em 'courier new' monospace;
color:#06c;
}
code.seperate, div.seperate{
display:block;
margin:1em 0;
padding:0.75em 20px;
background: #fff;
color:#06c;
border:2px solid #e0e0d6;
-moz-border-radius:10px;
}
pre{margin:0;padding:0;}
pre code{font-size:1.3em;}
pre code em{font:0.9em verdana,helvetica,sans-serif;color:#666;}
pre code strong{color:#f00;}

/* generics 
-------------------------------------------*/

.hide{position:absolute;left:-9999px;text-align:left;clear:both;}

#crumbsholder{
background:#f0f0e6;
color:#654;
font-size:0.7em;
}
#crumbs{
width:740px;
margin:0 auto;
text-align:left;
line-height:1.8em;	
text-align:right;
}
#crumbs p{margin:0;}

a#skip{
display:block;
position:absolute;
width:100%;
top:1.8em;
left:0;
color:#fff;
line-height:2em;
background:transparent;
border:0;
text-align:center;
}
a#skip:hover, a#skip:focus{
color:#06c;
font-weight:900;
background:#f6f6f6;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

#masthead{
background:#fff url(../img/bg_masthead.gif) top no-repeat;
color:#444;
border-bottom:2px solid #e0e0d6;
padding:35px 0 1.5em 0;
}
#intro{
position:relative;
width:740px;
margin:0 auto;
text-align:left;
}
#intro img{
margin-bottom:25px;
}
#intro img,#intro a.logo{
border:0;
}

/* SCOOCH demo main conatiner and centered column
-------------------------------------------*/

#container{
font-size:0.75em;
color:#333;
background:#f0f0e6;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}
#mainpanel{
position:relative;
width:740px;
margin:0 auto;
text-align:left;
}

#content{
margin: 0 0 0 270px;
color:#333;
background:#f0f0e6;
padding-bottom:2em;
}

/* SCOOCH manual content text
-------------------------------------------*/
#content h3{
margin:0;
padding:0.75em 0 0.5em 0;
font:300 1.4em/1.1em verdana, sans-serif;
letter-spacing:-0.05em;
color:#06c;
}
#content img{
float:right;
margin:0 0 0.5em 1.5em;
}
#content p.highlight{
margin-top:1.75em;
padding:0.75em 20px;
background: #fff;
border:2px solid #e0e0d6;
color:#000;
-moz-border-radius:10px;
}
#content ul, #content ol{
margin:2em 0;
padding:0.5em 40px;
background: #fff;
border:2px solid #e0e0d6;
color:#555;
-moz-border-radius:10px;
}
#content ul{list-style-type:circle;}
#content ul li, #content ol li{
margin:0.5em 0;
}
#content dl{
margin:0;
padding:1em 0;
}
#content dt{
font:300 1.4em/1.1em verdana, sans-serif;
letter-spacing:-0.05em;
color:#06c;
background-color:#f0f0e6;
}
#content dt code{
font:900 1.1em/1.1em 'courier new', monospace;
}
#content dd{
margin:1em 0;
padding:0.5em 20px;
background: #fff;
border:2px solid #e0e0d6;
color:#555;
-moz-border-radius:10px;
}
#content dd ul{
margin:0;
padding:0.75em 0 0 20px;
border:0;
}
#content dd ul li{
padding:0;
margin-bottom:1.5em;
background: url(../demo_img/bg_col2.gif) top left no-repeat;
}

/* SCOOCH manualmenu
-------------------------------------------*/

#manualmenu{
position:absolute;
top:0;
left:0;
width:210px;
}
#manualmenu ul{
list-style:none;
margin:0;
padding:0 10px 1em 20px;
font-weight:900;
background:#fff;
border:2px solid #e0e0d6;
-moz-border-radius:10px;
}
#manualmenu ul li{
margin:1em 0 1em 0;
}
#manualmenu li a{
border-bottom:0;
}
#manualmenu ul li a.live{
color:#f80;
border-bottom:1px solid #fc0;
}
#manualmenu ul li ul{
font-size:0.9em;
font-weight:300;
margin:0.75em 0;
padding:0 0 0.25em 0;
background:transparent;
border:0;
}
#manualmenu ul li ul li{
margin:0.25em 0;
}
#manualmenu ul li ul li ul{
font-size:1em;
margin:0.2em 0.75em;
}

/* SCOOCH demo menu
-------------------------------------------*/

#menu{
position:absolute;
top:-1.9em;
right:0;
font-size:0.9em;
z-index:9999;
}
#menu ul{
list-style:none;
margin:0;
padding:0;
}
#menu ul li{
display:inline;
width:auto;
margin:0 0 0 0.75em;
padding:0.2em 0.75em;
background: #f6f6f6;
border-top:2px solid #e0e0d6;
border-right:1px solid #e0e0d6;
border-left:1px solid #e0e0d6;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
}
#menu ul li.live{
background:#f0f0e6;
}
#menu ul li.live a{
color:#690;
border-bottom:1px solid #f0f0e6;
}
#menu a{
border-bottom:0;
}

/* SCOOCH demo menu
-------------------------------------------*/

#foot{
clear:both;
text-align:center;
background:#fff;
border-top:2px solid #e0e0d6;
}
#foot p{margin:0;padding:0.75em 0 0.5em 0;}
#foot img, #foot a{
border:0;
}