/*
Theme Name: Saturn Dance theme
Theme URI: http://boxadesign.co.uk
Description: Custom Wordpress CMS theme for Saturn Dance by Box A Design.
Version: 1
Author: Matt Simon - Box A Design
Author URI: http://boxadesign.co.uk
*/


@import "reset.css";

a:focus {
    -moz-outline-style: none;
	}

p {
	line-height: 22px;
	margin: 0 0 10px 0;
	}

span.red {
	color:#671017;
	font-size:13px;
	text-transform:uppercase;
	}

span.grey {
	color:#9b9a9a;
	font-size:12px;
	}

hr {
	border: none;
	border-bottom: 1px solid #eeeeee;
	margin: 10px 0;
	}
	
.alignleft {
	float: left;
	margin:0 20px 20px 0;
	}
	
.alignright {
	float:right;
	margin:0 0 20px 20px;
	}

/* HEADER TAGS */
/* ----------------------------------------- */

h1 {
	font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:normal;
	color:#000000;
	line-height:34px;
	margin: 0 0 10px 0;
	}

h1 span {
	color:#959595;
	}

h2 {
	font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:21px;
	font-weight:normal;
	color:#000000;
	line-height:34px;
	}

h3 {
	font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:normal;
	color:#000000;
	line-height:34px;
	}
	
h4 {
	color:#671017;
	font-size:13px;
	text-transform:uppercase;
	line-height:34px;
	font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	}

h5 {
	color:#000000;
	font-size:12px;
	text-transform:uppercase;
	line-height:34px;
	font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	}

/* LAYOUT */
/* ----------------------------------------- */

body {
	margin:0;
	font-size: 13px;
	color: #6f6f6f;
	font-family:  "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif;
	background:#790f18;
	}

#page_wrap {
	width:1024px;
	margin:-10px auto 0 auto;
	position:relative;
	}

#page {
	background:#FFFFFF;
	padding: 30px 20px 20px 20px;
	clear:both;
    overflow:hidden;
    height:100%;
	}

#page a {
	color:#7e040b;
	padding: 0 0 1px 0;
	}

#page a:hover {
	border-bottom: 1px dotted #7e040b;
	}

/* SIDEBAR */
/* ----------------------------------------- */

#sidebar {
	width: 235px;
	float:right;
	padding: 0 0 0 0;
	}


/* HEADER */
/* ----------------------------------------- */

#header {
	background:url(images/headerbg.gif) 0 0 no-repeat;
	width:100%;
	height:170px;
	position:relative;
	}

#logo {
	width: 293px;
	height: 83px;
	top:10px;
	left:0;
	position:absolute;
	text-indent:-9999px;
	background: url(images/logo.gif) top no-repeat;
	}

#header_content {
	float:right;
	width:415px;
	padding:20px 0 0 0;
	font-size:14px;
	color:#FFFFFF;
	}


#searchform {
	padding: 0 0 20px 100px;
	position:relative;
	}

#s {
	background:url(images/searchbg.gif);
	width:203px;
	height:19px;
	border:none;
	padding: 7px 5px 5px 7px;
	}

#searchsubmit {
	background:url(images/searchbutton.gif);
	height:29px;
	width:29px;
	border:none;
	cursor:pointer;
	margin:0;
	padding:0;
	position:absolute;
	top: 0px;
	}

.contact_details {
	border-right: 2px solid #FFFFFF;
	display: inline;
	padding: 0 10px 0 10px;
	}

.contact_details img{
	padding: 0 10px 0 0;
	}

/* NAV */
/* ----------------------------------------- */

#nav {
	width:100%;
	clear:both;
	padding: 44px 0 0 10px;
}

.sf-menu li {
	margin: 0 5px 0 0;
}

.sf-menu li a{
	color:#FFFFFF;
	font-size:14px;
	text-transform:uppercase;
	font-family:"Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	background:#740f18;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	text-shadow:2px 1px 0 rgba(0, 0, 0, 0.4);
	padding: 10px 20px;
}
.sf-menu li a:hover {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

.sf-menu li.current_page_item a{
	border-right:none;
	color:#5d0c13;
	text-shadow:2px 1px 0 rgba(0, 0, 0, 0);
	background:#FFFFFF;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}

ul.sf-menu li.current_page_item  ul a, {
	color:#FFFFFF;
	background:#740f18;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	border-right:none;
}

ul.sf-menu li.current_page_item ul a:hover, .sf-menu li ul a:hover, ul.sf-menu li.current_page_ancestor ul li.current_page_item a{
	color:#FFFFFF;
	background:#85131d; 
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	border-right:none;
}



.sf-menu ul {
	position:absolute;
	top:-999em;
	width:20em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
	width:100%;
	border-bottom: 1px solid #740f18;
}

.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
	float:			left;
	position:		relative;
}

.sf-menu a {
	display:		block;
	position:		relative;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:0;
	top:2.5em; /* match top ul list item height */
	z-index:99;
	background:#740f18;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	padding:5px;

}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:-999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:20em; /* match ul width */
	top:0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:10em; /* match ul width */
	top:0;
}

.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}

.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			0.9em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.9em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
	.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
	.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* HOMEPAGE */
/* ----------------------------------------- */

#main_home {
	background:url(images/dancers.jpg) 58% bottom no-repeat;
	padding: 0 0 0 0;
    height:435px;
	}

#home_left {
	float:left;
	width:425px;
	}

#home_right {
	float:right;
	width:325px;
	}

#home_left a:hover {
        border-bottom:none;
        }

#gift {
	width:248px;
	height:95px;
	padding:15px 15px 10px 60px;
	background:url(images/giftbg.gif) no-repeat;
	}

#gift span.red {
	text-transform:none;
	text-shadow:1px 1px 0 rgba(0, 0, 0, 0.4);
	}

#gift p{
	line-height: 20px;
	font-size:13px;
	}

#latest_news {
	margin:20px 0 0 50px;
	}

#latest_news p{
	font-size:12px;
	}

#latest_news h2{
	padding:0 35px 10px 0;
	background: url(images/h2arrowdown.gif) right 5px no-repeat;
	display:inline;
	}

.news_item{
	border-bottom: 1px #CCCCCC dotted;
	margin: 0 0 0 0;
	padding: 7px 10px 0 0;
	}

.news_item a{
	line-height: 22px;
	}

/* ABOUT US PAGE */
/* ----------------------------------------- */

#first_col {
	width:190px;
	float:left;
	margin: 0 30px 0 0;
	}

#second_col {
	width:225px;
	float:left;
	margin: 0 15px 0 0;
	}

#third_col {
	width:225px;
	float:left;
	padding: 0 22px;
	margin: 0 22px 0 0;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	}

#fourth_col {
	width:225px;
	float:left;
	}

#second_col img, #third_col img, #fourth_col img {
	padding:0 0 15px 0;
	}

p.quote {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#c0bebe;
	font-size:19px;
	line-height: 30px;
	}

#quote_float {
	width:430px;
	height:400px;
	position:absolute;
	top:650px;
	left:20px;
	}

/* CLASSES PAGE */
/* ----------------------------------------- */

#class_wrap {
	width:830px;
	float:right;
	}

#class_wrap_main {
	width:550px;
	float:left;
	padding: 0 0 0 30px;
	}


#sidebar_classes_menu {
	float:left;
	border-right: 1px solid #eeeeee;
	width:130px;
	padding:20px 0 0 0;
	}

ul#left_menu li{
	display:block;
	border-bottom: 1px solid #eeeeee;
	padding: 20px 10px 20px 10px;
	}


ul#left_menu li a{
	text-transform:uppercase;
	}
	
ul#left_menu li.current_page_item, ul#left_menu li:hover{
	background: #F9F9F9;
	color: #000000;
	}

ul#left_menu li.current_page_item a{
	color:#000000;
	border: none;
	}
	
ul#left_menu li.lower_links a, ul#left_menu li.lower_links_last a {
	color:#9b9a9a;
	font-size:12px;
	text-transform:none;
	}

ul#left_menu li.lower_links_last {
	padding: 75px 0 20px 10px;
	}

ul#left_menu li.lower_links a:hover, ul#left_menu li.lower_links_last a:hover {
	border-bottom:1px dotted #9b9a9a;
	}

#middle_col {
	float:left;
	width:220px;
	border-right: 1px solid #eeeeee;
	padding: 0 30px 0 0;
	}

#middle_col p {
	font-size:11px;
	}

#timetable_col {
	width:550px;
	float:right;
	padding: 0 0 0 0;
	}

#explained_col {
	margin: 0 0 0 0;
	padding: 20px 300px 20px 0;
	border-top: 1px solid #eeeeee;
	clear:both;
	background:url(images/dancers2.jpg) right bottom no-repeat;
	min-height: 400px;
	}

#explained_col h3{
	padding: 0 0 10px 0;
	}

#explained_col span.red, #middle_col span.red{
    border-bottom: 1px solid #671017;
}

#other_wrap {
	padding: 0 0 0 30px;
	float:left;
	width:800px;
	}

/* EVENTS */
/* ----------------------------------------- */

#events_page_wrap {
	width: 680px;
	float:left;
	margin: 0 30px 0 0;
	}
	
#events {
	padding: 10px 0 0 0;
	}
	
ul.events_wrap {
	margin: 0 0 50px 0;
	line-height: 18px;
	}

ul.events_wrap li.title {
	background:#f3f3f3 url(images/events_name.gif) 5px center no-repeat;; 
	padding: 15px 20px 15px 45px;
	margin: 0 0 5px 0;
	font-size:15px;
	font-weight:normal;
	color:#671017;
	}


ul.events_wrap li.date {
	background:#f3f3f3 url(images/events_date.gif) 5px center no-repeat;
	padding: 15px 20px 15px 45px;
	margin: 0 0 5px 0;
	}


ul.events_wrap li.event {
	background:#f3f3f3 url(images/events_info.gif) 5px center no-repeat;
	padding: 15px 20px 15px 45px;
	margin: 0 0 5px 0;
	}


ul.events_wrap li.location {
	background:#f3f3f3 url(images/events_location.gif) 5px center no-repeat;
	padding: 15px 20px 15px 45px;
	margin: 0 0 5px 0;
	}

.events_info_box {
	background-color:#fafafa;
	border: 5px dashed #f0f0f0;
	padding:20px;
	margin: 0 0 30px 0;
	}



/* CONTACT US */
/* ----------------------------------------- */

#contact_form {
	width: 440px;
	margin: 15px 30px 0 0;
	color:#000000;
	float:left;
background-color:#fafafa;
padding:10px 20px 20px 20px;
	}

#contact_form p {
	margin:0;
	padding:0;
	}

#contact_form .wpcf7-form-control-wrap input, #contact_form .wpcf7-form-control-wrap textarea{
	padding: 7px;
	border:none;
	margin: 0 0 5px 0;
	color:#000000;
	border: 2px solid #f0f0f0;
	width:400px;
	}

#contact_form .wpcf7-form-control-wrap textarea{
	height: 80px;
	}

#contact_form #send input {
	width:80px;
	margin: 10px 0 0 0;
	padding: 7px;
	background:#5c5c5c;
	color: #FFFFFF;
	-moz-border-radius: 10px;
	-typekit-border-radius: 10px;
	border:none;
	}

#contact_form #send input:hover {
	background:#000000;
	cursor:pointer;
	}

#contact_form_right {
	float:left;
	width:300px;
	margin: 15px 0 0 0;
	background-color:#fafafa;
	border: 5px dashed #f0f0f0;
	padding:20px;
	}

/* NEWS */
/* ----------------------------------------- */

#news_wrap {
	width:600px;
	padding:0 30px 0 0;
	border-right: 1px solid #eeeeee;
	float: left;
	}

.post_news {
	margin: 10px 0 30px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #eeeeee;
	}
	
.post_news h3 {
	margin: 0 0 0 60px;
	padding:3px 0 0 0;
	color:#FFFFFFF;
	font-size:20px;
}

.post_news .entry {
	margin: 10px 0 0 60px;
	}

p.authorinfo {
	margin: -5px 0 0 60px;
	padding:0;
	color:#999999;
}

div.date {position:absolute; left:20px; width:60px; height:60px; padding:10px 0 0 0; margin:0 0 0 -5px;}
div.date {font-size:14px; text-align:center; color:#666;}
p.date-month {margin:2px 0 15px 0; color:#999; font-size: 32px}

#main_sidebar {
	float:right;
	width:290px;
	padding: 0 20px 0 0;
	}

#main_sidebar ul li {
	border-bottom: 1px solid #eeeeee;
	padding: 10px 0;
	margin: 0 0 0 0;
	}
#main_sidebar ul li:last-child {
	border:none;
	}
	
#main_sidebar ul {
	border: none;
	}

#comment{
	width:600px;
	}

/* FOOTER */
/* ----------------------------------------- */

#footer {
	background: url(images/blackbg.gif) 0 0 repeat;
	}

#footer a {
	color:#CCCCCC;
	padding: 0 0 1px 0;
	}


#footer_inner {
	width: 1024px;
	margin: 0 auto;
	padding:0;
	}

#footer_main {
	width: 100%;
	padding: 0 0 20px 0;
	overflow:hidden;
	}

#footer_top {
	height: 20px;
	padding:0;
	background:#FFFFFF;
	width: 1024px;
	margin: 0 auto;
	}

#footer_bottom {
	width: 100%;
	border-top: 1px solid #2a2a2a;
	overflow:hidden;
	clear:both;
	padding: 20px 0;
	font-size:12px;
	}

#copyright {
	float:left;
	width:50%;
	text-align:left;
	}

#designby {
	float:right;
	width:50%;
	text-align:right;
	}

.footer_boxes_first {
	width:340px;
	padding: 20px 0 0 20px;
	float:left;
	}

.footer_boxes {
	width:300px;
	padding: 20px 0 0 55px;
	float:left;
	}

.footer_boxes_last {
	width:230px;
	padding: 20px 0 0 60px;
	float:left;
	}

.footer_boxes_last  ul.locations{
	list-style-type:none;
	padding: 5px 0 15px 0;
	margin: 0 0 15px 0;
	color:#FFFFFF;
	border-bottom: 1px solid #2a2a2a;
	}

.footer_boxes_last ul.locations li{
	margin: 0 0 5px 0;
	}

.footer_boxes_last a:hover {
	border-bottom: 1px dotted #CCCCCC;
	}

.footer_title {
    padding: 0 0 10px 0;
    }

.footer_boxes_first #contact_form {
	background:#1f1f1f;
	padding: 20px;
	width: 265px;
	-moz-border-radius: 10px;
	-typekit-border-radius: 10px;
	margin: 15px 0 0 0;
	border:none;
	color:#bcbbb4;
	float:none;
	}

.footer_boxes_first #contact_form p {
	margin:0;
	padding:0;
	}

.footer_boxes_first #contact_form .wpcf7-form-control-wrap input, .footer_boxes_first #contact_form .wpcf7-form-control-wrap textarea{
	-moz-border-radius: 10px;
	-typekit-border-radius: 10px;
	padding: 7px;
	border:none;
	width:245px;
	margin: 0 0 5px 0;
	background-color:#FFFFFF;
	color:#bcbbb4;
	}

.footer_boxes_first #contact_form .wpcf7-form-control-wrap textarea{
	height: 80px;
	}

.footer_boxes_first #contact_form #send input {
	width:80px;
	margin: 10px 0 0 0;
	padding: 7px;
	background:#5c5c5c;
	color: #FFFFFF;
	-moz-border-radius: 10px;
	-typekit-border-radius: 10px;
	border:none;
	}

.footer_boxes_first #contact_form #send input:hover {
	background:#000000;
	cursor:pointer;
	}

.flickr-mini-gallery {
	margin:15px 0 0 0;
	}

.flickr-mini-gallery a img {
	border: 6px solid #292929;
	margin: 0 5px 5px 0;
	}

.flickr-mini-gallery a img:hover {
	border: 6px solid #000000;
	}