/*
Theme Name: Anna Fiorentini
Theme URI: http://www.annafiorentini.com/
Description: Custom template for Anna Fiorentini theatre and film school
Author: Clinton Montague (development), Bruce Smith (designer)
Author URI: http://clintonmontague.co.uk/
*/

/******************************************************
 *                      MENU
 *                      ====
 *
 * Section 0: Reset / set / defaults
 * Section 1: Header
 * Section 2: Footer
 * Section 3: Home page
 * Section 4: Subnav / sidebars
 * Section 5: Typography
 *
 *
 *                    COLOURS
 *                    =======
 *
 * Pink:   #D02C7E
 * Yellow: #C2B12F
 */


/******************************************************
 * Section 0: Reset / set / defaults
 *****************************************************/
html
{
	margin: 0;
	padding: 0;
	overflow-y: scroll;
}

body
{
	background-color: #000;
	margin: 0;
	padding: 0;
	font: 12px/16px Verdana, Helvetica, Arial, sans-serif;
	color: #fff;
}

#container
{
	margin: 0 auto;
	width: 940px;
}

a img 
{
	border: 0;
}

/******************************************************
 * Section 1: Header
 *****************************************************/
#header
{
	position: relative;
}
#header #logo
{
	text-indent: -9999px;
	display: block;
	height: 113px;
	background-image: url(images/logo.png);
	width: 300px;
}

#header #header-contact
{
	list-style-type: none;
	position: absolute;
	right: 0;
	top: 17px;
}

#header #header-contact li
{
}

#header #header-contact li span
{
	color: #C2B12F;
}

#header #header-contact li a
{
	color: #fff;
	text-decoration: none;
}

#header #navigation
{
	width: 100%;
	border-bottom: 1px solid #555253;
	list-style-type: none;
	height: 32px;
	padding: 0;
	margin: 0;
	background-image: url(images/navigation.png);
	background-position: 0px 5px;
	background-repeat: no-repeat;
}

#header #navigation li
{
	display: inline;
}

#header #navigation li a
{
	border-bottom: 5px solid #000;
	display: block;
	height: 27px;
	text-indent: -9999px;
	width: 50px;
	float: left;
}

#header #navigation li a:hover
{
	border-color: #666;
}

#header #navigation li.active a
{
	border-color: #D02C7E;
}

#header #navigation #nav-home a
{
	width: 52px;
}

#header #navigation #nav-schools a
{
	width: 83px;
}

#header #navigation #nav-news a
{
	width: 64px;
}

#header #navigation #nav-workshops a
{
	width: 103px;
}

#header #navigation #nav-about a
{
	width: 91px;
}

#header #navigation #nav-agency a
{
	width: 104px;
}

#header #navigation #nav-classes a
{
	width: 118px;
}

#header #navigation #nav-faq a
{
	width: 145px;
}

#header #navigation #nav-gallery a
{
	width: 75px;
}

#header #navigation #nav-sponsorship a
{
	width: 105px;
}


/******************************************************
 * Section 2: Footer
 *****************************************************/
#footer 
{
	width: 940px;
	clear: both;
	border: 1px solid #666;
	border-left: 0;
	border-right: 0;
	padding: 0.9em 0 0.8em 0;
	font-size: 11px;
	margin-bottom: 2em;
}

#footer a
{
	color: #fff;
	text-decoration: none;
}

#social-links
{
	float: right;
}

#social-links a
{
	position: relative;
	top: -5px;
}

#social-links a img
{
	position: relative;
	top: 4px;
	padding-left: 5px;
}
 
/******************************************************
 * Section 3: Home page
 *****************************************************/
#homepage-banners
{
	height: 371px;
	border-bottom: 1px solid #666;
}

#homepage-banners ul
{
	margin: 0;
	padding: 0;
	position: relative;
	height: 371px;
	width: 940px;
	list-style-type: none;
}

#homepage-banners ul li
{
	position: absolute;
	top: 0;
	left: 0;
	height: 371px;
	width: 940px;
}
/*
#homepage-banners #fader-1
{
	background-image: url(images/home-banner-1.jpg);
}

#homepage-banners #fader-2
{
	background-image: url(images/home-banner-2.jpg);
}

#homepage-banners #fader-3
{
	background-image: url(images/home-banner-3.jpg);
}
#homepage-banners #fader-4
{
	background-image: url(images/home-banner-4.jpg);
}
*/
#homepage-tacticals 
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#homepage-tacticals li
{
	float: left;
	width: 220px;
	padding: 0 15px 0 0;
	margin-bottom: 2em;
}

#homepage-tacticals li a
{
	display: block;
	text-decoration: none;
	color: #fff;
}

#homepage-tacticals li a h2
{
	font-family: 'Rokkitt', serif;
	font-size: 36px;
	line-height: 26px;
	margin: 15px 0;
}

#homepage-tacticals li a span
{
	line-height: 16px;
}

/*
#homepage-tacticals li#not-for-profit a
{
	background-image: url(images/not-for-profit.jpg);
}



#homepage-tacticals li#the-agency a
{
	background-image: url(images/the-agency.jpg);
}


#homepage-tacticals li#sponsor-a-child a
{
	background-image: url(images/sponsor-a-child.jpg);
}

#homepage-tacticals li#sponsor-eddie a
{
	background-image: url(images/sponsor-eddie.jpg);
}

#homepage-tacticals li#saturdays-and-evenings a
{
	background-image: url(http://www.annafiorentini.com/wordpress/wp-content/uploads/saturdays-and-evenings.png);
	height: 100px;
}

#homepage-tacticals li#workshops a
{
	background-position: 20px 0px ;
	background-image: url(images/workshops-tactical.jpg);
}

#homepage-tacticals li#raffle a
{
	background-position: 20px 0px ;
	background-image: url(images/raffle-tactical.jpg);
}
*/
#homepage-tacticals #home-apply ul
{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

#homepage-tacticals #home-apply li
{
	display: block;
	float: none;
	margin-left: 0;
	padding-left: 0;
	width: 100% !important;
	margin-bottom: 0.55em;
}

#homepage-tacticals #home-apply h2
{
	font-family: 'Rokkitt', serif;
	font-size: 36px;
	line-height: 26px;
	margin: 15px 0;
}

#homepage-tacticals #home-apply a
{
	color: #fff;
	display: inline;
}

#homepage-tacticals #home-apply a:hover
{
	color: #bfb230;
}

.home-links-left {float:left;width:49%;margin-right:5px;}
.home-links-right {float:right; width:48%;}

/******************************************************
 * Section 4: Subnav / sidebars / main content area
 *****************************************************/
#subnav
{
	float: left;
	width: 179px;
	padding: 20px 40px 0 0;
}

#subnav h2
{
	border-bottom: 6px solid #c2b12f;
	margin-bottom: 0;
	font-family: 'Rokkitt', serif;
	font-size: 20px;
	padding-bottom: 16px; 
	font-weight:bold; 
	color:#ffffff; 
}
#subnav h2 a { text-decoration:none; color:#ad1010; }
#subnav h2 a:hover { color:#1d5cd1; }


#subnav ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#subnav ul li
{
	padding-top: 2px;
	border-bottom: 1px solid #666;
	margin-bottom: -1px;
}

#subnav ul li ul
{
	border-top: 1px solid #666;
}

#subnav ul li a
{
	padding: 7px 0;
	display: block;
	color: #fff;
	text-decoration: none;
	background-image: url(/wordpress/wp-content/themes/fiorentini/images/sidebar-link.jpg);
	background-repeat: no-repeat;
	background-position: center right;
}

#subnav ul li a:hover, #subnav ul li li a:hover
{
	color: #e2c13f !important;
}

#subnav ul li li a
{
	background-image: none;
}

#subnav ul li.active li a
{
	color: #fff;
}

#subnav ul li.active a.slidey
{
	background-image: url(images/sidebar-active.png);
	color: #fff;
}


#subnav ul li.active a, #subnav ul li li.active a
{
	color: #c2b12f;
}

#article
{
	float: left;
	width: 520px;
	padding-right: 23px;
	padding-bottom: 2em;
	padding-top: 10px;
}

#sidebar
{
	float: left;
	width: 178px;
	padding-top: 16px;
	padding-bottom: 2em;
}

#sidebar .tactical
{
	border-bottom: 1px solid #c2b12f;
	padding-bottom: 10px;
	padding-top: 2em;
}

#sidebar .tactical a
{
	display: block;
	color: #fff;
	line-height: 18px;
	text-decoration: none;
}

/** AO: Little arrows that don't work at the moment!
#sidebar .tactical a:after
{
	content: ".";
	text-indent: -9999px;
	display: none;
	float: right;
	font-size: 0;
	line-height: 0;
	border-top: 5px solid #000;
	border-bottom: 5px solid #000;
	border-left: 5px solid #C2B12F;
	margin-top: 3px;
	margin-right: 5px;
}
*/

#sidebar .tactical h2
{
	font-family: 'Rokkitt', serif;
	font-size: 36px;
	color: #fff;
	line-height: 26px;
	margin: 5px 0;
}

#sidebar .last
{
	border-bottom: 0;
}

/**** AO: Old tactical images...
#sidebar #tactical-schools a
{
	background-image: url(images/schools-tactical.jpg);
	height: 112px;
}

#sidebar #tactical-voice-idol a
{
	background-image: url(images/voice-idol-tacticl.jpg);
	height: 112px;
}

#sidebar #tactical-holiday-courses a
{
	background-image: url(images/holiday-courses-tactical.jpg);
	height: 135px;
}

#sidebar #tactical-classes a
{
	background-image: url(images/classes-tactical.jpg);
	height: 107px;
}

#sidebar #tactical-news a
{
	background-image: url(images/news-tactical.jpg);
	height: 107px;
}

#sidebar #tactical-not-for-profit a
{
	background-image: url(images/not-for-profit-tactical.jpg);
	height: 144px;
}


#sidebar #tactical-our-team a
{
	background-image: url(images/our-team-tactical.jpg);
	height: 107px;
}

#sidebar #tactical-the-agency a
{
	background-image: url(images/the-agency-tactical.jpg);
	height: 107px;
}
****/


/******************************************************
 * Section 5: Typography
 *****************************************************/
h2.sifr
{
	font-family: 'Rokkitt', serif;
	font-size: 52px; 
	color:#ffffff; 
}

p
{
	color: #fff;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 12px;
	line-height: 1.6em;
}

h3, span.yellow, h3 a
{
	font-size: 1em;
	color: #C2B12F !important;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-weight: normal;
	text-transform: uppercase;
	text-decoration: none;
}

h3
{
	padding-bottom: 0;
	margin-bottom: -0.7em;
}

img.illustration, img.team-illustration
{
	float: left;
	padding: 4px;
	border: 1px solid #323131;
	margin-right: 2em;
	margin-bottom: 0.5em;
}

img.team-illustration
{
	margin-right: 11px;
	margin-bottom: 11px;
}

#article a
{
	color: #fff;
}

div.donation-option
{
	background-color: #181818;
	padding: 0.5em 2em;
	margin-bottom: 2em;
}

div.newsletter
{
	float: left;
	width: 90px;
	text-align: center;
	padding: 5px;
}

div.newsletter a
{
	text-decoration: none;
}

div.newsletter a img
{
	padding-bottom: 1em;
}

.gallery-image
{
	margin-right: 8px;
	margin-bottom: 0.5em;
}

.news-container
{
	clear: both;
}

.news-story
{
	float: left;
	width: 400px;
}

.news-story h3
{
	padding-top: 0;
	margin-top: 0;
}

.news-illustration
{
	width: 70px;
	float: left;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	height: 70px;
	padding: 3px;
	border: 1px solid #666;
	margin-right: 1.5em;
	margin-bottom: 2em;
}

#article ul
{
	margin: 1em 0 0 0;
	padding: 0;
	display: block;
}
#article ul li
{
	margin-left: 1em;
	line-height: 1.6em;
}

.bio-photo
{
	float: left;
	width: 155px;
	padding-top: 13px;
}

.bio-content
{
	float: left;
	width: 235px;
}

.bio-cv
{
	padding-top: 13px;
	float: left;
	width: 113px;
	text-align: right;
}

ul.single-line li
{
	float: left;
	margin-right: 15px;
}

.team-members a
{
	float: left;
	display: block;
	width: 126px;
	padding-bottom: 2em;
	text-decoration: none;
	color: #C2B12F;
}