/*
Theme Name: Faia Theme
Version: 1.0
Author: Priyank Sharma
Author URI: http://priyanksharma.com/
Description: Official theme for <a href="http://muzicmatters.in/">Muzic Matters</a>.
*/

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

/* ==================
  Interface / Layout
===================== */
body {
  background:#2f607b url(images/bg.gif) top repeat-x;
  min-height:100%;
}

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

div.body {
  -moz-border-radius-bottomleft:25px;
  -moz-border-radius-bottomright:25px;
  -moz-border-radius-topleft:15px;
  -moz-border-radius-topright:15px;
  -moz-box-shadow:0 0 8px rgba(0,0,0,0.5);
  -webkit-border-bottom-left-radius:25px;
  -webkit-border-bottom-right-radius:25px;
  -webkit-border-top-left-radius:15px;
  -webkit-border-top-right-radius:15px;
  -webkit-box-shadow:0 0 8px rgba(0,0,0,0.5);
  background:url(images/body-top.png) top repeat-x, url(images/body-bottom.png) bottom repeat-x, url(images/body.png) repeat;
  margin:0 auto;
  width:880px;
}

div.body div.tags {
  margin-left:10px;
  width:820px;
}

div.download {
  background:url(images/icon-download.gif) no-repeat;
  display:block;
  float:left;
  height:35px;
  margin:12px 8px 0 30px;
  width:32px;
}

/* ======
  Images
========= */
img {
  border:none;
}
div.body img {
  margin:0 20px 5px 25px;
}
img.float-left {
  float:left;
  margin:5px 20px 0 40px;
}
img.shadow {
  -moz-box-shadow:2px 2px 12px rgba(0,0,0,0.5);
  -webkit-box-shadow:2px 2px 12px rgba(0,0,0,0.5);
}

/* ==========
  Typography
============= */
body {
  color:#376f8e;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:12px;
  line-height:16px;
}

h1 {
  font-size:30px;
  padding:20px 0 0 25px;
}
h2 {
  font-size:24px;
  padding-left:25px;
}
h2.wp-index {
  padding-left:0;
}
h2.wp-single {
  padding-left:0;
}
h3 {
  color:#376f8e;
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  font-weight:bold;
  margin:10px 0 8px 0;
  padding-left:25px;
}
h4,
h4 a.title-archive {
  color:#366e8d;
  font-size:16px;
  font-weight:bold;
  margin:10px 0 8px 0;
  padding-left:25px;
}

p {
  font-size:13px;
  padding:0 30px 8px 25px;
}
p.no-padding {
  color:#044b72;
  padding:0 40px 12px 0;
}
p.date-archive,
p.date-archive a {
  color:#5d86a9;
  font-size:11px;
  margin-top:2px;
}
p.date-single,
p.date-single a {
  font-size:11px;
  margin:-5px 0 8px 0;
}

p.logged-in {
  margin-top:-5px;
  padding-left:0;
}
p.logged-in a {
  font-size:12px;
}

strong {
  font-weight:bold;
}

blockquote {
  background:#baddfc;
  color:#fff;
  margin:15px 0 5px 35px;
  padding:10px 0;
  width:820px;
}
blockquote h3 {
  padding-left:15px;
}
blockquote p {
  color:#044b72;
  padding:0 40px 0 15px;
}

/* ==========
  Hyperlinks
============= */
a:link,
a:visited {
  -webkit-transition-property:color;
  -webkit-transition-duration:.25s;
  color:#3f7fa2;
  font-size:12px;
  font-weight:bold;
}
a:hover,
a:active {
  color:#044b72;
}

/* =======
  Spacers
========== */
.spacer-void, .spacer-half, .spacer, .spacer-double, .spacer-triple {
  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;
}

/* ====
  Logo
======= */
div#logo {
  float:left;
  height:114px;
  margin:0 auto;
  width:266px;
}
div#logo a {
  border:none;
}

/* ====
  Menu
======= */
div#menu {
  background:url(images/menu.gif) no-repeat;
  float:left;
  height:58px;
  margin:0 auto;
  overflow:hidden;
  width:624px;
}
div#menu ul#nav {
  background:url(images/menu.gif) no-repeat;
  height:58px;
  overflow:hidden;
  position:relative;
  width:624px;
}
div#menu ul#nav li {
  float:left;
  list-style:none;
  width:auto;
}
div#menu ul#nav li a {
  border:none;
  height:58px;
  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 -5px 0;
  left:5px;
  width:89px;
}
div#menu ul#nav li#nav-about a {
  background:url(images/menu.gif) no-repeat -94px 0;
  left:94px;
  width:111px;
}
div#menu ul#nav li#nav-artists a {
  background:url(images/menu.gif) no-repeat -205px 0;
  left:205px;
  width:99px;
}
div#menu ul#nav li#nav-events a {
  background:url(images/menu.gif) no-repeat -304px 0;
  left:304px;
  width:93px;
}
div#menu ul#nav li#nav-links a {
  background:url(images/menu.gif) no-repeat -397px 0;
  left:397px;
  width:91px;
}
div#menu ul#nav li#nav-contact a {
  background:url(images/menu.gif) no-repeat -488px 0;
  left:488px;
  width:125px;
}

div#menu ul#nav li#nav-home a:hover {
  background-position:-5px -58px;
}
div#menu ul#nav li#nav-about a:hover {
  background-position:-94px -58px;
}
div#menu ul#nav li#nav-artists a:hover {
  background-position:-205px -58px;
}
div#menu ul#nav li#nav-events a:hover {
  background-position:-304px -58px;
}
div#menu ul#nav li#nav-links a:hover {
  background-position:-397px -58px;
}
div#menu ul#nav li#nav-contact a:hover {
  background-position:-488px -58px;
}

div#menu ul#nav li#nav-home a.active {
  background-position:-5px -116px;
}
div#menu ul#nav li#nav-about a.active {
  background-position:-94px -116px;
}
div#menu ul#nav li#nav-artists a.active {
  background-position:-205px -116px;
}
div#menu ul#nav li#nav-events a.active {
  background-position:-304px -116px;
}
div#menu ul#nav li#nav-links a.active {
  background-position:-397px -116px;
}
div#menu ul#nav li#nav-contact a.active {
  background-position:-488px -116px;
}

/* =============
  Advertisments
================ */
div#advertisement {
  margin:0 auto;
  text-align:center;
  width:910px;
}

/* ======
  Iframe
========= */
div#iframe-glider {
  margin-bottom:12px;
  text-align:center;
  width:100%;
}

/* =====
  Index
======== */
div#home-left {
  float:left;
  margin:5px 0 0 28px;
  width:255px;
}
div#home-left ul {
  font-family:Arial, Helvetica, sans-serif;
}
div#home-left ul li {
  list-style:disc;
  margin-left:16px;
}
div#home-left p {
  margin:7px 0 0 -26px;
}

div#home-center {
  margin:17px 0 0 285px;
  width:220px;
}
div#home-center ul {
  font-family:Arial, Helvetica, sans-serif;
}
div#home-center ul li {
  list-style:disc;
  margin-left:18px;
}
div#home-center p {
  margin-left:-24px;
}
div#home-center p.top-pad {
  margin-bottom:5px;
  margin-top:5px;
}
div#home-center img {
  margin:3px 0 0 -5px;
}

div#home-right {
  float:right;
  margin:5px 30px 0 0;
  width:320px;
}
div#home-right #audio-player {
  z-index:1;
}

div#home-twitter {
  background:url(images/twitter-feed.png) no-repeat;
  font-family:Tahoma, Geneva, sans-serif;
  font-size:13px;
  font-weight:bold;
  height:80px;
  margin-left:20px;
  width:830px;
}
div#home-twitter img {
  float:left;
  margin-left:5px;
  margin-right:0;
}
div#home-twitter p {
  padding-top:35px;
}

/* ==========
  Pagination
============= */
div.navigation {
  padding:10px 40px 0 25px;
}
div.navigation-comments {
  padding:0 40px 0 25px;
}

/* ========
  Comments
=========== */
#comments {
  margin-left:25px;
  width:830px;
}

#comments ol.commentlist {
  list-style:none;
  margin-top:5px;
}
#comments ol.commentlist li {
  -khtml-border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  background:#c1dbed url(images/comment-top.gif) top repeat-x;
  border-radius:6px;
  list-style-type:none;
  margin:0 0 10px;
  padding:12px 15px 12px 12px;
  position:relative;
}
#comments ol.commentlist .comment-date {
  color:#285167;
  font-size:10px;
  margin-bottom:15px;
}
#comments ol.commentlist .comment-edit-link {
  font-size:10px;
  font-weight:normal;
}

#comments ol.commentlist li p {
  color:#285167;
  margin-bottom:5px;
}
#comments ol.commentlist a:link,
#comments ol.commentlist a:visited {
  font-style:normal;
  font-weight:bold;
  text-decoration:underline;
}
#comments ol.commentlist a:hover,
#comments ol.commentlist a:active {
  text-decoration:none;
}

#comments ol.commentlist img.gravatar {
  float:left;
  margin:3px 12px 10px 5px;
}

#respond {
  margin-top:10px;
}
#respond ol {
  list-style-type:none;
  padding:20px 0 0;
}
#respond ol li {
  list-style-type:none;
}

#respond textarea,
#respond input {
  -khtml-border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background:#81b9eb;
  border:none;
  border-radius:5px;
  color:#366e8d;
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin-top:10px;
  outline:none;
}
#respond label {
  color:#044b72;
}
#respond input.text {
  background:url(images/textfield.gif) no-repeat;
  height:25px;
  padding:1px 5px 0 5px;
  width:340px;
}
#respond textarea {
  background:url(images/textarea.gif) no-repeat;
  height:115px;
  padding:5px;
  resize:none;
  width:600px;
}

#respond p.submit input {
  background:url(images/button-postcomment.png) no-repeat;
  cursor:pointer;
  height:50px;
  margin-left:-5px;
  width:130px;
}
#respond p.submit input:hover {
  background-position:0 -50px;
}
#respond p.submit input:active {
  background-position:0 -100px;
}

/* ======
  Footer
========= */
div#footer {
  font-family:Arial, Helvetica, sans-serif;
  height:90px;
  margin-top:10px;
  text-align:center;
  width:910px;
}

div#footer-menu {
  color:#bdd9eb;
}
div#footer a {
  color:#bdd9eb;
  font-weight:bold;
  text-decoration:none;
}
div#footer img {
  margin-top:3px;
}
div#footer a:hover {
  text-decoration:underline;
}

div#footer-copyright {
  color:#7cb9da;
  font-size:11px;
  font-weight:bold;
}

div#footer-credits a {
  color:#599cc0;
  font-size:11px;
  font-weight:bold;
}

/* ================
  Plugin: PageNavi
=================== */
.wp-pagenavi {
  font-family:Arial, Helvetica, sans-serif;
  font-weight:bold;
  margin:5px 0 10px 0;
  padding-left:25px;
}
.wp-pagenavi span {
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  padding:3px 8px 3px 8px;
}
.wp-pagenavi span.current {
  background-color:#366e8d;
  color:#fff;
  margin:2px;
}

.wp-pagenavi a:link,
.wp-pagenavi a:visited {
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  background-color:#366e8d;
  color:#fff;
  font-size:12px;
  margin:2px;
  padding:3px 8px 3px 8px;
  text-decoration:none;
}
.wp-pagenavi a:hover,
.wp-pagenavi a:active {
  background-color:#0b3348;
}
.wp-pagenavi a.page {
  padding:3px 8px 3px 8px;
}

/* =======================
  Plugin: WP Contact Form
========================== */
#contactform textarea.contact-textarea,
#contactform input.contact-textfield {
  -khtml-border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background:#81b9eb;
  border:none;
  border-radius:5px;
  color:#366e8d;
  font-family:Arial, Helvetica, sans-serif;
  margin:4px 0 5px 40px;
  outline:none;
}
#contactform input.contact-textfield {
  background:url(images/textfield.gif) no-repeat;
  height:25px;
  padding:1px 5px 0 5px;
  width:340px;
}
#contactform textarea.contact-textarea {
  background:url(images/textarea.gif) no-repeat;
  height:115px;
  padding:5px;
  resize:none;
  width:600px;
}
#contactform label {
  color:#044b72;
  margin-left:40px;
}

#contactform input.contact-submit {
  background:url(images/button-sendmessage.png) no-repeat 0 0;
  border:none;
  cursor:pointer;
  height:50px;
  margin-left:35px;
  width:130px;
}
#contactform input.contact-submit:hover {
  background-position:0 -50px;
}
#contactform input.contact-submit:active {
  background-position:0 -100px;
}

/* ================
  IE6 Notification
=================== */
#ie6-box {
  background-color:#efefef;
  border-bottom:5px solid #3a7798;
  height:30px;
  padding:8px 8px 8px 20px;
}
#ie6-box .close-button {
  display:block;
  float:right;
  margin-left:8px;
  width:auto;
}
#ie6-box .browser-links {
  float:right;
  width:auto;
}
#ie6-box .browser-link img {
  background-image:url(images/browsers.png);
  height:32px;
  margin-left:8px;
  width:172px;
}
#ie6-box .browser-link:hover img {
  background-position-x:-172px;
}
#ie6-box .ie8-link {
  background-position-y:-32px;
}
#ie6-box .chrome-link {
  background-position-y:0;
}
#ie6-box .firefox-link {
  background-position-y:-64px;
}
#ie6-box .upgrade-message {
  clear:both;
  float:left;
  font-size:12px;
  overflow:hidden;
  width:380px;
}