@charset "utf-8";

/*
Theme Name: Sabela Music Projects
Theme URI: http://sabela.com
Description: 
Version: 1.0
Author: Paul Novitski and Julian Hall
Author URI: http:/juniperwebcraft.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/



*
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: "Trebuchet MS", Arial, sans-serif;
}
.alignleft
{
	float: left;
	margin: 0 1em .4em 0;
}
.alignright
{
	float: right;
	margin: 0 0 .4em 1em;
}
a
{
	text-decoration: none;
	border-bottom: 1px dotted lime;
	color: lime;
}
a:visited
{
	xborder-color: 1px solid #c89573;
	xcolor: #c89573;
}
a:hover
{
	border-bottom: 1px solid red;
	color: red;
}
a:hover img
{
	border-color: red;
}
a.alignleft,
a.alignright
{
	display: block;
	border: none;
}
a:hover img,
button:hover img
{
	/* For web browsers who care */
	opacity: 0.70;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	/* For IE 8(+?) */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
br,
div.clear
{
	clear: both;
	height: 0;
}
div.bottom
{
	clear: both;
}
code,
pre
{
	font-size: 0.98em;
}
code,
code em,
code strong,
pre,
pre em,
pre strong
{
	font-family: Courier, "Courier New", monospace;
}
pre
{
	padding-bottom: .8em;
}
em,
em a,
em strong
{
	font-style: italic;
}
p
{
	line-height: 1.4;
	margin-bottom: .8em;
}
p.last
{
	margin-bottom: 0;
}
p.skip-nav
{
	position: absolute;
	left: -1000em;
}
span.identity
{
	font-weight: bold;
	xcolor: #253D03;
}
span.title
{
	font-style: italic;
}
strong,
strong a,
strong em
{
	font-weight: bold;
}
ul.how-to-buy
{
	padding-top: .8em;
	padding-bottom: .8em;
	list-style-type: none;
}

/*=========================
page structure
=========================*/
body
{
	margin: 0;
	font-size: 100%;
	text-align: center;
	background: #241404 url("images/sabela-music-projects-page-background.jpg") left top repeat-x;
}
#pagewrap
{
	width: 994px;
	width: 996px;
	margin: 0 auto;
	text-align: left;
}
/*=========================
header
=========================*/
div#header
{
	position: relative;
}
/*-------------------------
identity
-------------------------*/
div#identity
{
	position: relative;
	clear: left;
	width: 972px;
	min-height: 218px;
	border-bottom: 9px solid #C60404;
	background-color: #F8DE05;
}
div#header .logo
{
	position: absolute;
	top: 11px;
	left: 13px;
}
div#header .logo a,
div#header .logo a img
{
	border: none;
	text-decoration: none;
}
ul#header-banner
{
	position: absolute;
	z-index: 50;
	top: -30px;
	left: 168px;
	width: 826px;
	height: 228px;
	background: url("/wp-content/uploads/sabela-music-projects-header-banner.jpg") left top no-repeat;
}
ul#header-banner li
{
	float: left;
	list-style-type: none;
}
ul#header-banner li a
{
	display: block;
	height: 228px;
	border: none;
	text-decoration: none;
}
ul#header-banner li.image-1 a
{
	width: 176px;
	xbackground-color: #EEE;
}
ul#header-banner li.image-2 a
{
	width: 209px;
	xbackground-color: #DDD;
}
ul#header-banner li.image-3 a
{
	width: 232px;
	xbackground-color: #CCC;
}
ul#header-banner li.image-4 a
{
	width: 209px;
	xbackground-color: #BBB;
}
ul#header-banner li a:hover
{
	xbackground-color: Red;
}
ul#header-banner li a span
{
	position: absolute;
	left: -1000em;
}

/*=========================
menus
=========================*/
ul.menu
{
}
ul.menu li
{
	display: inline;
	list-style-type: none;
}
ul.menu li a
{
	text-transform: uppercase;
	border: none;
	text-decoration: none;
}
ul.menu li.selected a
{
	cursor: default;
}

/*-------------------------
menu top
-------------------------*/
ul#nav-top
{
	float: left;
	padding-top: 1em;
	padding-bottom: 10px;
	
	position: relative;
	z-index: 100;
	xbackground-color: blue;
}
ul#nav-top li
{
	font-size: 0.8em;
	margin: 0 1em;
}
ul#nav-top li a
{
	color: Yellow;
}
ul#nav-top li a:hover
{
	color: red;
}
ul#nav-top li.selected a
{
	color: white;
}
/*-------------------------
menu main
-------------------------*/
ul#nav-main
{
/*
	position: relative;
	z-index: 100;
	left: 180px;
	xtop: 194px;
*/
	float: left;
	width: 792px;
	min-height: 1em;
	margin-top: 194px;
	margin-left: 180px;
}
ul#nav-main li
{
	float: left;
	display: block;
	margin: 0 .4em;
	padding-left: 11px;
	font-size: 1.1em;
}
ul#nav-main li a
{
	display: block;
	padding-top: 3px;
	padding-right: 11px;
	color: black;
}
ul#nav-main li a:hover
{
	color: red;
}
ul#nav-main li.selected
{
	background: #C70304 url("images/sabela-music-projects-menu-main-selected-left.jpg") left top no-repeat;
}
ul#nav-main li.selected a
{
	background: #C70304 url("images/sabela-music-projects-menu-main-selected-right.jpg") right top no-repeat;
	color: white;	
}
/*-------------------------
menu nav-sub
	(see sidebar)
-------------------------*/
/*-------------------------
menu bottom
-------------------------*/
ul#nav-bottom
{
	float: none;
	clear: left;
	padding-top: .5em;
}
ul#nav-bottom li ul
{
	margin-left: 0;
	padding-left: 0;
}
ul#nav-bottom li
{
	float: none;
	display: inline;
	font-size: 0.8em;
	margin: 0 1em;
}
ul#nav-bottom li a
{
	color: Yellow;
}
ul#nav-bottom li a:hover
{
	color: red;
}
ul#nav-bottom li.selected a
{
	color: white;
}

/*=========================
content columns
=========================*/
#content-outer
{
	float: left;
	width: 972px;
	padding-top: 18px;
	background-color: #FFF;
}
#content
{
	float: left;
	width: 692px;
	margin-left: 18px;
}
/*-------------------------
content blocks
-------------------------*/
#content .content-block
{
	clear: left;
	margin-bottom: 18px;
	padding-left: 18px;
	background-color: #181712;
	color: White;
}
#content .content-block .header
{
	margin-left: -18px;
	padding-top: 1em;
	padding-bottom: 12px;
	padding-left: 18px;
	background-position: left bottom;
	background-repeat: repeat-x;
	color: #F7DE05;
}
#content .content-block h2
{
	margin: 0;
	padding: 0;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #F7DE05;
}
#content .content-block h3
{
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	text-transform: uppercase;
	color: #F7DE05;
}
#content .content-block .header p.tagline
{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
}
#content .content-block .content-inner
{
	padding-top: 1em;
	padding-bottom: .3em;
}
#content .content-block .content-inner-1
{
	float: left;
	width: 384px;
}
#content .content-block .content-inner-2
{
	float: right;
	width: 276px;
	background-color: #1B1B13;
}
#content .content-block .alignleft,
#content .content-block .alignright
{
	margin-bottom: 0;
}

/*=========================
sidebar
=========================*/
#sidebar
{
	float: right;
	width: 225px;
	margin-right: 18px;
	color: White;
}
#sidebar h2
{
	font-size: 1.8em;
	color: Yellow;
}
#sidebar .sidebar-block a
{
	text-decoration: none;
	border-bottom: 1px dotted Yellow;
	color: Yellow;
}
#sidebar .sidebar-block a:visited
{
}
#sidebar .sidebar-block a:hover
{
	border-bottom: 1px solid red;
	color: red;
}
#sidebar .sidebar-block a:hover img
{
	border-color: red;
}
/*-------------------------
sidebar content blocks
-------------------------*/
#sidebar .sidebar-block
{
	margin-bottom: 18px;
	padding: 16px 16px 5px 16px;
	color: White;
}
#sidebar .sidebar-block .header
{
	color: Yellow;
}
#sidebar .sidebar-block div.image-frame img
{
	max-width: 186px;
}
#sidebar #sidebar-block-2
{
}
/*-------------------------
sidebar - sub-nav
-------------------------*/
#sidebar .sidebar-nav-sub
{
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	border: 3px solid #C60404;
	background-color: #F8DE05;
	color: Black;
}
#sidebar .sidebar-nav-sub h2,
#sidebar .sidebar-nav-sub li
{
	padding-left: 16px;
	color: Black;
}
/*-------------------------
menu nav-sub
-------------------------*/
#sidebar ul#nav-sub
{
	margin-left: 0;
}
#sidebar .sidebar-nav-sub ul#nav-sub li
{
	display: block;
	line-height: 1.2;
	margin-left: 0;
	padding-top: .4em;
	padding-bottom: .4em;
	font-size: 1.1em;
}
#sidebar ul#nav-sub li a
{
	border: none;
	text-decoration: none;
	text-transform: none;
	color: Black;
}
#sidebar ul#nav-sub li a:hover
{
	color: Red;
}
#sidebar ul#nav-sub li.selected
{
	background-color: #C60404;
}
#sidebar ul#nav-sub li.selected a
{
	color: White !important;
	cursor: default;
}

/*-------------------------
sidebar - join list form
-------------------------*/
#sidebar .sidebar-joinlist
{
	background: #154F05 url("images/sabela-music-projects-sidebar-background-2.jpg") left top no-repeat;
}
#sidebar .sidebar-joinlist form div
{
	margin-top: 1em;
}
#sidebar .sidebar-joinlist form input
{
	border: 1px solid black;
	background-color: yellow;
}
#sidebar .sidebar-joinlist form button
{
	border: none;
	background: none;
}
#sidebar .sidebar-joinlist form button img
{
	border: 1px solid black;
}
#sidebar .sidebar-joinlist form label
{
	display: block;
}
#sidebar .sidebar-joinlist form img
{
	display: block;
	xmargin: 0 auto;
}
#sidebar .sidebar-joinlist ul.action-links li
{
	font-size: .9em;
	text-align: center;
	list-style-type: none;
}

/*=========================
footer
=========================*/
#footer
{
	padding-bottom: 1em;
	text-align: center;
	color: White;
}
#footer p
{
	font-size: 0.8em;
}
#footer p.copyright
{
	margin-top: 2em;
}
#footer p.credit a
{
	color: Yellow;
	border-color: Yellow;
}
#footer p.credit a:hover
{
	color: red;
	border-color: red;
}
/*-------------------------
stretchable image frame (drop-shadow)
-------------------------*/
div.image-frame
{
	float: left;
	padding-left: 16px;
	background: url("images/sabela-music-projects-image-frame-01-dropshadow-bottom-left.png") left bottom no-repeat;
}
div.frame-top-right
{
	padding-top: 16px;
	background: url("images/sabela-music-projects-image-frame-01-dropshadow-top-right.png") right top no-repeat;
}
div.frame-right-bottom
{
	background: url("images/sabela-music-projects-image-frame-01-dropshadow-right-bottom.png") right bottom no-repeat;
}
div.image-frame img
{
	display: block;
	position: relative;
	top: -16px;
	left: -16px;
}



div.debugInput table
{
	margin-bottom: 1em;
	background-color: #FFF;
}

/*-------------------------
Lightbox tweaks
-------------------------*/
div#stimuli_lightbox a,
div#stimuli_lightbox a:hover
{
	border: none !important;
	text-decoration: none !important;
}