/*
Theme Name: Supernova
Theme URI: http://trancehub.com/
Author: Priyank Sharma
Author URI: http://priyanksharma.com/
Description: Official theme for <a href="http://trancehub.com/">Trance Hub</a>.
Version: 1.0
*/

/* ============
  Global reset
=============== */
@import url("reset.css");

/* ======
  Layout
========= */
html {
  background:#133860 url(images/bg.jpg) no-repeat top center;
}

/* Floaters */
.fl {
  float:left;
}
.fr {
  float:right;
}

/* Spacers */
.spacer-void, .spacer-half, .spacer, .spacer-double, .spacer-triple, .spacer-quadruple {
  clear:both;
  display:block;
}
.spacer-void {
  height:1px;
  margin-top:-1px;
}
.spacer-half {
  height:5px;
}
.spacer {
  height:10px;
}
.spacer-double {
  height:20px;
}
.spacer-triple {
  height:30px;
}
.spacer-quadruple {
  height:40px;
}

/* Interface */
#interface {
  background-color:#1b4776;
  margin:0 auto;
  min-height:100%;
  width:900px;
}

#main2 {
  background:url(images/bg-maincol.png) no-repeat top;
  padding-top:20px;
}
#main2 img.special-img {
  margin:0 0 20px 25px;
}

#left-col {
  background:url(images/bg-leftcol.png) no-repeat top;
  float:left;
  width:535px;
}
#left-col img.main-img {
  margin:20px 0 12px 20px;
}

#right-col {
  background:url(images/bg-rightcol.png) no-repeat top;
  float:right;
  width:365px;
}

#right-col p a img {
  -moz-transition:0.3s;
  -o-transition:0.3s;
  -webkit-transition:0.3s;
  transition:0.3s;

  margin-top:2px;
}
#right-col p a img:active,
/* #right-col p a img:focus, doesn't work for some reason */ 
#right-col p a img:hover {
  filter:alpha(opacity=80);
  opacity:0.8;
}

#right-col img.float-left {
  float:left;
  margin:0 15px 0 17px;
}

#bottom {
  background:url(images/bg-bottom.png) no-repeat;
  clear:both;
  height:30px;
  width:inherit;
}

/* Rounded panels */
.rounded-panel,
.rounded-panel2,
.rounded-panel3 {
  background-color:#27598e;
  border-radius:10px;
}
.rounded-panel {
  margin-left:20px;
  padding:15px 10px 15px 0;
  width:485px;
}
.rounded-panel2 {
  margin-left:15px;
  padding:15px 0 17px 0;
  width:300px;
}
.rounded-panel3 {
  margin-left:20px;
  padding:20px 0 15px 0;
  width:860px;
}

/* ==========
  Typography
============= */
body {
  color:#bcddff;
  font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size:13px;
}

/* Headings */
/*h1,*/h2,h3/*,h4,h5,h6*/ {
  color:#fff;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:normal;
  text-shadow:1px 2px #194985;
}
h2 {
  font-size:20px;
  line-height:22px;
  margin:2px 0 0 15px;
}
h3 {
  font-size:16px;
  line-height:18px;
  margin:2px 0 0 15px;
}

/* Paragraph formatting */
p {
  line-height:17px;
  margin:7px 15px 0 15px;
}
strong {
  color:#e9f4ff;
}
p.ad {
  margin-left:30px;
}

/* Hyperlinks */
a:link,
a:visited {
  color:#e9f4ff;
}
a:active,
a:focus,
a:hover {
  color:#c2d5e8;
}

h2 a:link, h2 a:visited,
h3 a:link, h3 a:visited {
  -moz-transition:color .3s; /* Firefox */
  -o-transition:color .3s; /* Opera */
  -webkit-transition:color .3s; /* Chrome, Safari */
  color:#fff;
  text-decoration:none;
  transition:color .3s;
}
h2 a:active, h2 a:focus, h2 a:hover,
h3 a:active, h3 a:focus, h3 a:hover {
  color:#bcddff;
}

p a,
.commentlist a {
  -moz-transition:color .3s; /* Firefox */
  -o-transition:color .3s; /* Opera */
  -webkit-transition:color .3s; /* Chrome, Safari */
  transition:color .3s;
}

a.noborder {
  border:none;
}

/* Other formatting */
.content-main {
  font-size:13px;
  line-height:16px;
}

span.date {
  color:#83b0e0;
  font-size:10px;
  letter-spacing:1px;
  line-height:12px;
  margin-left:15px;
}
span.date a {
  -moz-transition:color .3s; /* Firefox */
  -o-transition:color .3s; /* Opera */
  -webkit-transition:color .3s; /* Chrome, Safari */
  transition:color .3s;
}

p.toplink {
  margin-top:10px;
  text-align:right;
}
p.toplink a {
  -moz-transition:0.25s;
  -o-transition:0.25s;
  -webkit-transition:0.25s;
  transition:0.25s;

  font-size:10px;
}
p.toplink a:visited {
  /* border-bottom:1px #88a7c7 solid; */
  color:#e9f4ff;
}
p.toplink a:active,
p.toplink a:focus,
p.toplink a:hover {
  /* border-bottom:1px #7597bb solid; */
  color:#c2d5e8;
}

p.source {
  text-align:right;
}
p.source a {
  -moz-transition:0.25s;
  -o-transition:0.25s;
  -webkit-transition:0.25s;
  transition:0.25s;
}

.show-hide {
  color:#fff;
  cursor:pointer;
  font-size:12px;
  line-height:20px;
  margin-left:16px;
}

.center-align {
  text-align:center;
}

#main2 p {
  margin:10px 25px 0 25px;
}
#main2 h2 {
  margin-left:25px;
}
#main2 span.date {
  margin-left:25px;
}

/* ===============
  Navigation menu
================== */
@font-face {
  font-family:Qlassik Bold;
  src:url(fonts/qlassik-bold.ttf), url(fonts/qlassik-bold.otf), url(fonts/qlassik-bold.woff);
}

nav {
  background:url(images/menu.png) no-repeat;
  height:30px;
  width:inherit;
}
#menu {
  height:30px;
  margin:0;
  padding:0;
  padding-left:8px;
  z-index:999;
}
#menu li {
  float:left;
  height:30px;
  list-style:none;
}

#menu li a:link,
#menu li a:visited {
  -moz-transition:0.3s;
  -o-transition:0.3s;
  -webkit-transition:0.3s;
  transition:0.3s;

  color:#fff;
  font-family:"Qlassik Bold", Arial, Helvetica, sans-serif;
  font-size:15px;
  line-height:30px;
  padding:5px 18px;
  text-decoration:none;
  text-shadow:0 0 3px #555;
  text-transform:uppercase;
}
#menu li a:focus,
#menu li a:hover {
  text-shadow:0 0 10px #fff;
}
#menu li a:active {
  text-shadow:0 0 10px #555;
}

#menu li ul {
  background:url(images/menu-bg.png) repeat-x 0 10px, url(images/menu-arrow.png) no-repeat 20px 0;
  border-radius:0 0 5px 5px;
  box-shadow:2px 0 5px rgba(0, 0, 0, 0.1);
  display:none;
  margin:2px 0 0 0;
  padding:12px 0 2px;
  position:absolute;
}

/* ====
  Logo
======= */
#logo {
  background:url(images/bg-logo.png);
  height:100px;
  width:inherit;
}
#logo a {
  border:none;
}

/* ==========
  Search box
============= */
#searchbox1 {
  float:left;
  width:270px;
}
input.searchbox-email {
  border:none;
  border-radius:6px;
  box-shadow:inset 3px 3px 7px rgba(179, 208, 237, 1);
  color:#4b91d5;
  font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size:12px;
  font-weight:bold;
  height:22px;
  margin:48px 0 3px 25px;
  outline:none;
  padding:1px 0 0 5px;
  width:235px;
}

#searchbox2 {
  float:left;
  width:75px;
}

input.searchbox-submit {
  background:url(images/newsletter-button.gif) no-repeat;
  border:none;
  cursor:pointer;
  height:22px;
  margin:48px 0 0 4px;
  width:55px;
}
#right-col input.searchbox-submit:focus,
#right-col input.searchbox-submit:hover {
  background-position:0 -22px;
}
#right-col input.searchbox-submit:active {
  background-position:0 0;
}

/* ==================
  Social media icons
===================== */
#social-icons {
  margin:10px 0 0 15px;
}

#social-icons a:link {
  -moz-transition:0.25s;
  -o-transition:0.25s;
  -webkit-transition:0.25s;
  transition:0.25s;

  filter:alpha(opacity=60);
  opacity:0.6;

  border:none;
  filter:alpha(opacity=60);
  float:left;
  opacity:.6;
  padding-right:3px;
}
#social-icons a:active,
#social-icons a:focus,
#social-icons a:hover {
  filter:alpha(opacity=100);
  opacity:1;
}

/* Social Media plugins */
.plugin-twitter,
.plugin-twitter2 {
  float:left;
  margin-left:15px;
  width:90px;
}
.plugin-twitter2 {
  margin-left:25px;
}
.plugin-facebook {
  top:-3px;
}

/* ========
  Comments
=========== */
#comments {
  margin:15px 0 0 7px;
}

#comments .commentlist {
  margin-top:8px;
}
#comments .commentlist li {
  background-color:#215082;
  border-radius:10px;
  margin:10px 20px 10px 14px;
  padding:12px;
  width:inherit;
}
#comments .commentlist .gravatar {
  float:left;
  margin:0 12px 8px 0;
}
#comments .commentlist .comment-date {
  color:#5d86a9;
  font-size:10px;
  margin:2px 0 5px 0;
}
#comments .commentlist p {
  margin-left:0;
}

#comments .commentlist .reply {
  text-align:right;
}

/*#comments ol.commentlist a:link, /* to check */
/*#comments ol.commentlist a:visited {
  font-style:normal;
  font-weight:bold;
}
#comments ol.commentlist a:active,
#comments ol.commentlist a:hover {
  text-decoration:none;
}

#comments ol.commentlist .reply {
  padding-right:5px;
  text-align:right;
}
#comments ol.commentlist .reply a.comment-reply-link {
  font-size:9px;
}
#comments ol.commentlist .reply a.comment-reply-link:visited {
  border-bottom:1px #88a7c7 solid;
  color:#e9f4ff;
}
#comments ol.commentlist .reply a.comment-reply-link:hover {
  border-bottom:1px #7597bb solid;
  color:#c2d5e8;
}

#comments ol.commentlist li ul.children li {
  background-color:#2b5f96;
  width:430px;
}*/

/* Facebook Connect */
#fb-user {
  border:none !important;
  height:32px !important;
  padding:15px !important;
}
#fb-user .FB_profile_pic {
  height:32px !important;
  margin-right:10px !important;
}

#fb-user #fb-msg strong {
  line-height:18px !important;
}
#fb-msg .FB_Link {
  color:#e9f4ff !important;
}

#sfc_comm_share {
  margin:0 8px 0 3px !important;
}

/* Twitter */
#tw-user {
  margin-top:10px;
}
#tw-user img {
  height:32px !important;
  float:left !important;
  margin:0 15px 0 15px !important;
  width:32px !important;
}

/* =======
  Archive
========== */
.archive-list,
.thumb-list {
  margin-left:15px;
}
ul.archive-list li {
  margin-bottom:3px;
}
ul.archive-list li:before {
  content:"\00BB \0020";
}

ul.thumb-list li {
  margin-bottom:3px;
}
ul.thumb-list li img {
  border:none;
  float:left;
  margin-right:10px;
}
ul.thumb-list li span.date {
  line-height:15px;
  margin-left:0;
}

/* Respond */
#respond input,
#respond textarea {
  background:transparent;
  border:0;
  color:#4b91d5;
  font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
  font-size:12px;
  margin-left:15px;
  outline:none;
  resize:none;
}
#respond .respond-text {
  background:url(images/form-text.png) no-repeat;
  height:23px;
  margin-bottom:10px;
  padding-left:5px;
  width:235px;
}
#respond .respond-textarea {
  background:url(images/form-textarea.png) no-repeat;
  height:75px;
  padding:6px 10px 12px 6px;
  width:477px;
}
#respond label {
  color:#bfd9ec;
  cursor:pointer;
  margin-left:3px;
}
#respond .submit input {
  -moz-transition:0.25s;
  -o-transition:0.25s;
  -webkit-transition:0.25s;
  transition:0.25s;

  -webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, .5);
  box-shadow:1px 1px 3px rgba(0, 0, 0, .5);

  background:url(images/form-button.png) repeat-x;
  border-radius:8px;
  color:#fff;
  cursor:pointer;
  font-size:12px;
  font-weight:bold;
  height:24px;
  margin-left:0;
  padding:2px 10px;
  width:120px;
}
#respond p.submit input:active,
#respond p.submit input:focus,
#respond p.submit input:hover {
  color:#bcddff;
}

/* Subscribe to comments */
.subscribe-to-comments input,
.subscribe-to-comments label {
  cursor:pointer;
}
.subscribe-to-comments #subscribe {
  margin-left:3px;
}

/* =============
  Photo Gallery
================ */
.pwi_container {
  padding:5px;
}
.pwi_photo {
  float:left;
  margin:10px;
}

/* Slimbox */
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(photogallery/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	right: 0;
}

#lbPrevLink:hover {
	background: transparent url(photogallery/prevlabel.gif) no-repeat 100% 15%;
}

#lbNextLink {
	left: 0;
}

#lbNextLink:hover {
	background: transparent url(photogallery/nextlabel.gif) no-repeat 0 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: right;
	border: 10px solid #fff;
	border-top-style: none;
	direction: rtl;
}

#lbCloseLink {
	display: block;
	float: left;
	width: 66px;
	height: 22px;
	background: transparent url(photogallery/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-left: 71px;
}

#lbCaption {
	font-weight: bold;
}


/* ======
  Footer
========= */
#footer {
  background:#133860;
  color:#4f81b7;
  font-size:11px;
  line-height:13px;
  min-height:100px;
  padding-top:10px;
  text-align:center;
  width:inherit;
}

#footer p {
  margin:0;
}
#footer p strong {
  color:#5a8dc5;
}

#footer a:link,
#footer a:visited {
  -moz-transition:0.25s;
  -o-transition:0.25s;
  -webkit-transition:0.25s;
  transition:0.25s;

  border:none;
  color:#5a8dc5;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
}
#footer a:active,
#footer a:focus,
#footer a:hover {
  color:#6ea1d8;
}

#footer .noborder {
  -moz-transition:0.25s;
  -o-transition:0.25s;
  -webkit-transition:0.25s;
  transition:0.25s;
}
#footer .noborder:active,
#footer .noborder:focus,
#footer .noborder:hover {
  filter:alpha(opacity=80);
  opacity:0.8;
}





/* ======
  Layout
========= */
/*div#main {
  margin:0 auto;
  min-height:100%;
  width:900px;
}*/

/* Interface */
/*div#main div#left-col img.left-p-img {
  margin:7px 15px 0 15px;
}
#left-col p {
  margin:7px 15px 0 15px;
}*/

/* ==========
  Typography
============= */
/*@font-face {
  font-family:Qlassik Medium;
  src:url(fonts/qlassik-medium.ttf), url(fonts/qlassik-medium.otf), url(fonts/qlassik-medium.woff);
}
@font-face {
  font-family:Qlassik Bold;
  src:url(fonts/qlassik-bold.ttf), url(fonts/qlassik-bold.otf), url(fonts/qlassik-bold.woff);
}*/

/*em {
  font-style:italic;
}*/

/*h3 a.article-title:link,
h3 a.article-title:visited {
  border:none;
  color:#fff;
}
h3 a.article-title:active,
h3 a.article-title:hover {
  color:#bcddff;
}

/*h1 {
  font-size:30px;
}
h2 {
  font-size:24px;
  margin-left:28px;
}
h2.center-align {
  line-height:24px;
  text-align:center;
}*/

/*div.rounded p {
  margin:10px 15px 0 15px;
}*/

/*h4 {
  font-size:14px;
  line-height:7px;
  margin:2px 0 0 25px;
}
/*
h2.show-hide {
  border:none;
  font-size:10px;
}
*/

/*

div.rounded-panel2 a:visited {
  border-bottom:1px #aaa solid;
  color:#e9f4ff;
}
div.rounded-panel2 a:hover {
  border-bottom:1px #718aa5 solid;
  color:#bcddff;
}

span.date a {
  border:none;
}
span.date a:visited {
  color:#fff;
}
span.date a:hover {
  color:#c2d5e8;
}
span.red {
  color:#ff8800;
}
/*span.info {
  color:#83b0e0;
  font-size:10px;
  font-variant:small-caps;
  letter-spacing:1px;
  line-height:10px;
  margin:0 0 0 15px;
  text-transform:uppercase;
}
span.info2 {
  color:#83b0e0;
  font-size:10px;
  font-variant:small-caps;
  letter-spacing:1px;
  line-height:10px;
  margin:0;
  text-transform:uppercase;
}*/

/*div.void {
  clear:both;
  display:block;
  height:200px;
}
div.void-double {
  clear:both;
  display:block;
  height:400px;
}
div.void-triple {
  clear:both;
  display:block;
  height:600px;
}*/

/* ======
  Images
========= */
/*img.float-left {
  float:left;
  margin:15px 15px 10px 20px;
}*/
/*img.float-left2 {
  float:left;
  margin:0 15px 0 17px;
}
/*img.left {
  margin:15px 15px 10px 20px;
}*/

/*img.thumb {
  margin-left:10px;
}

/* ============
  Page Content
=============== */
/*div#main2 h3 {
  margin:0 15px 0 25px;
}

blockquote {
  margin:10px 25px 10px 25px;
}*/

/* =====
  Forms
======== */
input.textfield {
  background:url(images/form-text.png) no-repeat;
  border:none;
  color:#4b91d5;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  font-weight:bold;
  height:23px;
  margin:3px 0 5px 0;
  outline:none;
  padding:2px 0 0 5px;
  width:240px;
}
.textareafield {
  background:url(images/form-textarea2.png) no-repeat;
  border:none;
  color:#4b91d5;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  font-weight:bold;
  height:93px;
  margin:3px 0 5px 0;
  outline:none;
  padding:5px 0 0 5px;
  resize:none;
  width:343px;
}

select {
  color:#1b4776;
  height:22px;
  margin:3px 0 5px 0;
  padding:0;
  width:250px;
}

#submitbutton,
#resetbutton {
  -moz-border-radius:8px;
  -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.5);
  -webkit-border-radius:8px;
  -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.5);
  -webkit-transition-property:color;
  -webkit-transition-duration:.25s;
  background:url(images/form-button.png) repeat-x;
  border:none;
  color:#fff;
  cursor:pointer;
  font-size:12px;
  font-weight:bold;
  height:24px;
  margin-left:0;
  padding:2px 10px;
  width:100px;
}
#submitbutton:hover,
#resetbutton:hover {
  color:#bcddff;
}

/* ============
  Audio Player
=============== */
div.audio-player {
  margin:10px 0 0 15px;
}

/* ================
  Plugin: PageNavi
=================== */
.wp-pagenavi {
  cursor:default;
  font-size:12px;
  font-style:italic;
  margin-left:10px;
}
.wp-pagenavi span {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:3px 8px 3px 8px;
}
.wp-pagenavi span.pages {
  color:#eee;
  margin:2px;
}
.wp-pagenavi span.current {
  background-color:#133860;
  color:#aaa;
  margin:2px;
}

.wp-pagenavi a:link,
.wp-pagenavi a:visited {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -webkit-transition-property:background-color;
  -webkit-transition-duration:.25s;
  background-color:#1b4776;
  border:none;
  color:#ddd;
  margin:2px;
  padding:3px 6px 3px 6px;
  text-decoration:none;
}
.wp-pagenavi a:hover,
.wp-pagenavi a:active {
  background-color:#133860;
}
.wp-pagenavi a.page {
  padding:3px 8px 3px 8px;
}

/* =======
  phplist
========== */
#mailing-list {
  background:#1b4776 url(images/bg-maincol.png) top no-repeat;
  margin:0 auto;
  padding-top:20px;
  width:900px;
}
#mailing-list p {
  margin:10px 25px 0 25px;
}
#mailing-list h3 {
  margin:0 15px 0 25px;
}
#mailing-list .required {
  /*display:none;*/
  margin-left:25px;
}

/* Subscription page */
#mailing-list input[type=text] {
  -moz-border-radius:none;
  -moz-box-shadow:none;
  -webkit-border-radius:none;
  -webkit-box-shadow:none;
  -webkit-transition-property:none;
  background:url(images/form-text.png) no-repeat;
  border:none;
  color:#4b91d5;
  cursor:text;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  font-weight:bold;
  height:23px;
  outline:none;
  margin:5px 0 0 25px;
  padding:2px 8px 0 5px;
  width:232px;
}
#mailing-list input[type=text].nomargin {
  margin-left:0;
}

#mailing-list input[type=submit] {
  -moz-border-radius:8px;
  -moz-box-shadow:1px 1px 3px rgba(0,0,0,0.5);
  -webkit-border-radius:8px;
  -webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.5);
  -webkit-transition-property:color;
  -webkit-transition-duration:.25s;
  background:url(images/form-button.png) repeat-x;
  border:none;
  color:#fff;
  cursor:pointer;
  font-size:12px;
  font-weight:bold;
  height:24px;
  margin-left:0;
  padding:2px 10px;
  width:100px;
}
#mailing-list input[type=submit]:hover {
  color:#bcddff;
}

#mailing-list img,
#mailing-list a {
  display:none;
}
#mailing-list a.visible {
  display:inline;
}

#mailing-list ul {
  display:none;
}

/* Unsubscription page */
#mailing-list textarea {
  background:url(images/form-textarea.png) no-repeat;
  border:0;
  color:#4b91d5;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  font-weight:bold;
  height:75px;
  margin:-4px 0 0 25px;
  outline:none;
  padding:6px 10px 12px 6px;
  resize:none;
  width:477px;
}