
@charset "utf-8";
/* CSS Document */

#body { background:#292929; }
a { text-decoration:none; color: #dc7d01; }
a:hover { text-decoration:underline; }
#container { margin:0 auto; width:960px; background:#000;}
#header { height:144px; background: url(../images/header-bg.jpg) no-repeat #000; }
#nav { height:35; margin: 4px 7px; background:#312714; width:945px; font-weight:bold; }
#nav ul { list-style:none;  }
#nav > ul > li { list-style:none; float:left; width:117px; text-align:center;  background:url(../images/nav-button.jpg) no-repeat top center;border-top:1px solid black;; margin-left:1px;padding:0;height:33px;}
#nav li:hover, #nav li.current_page_item { background-position: center -33px; }  
#nav li a { text-decoration:none; line-height:35px;color:#fff; display:block;}
#nav li ul { position : absolute; left : -999em; height : auto; margin : 0;}
#nav li li { background: #4f4f4f; text-align:left; padding: 0 8px; border-bottom:1px solid #8f8f8f; }
#nav li ul ul { margin : -1.7em 0 0 14em; }
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left : -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left : auto; }
#nav li li:hover { background: #6f6f6f; }


#index-top { margin:8px 0;}
#index-video { width: 445px; float:left;margin:0 8px; }
#index-capture { width: 223px; float: left;margin-right:8px;}
#index-vid-links { width:260px; float: left; margin-right:8px;}

#index-list { width: 200px; list-style-type:none;color:#000; font-weight:bold;font-size:14px; color:#696969;margin:0;padding:0;}
#index-list li { background:url(../images/heart.png) no-repeat center left; padding-left: 40px;margin:2px 0 8px 4px;height:36px;line-height:16px;}
#index-list li strong { color:#ff0000; }


.fixed{ position:absolute; z-index:10; }
.index-sign-up { margin-left:4px; }
.index-sign-up .sign-up-content { font-size: 12px; font-weight:bold; padding: 15px 0 0 15px; }
.index-sign-up label { float:left; width:36px; color:#fff;line-height:22px; }

input.styled-input-130 { border:0;background-color:transparent; color: #777; background:url(../images/styled-input-140.png) no-repeat; width:130px; height:20px; padding:3px 6px 5px 5px;}
input.styled-input-215 { border:0;background-color:transparent; color: #777; background:url(../images/styled-input.png) no-repeat; width:215px; height:20px; padding:3px 6px 5px 5px;}

input.sign-up-email {  width:190px; height:17px; padding:3px 0 0 6px;}
input.sign-up-name { background: url( ../images/sign-up-state.jpg) no-repeat; width:72px; height: 17px; padding:3px 0 0 6px;}
.grey-button { width:73px; height:21px;background:url(../images/submit.png) no-repeat center; background-position:0px 0px; border:none;cursor:pointer;}
.grey-button:hover { background-position: 0 -21px; }

#tutorial-vids { list-style:none; margin:3px 0 0 0; padding:0; color:#696969;font-size:14px;}
#tutorial-vids li {background:url(../images/index-vid-link-bg.jpg) no-repeat; margin:0 0 5px 0; width:246px; height:90px; border:1px solid #333;}
#tutorial-vids li div.thumb { float:left;background:url(../images/index-vid-links-thumb-border.jpg);width:109px;height:82px;margin:5px 0 0 6px; }
#tutorial-vids li div.thumb img { margin:1px 0 0 1px;border:2px solid white; }
#tutorial-vids li div.watch {float:right; position:relative;top:60px;left:-5px; }
#tutorial-vids li div.title { float:right; position:relative;top:-18px;margin: 0 6px 0 0;line-height:16px;width:120px; }

#index-media {  width:944px; height:60px; margin:0 8px; background:url(../images/index-media-bg.jpg) repeat-x; }
#index-media > div.media-list { border:1px solid #959595; background:#fff; height:50px; font-weight:bold;margin:4px;}
#index-media ul { list-style:none;  padding:0;margin:4px;line-height:40px;}
#index-media li { float:left; margin:0 10px 0 0; padding:0; }
#index-media li a { border:0; }

#index-bottom { margin:8px 8px; background:url(../images/index-lower-bg.jpg) repeat-x #ffffff; border:1px solid #1a1a1a; }
#index-bottom-left { width: 671px; float:left;border-right:1px solid #666666;margin:16px 0;}
#index-bottom-right { width: 254px; float:left; margin:16px 0 0 16px; }
#index-bottom h3 { text-align:center;color:#f00; }
#index-bottom p { color:#292929; font-size:18px; line-height: 22px; }
#index-bottom hr {border:0 #666666 solid;border-top-width:1px;clear:both;height:0}
#index-bottom strong { color:#f00; }

#index-bottom-left div.area { float:left;width:157px;height:214px;margin-left:49px; }

#index-bottom-right ul { list-style:none; margin:0;padding:0;}
#index-bottom-right li { margin:0;padding:0;}

#footer { height:40px; margin:0 8px 16px 8px; text-align:right; background:#000; color:#959595; font-size:12px; }
#sq-footer { height:40px; margin:0 8px 16px 8px; text-align:center; color:#000; font-size:12px; }

.index-box { background: url(../images/index-box-bg.jpg) repeat-x; }
.red-button-110 { line-height:23px;background:url(../images/red-button-110.png) no-repeat top center;color:#fff;width:112px;height:23px;text-align:center;font-weight:bold; }
.red-button-110:hover { background-position: 0 -23px;  }
.red-button-110 a { text-decoration:none; color:#fff; display:block; }

.red-button-157 { line-height:23px;background:url(../images/red-button.png) no-repeat top center;color:#fff;width:157px;height:23px;text-align:center;font-weight:bold; }
.red-button-157:hover { background-position: 0 -23px;  }
.red-button-157 a { text-decoration:none; color:#fff; display:block; }

#sub-content { margin:8px; background:#e7f5ff; font-size:18px; }
#sub-content-main { float:left;width:702px;border:1px solid #adb6bc;background:#fff;margin:13px 8px; }
#sub-content-full { width:926px;border:1px solid #adb6bc;background:#fff; margin:13px 8px; }
#title { background:#540f08;color:#fff;font-size:24px; text-transform:uppercase; text-align:center; font-weight:bold; }
#title-lower { background:url(../images/sub-title-bottom.jpg) no-repeat top center; width:inherit; margin:auto auto; height:22px; }
#title a { color:#fff; }

#sub-content strong { color:#f00; font-weight:bold; }
#sub-content #secondary-content, #product-bottom { margin: 5px 8px 20px 8px; line-height:20px;}

#sub-content ul { list-style:none; }
#sub-content li { background:url(../images/red-arrow-right.jpg) no-repeat top left; padding-left: 30px;margin:2px 0 12px 0px; min-height:28px;}
.amember li { background:none; list-style:none;padding:0; margin:0 }
.amember ol, .amember ul { padding:0; margin:0; }

#sidebar { float:right; width: 216px; margin:13px 8px 0 0; text-align;center; }
#sidebar li { float:none; text-align:left;list-style: none; background:none; padding-left:10px; margin:0px 10px 3px;  }

.grey-band { background:#636363; color:#ffffff; padding: 2px 8px; font-weight:bold;}

ul#tutorials > li { background:none;padding:4px;margin:0; clear:both; border-top:1px solid black; height:86px;}
ul#tutorials > li img { float:left;  width: 112px; height:82px; }
ul#tutorials > li div { float:left; width: 170px; height: 82px; margin-left:8px;}
ul#tutorials > li ul { float:left;  width: 350px; margin:0;padding:0; }
ul#tutorials > li li { background:url(../images/red-arrow-right-small.jpg) no-repeat top left; padding-left:15px; min-height:0px;line-height:15px;  }

div.center { margin-left:auto; margin-right:auto; }
div.space { margin-top: 20px; margin-bottom: 20px; }

.navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px;    }
.notice     { margin: 20px 0; padding:20px; border: 2px solid red; background:#dddddd; }

.hidden { visibility:hidden; }
.alignleft { float:left; }
.alignright { float:right; }

.post { margin: 0 0 40px;    text-align: justify;    }
.flowplayer { margin: 10px auto; }

.comment {     background:none !important;  }
.commentlist li, #commentform input, #commentform textarea {
    font: 0.9em;
    }
.commentlist li ul li {
    
}

.commentlist li {
    font-weight: bold;
}

.commentlist li .avatar { 
    float: right;
    border: 1px solid #eee;
    padding: 2px;
    background: #fff;
    }

.commentlist cite, .commentlist cite a {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }

.commentlist p {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }

#commentform p {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

.commentmetadata {
    font-weight: normal;
    }
    
/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
    }

.commentlist {
    padding: 0;
    text-align: justify;
    
    }

.commentlist li {
    margin: 15px 0 10px;
    padding: 5px 5px 10px 10px;
    list-style: none;
    }
.commentlist li ul li { 
    margin-right: -5px;
    margin-left: 10px;
}

.commentlist p {
    margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
    margin: 5px 0;
    }

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }

.commentmetadata {
    margin: 0;
    display: block;
    }
.thread-alt {
    background-color: #ffefef !important;
}
.thread-even {
    background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

    border-left: 1px solid #ddd;
}

/* End Comments */    
.linklove { display:none; }
#int li { background: none !important; margin:0; padding: 0; }
.audioplayer_container { width: 290px; margin: 0 auto; }

#sq-content ul.checks { list-style:none; margin:0; padding:0;  }
#sq-content ul.checks li{ background: url(../images/checker2.gif) no-repeat; margin:0 10px 10px; padding: 0 0 0 30px;  }
#sq-content strong { color: #f00; }