/*
Theme Name: Supergirl
Theme URI: http://supergirl.com/
Description: Custom WordPress theme for Supergirl
Author: Tierra Innovation
Author URI: http://www.tierra-innovation.com
Version: 1.0
Tags: 
*/

a img { border: 0; }

/* layout */
body, div, span, th, td, p, ul, li, h1, h2, h3, h4, h5, h6, a {
	font-family: "Helvetica", arial, verdana, sans-serif;
	font-size: 12px;
	color: #000;
}

body { 

	margin: 0;
	padding: 0;
}

/* lvha */
a { color: #1e4f67; }
a:hover { text-decoration: none; }

p,
li { /*/*/ line-height: 20px; /**/ }

li { list-style: square; }

blockquote {
	border-left: 4px solid #ccc;
	padding-left: 10px;
}

.center { text-align: center; }
.cb, .clearboth { clear: both; }



/* --------------- */
/* --- wrapper --- */
/* --------------- */

div#wrapper {
	margin: 0 auto;
	padding: 0;
	background: #fff url("images/bg.jpg") top center fixed;
}

div#container {
	width: 979px;
	margin: 0 auto;
	background: #fff;
}



/* -------------- */
/* --- header --- */
/* -------------- */

div#hl {
	float: left;
	width: 629px;
}



/* ----------------- */
/* --- main logo --- */
/* ----------------- */

#logo {
	float: left;
	width: 309px;
}

#logo h1 {
	width: 309px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
}

#logo h1 a:link,
#logo h1 a:visited,
#logo h1 a:hover
#logo h1 a:active {
	display: block;	
	height: 111px;
	background: url("images/logo.png") top left no-repeat;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
}



/* ------------------- */
/* --- social logo --- */
/* ------------------- */

div#social {
	float: right;
	width: 113px;
	padding-top: 51px;
}

div#social ul {
	margin: 0;
	padding: 0;
}

div#social li {
	list-style-type: none;
	float: left;
	width: 26px;
}

li.rss,
li.twitter,
li.myspace,
li.facebook {
	width: 23px;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	border: 0;
}

li.rss a,
li.twitter a,
li.myspace a,
li.facebook a {
	display: block;	
	height: 23px;
	margin: 0;
	padding: 0;
	border: 0;
	text-decoration: none;
}

li.rss a { background: url("images/icon-rss.png") top left no-repeat; }
li.twitter a { background: url("images/icon-twitter.png") top left no-repeat; }
li.myspace a { background: url("images/icon-myspace.png") top left no-repeat; }
li.facebook a { background: url("images/icon-facebook.png") top left no-repeat; }



/* -------------- */
/* --- search --- */
/* -------------- */

div#search {
	float: right;
	width: 298px;
	padding-top: 51px;
}

div#search form {
	margin: 0;
	padding: 0;
}



/* -------------- */
/* --- navbar --- */
/* -------------- */

div#navbar {
	border: 0;
	padding: 0;
	margin: 0;
}

div#navbar ul {
	width: 979px;
	height: 37px;
	background: url("images/navbar.png");
	margin: 0 auto;
	padding: 0;
	position: relative;
}
	
#navbar ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}

#navbar ul li,
#navbar a {
	height: 37px;
	display: block;
	color: #fff;
}

#navbar ul li a {
	text-indent: -9999px; 
	text-decoration: none;
}

.nb1 { left: 16px; width: 59px; }
.nb2 { left: 75px; width: 177px; }
.nb3 { left: 252px; width: 74px; }
.nb4 { left: 326px; width: 129px; }
.nb5 { left: 455px; width: 108px; }
.nb6 { left: 563px; width: 80px; }
.nb7 { left: 643px; width: 68px; }
.nb8 { left: 711px; width: 63px; }
.nb9 { left: 774px; width: 66px; }

.nb1 a:hover { background: url("images/navbar.png") -16px -37px no-repeat; }
.nb2 a:hover { background: url("images/navbar.png") -75px -37px no-repeat; }
.nb3 a:hover { background: url("images/navbar.png") -252px -37px no-repeat; }
.nb4 a:hover { background: url("images/navbar.png") -326px -37px no-repeat; }
.nb5 a:hover { background: url("images/navbar.png") -455px -37px no-repeat; }
.nb6 a:hover { background: url("images/navbar.png") -563px -37px no-repeat; }
.nb7 a:hover { background: url("images/navbar.png") -643px -37px no-repeat; }
.nb8 a:hover { background: url("images/navbar.png") -711px -37px no-repeat; }
.nb9 a:hover { background: url("images/navbar.png") -774px -37px no-repeat; }




/* ------------------ */
/* --- home touts --- */
/* ------------------ */

div#top-touts { background: transparent url("images/top-tout-bg.gif") top left no-repeat; }

div#top-touts p {
	text-align: center;
	margin: 0;
	padding: 0;
}

div#top-touts a img,
div#top-touts img {
	border: 1px solid #fff;
	text-align: center;
}

div#top-touts img { margin: 25px 8px 10px 8px !important; }



/* ------------------- */
/* --- page layout --- */
/* ------------------- */

div#leftcol {
	float: left;
	width: 657px;
}

div.content { padding: 0 21px 21px 21px; }

div#sidebar {
	float: right;
	width: 322px;
	padding-top: 65px;
}

div#sidebar a img,
div#sidebar-two a img { border: 0; }

div#sidebar-two {
	float: right;
	width: 322px;
}

div.page-image { text-align: center; }

div.ad a img {
	border: 1px solid #f490af;
	margin-bottom: 19px;
}

div.comm-left {
	padding-bottom: 20px;
	float: left;
	width: 50%;
}

div.comm-right {
	padding-bottom: 20px;
	float: right;
	width: 50%;
}

div.comm-links {
	background: #efefef;
	padding: 7px 14px;
}

div.comm-links a {
	color: #54075b;
	font-weight: bold;
}

div.nastia-blurb { margin-top: 30px; }

div.nastia-blurb img {
	float: left;
	width: 94px;
	margin-left: 3px;
}

div.nastia-blurb p {
	float: right;
	width: 192px;
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 14px;
	margin-right: 25px;
}

div.nastia-blurb p strong { font-size: 11px; color: #9b5ba4; }
div.nastia-blurb p a { color: #d60d8c; font-size: 10px; }

h2.ambassador-h2 {
	color: #c839a8;
	font-size: 22px;
	font-weight: normal;
}

div.ambassador-single {
	float: left;
	margin-bottom: 10px;
	margin-right: 3px;
	color: #54075b;
	text-align: center;
	height: 150px;
}

div.ambassador-single img {
	margin-bottom: 5px;
}

img.ambassador-full-img { margin-bottom: 20px; }

div#sidebar div.playlist_tout { margin-left: 0; }



/* --------------- */
/* --- sidebar --- */
/* --------------- */

.panes div {
	display: none;		
	padding: 15px 10px;
	margin: 0 10px 10px 10px;
	height: 173px;
	font-size: 14px;
	background: #fff;
	min-height: 173px;
}

.panes div ul { margin: 0; padding: 0; }
.panes div ul ul { margin: 0; padding: 0; }
.panes div li { list-style-type: none; }

.panes {
	min-height: 224px;
	width: 299px;
	padding-top: 10px;
	background: transparent url("images/tab-bg.gif") top left no-repeat;
}



/* --------------------------- */
/* --- supergirl by nastia --- */
/* --------------------------- */

h2.sg-by-n {
	margin: 0;
	padding: 0;
}

h2.sg-by-n a {
	color: #f16378;
	font-size: 16px;
	text-decoration: none;
}

h2.sg-by-n a span { font-size: 16px; }

a.more-link {
	color: #d60d8c;
	display: block;
}

img.sg-by-n-img { border: 1px solid #d60d8c; }

div.sg-by-n {
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

div.sg-by-n-left {
	float: left;
	width: 280px;
}

div.sg-by-n-right {
	float: right;
	width: 320px;
}

div.right-bg { background: transparent url("images/right-bg-gradient.jpg") top left no-repeat; }

div.home-sg-by-n {
	border-bottom: 1px solid #dbdbdb;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

div.home-sg-by-n-left {
	float: left;
	width: 165px;
}

div.home-sg-by-n-right {
	float: right;
	width: 430px;
}

p.bluecenter {
	text-align: center;
	color: #008fc5;
	font-size: 16px;
}

p.purpleleft {
	font-size: 13px;
	color: #5e1665;
	margin-bottom: 30px;
}



/* ------------- */
/* --- music --- */
/* ------------- */

h2.music-header {
	color: #d60d8c;
	font-size: 19px;
}

div#tabs ul {
	margin: 0;
	padding: 0;
}

div#tabs li {
	float: left;
	list-style-type: none;
	border: 2px solid #ededed;
	background: #dfe0e4;
}

div#tabs li a {
	padding: 5px 7px;
	font-weight: bold;
	text-decoration: none;
}

div#tabs li a span {
	color: #8b347f;
	font-size: 14px;
}

.ui-tabs { padding: .2em; zoom: 1; }

.ui-tabs .ui-tabs-nav {
	list-style: none;
	position: relative;
	padding: .2em .2em 0;
}

.ui-tabs .ui-tabs-nav li {
	position: relative;
	float: left;
	border-bottom-width: 0 !important;
	margin: 0 .2em -1px 0;
	padding: 0;
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
	padding: .5em 1em;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom: -1px;
	border-bottom-width: 0;
	border-bottom: 0 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
	background: #fff;
	cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }

.ui-tabs .ui-tabs-panel {
	padding: 1em 1.4em;
	display: block;
	border: 2px solid #ededed;
	background: #fff;
}

.ui-tabs .ui-tabs-hide { display: none !important; }

div#tabs table {
	border-collapse: collapse;
	width: 100%;
	border: 2px solid #ededed;
}

div#tabs tr {
	background: #dfe0e4;
	border-bottom: 2px solid #fff;
}

div#tabs th {
	color: #7e4577;
	font-size: 14px !important;
	text-align: left;
	padding: 7px 0;
	background: transparent url("images/th_bg.jpg") top left repeat-x;
}

div#tabs td {
	color: #7e4577;
	font-size: 13px !important;
	padding-left: 0;
}

div#tabs td.ti_playlist_list_number {
	width: 50px;
	text-align: center;
}

div#tabs img.ti_playlist_list_thumbnail { margin-right: 30px; }

div#tabs td.ti_playlist_list_player {
	width: 90px;
}



/* -------------- */
/* --- footer --- */
/* -------------- */

div#footer {
	background: #caeae8 url("images/footer.png") top left repeat-x;
	padding-top: 1px;
	margin-top: 15px;
	padding-bottom: 12px;
}

div#footer p { text-align: center; }

div#footer p,
div#footer p a {
	color: #54075b;
	font-weight: bold;
	font-size: 11px;
}