/*  
Site Name: Smoke Signals Online
Site URI: http://smokesigs.com/
Author: FDSign
Author URI: http://fdsign.com
*/

/* RESET BROWSERS */ 
html, body {margin : 0; padding : 0;}
body {font-family: 'AvantGardeBkBT', Verdana, Geneva, sans-serif; font-weight: normal; font-style: normal;
color : #222; background : #000 url(../images/bg.png);
background-position:top; text-align : center; /* IE centering */
	width : 100%; min-width : 1000px; line-height:1.4; 
}


p {margin:0; padding:0;}
hr{clear:both; margin:0; visibility:hidden;}
ul{list-style-type:none; margin:0; padding:0;}
li{margin:0; padding:0;}
img{border:0;}
.reddy{color:#c00;}

h1, h2, h3, h4{font-family: 'AvantGardeMdITCTT'; font-size:22px; color:#fff; font-weight: normal; padding:0; margin:2px 0;letter-spacing:-1px;}


h3 a:link{text-decoration:none;}

/* FONTS */
@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'AvantGardeMdITCTT';
    src: url('avangmi_-font.eot');
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'AvantGardeMdITCTT';
    src: url(//:) format('no404'), url('avangmi_-font.woff') format('woff'), url('avangmi_-font.ttf') format('truetype'), url('avangmi_-font.svg#AvantGardeMdITCTTRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'AvantGardeMdBTMedium';
    src: url('avgardm-font.eot');
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'AvantGardeMdBTMedium';
    src: url(//:) format('no404'), url('avgardm-font.woff') format('woff'), url('avgardm-font.ttf') format('truetype'), url('avgardm-font.svg#AvantGardeMdBTMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    /* This declaration targets Internet Explorer */
    font-family: 'AvantGardeBkBT';
    src: url('avgardn-font.eot');
}

@font-face {
    /* This declaration targets everything else */
    font-family: 'AvantGardeBkBT';
    src: url(//:) format('no404'), url('avgardn-font.woff') format('woff'), url('avgardn-font.ttf') format('truetype'), url('avgardn-font.svg#AvantGardeBkBTBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* LINK PSEUDO + COLORS */


a:link {color : #3cf; text-decoration : none;}
a:visited {color : #e3cee3; text-decoration : none;}
a:hover {color : #f60; }


/* LAYOUT & POSITION + HEADER GFX */
#container {position:relative; top:0px; text-align : left; width : 1000px; margin : auto auto; margin-bottom:20px; background:#000;}
#header {position:relative; left:0px; top:0px; width:1000px; height:100px; text-align:center; background : #000 url(../images/bg.jpg); background-position:70px 15px}
#header-warning {position:relative; left:0px; top:0px; width:1000px; height:auto; text-align:center; background : #000 url(../images/bg.jpg); background-position:70px 15px}
.logo {width:305px; height:88px; position:absolute; top:5px; left:5px;}
#hidhead{position:absolute; bottom:0; height:10px; overflow:hidden; text-indent:-10000px; }

/** start top nav **/
#log{position:absolute; right:20px; top:0;}
.logbut{background:#666; border:#999 1px solid; float:left; margin:5px 10px; padding:0 5px; height:35px; vertical-align:50%;}
.logmem{background:#666; border:#999 1px solid; float:left; margin:5px 10px; padding:2px 5px; height:31px; vertical-align:50%;}
.logmem a{color:#fff; font-size: 21px;}
a.logjoin{color:#3cf; font-size: 25px;}
.logmem a:hover, .logjoin a:hover{color:#f60; }

/** START MAIN BODY **/
#mainbody{height:auto; text-align:center; margin:0; background:#bbb url(../images/body-bg.png) repeat-x; position:relative;}
#topzone{position:relative; width:980px; padding:10px; background:#fff; height:320px;}
.nivoSlider{width:670px !important; height:300px; background:#fff; float:left; position:relative; overflow:hidden;}

#plate{width:280px; height:320px; background:transparent url(../images/plate.png) no-repeat; float:left; position:absolute; right:10px;}
#plate h2{color:#e3f4fc; font-size:24px;}
#plate h3{font-size:22px; letter-spacing:0px; padding:0 4px; }
#plate h4{font-size:16px; letter-spacing:0px; text-transform:uppercase; padding:3px 10px 0;}
#plate p{color:#fff; font-size:14px; padding:3px 10px 0; line-height:1.3;}

/** start episode **/
h2.bar{width:1000px; background:#000; margin:0 0 15px 0; text-transform:uppercase; font-size:32px;}
.episode{background:#f9f9f9 url(../images/bg-noise.jpg); font-size:12px; padding:10px 0 10px 0; border-bottom:1px solid #ddd; margin:0;}
.episode li{width:235px; height:255px; position:relative; float:left; margin:7px;}
.episode .stdimage{width:225px; height:235px; padding:8px; background:#f5f5f5; border:1px solid #ddd; position:relative; z-index:1; top:0; left:0;}
img.playbut{z-index:100; width:60px; height:60px; position:absolute; top:90px; left:90px;}
img.playbut:hover{opacity:.85;}
.episode p{letter-spacing:1px; text-align:left; padding:10px; clear:both;}
.slogan{font-size:20px; padding:3px;}
.sloganbut{font-size:14px; padding:6px; background:#000; width:150px; margin:20px auto 10px;}
.thvid{width:235px; height:235px; position:relative; float:left; margin:7px;}
.episode .thepi{width:225px; height:235px; padding:8px; background:#f5f5f5; border:1px solid #ddd; position:relative; z-index:1; top:0; left:0;}

/** news **/
.title_bar{background:#333; margin:10px;}
ul.news{height:240px; overflow:hidden;}
ul.news li{width:185px; height:230px; overflow:hidden; font-size:12px;}
ul.news li h5{background:#333; padding:5px; color:#fff; font-size:16px; margin:0;}
ul.news li h5 .dates2{font-size:11px; font-weight:normal; color:#bbb;}
ul.news li p{padding:5px 3px; margin:0;}
ul.news li .continue a{font-weight:bold; color:#0aa; position:absolute; bottom:0; right:5px;}

#break{width:1000px; height:42px; background:transparent url(../images/break-line.png); }

/** bottom zone **/
#bottomzone{background:#f9f9f9 url(../images/bg-noise.jpg); font-size:12px; padding:0 0 10px 0; border-bottom:1px solid #ddd; margin:0;}
#bottomzone h3{background:#000; width:840px; margin:-15px 80px 5px; font-size:20px;}

/** testimonials **/
#testi{background:transparent url(../images/testi.png) no-repeat; width:980px; height:185px; margin:10px; position:relative; clear:both;}
.col{float:left; margin:55px 0 0 0; width:325px;}
.col p{width:205px; height:90px; text-align:left; margin-left:110px;}
.sig{font-weight:bold; color:#c00; float:right; margin:0px 5px;}

/** vid updates **/


#vidupdates h3.bar{width:1000px; background:#069; margin:0 0 15px 0; text-transform:uppercase; font-size:32px;}
#vidupdates ul{margin:0 3px 10px;}
#vidupdates li{width:175px; height:130px; position:relative; float:left; margin:10px;}
.thvidup{width:175px; height:130px; padding:8px; background:#f5f5f5; border:1px solid #ddd; position:relative; z-index:1; top:0; left:0;}
#vidupdates img.playbut{z-index:100; width:30px; height:30px; position:absolute; top:60px; left:80px;}


/** marketing **/

h4.glimpse{font-size:48px; color:#999; margin:15px 0;}
#marketing{font-family: 'AvantGardeBkBT'; background:#000 url(../images/marketing.jpg) no-repeat; width:1000px; height:280px; position:relative;}
#marketing h3, #marketing h5{font-family: 'AvantGardeBkBT'; background:none; width:300px; font-size:30px; font-weight:normal !important; text-align:left; color:#fff; margin:0;}
#datext{width:300px; position:absolute; right:10px; top:10px; text-align:left;}
#datext ul{color:#fff; font-size:18px;}
#datext li{background:transparent url(../images/asterisk.png) no-repeat; background-position:left 10px; padding-left:12px; font-size:12px;}
#marketing h5{width:300px; margin:0; text-align:right; font-size:18px;}
#lastslogan {margin:15px 0; padding-bottom:20px;}
#lastslogan p{font-size:24px; color:#666;}

/** JOIN PAGE STYLES**/

h1.bar{width:1000px; background:#000; margin:10px 0 15px 0; text-transform:uppercase; font-size:32px;}
.mainjoin{background:#f9f9f9 url(../images/bg-noise.jpg); font-size:12px; padding:0 0 10px 0; border-bottom:1px solid #ddd; margin:15px 0 0; padding-top:1px;}
.mainjoin h2{color:#069; font-size:24px; margin:5px 0; padding:5px 0;}
#leftjoin h3, #rightjoin h3{color:#333; text-align:left; padding:5px 10px;}
#leftjoin, #rightjoin{float:left; width:380px; margin:10px;}
.joinpad{background:#fff url(../images/join-pads-bg.png) repeat-x; border:1px solid #fff; border-radius:5px; margin:0 0 10px 0; background-position:bottom left;}
.joinpad p{font-size:13px; text-align:left; padding:0 8px 8px 8px; letter-spacing:0.3px;}
.joinpad a{font-weight:bold; color:#39f;}
#pad2 p{font-size:15px;}
.joinbut{margin-bottom:10px;}
.flag{width:44px; height:44px; float:left; margin:5px;}
#pad3 p{float:left; font-size:20px; width:252px; text-align:center;}
#pad5 p{font-size:12px; letter-spacing:0.9px; padding:8px ;}
#pad5 .reddy{font-weight:bold; }
#trust{margin-top:20px;}


/** FOOTER **/


#footer{color:#f9f9f9; margin:20px 0 0; background:#444 url(../images/bottom-bg.png) repeat-x; width:100%; height:40px; text-align:center; position:relative;}
#footnav ul{padding:0; margin:3px auto; width:980px; }
#footnav  ul li a{padding:4px 10px 0; float:left; height:35px; border-right:1px solid #555; font-size:12px;}
.superbottom{padding:1px 10px 0; float:left; height:35px; border-right:1px solid #555; font-size:12px;}
#footer a{color:#fff;}
#footer a:hover{color:#aaa;}
.minilogo{width:132px; height:38px; position:absolute; bottom:0; right:10px;}

.author{color:#666;}
.author a{color:#666;}

/** WARNING **/
#hblock{position:relative; height:auto;}
#hblock h1{font-size:60px;}
#hblock p{color:#fff;}
#warningbody{height:auto; text-align:center; margin:0; background:#666; position:relative; border:1px solid #999; color:#fff;}
#warning h3, #warning h4{color:#000; text-align:center;}
#warning{position:relative; font-size:12px; background:#fff; width:80%; margin:20px auto; color:#666; padding:5px 10px; text-align:left;}
#warning p{margin:10px;}
#warningbody .logo{margin:20px auto; position:relative;}
#warningbody #log{clear:both; position:relative; padding:0 20px; margin:0 auto 20px; width:440px; text-align:center;}
.exit, .enter{width:180px; float:left; font-size:24px; background:#333; margin:15px; border:1px solid #999; height:40px;}
.exit a{color:#fff;}
.enter a{color:#0cf; font-size:30px; padding:0 10px; }
#morestuff{clear:both; margin:10px;}