/* ----------------------- reset ------------------------- */
* { margin: 0em; padding: 0em; }
fieldset, img, a img { border: none; }
header, footer, nav, section, article, aside, hgroup { display: block; margin: 0em; padding: 0em; }
li { list-style:none; }

/* ------------------------------ html ------------------------------ */
html#gray { background: rgb(211,211,211); }
html#black { background: rgb(0,0,0); }
html#white { background: rgb(255,255,255); }
html#profithacks { background: url(_images/css-linenbkgd.jpg) fixed repeat 0em 0em; }

/* ----------------------- tags ------------------------- */
body {  }

p { margin: 1em 0em; }

.arial { font-family: Arial, Helvetica, sans-serif; }
.lucida { font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Helvetica, sans-serif; }
.graublau { font-family: GraublauWeb, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Helvetica, sans-serif; }
.courier { font-family: "Courier New", Courier, monospace; }

/* ----------------------- typography ------------------------- */
@font-face { font-family: Vegur; src: url("http://www.strategicprofits.com/profithacks/_typography/Vegur-regular.otf") format("opentype"); }
@font-face { font-family: Vegur; font-style: italic; src: url("http://www.strategicprofits.com/profithacks/_typography/Vegur-light.otf") format("opentype"); }
@font-face { font-family: Vegur; font-weight: bold; src: url("http://www.strategicprofits.com/profithacks/_typography/Vegur-bold.otf") format("opentype"); }
@font-face { font-family: DeliciousRoman; src: url("http://www.strategicprofits.com/profithacks/_typography/Delicious-Roman.otf") format("opentype"); }
@font-face { font-family: DeliciousRoman; font-style: italic; src: url("http://www.strategicprofits.com/profithacks/_typography/Delicious-Italic.otf") format("opentype"); }
@font-face { font-family: DeliciousRoman; font-weight: bold; src: url("http://www.strategicprofits.com/profithacks/_typography/Delicious-Heavy.otf") format("opentype"); }
@font-face { font-family: GraublauWeb; src: url(http://www.strategicprofits.com/profithacks/_typography/GraublauWeb.otf) format(truetype); }
@font-face { font-family: GraublauWeb; font-weight: bold; src: url(http://www.strategicprofits.com/profithacks/_typography/GraublauWebBold.otf) format(truetype); }
@font-face { font-family: Chunkfive; src: url("http://www.strategicprofits.com/profithacks/_typography/Chunkfive.otf") format("opentype"); }
@font-face { font-family: Lato; src: url("_typography/Lato-Reg.ttf") format("truetype"); }
@font-face { font-family: Lato; font-weight: bold; src: url("_typography/Lato-Bold.ttf") format("truetype"); }

/* ------------------------------ links ------------------------------ */
a  {text-decoration: none; color: #36C; }
a:hover { text-decoration: underline; }
a:active { color: #666666; text-decoration: none; }

/* ------------------------------ header#label-ph ------------------------------ */
header#label-ph { overflow: hidden; }
header#label-ph aside { float: left; width: 49%; }
header#label-ph aside hgroup { width: 225px; float: left; padding: .5em 0em .5em 0em; background: rgb(0,0,0); border: 1px solid rgb(0,0,0); border-top: none; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; }
header#label-ph aside hgroup h1 { background: url(_images/logo-ph-label.png) no-repeat 0em 0em; display: block; width: 205px; margin: 0em auto; height: 45px; text-indent: -9999px; }

header#label-ph aside ul { float: right; margin-top: 1em; }
header#label-ph aside ul li { display: inline; }

/* ------------------------------ footer ------------------------------ */
footer { clear: both; padding: .5em 1em; margin: .5em auto; text-align: right;  }
footer div.content { width: 925px; margin: 0em auto; border-top: 1px dotted rgb(230,230,230); padding-top: .25em; }
footer h5#logo a { float: left; width: 253px; height: 58px; display: block; text-indent: -2000em; background: url(_images/logo-strategic_profits.png) no-repeat top left; }
footer h5#logo span { text-indent: -2000em; }
footer a { color: rgb(0,0,0); }

/*
-----------------------
LAYOUT SPECIFIC
-----------------------
*/

/* ------------------ div#control ------------------ */
div#control { overflow: hidden; }
div#control div#contain { width: 100%; float: left; margin-right: -375px; }
div#control div#main { margin-right: 375px; }
div#control div#main article { margin: .5em 1em; }
div#control div#sidebar { width: 375px; float: right; }

/* ------------------ div#control-alt ------------------ */
div#control-alt { overflow: hidden; /*margin: 0em 1.5em 0em 1.5em;*/ }
div#control-alt div#contain { width: 100%; float: right; margin-left: -250px; }
div#control-alt div#main { margin-left: 250px; }
div#control-alt div#sidebar { width: 250px; float: left; }

.three .float { float: left; width: 33%; }
.three .float aside { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: rgba(0,0,0,0.25) 0 0 4px, rgba(0,0,0,0.30) 0 3px 4px; -webkit-box-shadow: rgba(0,0,0,0.25) 0 0 4px, rgba(0,0,0,0.30) 0 3px 4px; margin: .5em .5em; text-align: center; padding: 1em 0em; }

/*
-----------------------
REPORTY
-----------------------
*/

/* ----------------------- section#reporty ------------------------- */
section#reporty { overflow: hidden; margin: .5em 0em; }
section#reporty div.content { width: 960px; margin: 0em auto; }

section#reporty h1 { font-family: lato; font-weight: bold; text-transform: uppercase; margin: .5em 0em .25em 0em; color: rgb(204,0,0); font-size: 2.5em; text-align: center; }
section#reporty h2 { font-family: DeliciousRoman; font-weight: bold; text-transform: uppercase; margin: .5em 0em .5em 0em; color: rgb(51,51,51); font-size: 1.25em; text-align: center; }
section#reporty h3 { font-family: DeliciousRoman; font-weight: bold; text-transform: uppercase; margin: .5em 0em .5em 0em; color: rgb(51,51,51); font-size: 1.25em; text-align: center; }
section#reporty a.btn { font-family: Vegur; font-weight: bold; font-size: 1.5em; padding: .5em 1em .25em 1em; }
section#reporty ul.hw-brackets { margin: .5em 2em; }
section#reporty ul.hw-brackets li { margin: .5em 0em; color: rgb(100,100,100); }

section#reporty div.reporty { margin: 1em 1em; }

section#reporty div.reporty div.alert-message p { margin: 0em 0em; }

section#reporty aside.reporty { background: rgb(255,255,255); border: 2px solid rgb(230,230,230); border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; /*box-shadow: 0px 0px 16px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.3); -khtml-box-shadow: 0px 0px 16px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.3);*/ min-height: 305px; margin: .5em 0em; overflow: auto; }
section#reporty aside.reporty h3.red-grad { margin: 0em 0em 0em 0em;  font-weight: normal; text-align: center; letter-spacing: 1px; padding: .35em 0em; color: rgb(255,255,255);border-bottom: none; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }

/*ul.hw-asterix li { list-style: none; padding: 0em 0em 0em 32px; background: url(_images/css-hw-asterix.png) no-repeat 0em -.15em; min-height: 34px; margin: 0em 0em; }*/
ul.hw-brackets li { list-style: none; padding: 0em 0em 0em 32px; background: url(_images/css-hw-angle_brackets.png) no-repeat 0em -.15em; min-height: 34px; margin: 0em 0em; }
/*ul.hw-arrows li { list-style: none; padding: 0em 0em 0em 32px; background: url(_images/css-hw-arrow.png) no-repeat 0em -.15em; min-height: 34px; margin: 0em 0em; }*/

blockquote.quote { color: rgb(100,100,100); background: url("_images/blockquote.png") no-repeat 0em 0em; margin: .5em 2em; padding: 0em 0em 0em 50px; }


/*
-----------------------
SOCIAL
-----------------------
*/

/* ----------------------- section#social ------------------------- */
section#social { overflow: hidden; margin: 0em 0em; clear: both; }
section#social div.content { width: 960px; margin: 0em auto; }
section#social h2 { margin: .5em 0em; font-size: 1.5em; font-family: DeliciousRoman, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Helvetica, sans-serif; letter-spacing: -1px; color: rgb(0,0,0); text-shadow: 1px 1px #ffffff; text-transform: uppercase; }
section#social h3 { font-family: DeliciousRoman; font-weight: bold; text-transform: uppercase; margin: .5em 0em .5em 0em; color: rgb(51,51,51); font-size: 1.25em; text-align: center; }

section#social div.social { margin: 1em 1em 0em 1em; }

section#social aside.social { background: rgb(255,255,255); border: 2px solid rgb(230,230,230); border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; /*box-shadow: 0px 0px 16px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.3); -khtml-box-shadow: 0px 0px 16px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.3);*/ min-height: 305px; margin: .5em 0em; overflow: auto; }
section#social aside.social h3.blue-grad { margin: 0em 0em 0em 0em; font-weight: normal; text-align: center; letter-spacing: 1px; padding: .35em 0em; color: rgb(255,255,255);border-bottom: none; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }

/*
-----------------------
COMMENTS
-----------------------
*/

/* ----------------------- section#comments ------------------------- */
section#comments { overflow: hidden; margin: .5em 0em; }
section#comments div#alert { margin: .5em 0em; }
section#comments div.content { width: 960px; margin: 0em auto; }

section#comments h2 { margin: .5em 0em; font-size: 1.5em; font-family: DeliciousRoman, "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Helvetica, sans-serif; letter-spacing: -1px; color: rgb(0,0,0); text-shadow: 1px 1px #ffffff; text-transform: uppercase; }
section#comments h3 { font-family: DeliciousRoman; font-weight: bold; text-transform: uppercase; margin: .5em 0em .5em 0em; color: rgb(51,51,51); font-size: 1.25em; text-align: center; }

div#comments-disqus, div#comments-facebook { margin: 1em 1em; }

section#comments aside.comments { background: rgb(255,255,255); border: 2px solid rgb(230,230,230); border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; /*box-shadow: 0px 0px 16px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 16px rgba(0,0,0,0.3); -khtml-box-shadow: 0px 0px 16px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 0px 16px rgba(0,0,0,0.3);*/ min-height: 305px; margin: .5em 0	em; overflow: auto; }
section#comments aside.comments h3.green-grad { margin: 0em 0em 0em 0em; font-weight: normal; text-align: center; letter-spacing: 1px; padding: .35em 0em; color: rgb(255,255,255);border-bottom: none; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; }

/*
-----------------------
GENERIC
-----------------------
*/

/* ----------------------- classes ------------------------- */
.centre { text-align:center; }
.destra { text-align: right; }
.sinistra { text-align: left; }
.float { float: left; width: 49%; }
.float-right { float: right; margin-left: 1em; }
.float-left { float: left; margin-right: 1em; }
.clearing { clear: both; height: 0em; }
.invisible { display: none; visibility: hidden; }
.white { background: rgb(255,255,255); }
.red { color: rgb(204,0,0); }

aside.video { width: 640px; margin: 1em auto; background: rgb(0,0,0); border: 5px solid rgb(255,255,255); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: .5em .5em; box-shadow: rgba(0,0,0,0.6) 0 0 4px, rgba(0,0,0,0.6) 0 3px 4px; -webkit-box-shadow: rgba(0,0,0,0.6) 0 0 4px, rgba(0,0,0,0.6) 0 3px 4px; }

.content { width: 960px; margin: 0em auto; }

/*
-----------------------
ADDONS
-----------------------
*/

/* Animation
------------------------------------------------------------ */

@-webkit-keyframes bounce-left {
	0% { opacity: 0; -webkit-transform: translateX(-2000px); }
	60% { opacity: 1; -webkit-transform: translateX(30px); }
	80% { -webkit-transform: translateX(-10px); }
	100% { -webkit-transform: translateX(0); }
}

@-moz-keyframes bounce-left {
	0% { opacity: 0; -moz-transform: translateX(-2000px); }
	60% { opacity: 1; -moz-transform: translateX(30px); }
	80% { -moz-transform: translateX(-10px); }
	100% { -moz-transform: translateX(0); }
}

@-ms-keyframes bounce-left {
	0% { opacity: 0; -ms-transform: translateX(-2000px); }
	60% { opacity: 1; -ms-transform: translateX(30px); }
	80% { -ms-transform: translateX(-10px); }
	100% { -ms-transform: translateX(0); }
}

@-o-keyframes bounce-left {
	0% { opacity: 0; -o-transform: translateX(-2000px); }
	60% { opacity: 1; -o-transform: translateX(30px); }
	80% { -o-transform: translateX(-10px); }
	100% { -o-transform: translateX(0); }
}


@keyframes bounce-right {
	0% { opacity: 0; transform: translateX(2000px); }
	60% { opacity: 1; transform: translateX(-30px); }
	80% { transform: translateX(10px); }
	100% { transform: translateX(0); }
}

@-webkit-keyframes bounce-right {
	0% { opacity: 0; -webkit-transform: translateX(2000px); }
	60% { opacity: 1; -webkit-transform: translateX(-30px); }
	80% { -webkit-transform: translateX(10px); }
	100% { -webkit-transform: translateX(0); }
}

@-moz-keyframes bounce-right {
	0% { opacity: 0; -moz-transform: translateX(2000px); }
	60% { opacity: 1; -moz-transform: translateX(-30px); }
	80% { -moz-transform: translateX(10px); }
	100% { -moz-transform: translateX(0); }
}

@-ms-keyframes bounce-right {
	0% { opacity: 0; -ms-transform: translateX(2000px); }
	60% { opacity: 1; -ms-transform: translateX(-30px); }
	80% { -ms-transform: translateX(10px); }
	100% { -ms-transform: translateX(0); }
}

@-o-keyframes bounce-right {
	0% { opacity: 0; -o-transform: translateX(2000px); }
	60% { opacity: 1; -o-transform: translateX(-30px); }
	80% { -o-transform: translateX(10px); }
	100% { -o-transform: translateX(0); }
}

@keyframes bounce-right {
	0% { opacity: 0; transform: translateX(2000px); }
	60% { opacity: 1; transform: translateX(-30px); }
	80% { transform: translateX(10px); }
	100% { transform: translateX(0); }
}


@-webkit-keyframes bounce-top {
	0% { opacity: 0; -webkit-transform: translateY(-2000px); }
	60% { opacity: 1; -webkit-transform: translateY(30px); }
	80% { -webkit-transform: translateY(-10px); }
	100% { -webkit-transform: translateY(0); }
}

@-moz-keyframes bounce-top {
	0% { opacity: 0; -moz-transform: translateY(-2000px); }
	60% { opacity: 1; -moz-transform: translateY(30px); }
	80% { -moz-transform: translateY(-10px); }
	100% { -moz-transform: translateY(0); }
}

@-ms-keyframes bounce-top {
	0% { opacity: 0; -ms-transform: translateY(-2000px); }
	60% { opacity: 1; -ms-transform: translateY(30px); }
	80% { -ms-transform: translateY(-10px); }
	100% { -ms-transform: translateY(0); }
}

@-o-keyframes bounce-top {
	0% { opacity: 0; -o-transform: translateY(-2000px); }
	60% { opacity: 1; -o-transform: translateY(30px); }
	80% { -o-transform: translateY(-10px); }
	100% { -o-transform: translateY(0); }
}

@keyframes bounce-top {
	0% { opacity: 0; transform: translateY(-2000px); }
	60% { opacity: 1; transform: translateY(30px); }
	80% { transform: translateY(-10px); }
	100% { transform: translateY(0); }
}

.bounce-left {
	-webkit-animation: bounce-left 1s;
	-moz-animation: bounce-left 1s;
	-ms-animation: bounce-left 1s;
	-o-animation: bounce-left 1s;
	animation: bounce-left 1s;
}

.bounce-right {
	-webkit-animation: bounce-right 1s;
	-moz-animation: bounce-right 1s;
	-ms-animation: bounce-right 1s;
	-o-animation: bounce-right 1s;
	animation: bounce-right 1s;
}

.bounce-top {
	-webkit-animation: bounce-top 3.5s;
	-moz-animation: bounce-top 3.5s;
	-ms-animation: bounce-top 3.5s;
	-o-animation: bounce-top 3.5s;
	animation: bounce-top 3.5s;
}

.red-grad { background-color: #fe0002;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(254, 0, 2)), to(rgb(220, 0, 0)));
background-image: -webkit-linear-gradient(top, rgb(254, 0, 2), rgb(220, 0, 0));
background-image: -moz-linear-gradient(top, rgb(254, 0, 2), rgb(220, 0, 0));
background-image: -o-linear-gradient(top, rgb(254, 0, 2), rgb(220, 0, 0));
background-image: -ms-linear-gradient(top, rgb(254, 0, 2), rgb(220, 0, 0));
background-image: linear-gradient(top, rgb(254, 0, 2), rgb(220, 0, 0));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fe0002', EndColorStr='#dc0000');
 }

.blue-grad { background-color: #3b5a97;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(59, 90, 151)), to(rgb(3, 47, 100)));
background-image: -webkit-linear-gradient(top, rgb(59, 90, 151), rgb(3, 47, 100));
background-image: -moz-linear-gradient(top, rgb(59, 90, 151), rgb(3, 47, 100));
background-image: -o-linear-gradient(top, rgb(59, 90, 151), rgb(3, 47, 100));
background-image: -ms-linear-gradient(top, rgb(59, 90, 151), rgb(3, 47, 100));
background-image: linear-gradient(top, rgb(59, 90, 151), rgb(3, 47, 100));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#3b5a97', EndColorStr='#032f64');

 }

.green-grad { background-color: #377723;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(55, 119, 35)), to(rgb(116, 173, 94)));
background-image: -webkit-linear-gradient(top, rgb(55, 119, 35), rgb(116, 173, 94));
background-image: -moz-linear-gradient(top, rgb(55, 119, 35), rgb(116, 173, 94));
background-image: -o-linear-gradient(top, rgb(55, 119, 35), rgb(116, 173, 94));
background-image: -ms-linear-gradient(top, rgb(55, 119, 35), rgb(116, 173, 94));
background-image: linear-gradient(top, rgb(55, 119, 35), rgb(116, 173, 94));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#377723', EndColorStr='#74ad5e');
 }

div#fblike-box { margin: .5em auto; padding: .25em .51em; overflow: hidden; box-shadow: rgba(0,0,0,0.25) 0 0 4px, rgba(0,0,0,0.30) 0 3px 4px; -webkit-box-shadow: rgba(0,0,0,0.25) 0 0 4px, rgba(0,0,0,0.30) 0 3px 4px;background: rgb(58,89,153); border:1px solid rgb(58,89,153); border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 1em .5em; padding: .5em 1em; overflow: hidden; }
div#fblike-box h4  { float:left; width:349px; background:url(http://cpl3-profithacks.s3.amazonaws.com/launch/assets/_images/css-fblike-alt.png) top left; height:24px; margin:0 0 5px 0; padding: 0em; text-indent: -9999px; }
div#fblike-box blockquote { margin: 0em 0em .5em 0em; background: rgb(255,255,255); border: 2px solid rgb(255,255,255); border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 1em; clear: both; }
div#fblike-box a.but-like { float: right; margin-left: .5em; background: url(http://cpl3-profithacks.s3.amazonaws.com/launch/assets/_images/but-like.png) top left; text-indent: -9999px; width: 58px; height: 22px; }

.drop-shadow { position:relative; -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }
.drop-shadow:before, .drop-shadow:after { content:""; position:absolute; z-index:-2; }

a.fade { -webkit-border-radius: 5px; -webkit-transition-property:color, background; -webkit-transition-duration: 0.5s, 0.5s; -webkit-transition-timing-function: linear, ease-in; } 
a.fade:hover {  }