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

/* ============
  Global reset
=============== */
html{background:#fff;color:#000;}blockquote,body,button,code,dd,div,dl,dt,form,fieldset,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,textarea,td,th,ul{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,optgroup,strong,th,var{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:after,q:before{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}button,input,select,optgroup,option,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}button,input,select,textarea{*font-size:100%;}

/* ==================
  Interface / Layout
===================== */
html {
  background:#133860;
}
body {
  background:#133860 url(images/bg.png) top center no-repeat;
  min-height:100%;
}

div.rounded-panel,
div.rounded-panel2,
div.rounded-panel3 {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background-color:#27598e;
}
div.rounded-panel {
  margin-left:20px;
  padding:15px 10px 15px 0;
  width:485px;
}
div.rounded-panel2 {
  margin-left:15px;
  padding:15px 0 17px 0;
  width:300px;
}
div.rounded-panel3 {
  margin-left:20px;
  padding:25px 0 15px 0;
  width:860px;
}

/* ==========
  Typography
============= */
body {
  color:#bcddff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  line-height:15px;
}

h1,h2,h3,h4,h5,h6 {
  color:#fff;
  font-weight:normal;
}
h1 {
  font-size:30px;
}
h2 {
  font-size:24px;
  margin-left:28px;
}
h2.center-align {
  text-align:center;
}
h3 {
  font-size:17px;
  line-height:16px;
  margin:2px 0 0 15px;
}
h4 {
  font-size:14px;
  line-height:7px;
  margin:2px 0 0 25px;
}
/*
h2.show-hide {
  border:none;
  font-size:10px;
}
*/

a {
  -webkit-transition-property:border-color, color;
  -webkit-transition-duration:.25s, .25s;
}
a:link {
  border-bottom:1px #88a7c7 solid;
  color:#e9f4ff;
  text-decoration:none;
}
a:visited {
  border-bottom:1px #4e78a5 solid;
  color:#88a7c7;
  text-decoration:none;
}
a:active,
a:hover {
  border-bottom:1px #7597bb solid;
  color:#c2d5e8;
}
a.noborder {
  border:none; /* for Firefox */
}
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;
}

p strong {
  color:#e9f4ff;
  font-style:italic;
}
p.toplink {
  text-align:right;
}
p.toplink a {
  font-size:9px;
}
p.toplink a:visited {
  border-bottom:1px #88a7c7 solid;
  color:#e9f4ff;
}
p.toplink a:hover {
  border-bottom:1px #7597bb solid;
  color:#c2d5e8;
}
p.center-align {
  text-align:center;
}
/*div.rounded p {
  margin:10px 15px 0 15px;
}*/

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 {
  color:#83b0e0;
  font-size:10px;
  letter-spacing:1px;
  line-height:10px;
  margin-left:15px;
}
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;
}*/

/* =======
  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;
}

/*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;
}*/

/* ===============
  Navigation menu
================== */
div#menu {
  background:url(images/menu.gif) no-repeat;
  height:30px;
  margin:0 auto;
  overflow:hidden;
  width:900px;
}
div#menu ul#nav {
  background:url(images/menu.gif) no-repeat;
  height:30px;
  margin:0;
  overflow:hidden;
  position:relative;
  width:900px;
}
div#menu ul#nav li {
  float:left;
}
div#menu ul#nav li a {
  border:none;
  height:30px;
  position:absolute;
  text-decoration:none;
  text-indent:-9999px;
  top:0;
}

div#menu ul#nav li#nav-home a {
  background:url(images/menu.gif) no-repeat -15px 0;
  left:15px;
  width:65px;
}
div#menu ul#nav li#nav-news a {
  background:url(images/menu.gif) no-repeat -80px 0;
  left:80px;
  width:68px;
}
div#menu ul#nav li#nav-interviews a {
  background:url(images/menu.gif) no-repeat -148px 0;
  left:148px;
  width:105px;
}
div#menu ul#nav li#nav-reviews a {
  background:url(images/menu.gif) no-repeat -253px 0;
  left:253px;
  width:82px;
}
div#menu ul#nav li#nav-artists a {
  background:url(images/menu.gif) no-repeat -335px 0;
  left:335px;
  width:80px;
}
div#menu ul#nav li#nav-radio a {
  background:url(images/menu.gif) no-repeat -415px 0;
  left:415px;
  width:118px;
}
div#menu ul#nav li#nav-events a {
  background:url(images/menu.gif) no-repeat -533px 0;
  left:533px;
  width:78px;
}
div#menu ul#nav li#nav-videos a {
  background:url(images/menu.gif) no-repeat -611px 0;
  left:611px;
  width:75px;
}
div#menu ul#nav li#nav-about a {
  background:url(images/menu.gif) no-repeat -686px 0;
  left:686px;
  width:95px;
}
div#menu ul#nav li#nav-contact a {
  background:url(images/menu.gif) no-repeat -781px 0;
  left:781px;
  width:105px;
}

div#menu ul#nav li#nav-home a:hover {
  background-position:-15px -30px;
}
div#menu ul#nav li#nav-news a:hover {
  background-position:-80px -30px;
}
div#menu ul#nav li#nav-interviews a:hover {
  background-position:-148px -30px;
}
div#menu ul#nav li#nav-reviews a:hover {
  background-position:-253px -30px;
}
div#menu ul#nav li#nav-artists a:hover {
  background-position:-335px -30px;
}
div#menu ul#nav li#nav-radio a:hover {
  background-position:-415px -30px;
}
div#menu ul#nav li#nav-events a:hover {
  background-position:-533px -30px;
}
div#menu ul#nav li#nav-videos a:hover {
  background-position:-611px -30px;
}
div#menu ul#nav li#nav-about a:hover {
  background-position:-686px -30px;
}
div#menu ul#nav li#nav-contact a:hover {
  background-position:-781px -30px;
}

div#menu ul#nav li#nav-home a.active {
  background-position:-15px -60px;
}
div#menu ul#nav li#nav-news a.active {
  background-position:-80px -60px;
}
div#menu ul#nav li#nav-interviews a.active {
  background-position:-148px -60px;
}
div#menu ul#nav li#nav-reviews a.active {
  background-position:-253px -60px;
}
div#menu ul#nav li#nav-artists a.active {
  background-position:-335px -60px;
}
div#menu ul#nav li#nav-radio a.active {
  background-position:-415px -60px;
}
div#menu ul#nav li#nav-events a.active {
  background-position:-533px -60px;
}
div#menu ul#nav li#nav-videos a.active {
  background-position:-611px -60px;
}
div#menu ul#nav li#nav-about a.active {
  background-position:-686px -60px;
}
div#menu ul#nav li#nav-contact a.active {
  background-position:-781px -60px;
}

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

/* ============
  Page Content
=============== */
div#interface {
  background:url(images/bg-interface.png) top center repeat-y;
  margin:0 auto;
  min-height:100%;
  width:900px;
}

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

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

div#main div#right-col {
  background:#1b4776 url(images/bg-rightcol.png) top no-repeat;
  float:right;
  width:365px;
}
div#main div#right-col p {
  margin:5px 15px 0 15px;
}

div#main2 {
  background:#1b4776 url(images/bg-maincol.png) top no-repeat;
  margin:0 auto;
  padding-top:20px;
  width:900px;
}
div#main2 p {
  margin:10px 25px 0 25px;
}
div#main2 h3 {
  margin:0 15px 0 25px;
}
div#main2 span.date {
  margin-left:25px;
}

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

div#bottom {
  background:url(images/bg-bottom.png);
  clear:both;
  height:30px;
  margin:0 auto;
  width:900px;
}

/* ==========
  Search box
============= */
div#right-col div#searchbox1 {
  float:left;
  width:270px;
}
div#right-col div#searchbox2 {
  float:left;
  width:75px;
}
div#right-col input.searchbox-email {
  background:url(images/search-text.png) no-repeat;
  border:none;
  color:#4b91d5;
  font-family:tahoma;
  font-size:12px;
  font-weight:bold;
  height:23px;
  margin:48px 0 3px 25px;
  outline:none;
  padding:2px 0 0 5px;
  width:240px;
}

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

/* ========
  Comments
=========== */
#comments {
  margin:15px 0 0 7px;
}
#comments ol.commentlist {
  line-height:18px;
  margin-top:5px;
}
#comments ol.commentlist li {
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  background-color:#215082;
  margin:5px 0 10px 13px;
  padding:10px 10px 10px 10px;
  width:475px;
}

#comments span.gravatar {
  float:left;
  margin-right:10px;
}

#comments ol.commentlist .comment-date {
  color:#5d86a9;
  font-size:10px;
  margin:-5px 0 5px 0;
}

#comments ol.commentlist li p {
  color:#bfd9ec;
  line-height:15px;
}
#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;
}

#respond {
}
#respond textarea,
#respond input {
  background:transparent;
  border:0;
  color:#4b91d5;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  font-weight:bold;
  margin-left:15px;
  outline:none;
  resize:none;
}
#respond .textarea {
  background:url(images/form-textarea.png) no-repeat;
  height:83px;
  padding:6px;
  width:493px;
}
#respond .text {
  background:url(images/form-text.png) no-repeat;
  height:23px;
  margin-bottom:10px;
  padding-left:5px;
  width:235px;
}
#respond label {
  color:#bfd9ec;
  margin-left:3px;
}
#respond p.submit input {
  -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;
  color:#fff;
  cursor:pointer;
  font-size:12px;
  font-weight:bold;
  height:24px;
  margin-left:0;
  padding:2px 10px;
  width:100px;
}
#respond p.submit input:hover {
  color:#bcddff;
}

/* =======
  Archive
========== */
ul.archive-list,
ul.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;
}

/* =====
  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;
}

/* ==================
  Social media icons
===================== */
div.social-icons {
  margin:10px 0 0 15px;
}
div.social-icons a:link,
div.social-icons a:visited {
  -moz-opacity:.6;
  -webkit-transition-property:opacity;
  -webkit-transition-duration:.25s;
  border:none;
  filter:alpha(opacity=60);
  float:left;
  opacity:.6;
  padding-right:3px;
}
div.social-icons a:active,
div.social-icons a:hover {
  -moz-opacity:1;
  filter:alpha(opacity=100);
  opacity:1;
}

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

/* ======
  Footer
========= */
div#footer {
  background:#133860;
  color:#4f81b7;
  font-size:11px;
  height:100px;
  line-height:15px;
  margin:0 auto;
  padding-top:10px;
  text-align:center;
  width:900px;
}
div#footer a:link,
div#footer a:visited {
  border:none;
  color:#5a8dc5;
  font-size:11px;
  font-weight:bold;
}
div#footer a:active,
div#footer a:hover {
  color:#6ea1d8;
}

/* ================
  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;
}