/* -----------------------------------------------------
 *                                                       *
 *                                                       *
 *                                                       *
 *              BOILER PLATE SH!Z                        *
 *                                                       *
 *                                                       *
 *                                                       *
 * ----------------------------------------------------- */

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }

pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
td { vertical-align: top; }

/* FORM FIXES: including allowing styling on iOS + pointer + consistency sizes/browsers + lots of other stuff */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }


/* -----------------------------------------------------
 *                                                       *
 *                                                       *
 *                                                       *
 *                                                       *
 *                FAQ SH!Z                               *
 *                                                       *
 *                                                       *
 *                                                       *
 * ----------------------------------------------------- */
    body { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300; letter-spacing: 1px; line-height: 120%; color: #333;
    background-image:url('../images/debut_dark.png'); background-repeat: repeat;
    }
    
    ::-moz-selection { background: #d64b4b; color: #E9EAEE; text-shadow: none; }
    ::selection { background: #d64b4b; color: #E9EAEE; text-shadow: none; }
    
    a:link, a:visited{ text-decoration: none; color: #222; border-bottom:2px dotted; }
    a:hover, a:active{ text-decoration: none; color: #d64b4b; outline: 0; border:0px; cursor: pointer; }
    h1 { text-transform: uppercase; font-size: 22px; line-height:100%; color:#222; text-align:center;}
    h2 { font-size: 18px; line-height:100%; color:#d64b4b; }
    h3 { font-size: 18px; line-height:100%; color:#222;}
    h3 a { color:#222; }
    
    blockquote { background:#EDEDED; border-left:10px solid #2296cf; margin:1.5em 10px; padding:.5em 10px; quotes:"\201C""\201D"; }
    blockquote:before { color:#2296cf; content:open-quote; font-size:4em; line-height:.1em; vertical-align:-.4em; }
    blockquote p { display:inline; }
    

    .header {
	border-top: 3px solid #d64b4b;
	direction: ltr;
	font: normal 16px/28px sans-serif;
	padding:10px;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 600px;
	z-index: 99999;
	background-color: #E9EAEE;
	background-image: -ms-linear-gradient(bottom,#A9A9B0,#E9EAEE 5px);
	background-image: -moz-linear-gradient(bottom,#A9A9B0,#E9EAEE 5px);
	background-image: -o-linear-gradient(bottom,#A9A9B0,#E9EAEE 5px);
	background-image: -webkit-gradient(linear,left bottom,left top,from(#A9A9B0),to(#E9EAEE));
	background-image: -webkit-linear-gradient(bottom,#A9A9B0,#E9EAEE 5px);
	background-image: linear-gradient(bottom,#A9A9B0,#E9EAEE 5px);
	
	font-weight: bold;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 100%;
	color: #5E5E5E;
	text-shadow: white 0 1px 0;
    }
    
        
    .wrapper {        
	margin: 0 auto;
	margin-top:100px;
	width:700px;
    }
    
    .divider {
	height:1px;
	width:100%;
	border-top: 1px solid #B1B3BA;
	border-bottom: 2px solid #F1F3FF;
	background-color: #d64b4b;
    }
    
    .info {
	margin-left:22px;
	background: #E9EAEE;
	border: 2px solid white;
	padding: 44px 40px 20px 40px;
	width: 572px;
	text-align: center;
	box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 1px 2px 6px rgba(0,0,0, 0.5);
	-webkit-box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
    }

    .ribbon {
       margin-top:9px;
       width: 700px;
       position: absolute;
       text-align: center;
       font-size: 22px!important;
       background: #d64b4b;
       background: -webkit-gradient(linear, left top, left bottom, from(#d64b4b), to(#ab2c2c));
       background: -webkit-linear-gradient(top, #d64b4b, #ab2c2c);
       background: -moz-linear-gradient(top, #d64b4b, #ab2c2c);
       background: -ms-linear-gradient(top, #d64b4b, #ab2c2c);
       background: -o-linear-gradient(top, #d64b4b, #ab2c2c);
       background-image: -ms-linear-gradient(top, #d64b4b 0%, #ab2c2c 100%);
       -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
       -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
       box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
       font-family: 'Helvetica Neue',Helvetica, sans-serif;
       }
    .ribbon h1 {
       font-size: 26px!important;
       color: #801111;
       text-shadow: #d65c5c 0 1px 0;
       margin:0px;
       padding: 15px 10px;
       }
    .ribbon:before, .ribbon:after {
       content: '';
       position: absolute;
       display: block;
       bottom: -1em;
       border: 1.5em solid #c23a3a;
       z-index: -1;
       }
    .ribbon:before {
       left: -2em;
       border-right-width: 1.5em;
       border-left-color: transparent;
       -webkit-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
       -moz-box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
       box-shadow: rgba(000,000,000,0.4) 1px 1px 1px;
       }
    .ribbon:after {
       right: -2em;
       border-left-width: 1.5em;
       border-right-color: transparent;
       -webkit-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
       -moz-box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
       box-shadow: rgba(000,000,000,0.4) -1px 1px 1px;
       }
    .ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
       border-color: #871616 transparent transparent transparent;
       position: absolute;
       display: block;
       border-style: solid;
       bottom: -1em;
       content: '';
       }
    .ribbon .ribbon-content:before {
       left: 0;
       border-width: 1em 0 0 1em;
       }
    .ribbon .ribbon-content:after {
       right: 0;
       border-width: 1em 1em 0 0;
       }
    .ribbon-stitches-top {
       margin-top:2px;
       border-top: 1px dashed rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
       -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
       box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
       }
    .ribbon-stitches-bottom {
       margin-bottom:2px;
       border-top: 1px dashed rgba(0, 0, 0, 0.2);
       -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
       -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
       box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
       }
  



/* -----------------------------------------------------
 *                                                       *
 *                                                       *
 *                                                       *
 *              TAIL END BOILER SH!Z                     *
 *              (MEDIA_QUERIES)                          *
 *                                                       *
 *                                                       *
 *                                                       *
 * ----------------------------------------------------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Smartphones (portrait and landscape)  */ }

@media only screen and (min-width : 321px) {
    /* Smartphones (landscape)  */ }

@media only screen and (max-width : 320px) {
    /* Smartphones (portrait)  */ }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    /* iPads (portrait and landscape)  */ }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* iPads (landscape)  */ }

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* iPads (portrait)  */ }

@media only screen and (min-width : 1224px) {
    /* Desktops and laptops  */ }

@media only screen and (min-width : 1824px) {
    /* Large screens  */ }

@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {
    /* iPhone 4  */ }

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}