/*

Theme Name: Hypnosis Certified - Default (revised 1024px)
Theme URI: http://andreasviklund.com/wordpress-themes/
Description: Tweaked and Modified. Original template is 1024px v 2.7
Modified By: Ianne
Original Author: Andreas Viklund

*/

/* Body */
body {/*background:#DDD8CC url(bg2.gif)*/ background:#FFFFFF top center repeat-y; color:#404040; font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.3em; /*padding:20px 0;*/ padding:0 0;}

*{margin:0; padding:0;}
#header {background: url(http://www.hypnosiscertified.com/nlp/images/nlp-header.jpg) no-repeat;
	/*height: 209px;   height for header.jpg*/
	height: 183px;
	width: 800px;
	/*margin-top:-40px   to remove whitespace in firefox, but it cuts off on IE*/
	}
/* Main wrap */
#wrap {color:#404040; margin:0 auto; width:800px;}
#slogan {color:#808080; font-size:1.5em; font-weight:bold; letter-spacing:-1px; line-height:1.2em; margin:15px 0 20px 35px;}
#toplinks {padding:5px 2px 2px 3px; text-align:right;}

/* Headers */
h1 {color:#333366; font-size:3.2em; line-height:.8em; letter-spacing:-2px; margin:10px 0 5px 25px;}
h1 a {color:#333366;}
h1 a:hover {text-decoration:none;}
table#wp-calendar caption {border-bottom:4px solid #336699; text-align:left; font-weight:bold; color:#333366; font-size:1.4em; letter-spacing:-1px; margin:0 0 8px; padding:0 2px 4px 5px;}
h2 {border-bottom:2px solid #ffcc33; text-align:left; font-weight:bold; color:#333366; font-size:1.4em; letter-spacing:-1px; margin:0 0 8px; padding:0 2px 4px 5px;}
h4 {border-bottom:4px solid #336699; text-align:left; font-weight:bold; color:#333366; font-size:1.4em; letter-spacing:-1px; margin:0 0 8px; padding:0 2px 4px 5px;}
h3 {border-bottom:1px solid #336699; color:#333366; font-size:1.2em; font-weight:bold; margin:10px 0 8px; padding:1px 2px 2px 3px;}
h5 {font-weight:bold; color:#333; font-size:1.2em;}
.header1{display:none;}
/* Sidebar */
#sidebar {float:left; /*margin:0 0 5px;*/ margin-left:5px; padding:0; width:220px;}
#sidebar p,#sidebar ul,#sidebar .textwidget {margin:0 0 15px 10px;}
#sidebar li {list-style:none; margin:0 0 6px;}
#sidebar li a {font-size:1.2em; font-weight:bold; padding:2px;}
#sidebar ul ul {margin:5px 0 5px 10px;}
#sidebar ul ul li {margin:0 0 5px;}
#sidebar ul ul li a {font-weight:normal;}
.topnav{display:none;}

/* Content */
#content {float:right; margin-right:5px; line-height:1.5em; /*margin:-2px 0 10px;*/ text-align:left; width:550px;}
#content ul,#content ol {margin:0 0 18px 30px;}
#content ul li,#content ol li {margin:0 0 3px;}
#content ul ul,#content ol ol {margin:5px 0 5px 15px;}
#content img {margin:5px;}
#content p {margin:0 0 15px 10px;}
#content p.timestamp {font-size:1.2em; margin:-5px 0 15px 10px;}
#content p.timestamp a {font-weight:normal;}
#content p.postmeta {text-align:right; border-top:2px solid #336699; line-height:1.8em;}
#content #postnav {padding:5px; margin:5px 0 18px;}
#content #postnav p {margin:0; padding-left:5px;}
#content #postnav p.right {text-align:right; padding-right:5px; margin-top:-18px;}
#content .introtext p {margin:-5px 0 15px 10px; text-align:justify;}

/* Footer */
#footer {border-top:4px solid #336699; clear:both; color:#333366; font-size:1.1em; line-height:1.6em; margin:0 auto; padding:8px 0; text-align:center; font-weight:bold;}
#footer p {margin:0; padding:0;}
#footer a {color:#808080; font-weight:bold}
#footer a:hover {text-decoration:underline;}
#footer span, #footer span a {font-weight:normal;}

/* Comments */
#content div.comment {margin-bottom:20px;}
#content div.comment p {margin:0 0 4px 10px; padding:3px 0 0 0;}
#respond p {margin:0 0 5px 10px;}
#respond input,#respond textarea {padding:5px; width:300px; }
#respond textarea#comment {width:300px;}
#respond input#submit {width:75px;color:#333; background-color:#fff;}
#respond input,#respond textarea,form div.searchbox input {font:94% Verdana,Tahoma,Arial,sans-serif; border:1px solid #ccc;}
.gravatarside {width:48px; height:48px; float:right; margin:0 5px 3px 5px;}

/* Tags */
blockquote {border:1px solid #336699; font-size:0.9em; margin:20px 10px; padding:8px;}
blockquote p {padding:2px 0; margin:0; font-weight:bold;}
table#wp-calendar {width:180px; margin:0 0 18px 10px;}
p {margin:0 0 18px 10px;}
ul,ol,dl {font-size:0.9em; margin:2px 0 16px 35px;}
ul ul,ol ol {margin:4px 0 4px 35px;}
code{font-size:1.1em; background-color:#f4f4f4; color:#555; display:block; margin:5px 0 15px 0; padding:5px 5px 5px 7px; border:1px solid #ccc;}

/* Links */
a {color:#333366; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0;}

/* Float fix */
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* Searchbox */
.searchbox {margin:8px 0 15px 10px;}
.searchbox label {display:none;}
.searchbox input {font-size:0.9em; padding:5px; width:166px; border:1px solid #ccc;}
.second{display: inline;
    margin: 5%;}
.first{display: inline;
    margin: 5%;}
/* Various classes */
.post {margin:0 0 15px;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.hide {display:none;}
.right{    width: 151px;
    float: right;}
.left{    width: 151px;
    float: left;}

.pdfbooks {text-align: center;}
.buttongreen{background-color: #44c767;border: 0;border-radius: 42px;display: inline-block;cursor: pointer;color: #ffffff;font-family: Arial;font-size: 21px;padding: 13px 76px;text-decoration: none;text-shadow: 0px 1px 0px #2f6627;}
.pdfbt{	box-shadow:inset 0px 1px 0px 0px #ffffff;
	
	background-color:#ffffff;
	border:1px solid #5c98b8;
	display:inline-block;
	cursor:pointer;
	color:#3a98c7;
	font-family:Arial;
	font-size:28px;
	font-weight:bold;
	padding:9px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;}

/* WP image align classes */
.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;}
.alignright {float:right;}
.wp-caption {border:1px solid #ddd;	text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; border-radius:3px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption-dd {font-size: 11px; line-height: 17px; padding:0 4px 5px; margin:0;}

@media screen and (max-width: 800px)
 {.header1{display:block;}
body{width:100%;}
#wrap{width:98%;margin-right: 25%;margin-left: 4px;}
.topnav{display:block; border-bottom: 4px solid #ffcc33; margin: 7px;
    font-size: 17px;}
.sidebar{display:none;} 
#content {line-height: 1.5em;text-align: left;width: 100%;float: none;}
#sidebar {float:none;margin-left: 5px;padding: 0;width: 100%; display:none;}
#header {width: 100%;background-position-x: 41%;}
#sidebar li:hover > ul {display:block;}
#sidebarli ul {display:none;position:absolute;min-width:140px;}
#sidebarli li ul li {position:relative;}
#sidebarli li ul li ul {right:-140px;top:0px;}
.firstbt{text-align: center;display: block;margin-right: 4px;margin-bottom: 10px;}
.secondbt {text-align: center;display: block;}
#content 
#postnav p.right {position: relative;top: 17px;} }

@media screen and (max-width: 800px) {video{    margin-left: -5px;}
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {float: right;display: block;}
.first{display:block}
.second{display:block}
}
@media screen and (max-width: 800px) {h2 {
    text-align: center;
    font-size: 26px;
    line-height: 34px;
    padding: 20px 0px;
}.secondbt a {padding: 13px 65px !important;} .header1{width:100%;} .headimg{width:100%;}  #header {display:none;}
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {position: absolute;right: 0;top: 0;}.topnav.responsive a {float: none;display: block;text-align: left;}

#footer {position:absolute;}

#content #postnav p.left {width:unset;} #content #postnav p.right {width:unset;} }