@charset "utf-8";

/*
Theme Name: Snakes & Suits
Version: 1.0
Author: We Are Secret
Author URI: http://www.wearesecret.com
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* BEGIN SNAKES & SUITS STYLING */

body {
	background-color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/bg-tile.jpg);
}

h1 {
	color:#999999;
	font-size:11px;
	margin-bottom:2px;
}

h2 {
	color:#666666;
}

h3 {
	padding-left:15px;
	background-image:url(images/blue-squares.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-size:10px;	
	font-style:italic;
	color:#8cc63f;
	margin-bottom:10px;
}

a {
	text-decoration:none;
}

small {
	padding-left:15px;
	background-image:url(images/blue-squares.gif);
	background-position:left;
	background-repeat:no-repeat;
	font-size:10px;	
	font-style:italic;
	color:#8cc63f;
	margin-bottom:10px;
}

.layout {
	width:744px;
	margin:0px auto;
	background-image:url(images/bg-layout.png);
	background-repeat:repeat-y;
}

#sitecontent {
	width:700px;
	margin:0px auto;
	padding-left:4px;
}

#header {
	width:700px;
	height:133px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	padding:0px 0px 0px 0px;
	border-bottom-style:solid;
	border-bottom-color:#262626;
	border-bottom-width:2px;
	position:relative;
	margin:0px auto;
	margin-left:24px;
}

#email {
	font-size:8px; 
	background-image:url(images/bg-email.jpg);
	border-width:1px;
	border-style:solid;
	border-color:#393939;
	color:#999999;
	margin:0px;
	background-position:left;
	background-repeat:repeat-x;
	height:10px;
	width:120px;
}

#email-container {
	float:right;
	width:148px;
	height:20px;
	background-image:url(images/bg-email.jpg);
	border-style:solid;
	border-color:#2e2c2d;
	border-width:1px;
	text-align:right;
}

#email-button {
	float:left;	
	padding-left:0px;
	margin:5px 0px 0px 4px;
	background-image:url(images/email-button.gif);
	background-repeat:no-repeat;
	width:14px;
	height:10px;
	border:0px;
}

ul#follow li {
	float:right;
	font-size:8px;
	color:#4E4E4E;
	margin:1px;
}

#follow-container {
	position:absolute;
	left:544px;
	top:111px;
	width:150px;
	line-height:16px;
}

a#button-twitter {
	display:block;
	width:16px;
	height:16px;
	background-image:url(images/button-twitter.gif);
	margin-left:20px;
	background-position:left;
}

a#button-twitter:hover {
	background-position:right;
}


a#button-facebook {
	display:block;
	width:16px;
	height:16px;
	background-image:url(images/button-facebook.gif);
	background-position:left;
}

a#button-facebook:hover {
	background-position:right;
}

a#button-myspace {
	display:block;
	width:16px;
	height:16px;
	background-image:url(images/button-myspace.gif);
	background-position:left;
}

a#button-myspace:hover {
	background-position:right;
}

#footer {
	margin:auto;
	clear:both;
	width:744px;
	height:75px;
	background-image:url(images/bg-footer.png);
	background-position:bottom;
	background-repeat:no-repeat;
}

#footer-content {
	float:left;
	margin:0px 10px 0px 44px;
	padding:0px 0px 0px 35px;
	width:700px;
	height:90px;
	background-image:url(images/ampersand.gif);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:10px;
}

#footer-text1 {
	color:#666;
	font-weight:bold;
	font-style:italic;
	margin-bottom:2px;
}

#footer-text2 {
	color:#333333;
	font-weight:bold;
	font-style:italic;
}

/* BEGIN WE ARE SECRET SITE LINK */

a#wearesecret {
	float:right;
	display:block;
	width:77px;
	height:18px;
	background-image:url(images/wearesecret.gif);
	background-repeat:no-repeat;
	background-position:left;
	margin:8px 75px 0px 0px;
}

a#wearesecret:hover {
	background-position:right;
}

/* END WE ARE SECRET SITE LINK */

/* BEGIN SIDEBAR */

#sidebar {
	width:150px;
	float:right;
	background-color:#212121;
	margin:0px 0px 20px 0px;
	clear:both;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#303030;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#303030;
}

#tweets-header {
	height:30px;
	background-color:#1a1a1a;
	background-image:url(images/tweet.gif);
	background-position:5px;;
	background-repeat:no-repeat;
	font-size:11px;
	color:#999999;
	font-weight:bold;
	padding-left:30px;
	line-height:32px;
}

#tweets {
	display:block;
	background-color:#212121;
	border-top-style:solid;
	border-top-width:3px;
	border-top-color:#333333;
	padding-bottom:5px;
}

.twitter {
	padding-left:5px;
}

.add-twitter-item {
	color:#999999;	
	font-size:10px;
	margin-bottom:5px;
	padding-right:5px;
}

.twitter-user {
	color:#ccc;
}

.twitter-user:hover {
	color:#fff;
}

#tweet1h {
	color:#666666;
}

#featureditem-header {
	height:30px;
	background-color:#1a1a1a;
	background-image:url(images/arrows.gif);
	background-position:10px;
	background-repeat:no-repeat;
	font-size:11px;
	color:#999999;
	font-weight:bold;
	padding-left:30px;
	line-height:32px;
	border-top-style:solid;
	border-top-width:3px;
	border-top-color:#333333;	
}

#featureditem {
	display:block;
	height:220px;
	background-image:url(images/sidebar/SidePanel_Featured.jpg);
}

#sales-header {
	height:30px;
	background-color:#1a1a1a;
	background-image:url(images/star.gif);
	background-position:10px;
	background-repeat:no-repeat;
	font-size:11px;
	color:#999999;
	font-weight:bold;
	padding-left:30px;
	line-height:32px;
	border-top-style:solid;
	border-top-width:3px;
	border-top-color:#333333;	
}

#sales {
	display:block;
	height:220px;
	background-image:url(images/sidebar/SidePanel_Top.jpg);
}

/* END SIDEBAR */

#content {
	width:510px;
	float:right;
	margin:20px 15px 10px 20px;
}

.clr {
	clear:both;
}

/* BEGIN BLOG STUFF */

.blogpost {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom-style:solid;
	border-bottom-color:#333333;
	border-bottom-width:1px;
}

h2.supertitle a {
	color:#999999;
	font-size:12px;
	line-height:40px;
}

h2.supertitle a:hover {
	color:#fff;
}

h2.gallerytitle a {
	color:#999999;
	font-size:12px;
}
h2.gallerytitle a:hover {
	color:#fff;
}
h2.gallerytitle {
	margin-bottom:10px;
}
.entry {
	color:#666666;
	font-size:10px;
}

.entry {
	margin-bottom:10px;
}

.entry p {
	line-height:12px;
}

.entry a{
	color:#b2c8d7;
	font-size:10px;
	line-height:13px;
}
.entry a:hover{
	color:#FFF;
}

.postdivider {
	clear:both;
	border-bottom-style:solid;
	border-bottom-color:#2B2B2B;
	border-bottom-width:1px;
	height:10px;
	margin-bottom:20px;
}

.navigation a {
	display:block;
	font-size:12px;
	color:#b2c8d7;
	margin-bottom:20px;	
}

.navigation a:hover {
	font-size:12px;
	color:#FFF;	
}

/* END BLOG STUFF */

/* BEGIN ABOUT STUFF */

.about-text {
	color:#666666;
	font-size:10pt;
	line-height:18px;
	margin-right:20px;
}

#about-header {
	margin:20px 0px 10px 0px;
	font-size:10pt;
	color:666;
}

#aboutpic {
	width:496px;
	height:150px;
	border-style:solid;
	border-width:1px;
	border-color:#333;
	margin-top:20px;
	padding-top:150px;
	color:#333;
}

/* END ABOUT STUFF */

/* BEGIN PROMOTE STUFF */

#content-promote {
	width:490px;
	float:left;
	margin:20px 0px 10px 40px;	
}

.promote-header {
	margin:20px 0px 10px 0px;;
	font-size:10pt;
}

.promote-text {
	color:#666666;
	font-size:12px;
	margin-top:10px;
}

#promote-box {
	width:468px;
	height:70px;
	padding:10px 20px 0px 20px;
	background-image:url(images/promote-box.jpg);
	background-repeat:no-repeat;
	font-size:10px;
	color:#000000;
}
/* END PROMOTE STUFF */

/* BEGIN PHOTOS STUFF */

ul#photogallery li {
	display:block;
	float:left;
}

a.photoholder {
	display:block;
	width:165px;
	padding-right:5px;
	margin-bottom:15px;
	float:left;
	font-size:12px;
	color:#CCCCCC;
	margin:5px 0px 15px 0px;
}

a.photoholder:hover {
	color:#FFFFFF;
}

.gallerytext {
	font-size:10px;
	color:#666666;
}

#photo1 {
	display:block;
	background-image:url(images/photogallery/photo1.jpg);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}

#photo2 {
	display:block;
	background-image:url(images/photogallery/photo2.jpg);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}

#photo3 {
	display:block;
	background-image:url(images/photogallery/photo3.jpg);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}

#photo4 {
	display:block;
	background-image:url(images/photogallery/photo4.jpg);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}

#photo5 {
	display:block;
	background-image:url(images/photogallery/photo5.jpg);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}

#photo6 {
	display:block;
	background-image:url(images/photogallery/photo6.jpg);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}

.thumbnail {
	float:left;
	margin:0px 10px 0px 10px;
}

#collections {
	display:block;
	background-image:url(images/gallery-collections/collections-thumb.gif);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}

#events {
	display:block;
	background-image:url(images/gallery-events/events-thumb.gif);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}

#misc {
	display:block;
	background-image:url(images/gallery-misc/misc-thumb.gif);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}

#warped2009 {
	display:block;
	background-image:url(images/gallery-events/WarpedTour2009/warped2009-thumb.gif);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}

#warped2008 {
	display:block;
	background-image:url(images/gallery-events/WarpedTour2008/warped2008-thumb.gif);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}

#promote-thumb {
	display:block;
	background-image:url(images/gallery-promote/promote-thumb.gif);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}

#spring2008 {
	display:block;
	background-image:url(images/gallery-collections/spring2008-thumb.gif);
	height:80px;
	width: 160px;
	margin-bottom:5px;
}
/* END PHOTOS STUFF */

/* BEGIN CONTACT STUFF */

#content-contact-left {
	width:150px;
	float:left;
}

#content-contact-right {
	float:left;
	font-size:10px;
	color:#666666;
}

.formlabel {
	font-size:10px;
	margin:5px 0px 5px 0px;
}

#formlabel-name {
	font-size:10px;
	margin:0px 0px 5px 0px;
}

#contact-email {
	font-size:11px;
	color:#666666;
}

#contactname {
	font-size:10px; 
	width:340px; 
	height:17px; 
	background:url(images/bg-contact-field.gif); 
	border:0px;
}

#youremail {
	font-size:10px; 
	width:340px; 
	height:17px; 
	background:url(images/bg-contact-field.gif); 
	border:0px;
}

#message {
	width:340px; 
	height:181px;
	background:url(images/bg-contact-message.gif); 
	border:0px;
}

#submitting {
	background:url(images/button-submit.gif);
	width:340px;
	height:28px;
	border:0px;
	color:#CCC;
}

/* END CONTACT STUFF */

/* BEGIN BANDS STUFF */

ul#bandgallery li {
	display:block;
	float:left;
}

a.logoholder {
	display:block;
	width:160px;
	padding-right:5px;
	margin-bottom:15px;
	text-align:center;
	font-size:10px;
	color:#b2c8d7;
	margin:5px 0px 0px 0px;
}

a.logoholder:hover {
	color:#FFFFFF;
}

#arockettothemoon {
	display:block;
	background-image:url(images/bands/arockettothemoon.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#theacademyis {
	display:block;
	background-image:url(images/bands/theacademyis.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#artistvspoet {
	display:block;
	background-image:url(images/bands/artistvspoet.gif);
	background-repeat:no-repeat;
	background-position:center;
	padding-top:25px;
	height:40px;
	margin-bottom:5px;
}

#brighten {
	display:block;
	background-image:url(images/bands/brighten.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#cobrastarship {
	display:block;
	background-image:url(images/bands/cobrastarship.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#dangerradio {
	display:block;
	background-image:url(images/bands/dangerradio.gif);
	background-repeat:no-repeat;
	background-position:center 25px;
	height:70px;
	margin-bottom:5px;
}

#ellington {
	display:block;
	background-image:url(images/bands/ellington.gif);
	background-repeat:no-repeat;
	background-position:center 5px;
	padding-top:60px;
	height:10px;
	margin-bottom:5px;	
}

#empires {
	display:block;
	background-image:url(images/bands/empires.gif);
	background-repeat:no-repeat;
	background-position:center 5px;
	height:70px;
	margin-bottom:5px;
}

#foreverthesickestkids {
	display:block;
	background-image:url(images/bands/foreverthesickestkids.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:70px;
	margin-bottom:5px;
}

#forgivedurden {
	display:block;
	background-image:url(images/bands/forgivedurden.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#thegraduate {
	display:block;
	background-image:url(images/bands/thegraduate.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#hitthelights {
	display:block;
	background-image:url(images/bands/hitthelights.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#themaine {
	display:block;
	background-image:url(images/bands/themaine.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#mathletes {
	display:block;
	background-image:url(images/bands/mathletes.gif);
	padding-top:20px;
	background-repeat:no-repeat;
	background-position:center;
	height:40px;
	margin-bottom:5px;
}
#powerspace {
	display:block;
	background-image:url(images/bands/powerspace.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#thereadyset {
	display:block;
	background-image:url(images/bands/thereadyset.gif);
	background-repeat:no-repeat;
	background-position:center;
	padding-top:10px;
	height:60px;
	margin-bottom:5px;
}

#singitloud {
	display:block;
	background-image:url(images/bands/singitloud.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}
#thesummerset {
	display:block;
	background-image:url(images/bands/thesummerset.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:80px;
	margin-bottom:5px;
}

#thisprovidence {
	display:block;
	background-image:url(images/bands/thisprovidence.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

#wethekings {
	display:block;
	background-image:url(images/bands/wethekings.gif);
	background-repeat:no-repeat;
	background-position:center;
	height:60px;
	margin-bottom:5px;
}

/* END BANDS STUFF */


/* TABBED MENU */

.menu-container {
	width:345px;
	margin:0px auto;
	clear:both;
	padding-top:88px;
	padding-left:16px;
}

/* style the tabs in IE (the trailing comma prevents other browsers from reading this) */
.tabbar li, .tabbar ul li, {
	
	/* make them horizontal in IE*/
	display: inline;
	
	/* space them a little in IE*/
	margin: 0 4px;
}

/* style the tabs */
.tab , .tabselected  {
	
	/* make them horizontal in Firefox 2*/
	display: -moz-inline-box;
	
	/* make them horizontal in all other browsers*/
	display: inline-block;
	
	/* space them a little */
	padding: 2px;
	
	color:#666;
	font-size:11px;
	font-weight:bold;
}

.tab a {
	color:#666;

}

.tab a:hover {
	color:#0099FF;
}

/* make changes to the selected tab */
.tabselected a {
	color:#0099FF;
	
}

/* IMAGES ADJUST ALIGNMENT */

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }
.wp-caption-text {
	padding-bottom:10px;
}