/*

Theme Name: Santa Barbara Danceworks

Description: Custom theme for Santa Barbara Danceworks

Version: v1

Author: Naseem Hyder

Author URI: http://www.naseemhyder.com


*/



/* Startup */



* {
	margin: 0;
	padding: 0;
}
html {
	font-size: 100%;
}
p {
	padding: 5px 0px;
}
a img {
	border: none;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
	height: 0;
	font-size:0;
}
.auto {
	width: auto;
}
/* Begin Typography & Colors */



body {
	font-size: .8em;
	font-family: Arial, Verdana, sans-serif;
	line-height: 1.4em;
	background: #ff6600;
}
#page {
	width: 926px;
	_width: 926px;
	margin: 0 auto 0 auto;
	position: relative;
	background: #ff6600 url(images/wrapperBack.jpg) repeat-y;
	padding: 0 17px 0 17px;
	overflow: hidden;
}
#wrapperTopBack {
	position: absolute;
	height: 4px;
	width: 960px;
	top: 0;
	left: 0;
}
#wrapperBottomBack {
	position: absolute;
	height: 17px;
	width: 960px;
	bottom: -8px;
	left: 0;
	background: #ff6600 url(images/contentWrapperBack.jpg) no-repeat;
}
html>body #wrapperBottomBack {
	bottom: 0;
}
a {
	color: #FF6600;
	text-decoration:none;
}
a:hover {
	text-decoration: underline;
}
small {
	font-size: 11px;
	color: #999999;
}
h1, h2, h3, h4, h5, h6, strong {
	font-family:Arial, Helvetica, sans-serif;
}
h2.pagetitle {
	color: #333333;
	font-size: 18px;
}
/* ---------- Begin Header ------------- */



#header {
	background-color: #ffffff;
	height: 70px;
	color: #ededed;
}
#header h1 {
	width:400px;
}
#header h1 a {
	background: #ffffff url(images/logo.png) bottom center no-repeat;
	width: 286px;
	height: 38px;
	display:block;
	margin: 26px 0 0 26px;
}
#header h2 {
	font-style:italic;
	font-size: 1.2em;
	padding-left: 35px;
	line-height: 1em;
}
#header a {
	color: #ededed;
}
#header a {
	text-decoration: none;
}
#header form {
	position: absolute;
	top: 55px;
	right: 35px;
	line-height: 1.3em;
}
#header form label {
	float: left;
	padding:.3em .5em;
	color: #333333;
}
#header form input {
	float: left;
	height: 1.3em;
	width: 10em;
	border: 1px solid #d2d2d2;
	background: #e2e2e2;
	margin-right: .5em;
}
#header form button {
	float: left;
	color: #cb9239;
	text-transform: uppercase;
	border: 1px solid #d2d2d2;
	font-size: 1em;
	padding:.1em;
	background:#dcdcdc url(images/buttonBack.jpg) repeat-x;
}
#header #social {
	margin-top: 0;
	float: right;
	font-size:.9em;
}
#header #social img {
	margin-right: 5px;
}
#header #social a {
	color: #000000;
	text-decoration: none;
	margin-right: 20px;
}
#header #social a:hover {
	text-decoration: underline;
}

/* ---------------- Begin Navigation ------------------- */

#menu {
	float: left;
	width: 100%;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;	
}
#menu ul {
	font-size: 1em;
	list-style-type: none;
}
#menu ul li {
	float: left;
}
#suckerfishnav {
	background:#000000 repeat-x;
	font-size:12px;
	line-height:2em;
	font-family:helvetica, sans-serif;
	width:100%;
	text-transform:uppercase;
}
#suckerfishnav, #suckerfishnav ul {
	float:left;
	list-style:none;
	padding:0;
	margin:0;
	width:100%;
}
#suckerfishnav a {
	display:block;
	color:#cccccc;
	text-decoration:none;
	padding:0px 10px;
	cursor:pointer;
	font-weight:bold;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
}

#suckerfishnav li {
	float:left;
	padding:0;
	margin-left: 40px;
	
}



#suckerfishnav ul {
	position:absolute;
	left:-999em;
	height:auto;
	width:101px;
	font-weight:normal;
	margin:0;
	line-height:1;
	border:0;
	border-top:1px solid #333333;
}
#suckerfishnav li li {
	width:155px;
	border-bottom:1px solid #333333;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	font-family:helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-transform: none;
}
#suckerfishnav li li a {
	margin: 0;
	padding: 0 0 0 10px;
	width:145px;
	font-size:12px;
	line-height:2em;
	color:#fff;
	background-color: #000000;
	font-weight: normal;
}
#suckerfishnav li ul ul {
	margin:0 0 0 100px;
}
#suckerfishnav li li:hover {
	background:#000000;
	cursor:pointer;
}
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
	color:#333333;
	background-color: #ffffff;
}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
	color:#ffffff;
	text-decoration:none;	
}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
	color:#ffffff;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
	left:-999em;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
	left:auto;
	background:#000000;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
	background:#000000;
	cursor:pointer;
}

/* ---------------- Content Area ------------------- */



#content-wrapper {
	background:#ffffff url(images/blackColumn.gif) repeat-y;
	float: left;
	width: 926px;
	_width:926px;
}
#home-wrapper {
	background-color: #ffffff;
	float: left;
	width: 926px;
	_width:926px;
	padding-bottom: 20px;
}

html>body #content-wrapper {
	margin: 0;
	width: 922px;
}
html>body #content-wrapper {
	margin: 0;
	width: 924px;
}

#content-wrapper #sidebar {
	margin-top: 40px;
}

#home-image {
	width: 926px;
	height:370px;
	background-color: #000000;
}
.home {

}

#home-column1 {
	width: 300px;
	height: 255px;
	overflow:hidden;
	padding: 10px;
	margin: 10px;
	float: left;
	border: 1px solid #ffcc99;
	background-color:#ffffff;
}
#home-column1 li {
	margin-bottom: 10px;
}
#home-column1 a {
	color: #333333;
	text-decoration:none;
}
#home-column1 a:hover {
	text-decoration:underline;
}
#home-column2 {
	width: 310px;
	height: 255px;
	overflow:hidden;
	padding: 10px;
	margin: 10px;
	float: left;
	text-align:left;
	border: 1px solid #ffcc99;
	background-color:#ffffff;	
}
#home-column2 .title {
	font-size: 1.2em;
}
#home-column2 .author {
	font-size: .85em;
}
#home-column2 .more {
	font-size: .85em;
}
#home-column2 p {
	padding-top: 0px;
}
#side-image {
	width: 218px;
	float:left;
}
#content {
	margin: 10px 10px 10px 10px;

	color: #333333;
}
#content ul {
	list-style-image: url(images/bullet.gif);
}
.narrowcolumn {
	width: 466px;
	float: left;
}
.widecolumn {
	width: 685px;
	float: right;
}
/* --------------------- Start Posts ------------------ */



.post, .page {
	margin-bottom: 10px;
	clear: both;
}
.post, .page {
	background: #fff;
	margin-bottom: 2em;
	padding: 10px;
}
.post p a, .page p a {
	font-weight: bold;
}
.post ul, ol, dl {
	margin-left:20px;
}
.postHeader {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-family:Arial, Helvetica, sans-serif;
	float: left;
	width: 100%;
	clear: both;
}
.postHeader h3 {
	float: left;
	font-size: 1.8em;
}
.byLine {
	float: left;
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	clear: left;
}
.postDate {
	text-align: left;
	float: left;
	clear: left;
}
.tags {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}
/* --------------- Post Navigation --------------------- */



ul#postNavigation, div.navigation {
	float: left;
	width: 100%;
	clear: both;
	list-style: none;
	border: 1px solid #efefef;
}
ul#postNavigation li, div.navigation div {
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}
li#olderPosts, div.navigation div.alignleft {
	float: left;
	width: 250px;
}
li#newerPosts, div.navigation div.alignright {
	float: right;
	width: 250px;
	text-align: right;
}
div.navigation {
	margin: 0px 2px 2em 0;
}
/* -------------- Post Content Formattion ---------------- */


#content .entry ul, #content .entry ol {
	margin: 5px 0px 5px 15px;
}
#content .entry blockquote {
	margin: 5px 20px;
	padding: 8px;
	border: 1px solid #cb9239;
	background: #666666;
	color: #CCCCCC;
}
code {
	font-size: 1.3em;
	font-family:"Courier New", Courier, monospace;
}
#content .entry pre code {
	display: block;
	margin: 5px 25px;
	background: #EFEFEF;
	border: 1px solid #aaaaaa;
	color: #000000;
	padding: 8px;
	font-family:"Courier New", Courier, monospace;
}
#content .entry p {
	padding: 5px 0px;
	margin: 0;
}


#content td {
	padding: 5px 0 5px 0;
	border-top: 1px solid #cccccc;
}
/* -------------- Start Footer --------------------- */



#footer {
	width: 926px;
	_width: 926px;
	margin: 0 auto 0 auto;
	font-size: .8em;
	text-align:center;
}
#footer ul {
	padding-left: 10px;
	list-style-type: none;
}
#footer li {
	display: inline;
	padding-right: 10px;
	text-transform: uppercase;
}
#footer .menu-footer {
	text-align:center;
	margin: 0 auto 0 auto;
	text-transform: uppercase;
}
#footer .menu-footer ul {
	font-size: 1em;
	list-style-type: none;
}
#footer .menu-footer ul li {
	display: inline;
}
#footer p {
	padding: 2px 10px;
	color: #ffcc99;
	text-align:center;
}
#footer a {
	color: #ffcc99;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
/* ----------- Start Sidebar -------------------- */



#sidebar {
	float: right;
	margin: 10px 10px;
	width: 200px;
}
#sidebar ul {
	background: #fff;
	list-style: none;
}
#sidebar ul li {
	margin-bottom: 1em;
	padding: 0px 10px 10px;
}
#sidebar li h2 {
	padding: 10px 0px 5px 0;
	margin: 0;
	font-size: 1em;
	text-transform:uppercase;
	color: 999999;
}
#sidebar ul li li {
	border: none;
	background: none;
	margin-bottom: 0px;
	padding: 2px;
}
#sidebar ul ul {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #FFFFFF;
}

.sidebar-social {
	width: 180px;
	height: 50px;
}


/* ----------------- Begin Comments ------------------- */



/* Begin Comments*/



.post .postmetadata small {
	float: none;
	color: #666666;
}
.alt {
	margin: 0;
	padding: 10px;
}
#comments {
	clear: both;
	margin: 5px 0px;
	background: #CCCCCC;
	padding: 3px 6px;
}
.commentlist {
	padding: 0;
	text-align: justify;
}
.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
}
.commentlist li ul li {
	margin-right: -5px;
	margin-left: 10px;
}
.commentlist p {
	margin: 10px 5px 10px 15px;
}
.children {
	padding: 0;
}
#commentform p {
	margin: 5px 0;
}
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
}
.commentmetadata {
	margin: 0;
	display: block;
}
/* End Comments */



#respond {
	border: 1px solid #666666;
	padding: 5px;
}
#commentform input {
	width: 170px;
	padding: 2px;
	margin: 3px 5px 1px 5px;
}
#commentform {
	margin: 5px 10px 0 0;
}
#commentform textarea {
	width: 98%;
	margin-left: 5px;
	padding: 2px;
}
#respond:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#commentform #submit {
	margin: 0 15px 5px auto;
	float: right;
}
.comment.even {
	background: #EFEFEF;
}
/* End Form Elements */



.alignright {
	float: right;
}
.alignleft {
	float: left
}
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;
}
/* ------------- Begin Input Elements ----------------- */



input, select, textarea {
	border: 1px solid #333333;
	background: #EFEFEF;
}
form p {
	padding: 0px 0px;
	line-height: 1em;
}

/* Calendar */
#calendar_wrap
{
    width: 100%;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    margin-bottom: 10px;
}

#wp-calendar
{
    margin-left: auto;
    margin-right: auto;
    border-spacing: 0px;
	width: 100%;
}

#wp-calendar CAPTION
{
    margin-bottom: 5px;
    letter-spacing: 0.1em;
    color: #666666;
	font-weight:bold;
}

#wp-calendar THEAD TH
{
    padding: 3px 5px;
    color: #ffffff;
    background-color: #ff9f06;
}

#wp-calendar TBODY TD
{
    color: #999999;
    padding: 2px 3px;
    border-width: 0px;
    border-style: none;
}

#wp-calendar TFOOT TD.pad
{
    background-color: #ff9f06;
}

#wp-calendar #next,
#wp-calendar #prev
{
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #dd6f06;
}

#wp-calendar TBODY A
{
    font-weight: bold;
}

#wp-calendar TFOOT A
{
    color: #ffffff;
}
img#wpstats{display:none}