@import url(framework.css);
@import url(nav.css);
@import url(forms.css);
@import url(homepage.css);
@import url(gallery.css);
@import url(portfolio.css);

html{overflow-y:scroll;}

body{margin:0; padding:0; font-size:100%; font-family: 'Merriweather', serif;/*Arial, serif;*/ color:#666; background-color:#fff;}

.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart{margin:0; padding:0; list-style:none;}
.hidden{display:none;}

.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden; line-height:0;}
.clear{display:block; clear:both;}
html[xmlns] .clear{display:block;}
* html .clear{height:1%;}

a{outline:none; text-decoration:none;}

.fl_left{float:left;}
.fl_right{float:right;}

img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.imgholder, .imgl, .imgr{padding:4px; border:1px solid #D6D6D6; text-align:center;}
.imgl{float:left; margin:0 15px 15px 0; clear:left;}
.imgr{float:right; margin:0 0 15px 15px; clear:right;}

/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

address, article, aside, figcaption, figure, footer, subfooter, header, hgroup, nav, section{display:block; margin:0; padding:0;}

/*----------------------------------------------Responsive Videos-------------------------------------*/

.video{display:block; position:relative; width:100%; height:0; margin:0; padding:0 0 56.25% 0; /* using a 16:9 aspect ratio, the height is 56.25% of the width (9/16=0.5625) */}
.video iframe{display:block; position:absolute; width:100%; height:100%; margin:0; padding:0;}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper{}

.row1 a, .row2 a, .row3 a, .row4 a, .row5 a{color:#009789; }

.row1, .row1 a{color:#666666; background-color:#FFFFFF;}
.row2, .row2 a{}
.row3, .row3 a{}
.row4, .row4 a{}
.row5 a{color:#666666; background-color:#FFFFFF;}



/*----------------------------------------------Generalise-------------------------------------*/

h1, h2, h3, h4, h5, h6{margin:0 0 8px 0; padding:0; font-size:1.4em; font-weight:normal; line-height:normal;}

address{font-style:normal;}

blockquote, q{display:block; padding:8px 10px; color:#979797; background-color:#ECECEC; font-style:italic; line-height:normal;}
blockquote:before, q:before{content:'“ '; font-size:26px;}
blockquote:after, q:after{content:' „'; font-size:26px; line-height:0;}

#header, #container, #footer, #subfooter, #copyright{margin:0 auto; font-size:0.8em;}

p {font-size:1.1em; color:#666;}



/*----------------------------------------------Header-------------------------------------*/

#header{padding:0;}

#header hgroup{display:block; width:155px; height: 137px;float:left;background-color:#E3E3E3;}


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

#container{padding:0 0 30px; border-bottom:1px solid #f7f7f7; }
#container h1, #container h2, #container h3, #container h4, #container h5, #container h6{margin-bottom:20px;}

#container section{display:block; width:100%; margin:0 0 30px 0; padding:0;padding-top:0px;}


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

#container #content{float:left; width:100%; margin-bottom:0;}
#container .contentfull{float:left; width:100%; margin-bottom:0;}
#container #contentfull{float:left; width:100%; margin-bottom:0;}
#container .more {padding:10px 0; width:150px;margin-bottom:5px; margin-right:25px;float:right;background-color: #FF0778;color:#fff;text-align: center;}
#container .more a {background-color: #FF0778; color:#fff;}
#container .more a:hover {text-decoration: underline;}
#container .back {padding:10px 0; width:150px;margin-bottom:5px; margin:0 auto;background-color: #FF0778;color:#fff;text-align: center;}
#container .back a {background-color: #FF0778; color:#fff;}

#container #contentfull p { padding:0 25px;}
#container #content p { padding:0 25px;}
#container #content h3 { padding:0 25px;}
#container #contentfull section h2 {font-size:28px;padding:0 25px;}
#container #contentfull section li {font-size:16px;padding:0 25px;}
#container #contentfull img.projectimg {font-size:16px;padding:0 25px;}


.one_half h2 {display:block;color:#fff;  background-color:#444 ;padding:15px 10px;margin:0}

#pageheading{display:block; position:relative; margin:0 auto; padding:0;}
#pageheading h1,
#pageheading h1.creative,
#pageheading h1.children,
#pageheading h1.contact,
#pageheading h1.about,
#pageheading h1.courses,
#pageheading h1.comedyclub,
#pageheading h1.comedy {display:block; text-align: center;color:#fff;margin:0 auto;padding:15px;font-size:32px;font-family: 'Merriweather', serif;}
#pageheading h1.creative {background-color: #009789;}
#pageheading h1.children {background-color: #FF0778;}
#pageheading h1.about {background-color: #e3e3e3;color:#000000;}
#pageheading h1.contact {background-color: #448F02;}
#pageheading h1.courses {background-color: #3F61FF;}
#pageheading h1.comedyclub {background-color: #448F02;}
#pageheading h1.error  {background-color: #ccc;}
#pageheading h1.drama {background-color:#AA29FF;}
#pageheading h1.comedy {background-color:#3F61FF;}

.courses #content h2,
.comedy #content h2,
.about #content h2,
.comedyclub #content h2,
.contact #content h2,
.creative #content h2,
.error #content h2,
.children #content h2
 {display:block;font-size:28px;text-align: center;background-color: #f1f1f1;padding:10px;font-family: 'Merriweather', serif;}



.children #content h2 {color:#FF0778;border-bottom: 3px solid #FF0778;}
.children a {color:#FF0778;}

.creative #content h2 {color:#009789;border-bottom: 3px solid #009789;}
.creative a {color:#009789;}

.contact #content h2 {color:#448F02;border-bottom: 3px solid #448F02;}
.contact a {color:#448F02;}

.comedyclub #content h2 {color:#448F02;border-bottom: 3px solid #448F02;}
.comedyclub a {color:#448F02;}

/*.courses #content h2 {display:block;font-size:30px;text-align: center;background-color: #f1f1f1;padding:10px;color:#3F61FF;font-family: 'Merriweather', serif;font-weight: bold;border-bottom: 3px solid #3F61FF;}*/
.courses #content h2 {color:#3F61FF;border-bottom: 3px solid #3F61FF;}
.courses a {color:#3F61FF;}

.about #content h2 {color:#E47510;border-bottom: 3px solid #E47510;}
.about a {color:#E47510;}

.children section h2,
.drama section h2,
.comedy section h2
 {margin-top:10px;}

#container .contentfull h2 {display:block;font-size:28px;text-align: center;background-color: #f1f1f1;padding:10px;color:#FF0778;font-family: 'Merriweather', serif;border-bottom: 3px solid #ff0777;}

#container.projects .contentfull h2 {color:#444;border-bottom: 3px solid #444;}

#container .contentfull .error h2 {color:#444;border-bottom: 3px solid #444;}
.error a {color:#444;}

.courses #content h3,
.comedy #content h3,
.contact #content h3,
.comedyclub #content h3,
.about #content h3,
.creative #content h3,
.error #content h3
{color:#222;}


img.projectimg {float:left; margin-right:10px; margin-bottom:10px;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
img.projectsingleimg {float:left; margin-right:10px; margin-bottom:10px;}

.projectdivider {border:1px solid #f7f7f7;}

.comedy h3 {color:#FF0778;}

.blog .imgl {-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}

.about li {font-size:15px;color:#333;}
.about h3 {font-size:22px; color: #222; display:block; border-bottom:1px solid #e1e1e1;}



/* Project Single Page */
.pdetails {width:100%;float:left;padding-right:10px}
.credits {float:left; margin:10px 0 25px 0;width: 31.25%;background-color: #ffeaea;padding:15px;border-bottom:solid 2px #FF0778;}

/* ------Right Column-----*/

#container #right_column{float:right; width:31.25%;margin-top:25px;}

aside h2{padding-bottom:8px; font-size:24px;  border-bottom:5px solid #CCCCCC; text-align:right;}

.headshot {float:left;width:150px; height:200px;padding:0;margin:0;}

aside li {font-size:16px;}
/*----------------------------------------------Footer-------------------------------------*/

#footer{padding:30px 0; line-height:1.6em; border-bottom:1px solid #D6D6D6; background-color:#f1f1f1;}

#footer section{margin-bottom:0;}

#footer ul{margin:0; padding:0; list-style:none;}
#footer p{margin:5px 0; padding:0;}


/* ------Quick Links-----*/

#footer section nav li{margin:0 0 8px 0; padding:0 0 5px 0; border-bottom:1px solid #D6D6D6;}
#footer section nav li.last{margin:0;}
#footer section nav a{padding:0 0 0 10px; background:url("../images/arrow.gif") left center no-repeat;}

#footer .one_third {text-align: center;}
#footer .one_quarter {text-align: center;}

#footer .facebook a {color:#3b5998;}
#footer .twitter a {color:#0084b4;}
#footer .instagram a {color:#dd2a7b;}
#footer .email a {color:purple;}

/* sub footer */


#subfooter {background-color: #e1e1e1;}
#subfooter{padding:20px 0; line-height:1.3em; border-bottom:1px solid #D6D6D6;}

#subfooter section{margin-bottom:0;}
#subfooter section h2.title{margin:0 0 10px 0; padding:0 10px 0 20px; display:block;color:#333;}
#subfooter ul{margin:0 0 0 20px; padding:0; list-style:none;}
#subfooter p{margin:5px 0; padding:0;}

/* ------Quick Links-----*/

#subfooter section nav li{margin:0 0 8px 0; padding:0 0 5px 0; border-bottom:1px solid #D6D6D6;}
#subfooter section nav li.last{margin:0;}
#subfooter section nav a{padding:0 0 0 10px; background:url("../images/arrow.gif") left center no-repeat; color:#444;}
#subfooter .footerlogo img {margin:15px 45px 0 0; float:right;}
/*----------------------------------------------Copyright-------------------------------------*/

#copyright{padding:20px 0;}
#copyright p{margin:0; padding:0;}