html, body {height: 100%;}
* { outline: none;}
body
{
	margin: 0;
	color: #fff;
	font: 11px "lucida grande", "lucida sans unicode", sans-serif;
	line-height: 15px;
	background-image: url(/images/site/background.jpg);
	background-color: #000;
	background-repeat: repeat-x;
	background-position: 50% -10px;
}

div#info {display: none;}

/*--- general ---*/
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}

param, object, embed {margin: 0; padding: 0;}

img {border-style: none;}

h1, h2, h3, h4, h5, h6 {
	color: #4e7cc0;
	font-weight: normal;
	font-family: "lucida grande", "lucida sans unicode", arial, helvetica, sans-serif;
}
input, select, textarea {
	color: #5F5F5F;
	vertical-align: middle;
	font: 11px "lucida grande", "lucida sans unicode", arial, helvetica, sans-serif;
}
a {
	color: #4b73ae;
	text-decoration: none;
}
a:hover {text-decoration: underline;}

a:visited a {
	color: #4b73ae;
	text-decoration: none;
}

.wrap-page {
	width: 100%;
}
#page
{
	width: 923px;
	margin: 0 auto;
	position: relative;
	padding: 185px 0 0 0;
}
#header {
	top: 0;
	left: 0;
	width: 923px;
	height: 169px;
	position: absolute;
}
.logo {
	top: 62px;
	left: 256px;
	position: absolute;
	text-indent: -9999px;
}
.logo a {
	width: 276px;
	height: 26px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	background: url("/images/site/logo.png") no-repeat;
}

.video_image {padding-bottom: 7px;}

.slogan {
	top: 62px;
	right: 40px;
	width: 216px;
	height: 28px;
	display: block;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	background: url("/images/site/slogan.png") no-repeat;
}
.main-nav {
	top: 136px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 670px;
	list-style: none;
	position: absolute;
}
.main-nav li
{
	float: left;
	height: 21px;
	overflow: hidden;
	position: relative;
	margin: 0 12px 0 0;
}
.main-nav li a {
	height: 42px;
	display: block;
	cursor: pointer;
	overflow: hidden;
	text-indent: -9999px;
}
.main-nav li a.l-home {width: 42px;background: url("/images/site/l-home.png") no-repeat;}
.main-nav li a.l-news {width: 41px;background: url("/images/site/l-news.png") no-repeat;}
.main-nav li a.l-tour-dates {width: 88px;background: url("/images/site/l-tour.png") no-repeat;}
.main-nav li a.l-photos {width: 56px;background: url("/images/site/l-photos.png") no-repeat;}
.main-nav li a.l-videos {width: 53px;background: url("/images/site/l-videos.png") no-repeat;}
.main-nav li a.l-store {width: 45px;background: url("/images/site/l-store.png") no-repeat;}
.main-nav li a.l-contact {width: 63px;background: url("/images/site/l-contact.png") no-repeat;}
.main-nav li a.l-links {width: 41px;background: url("/images/site/l-links.png") no-repeat;}

.main-nav li a.l-jukebox {width: 65px;background: url("/images/site/l-jukebox.png") no-repeat;}
.main-nav li a.l-mailing-list {width: 89px;background: url("/images/site/l-mailing-list.png") no-repeat;}

.main-nav li a:hover {
	border: none;
	margin: -21px 0 0;
}


body#home .main-nav li a.l-home { margin: -21px 0 0 0; }
body#links .main-nav li a.l-links { margin: -21px 0 0 0; }
body#news .main-nav li a.l-news { margin: -21px 0 0 0; }
body#tour .main-nav li a.l-tour-dates { margin: -21px 0 0 0; }
body#photos .main-nav li a.l-photos { margin: -21px 0 0 0; }
body#videos .main-nav li a.l-videos { margin: -21px 0 0 0; }
body#store .main-nav li a.l-store { margin: -21px 0 0 0; }
body#contact .main-nav li a.l-contact { margin: -21px 0 0 0; }
body#jukebox .main-nav li a.l-jukebox { margin: -21px 0 0 0; }
body#mailinglist .main-nav li a.l-mailing-list { margin: -21px 0 0 0; }

.form-search {
	top: 133px;
	right: 50px;
	width: 201px;
	position: absolute;
}
.form-join {
	width: 180px;
	overflow: hidden;
}
.form-search .input,
.form-join .input {
	float: left;
	width: 141px;
	height: 21px;
	background: url("/images/site/input.gif") no-repeat;
}
.form-search .input input,
.form-join .input input {
	border: 0;
	padding: 0;
	float: left;
	width: 131px;
	background: none;
	line-height: 16px;
	margin: 3px 0 0 5px;
}
.form-search .btn-search {
	float: left;
	width: 52px;
	height: 13px;
	margin: 3px 0 0 8px;
	border: 0px solid black;
}
.form-join .btn-join {
	float: left;
	width: 28px;
	height: 15px;
	margin: 5px 0 0 11px;
}
#content {
	width: 100%;
	overflow: hidden;
	margin: 0 0 16px;
	background: url("/images/site/point.gif") repeat-y 657px 0;
}
.primary-content {
	float: left;
	width: 642px;
}
.intro {
	overflow: hidden;
	margin: 0 0 16px;
	border: 1px solid #1F3450;
	height: 360px;
}
.intro img {display: block;}
.hide-seo {display: none;}

.secondary-content {
	float: right;
	width: 251px;
}
.twitter,
.jukebox,
.news,
.tour-dates,
.contact,
.store,
.remix,
.contest,
.product {
	width: 100%;
	overflow: hidden;
}
.twitter {margin: 0 0 15px;}
.news {margin: 0 0 15px;}
.tour-dates {margin: 0 0 15px;}
.product {margin: 0 0 15px;}
.product img {display: block;}

.twitter h3,
.links h3,
.remix h3,
.contest h3,
.jukebox h3,
.news h3,
.tour-dates h3,
.contact h3,
.store h3 {
	width: 100%;
	margin: 0 0 9px;
	padding: 0 0 10px;
	overflow: hidden;
	text-indent: -9999px;
	border-bottom: 1px solid #1F3450;
}


.mailing-list,
.photos,
.videos {
	width: 100%;
	overflow: hidden;
}
.mailing-list {margin: 0 0 26px;}

.photos,
.videos {margin: 0 0 17px;}

.mailing-list h3,
.photos h3,
.videos h3 {
	width: 100%;
	margin: 0 0 9px;
	padding: 0 0 10px;
	overflow: hidden;
	text-indent: -9999px;
	border-bottom: 1px solid #1F3450;
}
.videos h3 {padding: 0 0 12px;}

.mailing-list h3 {
	height: 16px;
	background: url("/images/site/txt-mailing-list.png") no-repeat;
}

.remix h3 {
	height: 16px;
	background: url("/images/site/txt-remix.png") no-repeat;
}

.contest h3 {
	height: 16px;
	background: url("/images/site/txt-contest.png") no-repeat;
}

.links h3 {
	height: 16px;
	background: url("/images/site/txt-links.png") no-repeat;
}

.link-entries {padding-bottom: 2em; font-size: 12px;}

.photos h3 {
	height: 16px;
	background: url("/images/site/txt-photos.png") no-repeat;
}
.videos h3 {
	height: 16px;
	background: url("/images/site/txt-videos.png") no-repeat;
}

div.gallery_image
{
	float: left;
	border: 1px solid #1F3450;
	width: 106px;
	height: 106px;
	margin: 0 7px 14px 7px;
	padding: 6px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

div.gallery_image:hover {border: 1px solid white;}

div.gallery_image td {width: 106px; height: 106px;}

h4
{
	font-size: 13px;
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #1F3450;
	letter-spacing: 1px;
	color: #2E518D;
	text-transform: lowercase;
}

body#tour .post h3
{
	font-size: 12px;
	line-height: 12px;
	margin: 0;
	padding: 4px 0 0 0;
}




h4.date_heading
{
	color: #B6D4FB;
}


ul.arc
{
	margin: 0;
	padding: 0;
	list-style: none;
	color: #999;
	letter-spacing: 1px;
	font-size: 10px;
}

ul.arc ul
{
	letter-spacing: 0px;
	list-style: none;
	margin: 0;
	padding: 5px 0 15px 10px;
}


ul.photo_nav
{
	margin: 0;
	padding: 0;
	list-style: none;
	color: #999;
	letter-spacing: 1px;
	font-size: 10px;
	line-height: 14px;
}



ul.photo_nav ul
{
	letter-spacing: 0px;
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
}





ul.recent-posts
{
	margin: 0 0 30px 0;
	padding: 0;
	list-style: none;
	color: #999;
	font-size: 11px;
}

ul.recent-posts a:link, ul.arc a:link {text-decoration: none; color: #4b73ae;}

ul.recent-posts a:hover, ul.arc a:hover {text-decoration: underline; color: white;}

ul.recent-posts li {padding-bottom: 8px;}


/*h3 {border: 1px solid white;}*/

.store h3 {margin: 0 0 13px;}

.news h3
{
	height: 16px;
	background-image: url("/images/site/txt-news.png");
	background-repeat: no-repeat;
	background-position: 0 2px;
}

.twitter h3 {
	height: 16px;
	background: url("/images/site/txt-twitter.png") no-repeat;
}
.tour-dates h3 {
	height: 16px;
	background: url("/images/site/txt-tour-dates.png") no-repeat;
}

.jukebox h3 {
	height: 16px;
	background: url("/images/site/txt-jukebox.png") no-repeat;
}

.contact h3 {
	height: 16px;
	background: url("/images/site/txt-contact.png") no-repeat;
}

.store h3 {
	height: 16px;
	background: url("/images/site/txt-store.png") no-repeat;
}


.twitter li {
	font-size: 11px;
	line-height: 15px;
	margin: 0 0 13px;
}

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

div.paginate {font-size: 11px; clear: both; padding-bottom: 15px;}

.all {
	width: 100%;
	text-align: right;
	font-size: 11px;
}
.tour-dates ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.tour-dates ul li {
	height: 1%;
	font-size: 11px;
	line-height: 14px;
	padding: 0 0 13px;
}
.tour-dates ul li em {
	height: 1%;
	color: #d9e2ea;
	display: block;
	font-style: normal;
}
.wrap-info {
	width: 100%;
	overflow: hidden;
	padding: 0 0 25px;
	background: url("/images/site/point.gif") repeat-y 426px 0;
}
.column-1 {
	float: left;
	width: 411px;
}

.post {
	width: 100%;
	overflow: hidden;
	margin: 0 0 8px;
	padding: 0 0 15px;
	border-bottom: 1px solid #1F3450;
	font-size: 11px;
}
.post .data
{
	width: 100%;
	color: #B6D4FB;
	display: block;
	font-size: 10px;
	line-height: 14px;
	font-style: normal;
	margin: 0 0 4px;
}
.post h1,
.post h2 {
	font-size: 20px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 24px;
}

.post h1 {margin: 0 0 5px;}
.post h2 { margin: 0 0 5px 0; }

.post .image {
	width: 100%;
	overflow: hidden;
}
.post .image img {display: block;}

.post .image em {
	color: #4e7cc0;
	display: block;
	font-size: 11px;
	line-height: 14px;
	padding: 6px 0 14px;
}
.post p {
	line-height: 18px;
	margin: 0 0 10px;
}

.video_caption {padding-top: 15px;}

.video_links {font-size: 11px; color: #B6D4FB; padding-top: 15px;}

.news-links {
	margin: 0;
	width: 100%;
	overflow: hidden;
	list-style: none;
	padding: 15px 0 0;
}
.news-links li {
	float: left;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	padding: 0 22px 0 0;
}
.news-links li img {display: block;}

.news-links li a.rss {
	float: left;
	padding: 0 0 4px 24px;
	background: url("/images/site/ico-rss.gif") no-repeat 0 1px;
}
.column-2 {
	float: right;
	width: 200px;
}

.mailing-list p {
	margin: 0 0 13px;
	font-size: 11px;
	line-height: 14px;
}
.photos ul,
.videos ul {
	padding: 0;
	width: 210px;
	overflow: hidden;
	list-style: none;
	margin: 0 -10px 0 0;
}
.photos ul li {
	float: left;
	width: 60px;
	height: 60px;
	overflow: hidden;
	padding: 0 10px 10px 0;
}

.videos ul li
{
	float: left;
	padding: 0 0 10px 0;
}

.photos ul li img,
.videos ul li img {display: block;}

#footer {
	width: 100%;
	overflow: hidden;
	padding: 17px 0 20px;
	border-top: 1px solid #1F3450;
}
#footer p {
	margin: 0;
	color: #4e7cc0;
	text-align: right;
	line-height: 16px;
}

.subhead {margin-bottom: 0;}

div.status { font-size: 11px;}

.status p { margin: 0 0 1em 0;}

.clear {
	clear: both;
}

#socialNav {width:245px; height:43px; text-align:left; margin:0 auto 15px auto; padding: 0;}
#socialNav ul {width: 245px; margin: 0; padding: 0;}
#socialNav ul li {list-style:none; list-style-type:none; float:left; text-indent:-9999px; margin: 0; padding: 0;}
#socialNav ul li a {display:block; background-color:transparent; background-image: url(/images/pages/_global/socialNav.png); height:43px; outline: none}
/* Menu items, Normal and Hover State */
li.iphone a {background-position: 0 0; width:22px;}
li.iphone a:hover {background-position: 0 -43px; width:22px; }

li.myspace a {background-position: -22px 0; width:49px;}
li.myspace a:hover {background-position: -22px -43px; width:49px; }

li.ilike a {background-position: -71px 0; width:26px;}
li.ilike a:hover {background-position: -71px -43px; width:26px; }

li.facebook a {background-position: -97px 0; width:51px;}
li.facebook a:hover {background-position: -97px -43px; width:51px; }

li.twitter {
	width: 37px;
}

li.twitter a {background-position: -148px 0;width:37px;}
li.twitter a:hover {background-position: -148px -43px; width:37px; }

li.cloud a {background-position: -185px 0;width:60px;}
li.cloud a:hover {background-position: -185px -43px; width:60px; }

/* Store Page */
.roundTopper { background: #1F3450; color: #fff; text-transform: uppercase;font-family: "lucida grande","lucida sans unicode",arial,helvetica,sans-serif;
    font-size: 1.3em;
    padding: 0px 30px;
    height: 32px;
    line-height: 32px;
    -moz-border-radius: 8px 8px 0 0;
    -webkit-border-radius: 8px 8px 0 0;
}
#featured ul li, .productBlock ul li { display: block; margin-bottom: 5px;}
.roundTopper.small { padding: 0 15px; height: 22px; line-height: 22px; font-size: 1em; -moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;background: #666;}
.productBlock { border: 3px solid #1F3450; padding: 0px 20px 10px; margin-bottom: 25px; height: 345px; }
.productBlock.float-left { width: 400px; -moz-border-radius: 0px 0px 0px 15px;-webkit-border-radius: 0px 0px 0px 15px;}
.productBlock.float-right { width: 400px; -moz-border-radius: 0px 0px 15px 0px;-webkit-border-radius: 0px 0px 15px 0px;}
.productBlock img { display: block; float: left; margin: 0px 35px 10px 0;}
#featured {
    border: 3px solid #1F3450;
    margin: 0 0 70px;
    padding: 0 20px 20px;
    position: relative;
    z-index: 100;
}
#featured .featuredLeft { width: 400px; border-right: 1px solid #666; padding-right: 30px;}
#featured .featuredLeft img { margin-bottom: 10px; border: 1px solid #555;}
#featured .featuredLeft .productList { width: 220px; margin-right: 20px;}
#featured .featuredRight { width: 440px;}
#featured h3, .productBlock h3
{
	height: 26px;
	font-family: Gill Sans / Gill Sans MT, sans-serif;
	border-bottom:1px solid #666;
	color: #fff;
	font-size: 18px;
	line-height: 18px;
}
#featured h3 span { color: #fff;}
.float-left { float: left;}
.float-right { float: right;}
.clear { clear: both;}

.object { margin: 0 auto 10px; width: 300px;}


.featuredShare {
    -moz-border-radius: 0 0 15px 15px;
    -webkit-border-radius: 0 0 15px 15px;
    background: none repeat scroll 0 0 #1F3450;
    bottom: -44px;
    float: right;
    font-family: "lucida grande","lucida sans unicode",arial,helvetica,sans-serif;
    font-size: 1.5em;
    height: 43px;
    line-height: 42px;
    padding-left: 30px;
    position: absolute;
    right: -3px;
    width: 288px;
    z-index: 50;
}

.featuredShare ul { margin: 0; padding: 0; list-style: none; list-style-image: none; list-style-type: none; width: 288px; float: right; height: 42px;}
.featuredShare ul li { float: left; display: block; width: 42px; height: 42px;}

.featuredShare ul li a { display: block; height: 42px; width: 42px; background: url(/images/pages/_global/socials.png) 0 0 no-repeat; }
.featuredShare ul li.share { width: 100px; text-align: center;}
.featuredShare ul li.fb a { background-position: 0 0;}
.featuredShare ul li.fb a:hover { background-position: 0 -42px;}
.featuredShare ul li.digg a { background-position: -42px 0;}
.featuredShare ul li.digg a:hover { background-position: -42px -42px;}
.featuredShare ul li.stumble a { background-position: -84px 0;}
.featuredShare ul li.stumble a:hover { background-position: -84px -42px;}
.featuredShare ul li.twitter a { background-position: -126px 0;}
.featuredShare ul li.twitter a:hover { background-position: -126px -42px;}

a.ts_buttonlink {
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #1F3450;
    border: medium none;
    color: #FFFFFF;
    display: block;
    float: left;
    font-family: "lucida grande","lucida sans unicode",arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    padding: 0 20px;
    text-transform: uppercase;
}
a.ts_buttonlink:hover { background: #666; text-decoration: none;}
a.mtl_link {
	font-size: 1.3em;
	height: 28px;
	line-height: 28px;
}
#footerBox { border: 3px solid #1F3450; padding: 20px; margin-bottom: 70px;}
#footerBox .object { margin: 0px 25px 15px 0; float: left;}
#footerBox p { font-size: 1.1em; line-height: 1.5em;}