/*
Theme Name: Psychic Dilemma

*/
body {
     background-color: #22AEC8;
	 background-image:url("images/bg.jpg");
	 background-repeat:repeat-x;
     color: #ffffff;
     font-family: Verdana, sans-serif;
     font-size: 12px;
     line-height: 1.8em;
     margin: 0;
     padding: 0;
}

body > div {
     background-color: #00152a;
     background-image: none;
     color: #ffffff;
     font-family: Verdana,Arial,Helvetica,sans-serif;
     font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
     font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
     font-weight: bold;
     letter-spacing: -0.04em;
     line-height: 1em;
     margin: 0;
}

.content_main table {
     max-width: 660px;
}

.left_pnl .menu a {
     background-color: #22AEC8;
     border: 1px solid #141414;
     color: #ffffff;
     display: inline-block;
     font-size: 14px;
     font-weight: bold;
     line-height: 20px;
     margin: 0;
     padding: 5px;
     text-align: left;
     width: 175px;
}
.teal-border{
	border: 1px solid #22AEC8;
}
.left_pnl .menu a:hover {
     background-color: #0b657d;
}

.entry-title {
     line-height: 1em;
}

img {
     border: medium none;
}

.clear {
     clear: both;
}

a, .blue {
     color: #22AEC8;
     text-decoration: none;
}

a:hover {
     color: #ffffff;
}

#main {
     margin: 0 auto;
     width: 1130px;
}

.inner {
     background-color: #00152a;
     border: 1px solid #171616;
     padding: 0 20px;
}

.default-header {
     background: url("/images/psych-d-header-main-page.jpg") no-repeat scroll left top transparent;
     height: 425px;
     width: 1028px;
}

.old-header {
     background: url("/images/header-new-3-b.5.jpg") no-repeat scroll left top transparent;
     height: 425px;
     width: 1028px;
}

.header {
     background: url("/images/psych-d-main-page-final-aus.png") no-repeat scroll center top transparent;
     height: 425px;
     width: 100%;
}

.header .menu {
     padding: 0;
}

.header .menu ul {
     list-style: none outside none;
     margin: 0;
     padding: 0;
}

.header .menu ul li {
     color: #fefefe;
     float: left;
     font: 13px verdana;
     padding: 0 15px;
     position: relative;
     text-transform: uppercase;
}

.header .menu ul li.current_page_item a {
     color: #ffffff;
}

.header .menu ul li a {
     color: #ffffff;
     text-decoration: none;
}

.header .menu ul li a:hover {
     color: #22AEC8;
}

.menu-header {
    text-align: center;
}
#menu-top-menu {
    display: block;
}
#menu-top-menu > li {
    display: inline-block;
    float: none;
}
#menu-top-menu > li {
	cursor: pointer;
}

.header .menu ul li ul {
     background-color: #22AEC8;
     border-left: 1px solid #141414;
     border-right: 1px solid #141414;
     border-top: 1px solid #141414;
     display: none;
     position: absolute;
     text-align: left;
     width: 131px;
}

.header .menu ul li:hover ul {
     display: block;
}

.header .menu ul li ul li {
     border-bottom: 1px solid #141414;
     float: none;
     font: 14px verdana;
     padding: 5px 10px;
}

.header .menu ul li ul li:hover {
     background-color: #0b657d;
}

.header .menu ul li ul li a:hover {
     color: #ffffff;
}

.header .flags {
     float: right;
     text-align: right;
     width: 1028px;
}

.header .flags ul {
     list-style: none outside none;
     margin-top: 2px;
     padding-right: 40px;
}

.header .flags ul li {
     float: right;
     margin-right: 10px;
}

.header .flags ul li img {
     border: 0 solid #ffffff;
}

.content {
     padding: 20px 0 0;
}

.content .left_pnl {
     color: #22AEC8;
     float: left;
     font-size: 15px;
     padding: 0 40px 0 0;
     width: 187px;
}

.content .right_pnl .leftsidee {
     line-height: 1em;
}

.content .left_pnl h2, .content .left_pnl h3 {
     border-bottom: 1px solid #cccccc;
     border-color: #cccccc;
     color: #22AEC8;
     font: 15px verdana;
     margin: 10px 0;
     text-align: center;
}

.content .left_pnl ul {
     list-style: none outside none;
     margin: 0;
     padding: 0 0 10px;
}

.content .left_pnl ul li {
     line-height: 2em;
     margin: 0;
     padding: 0;
}

.content .left_pnl a {
     text-decoration: none;
}

.content .left_pnl a:hover {
     color: #ffffff;
}

.content .content_main {
     float: left;
     font-size: 15px;
     line-height: 1.5em;
     width: 634px;
}

.content .content_main h2, .content .content_main h3 {
     text-align: center;
}

.content .content_main h2 span, .content .content_main h3 span {
     color: #ffffff;
}

.content .content_main h4 {
     color: #ffffff;
     font-size: 20px;
     margin: 0;
     padding: 10px 0;
     text-align: center;
}

.content .post {
     border-bottom: 1px solid #cccccc;
     padding: 0 0 10px;
	margin-bottom: 10px;
}

.content .content_main .text {
     font-size: 15px;
}

h1 {
     color: #22AEC8;
     font-family: Arial, sans-serif;
     font-size: 20px;
}

.content .right_pnl {
     color: #22AEC8;
     float: right;
     font-size: 15px;
     padding: 0;
     width: 187px;
}

.content .right_pnl h2, .content .right_pnl h3 {
     border-bottom: 1px solid #cccccc;
     border-color: #cccccc;
     color: #22AEC8;
     font: bold 15px verdana;
     margin: 10px 0;
     text-align: center;
}

.content .right_pnl .rytside {
     line-height: 1em;
}

.content .right_pnl h4 {
     border-color: #cccccc;
     color: #22AEC8;
     font: bold 15px verdana;
     margin: 20px 0 10px;
     text-align: center;
}

.content .right_pnl ul {
     list-style: none outside none;
     margin: 0;
     padding: 0 0 10px;
}

.content .right_pnl ul li {
     line-height: 2em;
     margin: 0;
     padding-bottom: 30px;
}

.content .right_pnl a {
     color: #22AEC8;
     text-decoration: none;
}

.content .right_pnl a:hover {
     color: #ffffff;
}

.footer {
     color: #22AEC8;
     padding-bottom: 50px;
     padding-top: 50px;
     text-align: center;
}

.footer .bottom {
     border-color: #cccccc;
     border-top: 1px solid #cccccc;
     color: #525252;
     font: 15px/12px verdana;
     padding-top: 8px;
}

.footer ul {
     list-style: none outside none;
     margin: 0 auto;
	 padding:0;
}

.footer ul li {
     border-left: 1px solid #a6a6a6;
     float: left;
     padding: 0 10px;
}

.footer ul li:first-child {
     border: medium none;
}

.footer a {
     color: #22AEC8;
}

.footer a:hover {
     color: #ffffff;
}

.footer .copyright {
     font: 15px/12px verdana;
}

.footer .copyright a {
     color: #ffffff;
}

.footer .copyright a:hover {
     color: #22AEC8;
}
/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
img.size-auto, img.size-full, img.size-large, img.size-medium, .attachment img {
	max-width: 660px; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}

.alignleft, img.alignleft {
     display: inline;
     float: left;
     margin-right: 24px;
     margin-top: 4px;
}

.alignright, img.alignright {
     display: inline;
     float: right;
     margin-left: 24px;
     margin-top: 4px;
}

.aligncenter, img.aligncenter {
     clear: both;
     display: block;
     margin-left: auto;
     margin-right: auto;
}

img.alignleft, img.alignright, img.aligncenter {
     margin-bottom: 12px;
}

.wp-caption {
     background: none repeat scroll 0 0 #f1f1f1;
     line-height: 18px;
     margin-bottom: 20px;
     max-width: 632px ! important; /* prevent too-wide images from breaking layout */
     padding: 4px;
     text-align: center;
}

.wp-caption img {
     margin: 5px 5px 0;
}

.wp-caption p.wp-caption-text {
     color: #888888;
     font-size: 12px;
     margin: 5px;
}

.wp-smiley {
     margin: 0;
}

.gallery {
     margin: 0 auto 18px;
}

.gallery .gallery-item {
     float: left;
     margin-top: 0;
     text-align: center;
     width: 33%;
}

.gallery-columns-2 .gallery-item {
     width: 50%;
}

.gallery-columns-4 .gallery-item {
     width: 25%;
}

.gallery img {
     border: 2px solid #cfcfcf;
}

.gallery-columns-2 .attachment-medium {
     height: auto;
     max-width: 92%;
}

.gallery-columns-4 .attachment-thumbnail {
     height: auto;
     max-width: 84%;
}

.gallery .gallery-caption {
     color: #888888;
     font-size: 12px;
     margin: 0 0 12px;
}

.gallery dl {
     margin: 0;
}

.gallery img {
     border: 10px solid #f1f1f1;
}

.gallery br + br {
     display: none;
}
#content .attachment img {/* single attachment images should be centered */
     display: block;
     margin: 0 auto;
}

/* =Navigation
-------------------------------------------------------------- */

.navigation {
     color: #888888;
     font-size: 12px;
     line-height: 18px;
     overflow: hidden;
}

.navigation a:link, .navigation a:visited {
     color: #888888;
     text-decoration: none;
}

.navigation a:active, .navigation a:hover {
     color: #ff4b33;
}

.nav-previous {
     float: left;
     width: 50%;
}

.nav-next {
     float: right;
     text-align: right;
     width: 50%;
}

#nav-above {
     margin: 0 0 18px;
}

#nav-above {
     display: none;
}

.paged #nav-above, .single #nav-above {
     display: block;
}

#nav-below {
     margin: 10px 0 0;
}

/* =Comments
-------------------------------------------------------------- */

#comments {
     clear: both;
}

#comments .navigation {
     padding: 0 0 18px;
}

h3#comments-title, h3#reply-title {
     color: rgba(255,255,255,0.65);
     font-size: 20px;
     font-weight: bold;
     margin-bottom: 0;
}

h3#comments-title {
     padding: 24px 0;
}

.commentlist {
     list-style: none outside none;
     margin: 0;
}

.commentlist li.comment {
     border-bottom: 1px solid #e7e7e7;
     line-height: 24px;
     margin: 0 0 24px;
     padding: 0 0 0 56px;
     position: relative;
}

.commentlist li:last-child {
     border-bottom: medium none;
     margin-bottom: 0;
}

#comments .comment-body ul, #comments .comment-body ol {
     margin-bottom: 18px;
}

#comments .comment-body p:last-child {
     margin-bottom: 6px;
}

#comments .comment-body blockquote p:last-child {
     margin-bottom: 24px;
}

.commentlist ol {
     list-style: decimal outside none;
}

.commentlist .avatar {
     left: 0;
     position: absolute;
     top: 4px;
}

.comment-author {

}

.comment-author cite {
     color: #22AEC8;
     font-style: normal;
     font-weight: bold;
}

.comment-author .says {
     font-style: italic;
}

.comment-meta {
     font-size: 12px;
     margin: 0 0 18px;
}

.comment-meta a:link, .comment-meta a:visited {
     color: #888888;
     text-decoration: none;
}

.comment-meta a:active, .comment-meta a:hover {
     color: #ff4b33;
}

.commentlist .even {

}

.commentlist .bypostauthor {

}

.reply {
     font-size: 12px;
     padding: 0 0 24px;
}

.reply a, a.comment-edit-link {
     color: #888888;
}

.reply a:hover, a.comment-edit-link:hover {
     color: #ff4b33;
}

.commentlist .children {
     list-style: none outside none;
     margin: 0;
}

.commentlist .children li {
     border: medium none;
     margin: 0;
}

.nopassword, .nocomments {
     display: none;
}

#comments .pingback {
     border-bottom: 1px solid #e7e7e7;
     margin-bottom: 18px;
     padding-bottom: 18px;
}

.commentlist li.comment + li.pingback {
     margin-top: -6px;
}

#comments .pingback p {
     color: #888888;
     display: block;
     font-size: 12px;
     line-height: 18px;
     margin: 0;
}

#comments .pingback .url {
     font-size: 13px;
     font-style: italic;
}

/* Comments form */
input[type="submit"] {
     color: #333333;
}

#respond {
     border-top: 1px solid #e7e7e7;
     margin: 24px 0;
     overflow: hidden;
     position: relative;
}

#respond p {
     margin: 0;
}

#respond .comment-notes {
     margin-bottom: 1em;
}

.form-allowed-tags {
     line-height: 1em;
}

.children #respond {
     margin: 0 48px 0 0;
}

h3#reply-title {
     margin: 18px 0;
}

#comments-list #respond {
     margin: 0 0 18px;
}

#comments-list ul #respond {
     margin: 0;
}

#cancel-comment-reply-link {
     font-size: 12px;
     font-weight: normal;
     line-height: 18px;
}

#respond .required {
     color: #ff4b33;
     font-weight: bold;
}

#respond label {
     color: #888888;
     font-size: 12px;
}

#respond input {
     margin: 0 0 9px;
     width: 98%;
}

#respond textarea {
     width: 98%;
}

#respond .form-allowed-tags {
     color: #888888;
     font-size: 12px;
     line-height: 18px;
}

#respond .form-allowed-tags code {
     font-size: 11px;
}

#respond .form-submit {
     margin: 12px 0;
}

#respond .form-submit input {
     font-size: 14px;
     width: auto;
}

table.readertable {
     background-color: #232739;
}

table.readertable td {
     background-color: #00152a;
}

.form-allowed-tags {
     display: none;
}

#mep_0 {
     margin-left: 143px;
}

.readertable.featured-psychic {
    background-color: #22aec8;
    -webkit-box-shadow: 0 0 15px #22aec8;
       -moz-box-shadow: 0 0 15px #22aec8;
			box-shadow: 0 0 15px #22aec8;
    /*font-size: 18px;
    font-variant: small-caps;*/
}
.readertable.featured-psychic td{
	background-color:#00152a;

}
.readertable.featured-psychic td:last-child{
	background:url("images/psychic-feature-bg-new.jpg") no-repeat scroll center center #00152a;

}

.text-area-black textarea{
color: #000;
}

#main .ccf-form-wrapper .field textarea{
	padding: 5px;
	background-color: #ffffff;
	color: #000000!important;
	font-size: 14px;
}

#main .ccf-form-wrapper .field.short-textbox  textarea{
	min-height: 64px;
}

#main .ccf-form .field > label, #main .ccf-form .field.paragraph-text.short-textbox > label {
    float: left;
    width: 35%;
}
#main .ccf-form .field.paragraph-text > label {
    float: none;
    width: auto;
}
#main .ccf-form .field > input, #main .ccf-form .field.short-textbox > textarea {
    width: 60%;
}
#main .ccf-form-wrapper .field {
    margin-bottom: 5px;
}
#main .ccf-form-wrapper .field label .required {
    float: right;
}

#main .ccf-form-wrapper .field .left, #main .ccf-form-wrapper .field .right {
    clear: none;
    float: left;
    padding: 0;
    width: 60%;
}
#main .ccf-form-wrapper .field .right {
	margin-left:35%;
}

#main .ccf-form-wrapper .error {
    margin-left: 35%;
    margin-right: 5%;
}
.voucher-banner {
	border: 2px solid #22AEC8;
	padding: 1rem;
	color: #fff;
	font-variant: small-caps;
	background-color: rgba(255,255,255,0.1);
	margin: 1rem auto;
	box-shadow: 0 0 5px rgba(255,255,255,0.5);
}
.christmas{
	background-image: url('./images/2019/christmas-tree.png'), url('./images/2019/christmas-tree.png');
	background-repeat: no-repeat,no-repeat;
	background-position: 127% 12%,-27% 12%;
}
.voucher-banner * {
  color: inherit;
  line-height: 1.25em;
}
.more-link {
	display: block;
	text-align: center;
	padding: 6px;
	width: 180px;
	border: 1px solid #22AEC8;
	margin: 1rem auto 0;
}
.more-link:active,
.more-link:focus,
.more-link:hover {

	background-color: #22AEC8;
}
table.responsive-table {
    max-width: 100%;
    box-sizing: border-box;
    margin: auto;
    width: 480px;
    border-collapse: collapse;
    border-top: 1px solid;
}
table.responsive-table td {
    border-bottom: 1px solid #fff;
    padding: 5px;
}

.entry-summary a {
	display: block;
	text-align: right;
}
.entry-summary a:before {
	display: table;
	content: "";
	width: 100%;
}
 .header .flags {
   opacity:0;
} 
body {
    background-image: none !important;
    background-color: #fff !important;
}
.content .left_pnl li#search {
    display: none;
}

.content .left_pnl 
 li#archives {
    display: none;
}

.content .left_pnl 
 li#meta {
    display: none;
}
.custom_block {
    display: none;
}