/*
    This work is licensed under the Creative Commons
    Attribution-Noncommercial-Share Alike 3.0 Unported
    License. To view a copy of this license, visit
    http://creativecommons.org/licenses/by-nc-sa/3.0/
    or send a letter to Creative Commons,
    171 Second Street, Suite 300, San Francisco,
    California, 94105, USA.
*/

#qtorials {
background-image: url(bgmiddle.png);
color:black;
margin:0 auto;
width:600px;
font-family: verdana, sans-serif;
padding: 0;
}
#qtorials > li {
background-image: url(bgbottom.png);
background-repeat: no-repeat;
background-position: bottom right;
clear: both;
display:block;
padding: 0;
border-bottom: 8px solid white;
}
#qtorials > li > ul {
font-size: 0.8em;
padding: 0;
margin: 0;
}
#qtorials li ul li ul {
padding: 4px 0 4px 0;
}
#qtorials a img {
border: 0 none;
padding: 0 10px 12px 0;
float: left;
clear: both;
}
#qtorials li {
list-style-type: none;
}
#qtorials h3 {
margin: 2px 0;
}
#qtorials h2 {
clear: both;
padding: 11px 16px;
margin: 0;
background-image: url(bgtop.png);
background-repeat: no-repeat;
}
#qtorials > li > p {
padding: 8px 16px 11px 16px;
margin: 0;
border-left: 1px solid #e0e8e5;
border-right: 1px solid #e0e8e5;
background-color: white;
}
#qtorials > li > ul > li {
clear: both;
padding: 0 16px 10px 16px;
}
#qtorials > li > ul > li > ul > li {
display: inline;
margin-right: 6px;
}
.cliplength,
#qtorials > li > ul > li > ul > li  > a
{
padding: 4px 4px 4px 18px;
}
#qtorials > li > ul > li > p {
margin: 4px 0 4px 0;
}
.clearomator {
font-size: 0pt;
clear: both;
display: block;
}
.cliplength {
background-image: url(bglength.png);
}
.watchclip  > a{
background-image: url(bgwatch.png);
}
.commentclip  > a{
background-image: url(bgcomment.png);
}