/*....................................fonts..................................*/

h1{
font-size: 2em;
font-variant: small-caps;
font-weight: normal;
}

h2{
font-size: 1.7em;
font-variant: small-caps;
font-weight: normal;
}

h3{

font-size: 1.1em;
font-weight: normal;
font-family: century gothic;
font-variant: small-caps;

}

p{

font-size: 1.0em;

}

.viewallgigs{
font-variant: small-caps;
}

.post-date {
font-size: 0.8em;
}


/*.................................links.................................*/

a.sociallink:hover{
opacity: 0.7;
}

a.picturelink:hover{
opacity: 0.7;
}

a.videolink:hover{
opacity: 0.7;
}

a.viewallgigs:hover{
opacity: 0.7;
}

a:link{
color: navy;
text-decoration: none;
}

a:hover{
color: black;
text-decoration: none;
}

a:visited{
color:navy;
}

a:active{
color: black;
text-decoration: none;
}

form a:hover{
opacity: 0.7;
}




/*...............................images...................................*/


.social-png{
size: 64px;
}



.big-img {
width: 100%;
height: auto;
border-radius: 10px;
}

.small-image-right {
width: 220px;
height: auto;
margin: 10px;
float: right;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.small-image-left {
width: 220px;
height: auto;
float: left;
margin: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.small-image-center {
width: 220px;
height: auto;
margin-top: 10px;
text-align: center;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}


.gallery{
width: 140px;
height: auto;
margin: 5px;
border-radius: 10px;
}

figcaption {
text-align: center;
padding: 10px;
}

/*..................................main container....................................*/


body {
	background-colour:white;
	font-family: century-gothic;
}

#page {
width:958px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin:0px auto;

}

header {
width: 960px;
margin: 0px auto;
background-image: url("images/fretslogo.png");
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center top;
height:300px;
text-align:center;
}

#soundcloud{
padding: 100px;
}

#wfimtracklisting{
width: 290px;
height: 800px;
margin-top: 20px;
padding: 10px;
background-color: white;
opacity: 0.8;
border-radius: 10px;
float: left;

}

#titptracklisting{
width: 290px;
height: 800px;
margin-top: 20px;
margin-left: 10px;
padding: 10px;
background-color: white;
opacity: 0.8;
border-radius: 10px;
float: left;
}

form{
text-align: center;
margin-bottom: 40px;
}

/*...................................primary navigation................................*/

nav {
width:960px;
margin:0px auto;
height:50px;
padding-top: 10px;
text-align: center;
}

nav ul{
list-style-type:none;
color: black;
margin: 0;
padding: 0;
}

nav ul li{
display: inline;
color: black;
font-variant: small-caps;
font-size: 1.4em;
}

nav ul li a{
text-decoration: none;
color: black;
padding: .1em .8em;
}

nav ul li a:link{
color: navy;
}

nav ul li a:hover{
background-color: black;
color: white;
opacity: 0.5;
}

/*..................................content....................................*/

#content {
width: 640px;
float: left;
padding: 20px;
}

article {
border-bottom: 1px solid;
border-color: purple;
padding-bottom: 20px;
}

#photo-album{
background-color: white;
opacity: 0.8;
border-radius: 10px;
margin-top: 20px;
padding: 8px;
}


/*.................................aside styles..................................*/

aside {
margin-top: 40px;
margin-right: 20px;
width:245px;
text-align: center;
float:right;
}

/*...................................social-links...................................*/

#social-links{
padding: 5px;
background-color: white;
opacity: 0.8;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

/*.....................................mailchimp.....................................*/

#mc-signup {
background:white;
opacity: 0.8;
font-variant: small-caps;
padding: 5px;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
/*...................................twitter..........................................*/

#twitter{
background-color: white;
opacity: 0.8;
padding: 5px;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

/*....................................bit-widget.......................................*/

#bandsintownwidget{
background-color: white;
padding: 5px;
margin-top: 10px
margin-bottom: 10px;
opacity: 0.8;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

tr.bit-bottom { display:none;}
.bit-show-all-dates {visibility: hidden;display: none;}
.bit-buy-tix {display:none}
.bit-rsvp {display:none}
.bit-header-links {display:none}
.bit-description-links {display: none;}
.venue {color:black;font-size: 18px; font-variant: small-caps;hover: }
.location {color:black; font-variant: small-caps;}
td.bit-date { font-size: 19px; font-variant: small-caps; color: black; text-align: center; width: 50px; height: vertical-align: middle;}


/*.....................................big-bit....................................*/


#big-bit th.bit-date{
font-family: century gothic;
font-variant: small-caps;
font-weight: normal;

}

#big-bit th.bit-venue{
font-family: century gothic;
font-variant: small-caps;
font-weight: normal;
}

#big-bit th.bit-location{
font-family: century gothic;
font-variant: small-caps;
font-weight: normal;
}

#big-bit th.bit-tickets{
font-family: century gothic;
font-variant: small-caps;
font-weight: normal;
}

#big-bit td.bit-date { font-style: bold;
 font-size: 16px; 
 font-variant: small-caps; 
 text-align: center; 
 width: 75px;
 height: 75px;  
 vertical-align: middle;}

#big-bit td.bit-venue {
width: 200px;
font-family: century gothic;
font-variant: small-caps;
font-weight: normal;}

#big-bit td.bit-location{
width: 200px;
font-family: century gothic;
font-variant: small-caps;
font-weight: normal;
}

#big-bit td.bit-tickets{
width: 75px;
font-family: century gothic;
font-variant: small-caps;
font-weight: normal;
}


#big-bit .bit-show-all-dates {
  visibility: hidden;
  display: none;
}

#big-bit .bit-buy-tix {display: inline;
}

#big-bit .bit-rsvp {display:none;
}

#big-bit .bit-header-links {display:none}


/*.....................................tumblr.....................................*/

#tumblr ol{

font-family: century gothic;
color: black;
list-style-type: none;
}

#tumblr .tumblr_title{
margin-top: 30px;
font-size: 1.7em;
font-variant: small-caps;
}

#tumblr ol img{
width: 400px;
height: auto;
border-radius: 10px;
margin-top: 20px;
margin-left: 125px;
}

#tumblr ol li{
border-bottom: 1px solid;
border-color: purple;
padding-left: 0px;
}

#tumblr ol.tumblr_posts {
padding-left: 0px;
}

.tumblr_video {
width: 400px;
height: auto;
border-radius: 10px;
margin-left: 125px;
margin-top: 20px;
}

.photoset {
border-radius: 10px;
}

.photoset img{
border-radius: 10px;
}

/*......................................releases...................................*/

#releases{
background-color: white;
opacity: 0.8;
padding: 5px;
margin-top: 10px;
margin-bottom: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#up{
width: 920px;
margin: 0px auto;
padding: 20px;
clear: both;
font-size: .9em;
font-variant:small-caps;
color: green;
}



/*....................................footer........................................*/

footer {
width:920px;
margin: 0px auto;
border-top: 1px solid;
border-bottom: 1px solid;
padding: 20px 0;
clear: both;
}

/*...............................secondary navigation.................................*/

footer ul{
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}

footer ul li{
display: inline;
font-variant: small-caps;
font-size: 1.2em;
}

footer ul li a{
text-decoration: none;
color: black;
padding: .5em 1em;
}

footer ul li a:link{
color: navy;
}

footer ul li a:hover{
background-color: black;
color: white;
opacity: 0.5;
}

#copyright{
margin: 0px auto;
padding: 10px;
text-align: center;
font-size: 0.8em;
}