/*
Theme Name: CLAIR BETA
Theme URI: http://www.clairglobal.com/
Description: The default WordPress theme for the Clair Global website
Author: Andrew Gormley, James Hammer, Benjamin Strautin
Author URI: http://clairglobal.com/
*/

/*--------------*/
/* Master Reset */
/*--------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline; }

body { line-height: 1.5; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: middle; font-weight: normal; }
table, td, th { vertical-align: top; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/*-------------------*/
/* IE Specific Fixes */
/*-------------------*/

* html .column { overflow-x: hidden; }
* html legend { margin:-18px -8px 16px 0; padding:0; }
ol { margin-left:2em; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
hr  { margin: -8px auto 11px; }

/*------------------------*/
/* Basic Typography Rules */
/*------------------------*/

h1,h2,h3,h4,h5,h6 { font-weight: bold; color: #000; }
h1 { font-size: 3em; line-height: 1; margin-bottom: 0em; }
h2 { font-size: 2em; margin-bottom: 0em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 0em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 0em; }
h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img { margin: 0; }
p           { margin: 0 0 1.5em; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus,
a:hover     { color: #000; text-decoration: underline; }
a           { color: #007ea4; text-decoration: none; }
blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }
abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }
li ul,
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }
ul          { list-style-type: none; }
ol          { list-style-type: none; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
table       { width:100%; }
th          { font-weight: bold; }
th,td       { padding: 4px 10px 4px 5px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/*----------------*/
/* General Layout */
/*----------------*/

body {
	background: #0e202a url('images/bg.gif') repeat-x;
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000;
	font-size: 13px; }

#container { width: 945px; background: #fff; margin: 0 auto; text-align: left; }

	h1 {
		background: url('images/header2.jpg') no-repeat;
		width: 945px;
		height: 150px;
		text-indent: -9999px;


		margin: 0;
		padding: 0; }
/*
	#sidebar {
		float: left;
		width: 175px;
		height: 466px;
		margin: 0 20px 0 0;
		overflow: hidden;
		background: url('images/nav-bg.jpg') no-repeat; }
*/

		#nav { padding-top: 16px; margin: 0px; width: 100%; text-align: center; list-style: none; background:  url('images/nav9.jpg') no-repeat; height: 42px; width: 945px; }
		#nav li {display: inline; margin-left: 1em; list-style-position: inside; }
		#nav a { text-transform: uppercase; color: #aaa; font-size: 12px; }
		#nav a:hover, #nav a:focus { color: #fff ; text-decoration: underline; }


	#content { float: left; width: 895px; margin-left: 25px; margin-right: 25px; }

		#home-slides { float: right; width: 393px; height: 457px; margin-left: 1.5em; margin-right: 1.5em; margin-top: 0em; margin-bottom: 3em; }
                #home-slides-small { float: right; width: 200px; height: 248px; }
                #product-slides { float: right; width: 393px; height: 457px; margin-left: 1.5em; margin-right: 1.5em; margin-top: 0em; margin-bottom: 3em; }
                #product-slides-small { float: right; width: 200px; height: 248px; }
		.page-title { margin: 2px 0; }

		img.centered { display: block; margin-left: auto; margin-right: auto; float: none; }
		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; }

		.post { }
		.blog-title { margin: 10px 0 0 0; clear: both; }
		.entry { margin: 10px 0 10px 0; }

		.navigation {
			display: block;
			text-align: center;
			margin-top: 10px;
			margin-bottom: 40px; }

		.commentlist li, #commentform input, #commentform textarea { font-size: 0.9em; }
		.commentlist li { font-weight: bold; padding: 4px; list-style: none; }
		.commentlist li .avatar {
			float: right;
			border: 1px solid #eee;
			padding: 2px;
			background: #fff; }
		.commentlist cite, .commentlist cite a {
			font-weight: bold;
			font-style: normal;
			font-size: 1.1em; }
		.commentlist p {
			font-weight: normal;
			line-height: 1.5em;
			text-transform: none; }
		.commentmetadata { font-weight: normal;	}
		#commentform textarea { width: 290px; height: 100px; }
		.alt { background: #e0eaeb; }

		h3#comments, h3#respond { font-size: 14px; font-weight: bold; }

		#comments-block { float: left; width: 400px; }
		#reply-block { float: left; width: 300px; }

		/* backstage pass slides */
		.backstage-pass-crew {
			width: 393px; height: 457px;
			background-image:url('/images/crew.jpg');
			background-repeat: no-repeat;
		}
	       .backstage-pass-crew-content {
			margin-left: 27px;
			margin-top: 0px; padding-top: 32px;
			width: 335px;
		}
		.backstage-pass-crew h3 {
			text-align: center;
			margin-bottom: 0.2em;
		}
		.backstage-pass-crew table {
			vertical-align: top;
			border: none;
			border-collapse: collapse;
			border-spacing: 0px;
			width: 100%;
		}
		.backstage-pass-crew th,
		.backstage-pass-crew td {
			font-weight: bold;
			color: black;
			background: transparent;
			padding: 0.2em;
		}
		.backstage-pass-crew th {
			text-align: right; padding-right: 0.7em;
		}
		.backstage-pass-crew td {
			text-align: left;
			padding-left:  0.7em;
		}
		.home-slide-caption {
			text-align: right;
			padding-right: 10px;
		}
                #product-slides .product-slide-caption {
			text-align: left;
			padding-left: 10px;
		}

	#footer {
		clear: both;
		background: url('images/footer-bg.jpg') no-repeat;
		width: 945px;
		height: 100px;
		text-align: left; }

		#footer ul { margin: 0; padding-top: 12px; }
			#footer ul li { display: inline; margin: 0 10px; font-size: 13px; font-weight: bold; }
			#footer ul li.first {  }

               .footerRight {float: right; padding:27px 20px 0 0;}
               .footerLeft {float: left; padding:27px 0 0 20px;}
               .footerAddress, .footerAddress td, .footerAddress th {
                              margin: 0;
                              padding: 0;
                              border: 0;
                              font-weight: inherit;
                              font-style: inherit;
                              font-size: 100%;
                              font-family: inherit;}
	#agilecat_credit { margin: 2em; }


.LinkStyle2:LINK { color: #ff0000;}
.LinkStyle2:VISITED { color: #ff0000;}
.LinkStyle2:HOVER { color: #ff0000;}
.LinkStyle2:ACTIVE { color: #ff0000;}

.gallery {
    margin-top: 15px;  /*This should match .clear's margin-bottom */
    margin-left: 5%;
    margin-right: 5%;
    padding: 5px;
    padding-bottom: 0px;
    background-color: white;
    width: 85%;
}
.gallery ul {
    list-style: none;
    margin-top: 5px;
}
.gallery ul li {
    display: inline;
}
.gallery ul a {
    background-color: #ECECEC;
    border: 1px solid #999999;
    padding: 5px 5px 10px;
    display: block;
    float: left;
    margin: 5px;
}
.gallery ul a:hover {
    background-color: #FFFFFF;
    border: 1px solid #333333;
}
.gallery ul a img {
    border: 1px solid #999999;
}
.gallery ul a.lightbox-enabled img {
    border: 1px dotted #999999;
}
.gallery-clear {
    clear: left;
    margin-bottom: 15px;  /*This should match .gallery's margin-top */
}
.clear {
    clear: both;
}

.backstage-pass-archive-item {
    width:120px; 
    float: left; 
    text-align: center; 
    margin: 2em;
    font-weight: bold;
    font-size: 105%;
    color: black;
}

.backstage-pass-archive-item img {
   width: 120px;
   height: 200px;
   float: none;
}

.backstage-pass-archive-item a, .backstage-pass-archive-item a:hover { text-decoration: none; 
}

.mix-archive td {
   vertical-align: top;
}

}

.news-archive td {
   vertical-align: top;
}

.floatright
{
float: right;
padding-right: 7px;
margin: 0 0 5px 5px;
}

.floatleft
{
float: left;
padding-left: 7px;
margin: 0 0 5px 5px;
}

#home-box {
   width:260px;
} 

#home-box td { 
   text-align: left;
   vertical-align: middle;
}

.grammy li {
    list-style: none;
    margin-top: 5px;
}

.product li {
    font-size: 12px;
    list-style: none;
    margin-top: 5px;
}

#nav .page-item-210, 
#nav .page-item-1228 {
    list-style-image: url(images/lock.gif);
}

ul.accordion{
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.accordion li{
  float: left;
  padding: 1px;
  display: block;
  margin-right: 2px;
  margin-left: 0px;
}

ul.accordion li span{ /* the span width needs to be the same as the minWidth */
  display: block;
  overflow: hidden;
  height: 151px;
  width: 131px;
  border-style: double;
  border: 2px solid #007ea4;
}

#a1{
  width: 250px;
}

ul.accordion li img{
  position: absolute;
  
}

ul.accordion li p{
  margin: 0;
  padding: 0;
  width: 95px;
  display: block;
  margin-top: 10px;
  margin-left: 131px;
}

#prev2{
			margin-right:5em;
}

#bt-slides .bt-slide-caption {
			text-align: left;
			padding-left: 10px;
		}
table.i-series-nav td {
     padding:0px
}