@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Merriweather:400,400italic,700,700italic,900);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:200,300,300italic,400,400italic,700);
/*@import 'ui.css';*/

/* TYPE PRESETS
///////////////////////////////////////////// */
body { font-size: 100%; color: #585858; line-height: 1.6em; -webkit-text-size-adjust: none;  /* Stops the iPhone scaling type up */ }
body, .default-font { font-family:  'Merriweather', 'Palatino', Times, serif; font-weight: normal; }
input, textarea { font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; }
pre { font-family: 'Courier New', Courier, monospace; font-size: 13px; font-weight:bold; }
.alt-font { font-family: 'Titillium Web', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-weight: normal; }
.alt-font.light, .alt-font .light {  font-family: 'Titillium Web', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-weight: 300; }
.alt-font.thin, .alt-font .thin {  font-family: 'Titillium Web', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-weight: 200; }
.alt-font em, .alt-font i, em.alt-font, i.alt-font, .alt-font.italic { font-weight: normal; font-style: italic; }
.alt-font strong, .alt-font b, strong.alt-font, b.alt-font, .alt-font.bold, .alt-font .bold { font-weight: 700; font-style: normal !important; }
h1, h2, h3 { font-family: 'Titillium Web', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-weight: normal; font-style: normal; }
h4, h5, h6 { font-weight: 900; }
h1, h2 { font-weight: 200; }
h1, h2, h3, h4, h5, h6, p, dl, hr, ol, ul, pre, table, address, fieldset { margin-bottom: 1.6em; }

/* link colors */
a { color: #6b6b6b; text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; }
a:focus { outline: 1px dotted #6b6b6b; }
a.uline { text-decoration: underline; }
.content a { color: #1D3C5B; }

/* Add back in basic text markup (after removal by reset) */
b, strong { font-weight: bold; }
i, em { font-style: italic; }
u { text-decoration: underline; }
em, i, .italic { font-style: italic; }
dt { font-weight: bold; }
p { font-size: 1em; }
hgroup { display: block; margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { line-height: 1.15em; }
h1 { font-size: 3em; line-height: 1.2em; margin: 0 0 0.15em; padding: 0; letter-spacing: -2px; color:  #FF4200; }
h1 sup { font-size: 14px; vertical-align: super; padding-left: 4px; }
h1 small { font-size: 0.63em; font-size: 44px; }
h2 { margin: 1.07em 0 .535em; font-size: 1.98em; }
h3 { margin:1.14em 0 .57em 0; font-size: 1.56em; }
h4 { margin: 0 0 .5em; font-size: 1.2em; color: #FF4100; }
h5 { margin: 0 0 0.35em; font-size: 1.12em; font-weight: 400; color: #FF4100; }
h6 { margin:1em 0 .25em 0; }
ol { margin-left: 0; padding-left: 20px; text-indent: 0; list-style: decimal; }
ul { list-style: disc; line-height: 1.4em; margin-left: 1em; }
ul ul { list-style: circle; margin-top: 0.6em; margin-bottom: 0.6em; }
li { font-size: 15px; margin-bottom: 2px; margin-left: 20px; }
ul.nolist, .nolist ul { display: block; margin: 0; padding: 0; list-style: none; list-style-image: none; }
p + ul { margin-top: -0.8em; padding-top: 0; }
.nolist li { margin: 0 0 0.12em 0; }
blockquote {  }
iframe { border: 0; }
small { font-size: 0.75em; line-height: normal; display: inline-block; }
big { font-size: 1.5em; }
hr { background:#ccc; border:none; color:#333; background: rgba(0, 0, 0, 0.35); display:block; height:1px; margin-top: 20px; width:100%; }
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p { margin-top: 0; } 

/* fix for weird Chrome collapse bug */
p + h1 { margin-top: 0.6em; }
p + p { margin-top: 0.4em; }

/*
_______________________________
Columnal - reverse type presets (for text on dark backgrounds) */
.reverse h1, .reverse h2, .reverse h3, .reverse h4, .reverse h5, .reverse h6 { color: #fff; }
.reverse, .reverse a { color: #fff; }

/* IMAGE basics */
img { -ms-interpolation-mode: bicubic; image-rendering: auto; }
a img { text-decoration: none; border: 0;		/* Stops image links getting text link styles */ }
/* for css "flippable" images */
.img { background-repeat: no-repeat; background-position: 50% 50%; background-size: auto auto; overflow: hidden; position: relative; }
.img > *, .img > a > * { visibility: hidden; /* display:none hides the text from screen readers */ }
.img > a { visibility: visible; display: block; width: 100%; height: 100%; }


/* LAYOUT
///////////////////////////////////////////// */
body { background: #F4F4F4; }

/* HEADER */
#main_header { padding-top: 10px; padding-bottom: 2em; }
#main_logo { display: block; width: 370px; height: 40px; background: url(../images/daswani-header-logo.png) no-repeat; }
#main_logo a { text-decoration: none; }

/* fixed social menu */
header .social { float: right; clear: both;  }
header .social > label { font-size: 1.2em; float: left; line-height: 42px; margin-right: 10px; }
header .social ul { overflow: hidden; margin: 0; padding: 0 0 0 3px; float: left; background: #fff; border: solid 1px #D1D9D7; border-top-color: #FF4400; border-radius: 0 0 5px 5px; }
header .social li { margin: 0; padding: 5px 0 0; float:left; text-align: center; }
header .social li { margin:  0 3px; }
header .social a { cursor: pointer; }
header .social li.twitter { background: #D4F5FE; padding-left: 0px; padding-right: 8px; margin-left: 0; }
header .social li.twitter a { float: left; }
header .social li.twitter a.anchor { color:#60737C; min-height: 34px; line-height: 30px; display: inline-block; zoom: 1; *display: inline; padding-right: 24px; background: url(../icons/arrow-blue-down-anchor.png) no-repeat 100% 50%; }
header .social li.twitter a.anchor span { display: display: inline-block; zoom: 1; *display: inline; padding-right: 5px; height: 42px; border-right: solid 1px #84BDD9; }
.social a.icon span { display: none; }
.social a.icon { background-color: transparent; background-repeat: no-repeat; background-position: 0 0; display: inline-block; zoom: 1; *display: inline;
width: 32px; height: 32px; }
a.icon.facebook { background-image: url(../icons/facebook.32.png); }
a.icon.twitter { background-image: url(../icons/twitter.32.png); }
a.icon.linkedin { background-image:url(../icons/linkedin.32.png); }
a.icon.contact { background-image: url(../icons/email.32.png); }
a.icon.gplus{  background-image: url(../icons/gplus.32.jpg); }

/* main nav */
header nav {  margin-top: 15px; }
header nav ul { border-top: solid 1px #939393; }
header nav li { font-size: 1.182em; width: auto; margin: 0; padding: 0; text-align: center; }
header nav li a { display: block; padding: 8px 20px 4px 0 !important; }
.about header nav li.about, 
.get-certified header nav li.get-certified,
.my-book header nav li.my-book,
.resources header nav li.resources,
.contact header nav li.contact { border-top: solid 2px #FF4400; margin-top: -1px; font-weight: 400; }
header nav li:last-child a { padding-right: 0 !important; }

/* CONTENT */
.content { position: relative; z-index: 0; min-height: 500px; }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { }

.content a.arrow-right { color: #333; font-family: 'Titillium Web', 'Century Gothic', CenturyGothic, AppleGothic, sans-serif; font-weight: 700; font-style: normal; position: relative; }
.content a.arrow-right:after { content: ''; display: block; width: 16px; height: 16px; position: absolute; top: 50%; margin-top: -6px; right: -20px; background: url(../icons/arrow-orange-right.png) no-repeat 50% 50%; }

/* section blocks */
section  article, section section { display: block; position: relative; overflow: visible; padding: 30px 15px 15px; margin-bottom: 2em; border-top: solid 1px #FF4300;  }
section article.box, section section.box { border: solid 1px; border-color: #ff4300 #D5D8D6 #D5D8D6 #D5D8D6; background: #fff; border-radius: 0 0 5px 5px; }
section article h3, section section h3 { 
position: absolute; top: -1em; left: -6px; margin: 0; padding: 5px 100px 5px 10px; font-weight: 100; color: #fff; min-width: 120px;
background: #1C1B18 url(../images/title-bar-diag-bg-grad.png) no-repeat 100% 50%; border-radius: 3px; 
}
section > h4, article > h4 { margin-bottom: 1.5em; font-size: 1.45em; }

/* table rows with <div> instead of <table> */
div.tr .thumb { text-align: center; line-height: 100px; vertical-align: middle; }
div.tr .thumb img { width: auto; height: auto; max-height: 100px; max-width: 120px; margin: 0 auto; }
div.tr .title { line-height: 1.3em; }
div.tr.head { font-weight: 700; }
	/* left border between columns */
	div.tr .col4 + .col4:before, 
	div.tr .col3 + .col6:before,
	div.tr .col5 + .col4:before { border-left: solid 1px #D5D8D6; content: ''; width: 1px; position: absolute; margin-left: -20px; height: 100%; }
	div.tr.head > div:before { border: 0; display: none; } /* except in the headers */
	
	/* twitter iframe */
	section#tweetstream {  }
	section#tweetstream > .box { padding-right: 0; padding-top: 30px; }
	#twitter-widget-0 { height: 500px; width: 100%; max-width: auto; border: 0; margin-bottom: -22px; border-radius: 0 9px 0 0; }

/* FOOTER  */
#main_footer { 
min-height: 190px;
max-height: 9999px; /* webkit font-boost bug */
border-top: solid 1px #C6C6C6;
background: rgb(38,37,34);
background: -moz-linear-gradient(top, rgba(38,37,34,1) 0%, rgba(26,25,22,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(38,37,34,1)), color-stop(100%,rgba(26,25,22,1)));
background: -webkit-linear-gradient(top, rgba(38,37,34,1) 0%,rgba(26,25,22,1) 100%);
background: -o-linear-gradient(top, rgba(38,37,34,1) 0%,rgba(26,25,22,1) 100%);
background: -ms-linear-gradient(top, rgba(38,37,34,1) 0%,rgba(26,25,22,1) 100%);
background: linear-gradient(to bottom, rgba(38,37,34,1) 0%,rgba(26,25,22,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262522', endColorstr='#1a1916',GradientType=0 );
}
#main_footer > .row { padding-bottom: 2em; }
#main_footer nav li { margin-right: 20px; }
#main_footer nav li + li + li { padding-left: 20px; border-left: solid 1px #676662; }
#main_footer, #main_footer a { color: #fff; }
#footer_logo { display: block; width: 133px; height: 18px; background: url(../images/daswani-footer-logo.png) no-repeat; }
#main_footer nav li.active { font-weight: 400; }
aside.disclaimer { color: #C6C6C6; font-size: 0.75em; font-weight: normal; padding: 1em 0; }


/* UTILITY */
.auto-height { height: auto !important; min-height: inherit !important; }
.auto-width { width: auto !important; min-height: inherit !important; }
.float-right { float: right; }
.float-left { float: left; }
.margin-center { margin-left: auto !important; margin-right: auto !important; }
.padtop { padding-top: 1em; }
.padtop.x2 { padding-top: 2em; }
.padtop.x3 { padding-top: 3em; }
.padtop.x4 { padding-top: 4em; }

/* menus and lists */
ul.menu { list-style: none; list-style-image: none; display: block; margin: 0; padding: 0; line-height: 1em; }
.menu li { display: inline-block; zoom: 1; *display: inline; margin: 0; padding: 0; vertical-align: middle; }
.menu li > a { display: inline-block; zoom: 1; *display: inline; padding: 0.12em 0.25em; }
li.rule { display: block; clear: both; overflow: hidden; height: 1px; border-bottom: dotted 1px #999; margin: 0.5em 0; }
/* tab menu */
section.tab { height: 512px; overflow: auto; }
nav.tabs { padding-left: 10px; }
nav.tabs .menu li a { margin: 0; padding: 10px 100px 8px 10px; font-size: 1.3em;  min-width: 110px; outline: none;
background: #E2E2E2 url(../images/title-bar-diag-bg-grad-lt.png) no-repeat 100% 50%; border-radius: 3px 3px 0 0; }
nav.tabs .menu li a.active { background: #1C1B18 url(../images/title-bar-diag-bg-grad.png) no-repeat 100% 50%; color: #fff; font-weight: 300; }
.tab { position: absolute; display: block; min-height: 300px; visibility: hidden; opacity: 0;  transition: opacity 0.8s linear; }
.tab.active { z-index: 1; position: relative; visibility: visible; opacity: 1; transition: opacity 0.8s linear; }


/* UI
///////////////////////////////////////////// */
.button, a.button { display: inline-block; zoom: 1; *display: inline; font-weight: 700; font-size: 1.2em;
          border: none; color: #fff; background-color: #FF4400; padding: 0.425em 2em; cursor: pointer; }
.button.disabled, .button:disabled, .button[disabled="disabled"] { background-color: #CCCCCC; color: #e3e3e3; cursor: default; }
input.button:hover { text-decoration: underline; }
.button.disabled a:hover, .button.disabled:hover, .button:disabled:hover, .button:hover[disabled="disabled"] { text-decoration: none; }
a.button strong { position: relative; padding-right: 12px; }
a.button strong:after { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
a.button strong:after { border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 6px; top: 58%; margin-top: -6px; }

/* mainly for debugging purposes */
.log { padding: 2px 12px; line-height: 1.1em; position: fixed; background: #333; background: rgba(0, 0, 0, 0.85); box-shadow: 1px 1px 2px rgba(0, 0, 0, 1); color: #fff; font-size: 12px; top: 10px; right: 10px; }
.outline { outline: dotted 1px; }
.outline.reverse { outline-color: #fff; }
.outline.bright { outline-color: lime; }



/* @MEDIA QUERIES
///////////////////////////////////////////// */
@media handheld, only screen and (max-width: 1045px) {
	
	.row { } /* compensate for added padding */ 
}


@media only screen and (min--moz-device-pixel-ratio: 2),
only screen and (-o-min-device-pixel-ratio: 2/1),
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {

    /* Provide higher res assets for 2x displays */
	#main_logo { background: url(../images/daswani-header-logo.2x.png) no-repeat; background-size: 370px 40px; }
	#footer_logo { background: url(../images/daswani-footer-logo.2x.png) no-repeat; background-size: 133px 18px; }
    /* social menu */
    header a.icon {
        margin-top: 4px;
        background-size: 32px 32px;
    }
    a.icon.facebook {
        background-image: url(../icons/facebook.64.png);
    }
    a.icon.twitter {
        background-image: url(../icons/twitter.64.png);
    }
    a.icon.linkedin {
        background-image:url(../icons/linkedin.64.png);
    }
    a.icon.contact {
        background-image: url(../icons/email.64.png);
    }
}